/* CSS Document */

@import url(font-awesome/css/font-awesome.min.css);
@font-face {
    font-family: Raleway-Regular;
    src: url(./Raleway-Regular.ttf);
}
* {direction: rtl}
body {
    /*font-family: Maiandra GD;*/
    font-family: Raleway-Regular;
    font-size: 15px;
    border-top: 5px solid #55a2a6;
}

img {
    border: 0;
}


/* Reset ================================================================================= */

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.top-Box,
.menu-Box,
.banner-Box,
.content-Box,
.footer-Box,
.copyright-Box {
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.top-Box {
    height: 91px;
}

.logo {
    float: left;
    padding: 10px 0 0 0;
}

.logo img {
    width: 100%;
    max-width: 525px;
}

nav {
    /*background: url(../images/menu_bg.png) right top no-repeat;*/
    float: right;
    clear: both;
    height: 22px;
}


/*language*/

.language {
    float: right;
    margin: 13px 10px 0 0;
}

#divselect {
    width: 110px;
    position: relative;
    z-index: 10000;
}

#divselect cite {
    display: block;
    width: 100%;
    height: 23px;
    line-height: 20px;
    color: #555555;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    /*background: url(../images/arrow.png) no-repeat 97% 7px #fff;*/
    border: 1px solid #ccc;
    cursor: pointer;
}

#divselect cite span {
    padding-left: 5px;
}

#divselect ul {
    list-style: none;
    padding: 0px 2px;
    background: #fff;
    width: 110px;
    font-size: 12px;
    border: none;
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 20000;
    display: none;
    border: 1px solid #ccc;
}

#divselect ul li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    border-bottom: 1px solid #ccc;
}

#divselect ul li:last-child {
    border: none;
}

#divselect ul li a {
    display: block;
    text-decoration: none;
    color: #555555;
    height: 25px;
    text-align: center;
}


/*search*/

.search_box {
    float: right;
    margin: 10px 0 0 0;
}

.search_kw {
    border: none;
    background: url(../images/search_bg.png) no-repeat center center;
    height: 27px;
    text-align: center;
    color: #666;
}

.search_box img {
    vertical-align: middle;
    padding-bottom: 3px;
}

ul.menu {}

ul.menu li {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding-left: 20px;
    font-weight: bold;
}

ul.menu li a {
    display: inline-block;
    text-transform: uppercase;
    color: #565656;
}

ul.menu li a:hover {
    height: 22px;
    display: block;
    /*background: url(../images/menu_v.png) no-repeat center top;*/
}

.m_menu {
    display: none;
}

.banner {
    clear: both;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    display: block !important;
}

.banner_bar {
    width: 100%;
    height: 13px;
    margin-top: 1px;
    background-color: #55a2a6;
}

.content-Bg {
    width: 100%;
    min-height: 60px;
    background: url(../images/grey_bg.png) repeat-x center 1px;
}

.content-Box {
    color: #353737;
    line-height: 18px;
    padding: 0 5%;
}

.path {
    color: #4e4e4e;
    padding: 20px 0 10px 0;
    font-size: 13px;
}

.path a {
    color: #4e4e4e;
}

.path a:hover {
    color: #55a2a6;
}

.cate_menu {
    float: left;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFF;
    background-color: #f38929;
    width: 100%;
    max-width: 203px;
    padding: 7px 0;
    margin: 0 5px 5px 0;
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
}

.cate_menu a {
    color: #FFF;
    transition: all 0.3s ease 0s;
}
.cate_menu a:hover {
    color: #000;
}
.cate_menu a.current {
    color: #000;
}

h1 {
    color: #4e4e4e;
    font-size: 17px;
    width: 100%;
    margin-top: 20px;
    padding-right: 5px;
    font-style: italic;
    border-right: 4px solid #00b595;
}

h2 {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    width: 100%;
    margin: 10px 0 30px 0;
}

h2 p {
    margin-bottom: 10px;
}

.cate_zone {
    margin-bottom: 30px;
    display: none;
}

