body {
    overflow-x: hidden;
}

@font-face {
    font-family: "mine";
    src: url('/font/mine.eot?t=1542262622608');
    /* IE9*/
    src: url('/font/mine.eot?t=1542262622608#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAVkAAsAAAAACBQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8dkhMY21hcAAAAYAAAABtAAAByH/7gHtnbHlmAAAB8AAAAVUAAAGMK9pudWhlYWQAAANIAAAALwAAADYTRaS+aGhlYQAAA3gAAAAcAAAAJAfeA4dobXR4AAADlAAAABIAAAAYF+gAAGxvY2EAAAOoAAAADgAAAA4BlgEmbWF4cAAAA7gAAAAfAAAAIAETADJuYW1lAAAD2AAAAUUAAAJtPlT+fXBvc3QAAAUgAAAAQQAAAFKK1qjTeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDg8Y3gWx9zwv4EhhrmBoQEozAiSAwA1jg08eJztkdEJgDAMRF/aKiI6iU4izuAYfjlv1tCkUcEdvPICdw0EEqABsjEbBeRAcO2WSs0zfc0Li/mBjkRRNOmok27nCV/3Sqz7ee6KTUs+TVp+DbWut2t8i4HvXVPgN9ExqD1TgP9vAfkC2CobYgAAAHicPY3BSgJRFIbPuVdnHBvlDqnjSpiZdFJhFpYzIebGfQYuWhhE0MadlMtEBMHeYEQCF+milfkA7qynaNk62gbN2HWMLpyPn//cwwcE+KNz4sEBZAGyhp47RSOZEIqo58qKoVtoO2iXVMxgHIuoJATDJJ9jWbllsbHMelJcDIk4iqQiOOIpLvWYfB9i8nwuMyZjPcoUAa9F0Z8KCov6K5mdBMoAHfINSdBA52azhmULzTiKGVRLtqOmSvZxljc1dHjDe9py1TRdDIcLymk1DTflFPyzRpuQdmPHB9doWrs9Z1p1EwXH/d9y/rk373RK8zyJsAewryU1lY/I55LWf1YT8uxdTLaJ5mfLp+UM+OHmix7SGIRBAJDQkPAIqekPXrAfADv46N/4A+xvHdv/H3RMtcABDqoYRgevyLrrVcm5V+2SdYu83nkVSt66XoWf/AKR8VaqAAAAeJxjYGRgYABi3bdrzOL5bb4ycLMwgMANYYM4BP3/DgsDsyaQy8HABBIFAASSCLQAeJxjYGRgYG7438AQw8IAAkCSkQEVsAEARwwCb3icY2FgYGBBwswvIDQAB7gBAAAAAAAAAAA8AHoAlACsAMYAAHicY2BkYGBgY1BjYGYAASYg5gJCBob/YD4DAAznAUYAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYEzMzk/T9fAwM2ZrTi/tLg0ny05MTMlMY8tPd8nNa2EMYKBAQDPhwrWAAAA') format('woff'), url('/font/mine.ttf?t=1542262622608') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('/font/mine.svg?t=1542262622608#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "mine" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-home:before {
    content: "\e600";
}

.icon-search:before {
    content: "\e62b";
}

.icon-go:before {
    content: "\e602";
}

.icon-menu:before {
    content: "\e65e";
}

.icon-close:before {
    content: "\e60d";
}

.main-container .search_box .icon-search::before {
    content: "\e62b";
}

@media (min-width: 769px) and (max-width: 1024px) {
    .menu-container {
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 1366px) {
    .menu-container {
        width: 1200px;
        margin: 0 auto;
    }
}

.menu-mobile {
    display: none;
    padding: 20px;
    color: #FFF;
    text-decoration: none;
}

.menu-mobile:after {
    content: "\e65e";
    font-family: "mine" !important;
    font-size: 2em;
    padding: 0.2em;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    color: #1c527d;
}

.backtotop {
    position: relative;
}

.backtotop::before {
    content: "\e602";
    font-family: "mine" !important;
    font-size: 2em;
    position: absolute;
    bottom: 100%;
    left: 25%;
    color: rgb(64, 64, 71);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menu-dropdown-icon:before {
    font-family: "mine" !important;
    content: "\e602";
    cursor: pointer;
    float: right;
    padding: 2.1em 0em;
    color: #fff;
    display: block;
}

.bg_add .menu-dropdown-icon:before {
    color: #195ea3;
}

.pd-2 {
    background: #000;
    padding: 50px 0 0 0;
}

.pd-3 {
    padding: 20px 0;
}

.pd-list div.col-md-6:nth-child(2n+1) {
    background-color: #94a8cb
}

.pd-list div.col-md-6:nth-child(2n) {
    background-color: #8db3f1
}

.pd-list div.col-md-6:nth-child(3n) {
    background-color: #8db3f1
}

.pd-list div.col-md-6:nth-child(3n+1) {
    background-color: #94a8cb
}

.pd-list div.col-md-6 {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all 1s;
}

.pd-list a {
    color: #fff;
    text-decoration: none;
    margin: 0 2em;
}

.pd-list a H3 {
    font-size: 30px;
}

.pd-list a p {
    font-size: 16px;
}

.in_w a {
    text-decoration: none;
}

.in_w a::after {
    font-family: "mine" !important;
    content: "\e602";
    padding: 0.2em 0.3em;
    color: #000;
    font-weight: bold;
    background: #fff;
    margin-left: 1em;
    border-radius: 100%;
    display: inline-block;
}

.menu>ul>li>ul>li>a::before {
    font-family: "mine" !important;
    content: "\e602";
    cursor: pointer;
    padding: 0 0.5em 0 0;
    color: #0a8dc4;
    font-weight: bold;
    display: inline-block;
}

#nav {
    height: 50px;
    width: 100%;
    background: #eee
}

#nav a {
    display: block;
    min-height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #666;
    font-size: 16px;
    text-align: center;
    float: left;
    cursor: pointer;
}

#nav a.on {
    border-bottom: 4px solid #092767;
    color: #000
}

