/*font*/
/*font end*/

/*script*/

/*script end*/



/*---reset start---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	height:100%;
	width:100%;
}

body {
    line-height: 1;
    font-family: "Open Sans", sans-serif;
    background-color: #ffffff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---reset end---*/

/**top**/
.logo {
    line-height: 1;
    margin-top: 25px;
}

/*logo*/
.logo {
	line-height: 1;
}
.logo h1 {
    font-size: 56px;
    text-transform: uppercase;
    font-weight: bolder;
}
.logo h3 {
    font-size: 16px;
    letter-spacing: 7.6px;
    padding-left: 4px;
}
.logo h3 a {
    text-decoration: none;
    color: #000000;
}
.logo h3 a:hover {
    color: #000000;
}
.logo h1 a {
    text-decoration: none;
    color: red;
}
.logo h1 a:hover {
    color: red;
}
/*logo_end*/

/*obr*/
.obr {
	text-align: center;
	line-height: 150px;
}
.obr a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    border: 1px solid #cccccc;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #008cff;
}
.obr a:hover {
	box-shadow: none;
	margin: 2px 0px 0px 2px;
}
/*obr_end*/

/*top_cont*/
.top_cont {
	text-align: right;
}
/*top_cont end*/

/**top_end**/

/*top_menu*/
.top_menu {
    height: 70px;
    border-top: 1px solid #008cff;
    border-bottom: 1px solid #008cff;
    background-color: #ededed;
}
#maximenuck114 {
    width: 1200px;
    min-width: 1200px;
    margin: 0px auto;
    line-height: 38px !important;
}
div#maximenuck114 ul.maximenuck li.maximenuck.level1 {
    margin: 0px 15px;
}
div#maximenuck114 ul.maximenuck li.maximenuck.level1 > a {
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}
div#maximenuck114 ul.maximenuck li.maximenuck.level1 > span.separator {
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}
div#maximenuck114 ul.maximenuck {
	background-color: inherit;
}
#mobilemenuck-1-wrap ul.mod-menu li.current a {
    color: #008cff;
}
div#maximenuck114 ul.maximenuck li.level1.parent > a:after, div#maximenuck114 ul.maximenuck li.level1.parent > span.separator:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #000 transparent transparent transparent;
    top: 32px;
    right: 4px;
}
div#maximenuck114 div.floatck {
    padding: 0px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
div#maximenuck114 div.maxidrop-main {
    width: 300px;
}
div#maximenuck114 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck114 ul.maximenuck2 li.maximenuck {
    line-height: 24px;
}
/*top_menu end*/

/*banner*/
.banner {
    min-width: 1200px;
    width: 1200px;
    margin: 0px auto;
    /*background-image: url(../images/banner.jpg);*/
    height: 520px;
    /*padding: 95px 0px;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.bn_zag {
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.banner_txt {}
.bn_bl {}
.bn_bl_txt {
    background-image: url(../images/bg_60.png);
    width: 400px;
    padding: 25px 20px;
    margin: 95px auto;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
    border: 1px solid #008cff;
    border-radius: 10px;
}
.bn_bl_txt a {
	text-decoration: none;
	color: #000000;
}
.bn_bl_txt a:hover {
	color: #008cff;
}
.djslider-default {
    height: 520px;
}
.slide-desc {
    display: none;
}
/*banner_end*/

/**about**/

/*img_about*/
.img_about img {
    margin-top: 100px;
}
/*img_about_end*/

/*about_txt*/
.about_txt {
    padding: 100px 0px 60px;
}
.about_txt h3 {
    font-size: 32px;
    margin-bottom: 60px;
    background-image: url(../images/h3_bg.png);
    background-position: 184px 41px;
    background-repeat: no-repeat;
}
.about_txt p {
    margin-bottom: 60px;
    font-size: 16px;
    color: #484848;
    line-height: 27px;
}
/*about_txt_end*/

/**about_end**/

/*form*/
.form {
    height: 125px;
    background-color: #b2dcff;
    margin: 0px 0px 100px;
}
#WJCForm118 {
    width: 1200px;
    margin: 0px auto;
    max-width: 1200px;
}
.modal-header {
    float: left;
    width: 430px;
    font-size: 22px;
    color: #000;
    border: 0px !important;
    padding-top: 20px !important;
}
#WJCForm118 .control-label {
	display: none;
}
.modal-body {
    float: left;
    width: 610px !important;
    margin-top: 25px;
}
#WJCForm118 .control-group {
    width: 244px;
    float: left;
    margin-right: 45px;
}
.form-control {
    height: 45px;
    border-radius: 0px;
    box-shadow: inset 5px 5px 5px #999;
}
.modal-footer .btn {
    color: #000;
    font-size: 22px;
    border: 4px solid #a0c4e2;
    border-radius: 13px;
}
.modal-footer .btn:hover {
	border: 4px solid #008cff;
}
.modal-footer {
    height: 125px;
    border: 0px !important;
    padding: 0px !important;
}
.modal-title {
    font-size: 1.5em;
    line-height: 85px;
    font-weight: 500;
}
.wjcallbackform .form-validate .modal-body {
color: #ffffff;
}
/*form_end*/