.cate_zone:after {
    content: "";
    display: block;
    clear: both;
}

.cate_list {
    width: 233px;
    height: 232px;
    float: right;
    text-align: right;
    color: #FFF;
    margin: 0 0 30px 30px;
}

.cate_list span {
    display: block;
    margin: 192px 10px 0 0;
    line-height: 18px;
    z-index: 999;
    font-size: 16px;
}

.cate_bg1 {
  background: url(../../upload_files/products_cate/cate01.png) no-repeat center top;
}

.cate_bg2 {
  background: url(../../upload_files/products_cate/cate02.png) no-repeat center top;
}

.cate_bg3 {
  background: url(../../upload_files/products_cate/cate03.png) no-repeat center top;
}

.cate_bg4 {
  background: url(../../upload_files/products_cate/cate04.png) no-repeat center top;
}

.cate_bg5 {
  background: url(../../upload_files/products_cate/cate05.png) no-repeat center top;
}

.cate_bg6 {
  background: url(../../upload_files/products_cate/cate06.png) no-repeat center top;
}

.cate_bg7 {
  background: url(../../upload_files/products_cate/cate07.png) no-repeat center top;
}

.footer_bg {
    width: 100%;
    background-color: #151515;
    margin-top: 20px;
    border-top: 4px solid #55a2a6;
}

.footer_bg:after {
    content: "";
    display: block;
    clear: both;
}

footer {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 0 100px 0;
}

footer a {
    color: #FFF;
}

.iso {
    float: left;
    margin: 0 0 0 6%;
}

.footer_txt {
    float: right;
    margin: 20px 10% 0 0;
}

.clearfloat {
    clear: both;
}

#btnPageTop {
    position: fixed;
    right: 30px;
    bottom: -100px;
    z-index: 9999;
    cursor: pointer;
}


/*products*/

.products_list {
    background: url(../images/prods_list_bg.png) no-repeat -70px bottom;
    padding-bottom: 45px;
    margin-bottom: 5%;
}

.products_list:after {
    content: "";
    display: block;
    clear: both;
}

.products_list_pic {
    float: right;
    margin-left: 20px;
}

.products_list_pic img {
    width: 215px;
    height: 215px;
}

.products_list_info {
    float: right;
    padding: 30px 0 0 0;
}

.products_list_model {
    float: right;
    color: #FFF;
    background-color: #1f86b9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.products_list_btn {
    float: right;
}

.products_list_btn a {
    color: #575454;
    font-weight: bold;
    text-align: center;
    border: 1px solid #b5b5b5;
    padding: 5px 20px;
    margin-right: 3px;
}

.products_list_btn a:hover {
    color: #00b595;
    border: 1px solid #00b595;
}

.products_list_txt {
    margin-top: 20px;
    font-size: 15px;
    color: #717171;
    max-width: 400px;
}


/*products_show*/

.products_show_pic {
    float: left;
}

.products_show_pic img {
    width: 100%;
    max-width: 350px;
}

.products_show_right {
    float: right;
    padding: 30px 10px 0 0;
    max-width: 650px;
}

.products_show_name {
    font-size: 15px;
    font-weight: bold;
    color: #f38929;
    padding: 10px 30px 10px 0;
    background: url(../images/arrow1.png) no-repeat right center;
}

.products_show_txt {
    font-size: 15px;
    margin-bottom: 50px;
}

.detail_btn1 {
    display: inline-block;
    background-color: #55a2a6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 25px;
    border: none;
    color: #FFF;
    cursor: pointer;
}

.detail_btn1 a {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
}

.detail_btn2 {
    background-color: #1f86b9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 25px 8px 20px;
    margin-bottom: 5px;
    border: none;
    color: #FFF;
    cursor: pointer;
}

.detail_btn2 a {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    padding-left: 10px;
}

.products_show_title {
    font-size: 15px;
    font-weight: bold;
    color: #f38929;
    /*text-transform: uppercase;*/
    padding: 10px 30px 10px 0;
    margin-top: 30px;
    background: url(../images/arrow1.png) no-repeat right center;
    font-style: normal;
}