#contentBox {
    width: 100%;
    height: auto;
}

#contentBox .box {
    display: none;
}

#contentBox .box.active {
    display: block;
}


/* .contact_container a::before{
    font-family:"mine" !important;content: "\e602";
     
    cursor: pointer;

    padding: 0 0.5em 0 0;
    color: #0a8dc4; font-size: 12px;
	display:inline-block; 
} */

.social-icon-two li a::before {
    content: "";
}

.contact_item .btn:before {
    content: "";
}

.menu-dropdown-icon-1:before {
    content: "\f104";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    color: #333;
    display: block;
    padding: .5em 2em 0 0;
}

.menu>ul {
    margin: 0 auto;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

.menu>ul:before,
.menu>ul:after {
    content: "";
    display: table;
}

.menu>ul:after {
    clear: both;
}

.menu>ul>li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu>ul>li a {
    text-decoration: none;
    padding: 2em 1em;
    color: #151365;
    font-weight: normal;
    display: inline-block;
}

.menu>ul>li:hover {
    color: #23218a;
    ;
}

.menu>ul>li.menu-dropdown-icon::before {
    transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
}

.menu>ul>li.menu-dropdown-icon:hover::before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu>ul>li>ul {
    display: none;
    width: 100%;
    background: #ebf0f5;
    padding: 12px!important;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0;
    list-style: none;
}

.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    display: inline-block;
    float: left;
}

.menu>ul>li>ul>li a {
    padding: .5em 0 .5em 0;
    margin-left: 20px;
    width: 95%;
    font-weight: bold;
    color: #393739;
}

.menu>ul>li>ul>li a span {
    float: right;
    text-align: right;
}

.menu>ul>li>ul>li>ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li>ul>li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: .875em;
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
    font-weight: 500;
    display: block;
    color: #717171;
    width: auto;
    padding-left: 2em;
}