/*spec*/
.spec {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
    margin: 0px auto 100px;
}
.flickity-enabled.is-draggable{
    margin-top: -10px;
}
.spec h3 {
    font-size: 32px;
    margin-bottom: 60px;
    background-image: url(../images/h3_bg.png);
    background-position: 340px 2px;
    background-repeat: no-repeat;
}
/*spec_end*/

/*news*/
.news {
    min-width: 1200px;
    width: 1200px;
    margin: 0px auto 100px;
    display: flex;
}
.news h3 {
    font-size: 32px;
    margin-bottom: 60px;
    background-image: url(../images/h3_bg.png);
    background-position: 340px 2px;
    background-repeat: no-repeat;
}
.jn {
    width: 25%;
    float: left;
    padding: 0px 10px;
    min-height: 480px;
}
.jn-right h4 {
    margin: 40px 0px 10px;
}
.jn-right h4 a {
    font-size: 18px;
    color: #000000;
    text-decoration: none;
}
.jn-right h4 a:hover {
	color: #008cff;
}
.jn-small {
    background-color: #b2dcff;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 6px;
}
.jn-info {
    margin: 12px 0px;
}
.jn-intro {
    font-size: 14px;
    color: #666666;
}
/*news_end*/

/**bot**/
.bot_main {
    background-color: #ededed;
    width: 100%;
    min-width: 1200px;
    padding: 15px 0px;
    border-top: 1px solid #008cff;
}

/*bot_cont*/
.bot_cont {
	line-height: 1;
}
.bot_cont p {
    line-height: 36px;
}
.bot_cont p img {
    margin: 9px 20px 0px 0px;
    float: left;
}
.bot_cont h4 {
    font-size: 24px;
    margin-bottom: 30px;
}
.bot_cont h1 {
    font-size: 56px;
    text-transform: uppercase;
    font-weight: bolder;
}
.bot_cont h3 {
    font-size: 16px;
    letter-spacing: 7.6px;
    padding-left: 4px;
    margin-bottom: 30px;
}
.bot_cont h3 a {
    text-decoration: none;
    color: #000000;
}
.bot_cont h3 a:hover {
    color: #000000;
}
.bot_cont h1 a {
    text-decoration: none;
    color: red;
}
.bot_cont h1 a:hover {
    color: red;
}
/*bot_cont_end*/

/*map*/
/*map_end*/

/**bot_end**/