.products_show_introduction {
    font-size: 15px;
    color: #5e5b58;
    line-height: 22px;
}

.products_show_introduction li {
    list-style: disc;
    margin-right: 30px;
    font-weight: normal;
    font-style: normal;
}


/*datatable*/

.datatable {
    border-collapse: collapse;
    margin: 0 0 20px 0;
    border-left: 1px solid #0f0f0f;
    border-top: 1px solid #0f0f0f;
}

.datatable th {
    border-right: 1px solid #0f0f0f;
    border-bottom: 1px solid #0f0f0f;
    padding: 3px 8px;
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    background-color: #1f86b9;
}

.datatable td {
    border-right: 1px solid #0f0f0f;
    border-bottom: 1px solid #0f0f0f;
    padding: 3px 8px;
    font-size: 15px;
    color: #2e2e2e;
}


/*aboutus*/
.about_all{margin-top:50px;/*display:flex*/flex-wrap:wrap;}
.about_txt{/*width:33.33%;*/padding: 30px 50px 40px 0px;}
/*.ab-tex-box{text-align:left;}*/
.about_pic-box{padding:20px 0px 20px 0px;}
.aboutus{
  padding: 0px 0px 30px 0px;
}

.about_txt1 .about_pic1-box h1,.about_txt1 .about_pic1-box h2{margin-top: 39px;}
.aboutus h2,.aboutus h1{
    font-weight:  bold;
    font-size:  20px;
    margin: 12px 0;
    line-height: 30px;
}
.about_pic1-box div{
    margin: 36px 0;
}

.about_pic1-box,.about-img-a{display:  inline-block;vertical-align: middle;}
.about-img-a{
    max-width: 475px;
    padding: 0px 60px 0px 0px;
}
.about_pic1-box{
    width: calc(100% - 478px - 22px);
}
.ab-tex-box-1{
    margin: 56px 0 0 0;
}


.about_txt2{
    margin: 18px 0;
}
.about_txt2 .about-img-a{
    max-width:  157px;
    margin-left: 26px;
}
.about_txt2 .about_pic1-box{
    width:  calc(100% - 178px - 10px);
}
.about_txt3 .about-img-a{
    max-width:  157px;
    margin-right: 18px;
}

.about_txt3 .about_pic1-box{
    width: calc(100% - 157px - 22px);
}
.about_txt3{
    margin-bottom: 114px;
}
.about_pic1-box{
    line-height: 19px;
}
.about_txt1-1{
    margin-top: 46px;
}
.about_txt1-1 .about-img-a{max-width: 271px;margin-right: 26px;}
.about_txt1-1 .about_pic1-box{
    width: calc(100% - 253px - 49px);
    max-width: 71%;
}


/*casting division*/

.casting_zone1 {
    line-height: 22px;
    text-align: center;
}

.casting_title1 {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background-color: #37a7df;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px 0;
    margin: 10px 0;
}

.casting_pic1 {
    width: 100%;
    max-width: 500px;
}

.casting_box1 {
    float: left;
    width: 100%;
    max-width: 320px;
    margin-right: 5px;
}

.casting_box1 li {
    list-style: disc;
    margin-left: 20px;
}

.casting_box2 {
    float: left;
    width: 100%;
    max-width: 350px;
    margin-right: 5px;
}

.casting_box3 {
    float: left;
    width: 100%;
    max-width: 350px;
}

.casting_list {
    float: left;
    width: 100%;
    max-width: 116px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    background-color: #42c0c0;
    margin: 0px 2px 10px 2px;
}

.casting_pic3 {
    width: 100%;
    max-width: 630px;
}