.menu>ul>li>ul>li>ul>li a:hover {
    border: 0;
    color: #195ea3;
}

.menu>ul>li>ul.normal-sub {
    width: auto;
    left: auto;
    padding: 0px 0px 0px 20px;
}

.menu>ul>li>ul.normal-sub>li {
    width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
    border: 0;
    padding: 1em 0;
    color: #252623;
}

.menu>ul>li>ul.normal-sub>li a:hover {
    color: #195ea3;
}

.auto-top {
    width: 100%;
    max-width: 100%;
}

.search_box {
    background: #eee;
    height: 35px;
    border-radius: 2px;
    width: 100%;
    padding: 0!important;
    margin: 0;
    position: absolute;
    right: 0;
    top: 20px;
}

.search_box .search-sc {
    border: none;
    float: left;
    height: 100%;
    background: #e7e7e7;
    padding: 0 10px;
}

.search_box #searchkey {
    float: left;
    background: none;
    width: calc(100% - 135px);
    max-width: 528px;
    height: 35px;
    border: none;
    font-size: 14px;
    outline: none;
    margin-bottom: 10px;
    text-indent: .5em;
    padding-right: 2em;
}

#btn_close {
    position: absolute;
    top: 0px;
    left: -60px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    padding: 10px;
    cursor: pointer;
}

#btn_close:hover {
    color: #184895
}

.search_box button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    width: 35px;
    height: 35px;
    line-height: 1;
    outline: none;
    cursor: pointer;
}

.search_box button i {
    font-size: 2em;
}

.main-container {
    width: 100%;
    padding: 0 57px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 996;
}

.main-container .menu>ul {
    float: right;
    position: relative;
}

#topsearch {
    cursor: pointer;
}

#isearchbox {
    display: none;
    z-index: 999;
}

#isearchbox .search_box #searchkey {
    margin-top: 0;
}

.bg_add .search_box #searchkey {}

.search_box #btn_close {
    color: #fff;
}

.bg_add .search_box #btn_close {
    color: #000
}

.in_w {
    color: #fff;
    position: absolute;
    bottom: 360px;
    left: 0;
    width: 400px;
    z-index: 14;
}

.in_w a {
    color: #fff;
}

.bg_index {
    background: #000;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.bg_index_text_box {
    height: 760px;
    width: 1200px;
    position: relative;
}


/***/


/***/

.banner_inpage {
    width: 100%;
    height: 406px!important;
    position: relative;
}

.banner_inpage img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner_title {
    height: 100%;
    position: absolute;
    width: 100%
}

.banner_title span {
    margin: 0 auto;
}

.banner_title h1 {
    color: #fff;
    font-size: 28px;
}

.banner_title h3 {
    color: #fff;
    text-align: center;
    font-size: 36px;
}

