@charset "utf-8";
/* CSS Document */
html, body, div, mark, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, news, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; /*-ms-word-break:break-word; word-break:break-word;*/}
html{position: relative;}
html, body {min-height:100%;}
* {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; cursor:default;}
ol, ul, li {list-style:none; cursor:default;}
img {vertical-align:middle;}
a {color:#000; display:inline-block; text-decoration:none;cursor:pointer;}
a h1, a h2 , a h3 , a h4 , a h5, a h6 {cursor:pointer;}
textarea {resize:none;}
input,textarea {border:0; -ms-word-break:normal; word-break:normal;}
legend {display:none;}
h1,h2,h3,h4,h5,h6 {cursor:default; font-weight: normal;}
button{background: none; border: none;}
a:hover{color: #166ea5; text-decoration: none;}
:focus {outline:0 none}
.clear {clear:both;}
.fix {zoom:1;}
.fix:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.bd {-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
.bd100 {-moz-border-radius:100%; -webkit-border-radius:100%; -khtml-border-radius:100%; border-radius:100%;}
.bd5 {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.bx {-webkit-box-shadow:0 1px 3px #d3d5d8; -moz-box-shadow:0 1px 3px #d3d5d8; box-shadow:0 1px 3px #d3d5d8;}
.flow {overflow:hidden;}
.left{float: left;}
.right{float: right;}
.ltext{text-align: left;}
.rtext{text-align: right;}
.ctext{text-align: center;}
.auto{height: auto;}
.pointer {cursor:pointer;}
.dib {display:block;}
input[type=submit].def-color {padding-left:20px;padding-right:20px;}
input[type=submit].def-color:focus {color:#fff;}
.none{display: none;}
.nopad{padding-right: 0 !important; padding-left: 0 !important;}
.nolpad{padding-left: 0 !important}
.norpad{padding-right: 0 !important}
.border{border: 1px solid #eaeaea;}

@font-face {
    font-family: 'Pragmatica Extended';
    src: url('../fonts/PragmaticaExtended-Light.eot');
    src: url('../fonts/PragmaticaExtended-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PragmaticaExtended-Light.woff2') format('woff2'),
        url('../fonts/PragmaticaExtended-Light.woff') format('woff'),
        url('../fonts/PragmaticaExtended-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

body {word-break:break-word; overflow-x: hidden; background: #fbfaff; color:#000;}

.container{padding-left: 0; padding-right: 0;}

/* header */
.header-top{border-bottom: 1px solid #d4d3d6; padding: 15px 0 7px 0; margin-bottom: 10px;}
.lang a{color: #166ea5; border-right: 1px solid #d4d3d6; width: 75px; text-align: center; padding: 5px 0 7px 0;}
.lang a:hover{color: #f26c24;}
.search{ border-right: 1px solid #d4d3d6; padding: 11px 27px 8px 0;}
.search button{color: #166ea5;}
.search input{border:1px solid #d4d3d6; padding: 0 5px; margin-right: 5px;}
.call{color: #166ea5; margin:54px 13px 0 0;}
.call span{background: url("../images/phone.png") no-repeat 10px top; padding-left:30px; font-weight: bold;}

/* menu */
.mainmenu {padding-bottom: 11px;}
.mainmenu ul > li{float: left; border-right:1px solid #d4d3d6;}
.mainmenu ul > li:last-child{border-right:none;}
.mainmenu ul > li a {padding:10px 20px 10px 16px; color: #166ea5;}
.mainmenu ul > li a:hover,.mainmenu ul > li.active > a {color: #f26c24;}
#left-menu{display: none; position: absolute; background-color:rgba(0, 0, 0, 0.9); height:100%; z-index: 9999; padding: 40px 20px 20px 20px;}
#left-menu li{margin-bottom: 15px;}
#left-menu a{color:#e2e2e2;}
#left-menu a:hover{color:#f26c24;}
#left-menu-toggle{display: none;font-size: 24px; margin-right: 20px;}

/* slider */
#slider .item img{
    display: block;
    width: 100%;
}
.owl-carousel{display: block !important; position: relative;}
.owl-nav.disabled{display: none;}

/* slide-text */
.slide-txt{position: absolute; z-index: 999; top: 518px;background-color:rgba(255, 255, 255, 0.8); width: 590px; padding: 30px 26px 33px 26px;}
.slide-txt h2{color: #f26c24;}
.slide-txt .txt li{list-style-image: url('../images/li-icon.png'); margin: 0 0 9px 23px; padding-left: 14px;}
.slide-txt .txt{margin-top: 18px;}

/* home-title */
.home-title{color: #f26c24; padding: 60px 0 50px 0}

/* page-title */
.page-title{margin: 44px 0 24px 0; color: #166ea5;}

/* home-banner */
.home-banner{margin-bottom: 67px;}
.home-banner .img{border:4px solid #e7e7eb; display: table-cell; width: 192px; height: 192px; text-align: center; vertical-align: middle;}
.home-banner .imgcenter{width: 192px; margin: 0 auto 33px auto;}
.home-banner a{color:#000; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: #444;}
.home-banner a:hover{color:#166ea5; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0%);}
.home-banner a:hover .imgcenter .img{background-color: #e7e7eb;}
.home-banner span{padding-top: 33px;}

/* home about */
.home-about{background-color: #e7e7eb; padding-bottom: 50px;}
.home-about p{color: #000; margin-bottom: 35px; line-height: 28px;}
.home-about .home-title{padding: 60px 0 43px 0}
.home-about .txt{padding: 0 30px;}

/* home-block */
.home-block .name{margin: 39px 0 24px 0;}
.home-block .desc p{line-height: 24px; color: #666666;}
.home-block img{width: 100%;}
.home-block:nth-child(2){padding-left: 0;}
.home-block:last-child{padding-right: 0;}

/* footer */
#footer{margin-top: 105px; background-color: #333; padding-top: 49px;}
#copyright{padding: 25px 0 22px 0; border-top: 1px solid #7c7c7c; color: #fff; text-align: center;}
.flogo{margin: 37px 0 49px 0;}
.social{padding-right: 35px; color: #fff;}
.social span,.social a{padding-right: 20px;}
.social a{color: #fff;}
.social a:hover{color: #f26c24;}
.feedback{text-align: right; margin-top: 32px;}
.feedback input,.feedback textarea{border: 1px solid #7c7c7c; background-color: #333; width: 282px; height: 41px; color: #fff; padding: 0 0 0 8px; display: inline-block;}
.feedback textarea{margin-top: 20px; padding: 10px 0 0 8px;}
.feedback textarea::placeholder,.feedback input::placeholder{color: #fff;}
.feedback button{position: absolute; right:1px; bottom:8px;}

/* footer menu */
.fmenu li{float: left; border-right:1px solid #fff; margin-right: 15px; padding-right: 15px; line-height: 14px;}
.fmenu li:last-child{border-right:none;}
.fmenu a{color: #fff;}
.fmenu a:hover, .fmenu .active a{color: #f26c24;}

/* left-social */
.left-social{position: absolute; z-index: 9999; margin-top: 10px;}
.left-social.home{ margin-top:100px;}
.left-social a{width: 56px; height: 56px; text-align: center; display: table-cell; vertical-align: middle; background-color: #f26c24; color: #fff; font-size: 20px;-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.left-social.home a{ height: 74px; width: 74px;}
.left-social a:hover{background-color: #166ea5;}
.left-social div{margin-bottom: 3px;}
.left-social.home div{margin-bottom: 10px;}

/* location */
.location{border-bottom: 1px solid #d4d3d6; padding: 17px 0;}
.location li{float: left; margin-right: 5px;}
.location a{padding-right: 5px;}
.location a:hover, .location .active{color: #177db8;}

/* text page */
.text{ color: #666666;}
.text p{margin-bottom: 24px;}
.text ul{margin-bottom: 17px;}
.text ul li{list-style-image: url('../images/li-icon.png'); margin: 0 0 23px 15px;padding-left: 4px;}

/* collapse */
.card-link{margin-bottom: 17px; background: url("../images/darrow.png") no-repeat right center; padding-right: 16px;}
.card-link.collapsed{background: url("../images/rarrow.png") no-repeat right center;}
.card-body{background-color: #e7e7eb; padding: 12px 36px; margin-bottom: 32px;}
.card-body li{margin-bottom: 14px; list-style-type: disc; list-style-position: outside; color: #666666; padding-left: 21px;}
.card-body ul{margin-left: 16px;}

/* contact */
.contact{margin-top: 68px;}
.contact .info,.info a{color: #333;}
.info a:hover{color: #166ea5; text-decoration: underline;}
.info i{color: #166ea5;}
.info li{border-bottom: 1px solid #e7e5e5; margin-top: 25px; padding: 0 0 12px 45px;}
.info li:first-child{background: url("../images/phone2.png") no-repeat left top;}
.info li:nth-child(2){background: url("../images/email.png") no-repeat left top;}
.info li:nth-child(3){background: url("../images/links.png") no-repeat left top;}
.info li:nth-child(4){background: url("../images/pin.png") no-repeat left top;}
.info .name{margin-bottom: 9px;}
.input input,.input textarea{background-color: #f7f7f7; border: 1px solid #d4d3d6; width: 100%; padding: 0 14px;}
.input input::placeholder,.input textarea::placeholder{color: #888;}
.input input{height: 50px;}
.input textarea{height: 180px; margin: 30px 0; padding-top: 13px;}
.input button{width: 124px; height: 44px; text-align: center; background-color: #166ea5; color: #fff; margin-top: 37px;}
.input button:hover{background-color: #f26c24;}
.captcha{background-color: #f7f7f7; border: 1px solid #d4d3d6;}
.contact form{margin-top: 26px; padding-left: 20px;}

@media only screen and (max-width: 1200px){
}

@media only screen and (max-width: 940px){
    .left-menu{display: block !important;}
    .mainmenu{display: none;}
    .brand-logo{margin-left: 15px;}
    #left-menu-toggle{display: block;}
    .slide-txt{width: 100%;}
    .home-block{padding: 0 15px !important; margin-bottom: 30px;}
    .home-title,.home-about .home-title{padding: 40px 0 30px 0;}
    .home-about{padding-bottom: 20px;}
    .social{float: none; text-align: center; padding-right: 0 !important}
    .feedback {display:none;}
    .flogo{text-align: center;}
    .fmenu{text-align: center;}
    .fmenu li{float: none; border-right: none; margin-bottom: 20px;}
    #footer{margin-top: 30px;}
    #copyright{margin-top: 10px;}
    #slider{margin-top: 11px;}
    .contact{margin-top: 38px;}
    .input,form .col-md-12,form .col-md-5{padding-left: 0; padding-right: 0;}
    .input:nth-child(2) input{margin-top: 30px;}
}