/*---------------------------Certificate CSS---------------------------*/
.imgmove {
    float:left;
    width:200px;
    height:150px;
    display:block;
    overflow:visible;
    *overflow:hidden;
    margin:0px 5px;
    position:relative;
    *position:static;
}
.imgmove img {
    position:absolute;
    left:0px;
    top:0px;
    /*clip:rect(0px 50px 40px 0px);*/
    z-index: 0;
    *position:static;
    transition: all 0.7s ease 0s;
    width:200px;
    height: auto;
}
.imgmove img:hover {
    position:relative;
    left:0px;
    top:0px;
    z-index:2;
    /*clip:rect(0px 500px 137px 0px);*/
    width: 800px;
    height:auto;
}
.certificate_pic img{
    border: 1px solid #ccc;
}



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

.about_txt1 .about_pic1-box,.about_txt1 .about-img-a{
    display:  block;
    width: 100%;
    margin:  auto;
    margin-top: 47px;
}
.about-img-a{
}
.ab-tex-box-1 .about-img-a{
    margin: auto;
}

}

@media only screen and (max-width: 900px) {
    ul.menu {
        display: none;
    }
    .m_menu {
        display: block;
        padding: 0;
        position: absolute;
        height: 50px;
        overflow: hidden;
        z-index: 999;
        text-align: right;
        right: 0px;
        width: 100%;
    }
    .m_menu.active {}
    .m_menu a.main {
        display: block;
        padding: 0 0px;
        font-size: 15px;
        color: #fff;
        line-height: 50px;
        font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
        font-size: 18px;
    }
    .m_menu a.main i {
        padding-right: 10px;
        font-style: normal;
        font-family: FontAwesome;
        font-size: 20px;
        border-radius: 6px;
        padding: 6px 8px;
        border: 1px solid #55a2a6;
        color: #55a2a6;
        margin-right: 10px;
    }
    .m_menu ul.nav {
        background: rgba(85, 162, 166, 1);
    }
    .m_menu ul.nav li {
        font-size: 15px;
        padding: 5px 0px 5px 0px;
        border-bottom: 1px dashed rgba(255, 255, 255, .5);
        text-align: center;
    }
    .m_menu ul.nav li a {
        text-transform: uppercase;
        color: #FFF;
    }
    .m_menu ul.nav li a:hover {
        text-shadow: 0 3px 3px rgba(0, 0, 0, .1);
        color: #fff600;
    }
    .m_menu ul.nav li:last-child {
        border-width: 0;
    }
    .m_menu ul.nav li:last-child a {}
    .m_menu ul.nav li:last-child a:hover {}
    nav {
        margin-bottom: 30px;
    }
    .products_show_right{
        max-width: 500px;
    }
    .about_txt1, .about_pic1-box{
}
.about_txt1, .about_pic1-box{
}
}

@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {
.about_pic1{
    margin: 59px 0;
}
.about_txt1-1 .about-img-a{
    display:  block;
    margin:  auto;
}
.about_txt1-1 .about_pic1-box{
    width: 100%;
    max-width: 100%;
    margin-top: 45px;
}    

    
}
@media only screen and (max-width: 550px){
.about_pic1-1{width: 100%;}

}
@media only screen and (max-width: 480px) {
    #btnPageTop {
        display: none;
    }
    .footer_txt span{ display: block;}
    .about-img-a{
    margin:  auto;
    text-align:  center;
}
.about_pic1{
    width: 100%;
    margin: 0;
}
.about_txt2 .about_pic1-box{
    display:  block;
    width: 100%;
}
.about_txt3 .about_pic1-box{
    width: 100%;
}
.about_txt2 .about-img-a{
    margin:  auto;
    max-width: 100%;
    width: 100%;
    margin-top: 39px;
}
.about_txt3 .about-img-a{
    margin:  auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 27px;
}

}

.certificate_list {
    border-style: none;
    width: 220px;
    float: right;
    /*text-align: right;*/
    height: 170px;
    padding: 30px 20px;
    /*text-align: center;*/
/* Firefox, Chrome */
    white-space: nowrap;
/* IE */
    font-size: 12px;
/* 225px * 0.8 = 180px */
    font-family: Maiandra GD;
    color: #666666;
}