.banner_title p {
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.bread-container {
    margin: 20px auto!important;
}

.list-style-four-span a {
    display: inline-block;
    height: 50px;
    margin-bottom: 30px;
    background: #ebf0f5;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 30px 0 10px;
}

.list-style-four-span a span {
    font-size: 16px;
    display: block;
    color: #3788aa;
    font-weight: bolder
}

.list-style-four-span a:after {
    font-family: "mine" !important;
    content: "\e602";
    color: #0a8dc4;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: auto;
}

.list-style-four-span a:hover:after {
    color: #005578
}

.list-style-four-span a:hover span {
    color: #005578;
}

.list-style-five-span a {
    text-align: center;
    text-decoration: none;
    color: #252623;
    transition: opacity 0.5s;
    margin-bottom: 2em;
}

.list-style-five-span a span {
    height: 48px;
    width: 100%;
    display: block;
    background: rgba(242, 242, 242, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-style-five-span a:hover img {
    opacity: 0.8;
}

.list-style-six-span a {
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 2em;
}

.list-style-six-span a:hover {
    opacity: .8;
}

.flex_h_center {
    display: flex;
    align-items: center;
}

.flex_w_center {
    display: flex;
    justify-content: center;
}

.text-box {
    font-size: 14px;
    color: #fff;
}

.backtotop {
    color: #2d373c;
    font-size: 18px;
    text-decoration: none;
}

.main-container {
    transition: background 0.2s;
}

.main-container .menu>ul>li a {
    color: #fff;
}

.main-container .menu>ul>li>ul>li a {
    color: #333;
}

.logo {
    display: none;
    float: left;
}

.logo-w {
    display: inline-block;
    ;
    height: 60px;
    float: left;
    margin: 10px 0
}

.main-container.bg_add .logo {
    display: inline-block;
    height: 60px;
}

.main-container.bg_add .logo-w {
    display: none
}

.main-container.bg_add .menu>ul>li a {
    color: #333;
}

.menu>ul>li>a,
.menu>ul>li.menu-dropdown-icon::before {
    transition: all .3s;
}

.bg_add {
    background: #fff;
}

#topsearch {
    font-size: 1.8em;
    padding: 1em 1.5em;
    color: #ff9800
}


/* .bg_add .menu > ul > li>a { padding: 1em 1.5em; }
.bg_add .menu > ul > li>a#topsearch {padding: 0.4em 1.5em; }
.bg_add .menu > ul > li.menu-dropdown-icon::before {padding: 1.1em 0;} */

#topcontrol {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 996;
}

#topcontrol .iconfont {
    background: #252623;
    color: #fff;
    padding: 1em;
    transition: all 0.5s;
}

#topcontrol .iconfont:hover {
    background: #30312f;
}

.bg_about {
    background: #cbd5e0;
    /* background: linear-gradient(#f4b37f, #2e6f85);  */
    height: 100vh
}

.bg_contact {
    background: #116089;
    /* background: linear-gradient(#f4b37f, #2e6f85);  */
    height: 100vh
}

.single_foot {
    position: absolute;
    bottom: 20px;
    background: none;
    color: #252623
}


/** slider **/

.slideBox {
    margin: 50px auto;
    width: 980px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
}

.slideBox ul {
    position: relative;
    width: 2000px;
}

.slideBox ul li {
    float: left;
    width: 980px;
    height: 100%;
    position: relative;
}

.slideBox ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spanBox {
    position: absolute;
    width: 980px;
    height: 20px;
    top: 0px;
}

.spanBox span {
    height: 10px;
    width: 30px;
    margin-left: 5px;
    background-color: #50636e;
    text-align: center;
    cursor: pointer;
}

.slideBox .spanBox .active {
    background-color: #252623;
}

.prev {
    position: absolute;
    left: 0px;
    top: 320px;
    float: left;
    border-left: solid 1px rgba(251, 245, 246, 1.00);
    opacity: 0.5;
}

.next {
    width: 15px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 320px;
    float: right;
    border-right: solid 1px rgba(245, 237, 237, 1.00);
    opacity: 0.5
}


/***/

.map-canvas {
    background: rgba(0, 0, 0, 0.1)
}

.about-article {
    margin-bottom: 50px;
}

.post-content h1 a {
    font-size: 18px;
    text-decoration: none;
    color: #f9c221
}

.post-content h1 {
    font-size: 18px;
    opacity: 0.8;
}

.post-content {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: #ddd solid 1px;
}

.d_box {
    text-decoration: none;
    text-align: center
}

.d_box h4 {
    color: #252623;
    font-size: 14px;
}

.d_img_box {
    max-width: 140px;
    height: 180px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    position: relative;
}