/*material*/
.item-page {
    width: 1200px;
    min-width: 1200px;
    margin: 100px auto;
    padding: 0px 10px;
}
.item-page h1 {
    font-size: 32px;
    margin: 0px 0px 60px;
}
.item-page p {
    line-height: 22px;
    margin-bottom: 20px;
    text-align: justify;
}
.item-page ul {
    margin-left: 30px;
}
.item-page ul li {
    line-height: 22px;
    margin-bottom: 20px;
    text-align: justify;
    list-style-type: circle;
}
.item-page a.in {
    display: none;
}
.item-page table {}
.item-page table tr {}
.item-page table td {
    border: 1px solid #000;
    padding: 7px;
    vertical-align: middle;
}
.item-page table.in {}
.item-page h3 {
    font-size: 26px;
    margin-bottom: 20px;
}
.item-page h4 {}
.news_all {
    width: 1200px;
    min-width: 1200px;
    margin: 100px auto 40px;
    float: none;
    display: flex;
}
.news_all h3 {
    font-size: 32px;
    margin: 0px 0px 60px;
}
.news_all .jn {
    padding: 0px 10px 60px;
}
.fancybox-caption--separate, .fancybox-button--download {
    display:none !important;
}
ul.sigFreeClassic li.sigFreeThumb {
    margin: 0 20px;
}
.doc {}
.doc img {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #b2dcff;
    padding: 0px;
}
.doc img:hover {
    box-shadow: 0px 0px 10px #666;
    padding: 5px;
    transition: 0.5s;
}
.usl {}
.usl a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.usl a:hover {}
.usl .usl_main {
    margin-bottom: 30px;
    /*border-bottom: 1px solid #cccccc;*/
}
.usl div:hover {}
.usl .usl_main:hover img {
    box-shadow: 0px 0px 10px #666;
    padding: 5px;
    transition: 0.5s;
}
.usl img {
    width: 100%;
    border: 1px solid #b2dcff;
    padding: 0px;
}
.usl p {
    padding: 15px;
    line-height: 18px;
    text-align: center;
    background: #ececec;
}
/*material end*/

.vnim {
    padding: 20px 20px 0px 20px;
    text-align: center;
    font-size: 18px;
}


@media (min-width: 769px) and (max-width: 1370px) {
}

@media (min-width: 769px) and (max-width: 1200px) {
    #maximenuck114-mobile-bar {
        position: absolute;
        width: 100%;
        min-width: 1200px;
    }
    .top {
        max-width: 1200px;
        width: 100%;
        min-width: 1200px;
    }
    .top_menu {
        display: none;
    }
    .about{
        max-width: 1200px;
        width: 100%;
        min-width: 1200px;
    }
    .map {
        display:flex ;
    }
    #mod-custom121 {
        width: 100%;
    }
    .form {
        width: 100%;
        min-width: 1200px;
    }
    .modal-footer {
        padding: 0px 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .logo {
        text-align: center;
    }
    .obr {
        line-height: 100px;
    }
    .top_cont {
        text-align: center;
        margin-bottom: 40px;
    }
    .banner {
        width: 100%;
        min-width: auto;
        display: flex;
        height: auto;
        padding: 50px 0px;
    }
    .bn_bl_txt {
        margin: 50px auto 0px;
    }
    .img_about {
        display: none;
    }
    .top_menu {
        display: none;
    }
    .form {
        display: none;
    }
    #WJCForm118 {
        width: 100%;
        margin: 0px auto;
        max-width: none;
    }
    .about_txt {
        padding: 50px 10px;
    }
    .about_txt h3 {
        margin-bottom: 30px;
    }
    .about_txt p {
        margin-bottom: 30px;
    }
    .news {
        min-width: auto;
        width: 100%;
        margin: 0px auto 50px;
    }
    .jn {
        width: 100%;
        float: none;
        padding: 0px 10px 30px;
        margin-bottom: 50px;
        border-bottom: 1px solid #cccccc;
    }
    .jn-left a img {
        width: 100%;
        height: auto;
    }
    .map {
        display: none;
    }
    .bot_main {
        width: 100%;
        min-width: auto;
    }
    .bn_bl_txt {
        width: 90%;
    }
    .bot_cont h1, .bot_cont h3 {
        text-align: center;
    }
    [data-id="maximenuck114"] .mobilemenuck-item > .level1 {
        background-color: #008cff;
    }
    .spec {
        width: 100%;
        min-width: auto;
        margin: 50px auto 50px;
    }
    .item-page table.in {
        display: none;
    }
    .item-page a.in {
        display: block;
    }
    .item-page {
        width: 100%;
        min-width: auto;
        padding: 0px 10px;
    }
    .spec h3 {
        padding: 0px 10px;
    }
    .banner {
        display: none;
    }
}

/*all*/
/*all end*/