.d_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.d_img_box span {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

.d_img_box span p {
    color: #fff;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 50%;
}

.d_box:hover .d_img_box span {
    display: block;
}


/***/

.one-step-list a {
    border-bottom: #036eb8 solid 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-decoration: none;
    padding: 1.2em 2em;
    display: block;
    /* background:url(../images/list_bg.jpg) no-repeat right top;  */
    background: #4487c7;
    background-size: cover;
    /* background:#5497c8; */
}

.step-border {
    border: #d7dcdc dashed 4px;
    border-radius: 6px;
    padding: 30px 30px 10px 30px;
    margin-bottom: 20px;
}

.step-border h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    font-weight: bolder
}


/* .one-step-list a h3:after {font-family: "mine" !important;
    content: "\e602";
    position: relative;
    top:2px;
    color: #FFF;
    font-weight: bold; margin-left:5px; 
    display: inline-block;} */

.one-step-list h3 {
    margin: 0px 0 10px 0;
    color: #fff;
    font-weight: bolder;
    font-size: 18px;
}

.one-step-list p {
    color: #fff;
    height: 55px;
    overflow: hidden;
}

.one-step-list span {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
}

.one-step-list span:after {
    color: #fff;
    background: url(../images/arrow_w.png) no-repeat;
    content: " ";
    width: 14px;
    height: 14px;
    margin-left: 10px;
    display: inline-block;
    background-size: 14px 14px;
    transform: rotate(90deg);
}

.one-step-list a:hover {
    opacity: 0.9;
}

.one-step-list .col-md-4 a:after {
    content: "";
    clear: both;
    display: table;
}

.menu>ul>li:nth-child(2)>ul>li:nth-child(1) {
    width: 100px;
}

.menu>ul>li:nth-child(2)>ul>li:nth-child(2) {
    width: 215px;
}

.menu>ul>li:nth-child(2)>ul>li:nth-child(3) {
    width: 244px;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width:1600px) {
    .banner_inpage {
        height: 580px;
    }
}

@media only screen and (max-width:1200px) {
    .banner_title span {
        width: 100%;
    }
}

@media only screen and (max-width: 959px) {
    .bg_index {
        background: url(../images/bg0.jpg) no-repeat center;
    }
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
        padding: 1.5em 2em;
    }
    .menu>ul {
        display: none;
    }
    .menu>ul>li {
        width: 100%;
        display: block;
    }
    .menu>ul>li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu>ul>li>ul {
        position: relative;
    }
    .menu>ul>li>ul.normal-sub {
        width: 100%;
    }
    .menu>ul>li>ul>li {
        width: 100%;
        margin-top: 10px;
    }
    .menu>ul>li>ul>li:first-child {
        margin: 0;
    }
    .menu>ul>li>ul>li>ul {
        position: relative;
    }
    .menu>ul>li>ul>li>ul>li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
    .main-container .menu>ul {
        width: 100%;
    }
    .main-container {
        padding: 0 15px;
    }
    .in_w {
        width: 88%;
        position: relative;
    }
    .in_w h1 {
        margin-top: 0
    }
    .main-container {
        position: unset!important;
    }
    .map-canvas {
        width: 100%!important;
        height: 50vh!important;
        margin-top: 0!important;
    }
    .bg_contact {
        height: auto!important
    }
    .single_foot {
        position: unset!important;
    }
    .banner_inpage {
        height: 240px;
    }
    .inpage_right {
        margin: 0!important;
        width: 100%!important;
        float: unset!important;
    }
    .inpage_right .Inquiry_form .submit {
        width: 100%;
    }
    .contact_container {
        margin-right: 15px;
        margin-left: 15px;
    }
    .contact_item input {
        width: 75%
    }
    .contact_item .btn {
        width: 23%;
        text-align: center;
        padding: 0.5em 0
    }
    .inpage_right .list_dl {
        display: none;
    }
}

.pd-1 {
    width: 100%;
    padding: 80px 0
}

.pd-1 h2 {
    font-size: 36px
}

.pd-2 {
    color: #fff;
}

.pd-2 img {
    vertical-align: bottom;
}

.pd-2 h2 {
    margin-top: 0;
    ;
}

.pd-2 p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}

.btn {
    background: #f9c221;
    border-radius: 10px;
    padding: 1em 2em;
    color: #000;
    font-weight: 800;
}

.btn:hover {
    opacity: 0.9;
}

.b_t_title h1 {
    color: #184895;
    font-size: 36px;
    position: relative;
    display: inline-block
}

.b_t_title h1::after {
    content: " ";
    background: url(../images/arrow_b.png) no-repeat;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-left: 15px;
}

.b_t_p_border {
    border-left: #184895 solid 8px;
    padding-left: 20px;
    color: #fff;
}

.f_con_box {
    background: #0d5af3;
    color: #fff;
    padding: 4em 0;
    text-align: center;
}

.f_con_box h3 {
    font-size: 36px;
    margin: 0;
}

.f_con_box p {
    font-size: 22px;
    margin: 0em 0 1.8em 0;
}

.f_con_box a.btn {
    color: #2a74a7;
    background: #fff;
    padding: .5em 2em;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
}

.f_map_box {
    height: 450px;
    width: 100%;
}

.inpage_right {
    width: 320px;
    float: right;
}

.list_dl {
    background: #ffffff;
    color: #fff;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(242, 242, 242, .5);
}

.list_dl h1 {
    padding-top: 0!important
}

.navMenu-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 20px 0;
}

.navMenu>li>a {
    display: block;
    overflow: hidden;
    color: #666;
    line-height: 40px;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
}

.navMenu>li {
    position: relative;
    display: block;
    padding-left: 10px;
}

.navMenu>li>ul>li>a {
    color: #333;
    font-size: 13px;
}

.dcbox a {
    color: #f9c221;
    font-weight: bold;
}

.navMenu>li>ul {
    padding-left: 10px;
}

.navMenu li .arrow {
    position: absolute;
    top: 10px;
    right: 0;
    height: 16px;
    width: 16px;
    background: url(../../static/images/off.png);
}

.navMenu li.open .arrow {
    position: absolute;
    top: 10px;
    right: 0;
    height: 16px;
    width: 16px;
    background: url(../../static/images/open.png);
}


/* .navMenu li a .arrow:before {
        display: block;
        float: right;
        margin-top: 1px;
        margin-right: 15px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f105";
        font-weight: 300;
        text-shadow: none;
    } */

@media (max-width: 768px) {
    #topsearch {
        display: none!important;
    }
    #isearchbox {
        display: inline!important
    }
    .search_box #searchkey {
        width: 90%!important;
    }
}

.Verification-code {
    position: relative;
}

.Verification-code i {
    position: absolute;
    top: 45%;
    right: 5%;
    color: #4caf50
}


/*pages*/

.pagination ul,
.pagination li {
    list-style: none;
    display: inline;
    padding-left: 0px;
}

.pagination li {
    counter-increment: pagination;
}

.pagination li:hover a {
    color: #fdfdfd;
    background-color: #1d1f20;
    border: solid 1px #1d1f20;
}

.pagination li.active a {
    color: #fdfdfd;
    background-color: #1d1f20;
    border: solid 1px #1d1f20;
}

.pagination li:first-child a:after {
    content: "<";
}

.pagination li:nth-child(2) {
    counter-reset: pagination;
}

.pagination li:last-child a:after {
    content: ">";
}

.pagination li a {
    border: solid 1px #d6d6d6;
    border-radius: 0.2rem;
    color: #7d7d7d;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0.5rem 0.9rem;
}

.fc-img-hovered {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.fc-img-hovered img {
    width: 100%;
    height: 100%;
    float: left;
}

.fc-img-hovered ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: all .4s;
}

.fc-img-hovered:hover ul {
    bottom: 0!important;
}

.fc-img-hovered ul li {
    padding: 5px 10px;
    display: block
}

.fc-img-hovered ul li a {
    color: #666;
    display: block;
    background: #fff;
    padding: 5px 2em;
    line-height: 1.5;
}

.fc-img-hovered ul li a:hover {
    background: #0d5af3;
    color: #fff;
}

.pd-2 a.btn {
    min-height: 60px!important;
    background: #5cc3ec
}


/* .pd-3 .owl-carousel .owl-item {text-align: center;}
.pd-3 .owl-carousel .owl-item a{  text-decoration: none; color:#000; font-weight: 700;}
.pd-3 .owl-carousel .owl-item a:hover {color:#0d5af3} */

#intro .container {
    position: relative;
    z-index: 995;
}

#intro {
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    background: linear-gradient(90deg, #2c3240 20%, #495c7e 50%, #2c3240 80%);
}

#intro .cd-back {
    background: linear-gradient(0deg, #17191f 0%, rgb(62, 43, 78) 30%, rgba(255, 255, 255, 0) 50%, #3f4453 100%);
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 5;
}

#intro .cd-bg {
    background: url('../images/bg.png') repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

#intro .cd-1 {
    background: url(../images/cd-1.png) -5% 19% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 200;
}

#intro .cd-2 {
    background: url(../images/cd-2.png) 0% 80% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 210;
}

#intro .cd-3 {
    background: url(../images/cd-3.png) 10% 58% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 220;
}

#intro .cd-4 {
    background: url(../images/cd-4.png) 90% 39% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 220;
}

#intro .cd-5 {
    background: url(../images/cd-5.png) 110% 22% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 210;
}

#intro .cd-6 {
    background: url(../images/cd-6.png) 130% 100% no-repeat fixed;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 200;
}

.Inquiry_container {
    border: rgba(242, 242, 242, .5) solid 1px;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 0 8px rgba(242, 242, 242, .5);
}

.mouse {
    background: #4e5559 -webkit-linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
    background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
    position: relative;
    width: 32px;
    height: 58px;
    background-size: 100% 100%;
    border-radius: 100px;
    background-size: 225%;
    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}

.mouse:before,
.mouse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.mouse:before {
    width: 26px;
    height: 52px;
    background-color: #222a30;
    border-radius: 100px;
}

.mouse:after {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    89.99%,
    100% {
        background-color: #ffffff;
    }
}

@keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    89.99%,
    100% {
        background-color: #ffffff;
    }
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    28%,
    29.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    58%,
    59.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    88%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    28%,
    29.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    58%,
    59.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    88%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes nudgeText {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeText {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ffffff;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ffffff;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ffffff;
    }
}

@keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ffffff;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ffffff;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ffffff;
    }
}

.nav-filter .titbg {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: #fff;
    background: #a2abb3;
    font-family: "futura lt w04 book";
    text-align: center;
}

.nav-filter .filter {
    margin-bottom: 20px;
}

.nav-filter .filter select {
    width: 100%;
    font-family: "futura lt w04 book";
    padding: 8px 0;
    margin: 5px 0;
    color: #666;
}

.careers-box p,
.careers-box ul li {
    line-height: 1.8;
    margin-bottom: 0;
    padding-bottom: 0
}

.careers-box ul li {
    list-style-type: disc;
    display: list-item;
    margin-left: 18px;
}

.Inquiry_form ul li {
    display: block;
    margin: 0;
}

.careers-box .row:nth-child(odd) {
    background: rgba(255, 255, 255, 0.1);
}

.careers-box .row {
    padding: 20px 0;
    border-bottom: rgba(255, 255, 255, 0.12) solid 1px;
}

.careers-box .col-md-3 {
    font-weight: bold;
    color: #fff
}

.careers-box h3 {
    margin-bottom: 15px;
}

.careers-box .Inquiry_form input,
.careers-box .Inquiry_form textarea {
    width: 100%
}

.careers-box .Inquiry_form input[type='file'] {
    padding: 6px;
    color: #333;
}

#topcontrol {
    bottom: 99px!important;
    right: 20px!important;
}

.main-container {
    top: 130px;
    position: absolute;
}

.bg_add {
    top: 0!important;
    position: fixed;
}