/*==================
 * @authors Adrian
 * @date    2015-08-07 12:40:20
 * @version SanXiang Core Stylesheet
 ===================*/
/*============ common css =============*/
.clearfix:after {
    content: "";
    display: table;
    clear: both; }

.clearfix { clear: both;
    *zoom: 1; }

/*============ mixin =============*/
.col-link-aboutus .col-link-mask, .col-link-showcase .col-link-mask, .col-link-industry .col-link-mask, .col-link-blank .col-link-mask, .idxmid, .col-news .col-news-title, .col-news-scroll-wrap a.news-scroll-item, .nav-out > li.spec {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.col-news .col-news-title, .col-news-scroll-wrap a.news-scroll-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

body {
    overflow-x: hidden; }

.main {
    width: 1120px;
    margin: 0 auto; }

.head {
    height: 108px;
    line-height: 105px;
    border-bottom: 3px solid #e3e3e3;
    background-color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 9; }

.logo {
    float: left;
    margin-top: 16px;
    font-size: 0px; }
.nav-out {
    float: right;
    display: none; }

.nav-out > li {
    float: left;
    position: relative; }
.nav-out > li > a {
    display: block;
    color: #826231;
    position: relative;
    overflow: hidden; }

.nav-out > li > a span {
    display: block;
    padding: 0 25px;
    position: relative;
    z-index: 10; }
.nav-out > li > a .nav-item-bg {
    position: absolute;
    left: 0;
    top: 105px;
    background-color: #c49c5e;
    z-index: 9;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
.nav-out > li.active .nav-item-bg {
    top: 0px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
.nav-out > li.active > a {
    color: #fff; }

.nav-inner {
    width: 1120px;
    display: none;
    position: absolute;
    top: 105px;
    left: 0; }
@media screen and (max-width: 920px) {
    .nav-inner {
        position: static;
        background-color: #a78a5e;
        width: 100%; } }
@media screen and (min-width: 921px) {
    .nav-inner {
        width: 180px;
        border-top: 4px solid #e9e9e9;
        background: url("../img/bg_40.png") repeat;
        border-bottom: 2px solid #c49c5e; } }
@media screen and (max-width: 920px) {
    .nav-inner > li {
        width: 100%;
        border-top: 2px solid #fff;
        float: left; } }
.nav-inner > li > a {
    display: block;
    color: #826231;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
@media screen and (max-width: 920px) {
    .nav-inner > li > a {
        color: #fff;
        text-align: center;
        line-height: 50px; } }
@media screen and (min-width: 921px) {
    .nav-inner > li > a {
        text-indent: 10px;
        line-height: 35px; } }
.nav-inner > li > a:hover {
    background-color: #d9d9d9;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }



/* Prevent the slideshow from flashing on load */
.col-link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 8; }
@media screen and (max-width: 1099px) {
    .col-link {
        position: static; } }

.col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
    height: 94px;
    overflow: hidden;
    float: left;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    background-repeat: no-repeat;
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: 19;
    background-position: center center; }
@media screen and (min-width: 1280px) {
    .col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
        width: 220px; } }
@media screen and (min-width: 1100px) and (max-width: 1279px) {
    .col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
        width: 180px; } }
@media screen and (min-width: 961px) and (max-width: 1099px) {
    .col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
        width: 25%;
        background-position: left center; } }
@media screen and (min-width: 641px) and (max-width: 960px) {
    .col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
        width: 50%; } }
@media screen and (max-width: 640px) {
    .col-link-aboutus, .col-link-showcase, .col-link-industry, .col-link-blank {
        width: 100%; } }
.col-link-cont {
    width: 146px;
    white-space: nowrap; }
@media screen and (min-width: 1280px) {
    .col-link-cont {
        margin: 0 auto; } }
@media screen and (min-width: 1100px) and (max-width: 1279px) {
    .col-link-cont {
        float: left;
        margin: 0 0px; } }
@media screen and (max-width: 1099px) {
    .col-link-cont {
        margin: 0 auto; } }
.col-link-aboutus .col-link-mask, .col-link-showcase .col-link-mask, .col-link-industry .col-link-mask, .col-link-blank .col-link-mask {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 22px 28px 0;
    font-size: 2.0rem;
    line-height: 1.1; }
@media screen and (min-width: 1100px) and (max-width: 1279px) {
    .col-link-aboutus .col-link-mask, .col-link-showcase .col-link-mask, .col-link-industry .col-link-mask, .col-link-blank .col-link-mask {
        padding: 22px 17px 0; } }
.col-link-aboutus span, .col-link-showcase span, .col-link-industry span, .col-link-blank span {
    font-size: 1.0rem;
    text-transform: uppercase; }
.col-link-aboutus i, .col-link-showcase i, .col-link-industry i, .col-link-blank i {
    float: left;
    width: 48px;
    height: 48px;
    background: transparent url("../img/link-img.png") no-repeat;
    margin-right: 14px; }
.col-link-aboutus .col-link-img, .col-link-showcase .col-link-img, .col-link-industry .col-link-img, .col-link-blank .col-link-img {
    width: 100%;
    height: 100%; }

@media screen and (min-width: 1099px) {
    .active.col-link-aboutus, .active.col-link-showcase, .active.col-link-industry, .active.col-link-blank {
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        z-index: 29; } }
.col-link-aboutus {
    background-color: #a78a5e;
    background-image: url("../img/scale_1.jpg"); }

.col-link-showcase {
    background-color: #2c9155;
    background-image: url("../img/scale_2.jpg"); }

.col-link-industry {
    background-color: #ab916c;
    background-image: url("../img/scale_3.jpg"); }

.col-link-blank {
    background-color: #2c9155;
    background-image: url("../img/scale_4.jpg"); }

.idxmid {
    width: 100%;
    padding-right: 880px;
    position: relative;
    z-index: 8; }


.col-news {
    height: 94px;
    padding: 0 24px 0 16px;
    overflow: hidden;
    background-color: #fff; }
@media screen and (min-width: 440px) and (max-width: 768px) {
    .col-news {
        padding: 0 24px 0 16px; } }
@media screen and (min-width: 320px) and (max-width: 439px) {
    .col-news {
        padding: 0 4px 0 4px; } }
.col-news a, .col-news span, .col-news h2 {
    color: #a78a5e; }
.col-news h2 {
    font-size: 2rem;
    padding: 8px 0;
    position: relative;
    margin-left: 22px; }
@media screen and (min-width: 320px) and (max-width: 640px) {
    .col-news h2 {
        margin-left: 0px; } }
.col-news .col-news-title {
    float: left; }
@media screen and (min-width: 440px) and (max-width: 768px) {
    .col-news .col-news-title {
        width: 320px; } }
@media screen and (min-width: 320px) and (max-width: 439px) {
    .col-news .col-news-title {
        width: 230px; } }
.col-news .col-news-more {
    font-size: 1.4rem;
    margin-left: 10px; }

.col-news-scroll-wrap {
    height: 50px;
    position: relative;
    overflow: hidden;
    margin-top: 24px; }
.col-news-scroll-wrap ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
.col-news-scroll-wrap li {
    overflow: hidden;
    line-height: 34px;
    height: 50px;
    position: relative;
    padding: 8px 0; }
.col-news-scroll-wrap a.news-scroll-item {
    cursor: pointer;
    font-size: 14px;
    float: left;
    width: 100%;
    padding-right: 200px; }
@media screen and (min-width: 320px) and (max-width: 439px) {
    .col-news-scroll-wrap a.news-scroll-item {
        padding-right: 160px; } }
.col-news-scroll-wrap span {
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 100px;
    color: #000; }
@media screen and (min-width: 320px) and (max-width: 439px) {
    .col-news-scroll-wrap span {
        right: 84px; } }
.col-news-scroll-wrap a.news-scroll-more {
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 0;
    width: 80px;
    text-align: center;
    background-color: #826231;
    color: #fff; }
	

/*内页banner*/
.pagebanner{
    width: 100%;
    height: 200px;
}
.nymain{ width: 100%; height: auto; }
.nymains{width: 1280px; height: auto; margin: 0 auto; padding: 15px 0px;}
.ny-title{ padding:20px 0;  border-bottom: solid 1px #ebebeb; text-align: center;}
.ny-title ul  {
    zoom:1;display:inline-block;*display:inline;margin:0 auto; position: relative;
}
.ny-title ul  li {
     width: auto;
    float: left;
    margin: 0px 5px;
    text-align: center;
    display:inline-block; zoom:1; *display:inline;
    position:relative;
}
.ny-title ul li a {
    display: block;
    width:auto;
    height:35px;
    padding: 0 15px;
    line-height:35px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #7c7c7c;}
.ny-title ul li a:hover,.ny-title ul li a.active{

    color: #fff;
    background: #c49c5e;
}

.ny-contain{ padding: 30px;  line-height: 30px; color: #555; font-size: 14px; }
.ny-contain h1{ line-height: 30px; color: #c49c5e; font-size: 14px; font-weight: bold; }
.aboutnr{ line-height: 30px; color: #555 }


/*zxly*/
.khfu-bd{ margin-top:25px; margin-bottom:30px; line-height:40px;}
.file{margin:10px 0px; }
.file label{float:left;width:120px;text-align:right;font-size:14px; line-height:40px;color:#555; font-weight: normal; padding-right:15px;}
.file span.txtRed{padding-left:15px;color:#d80a0a;border: none; display: inline-block; height: 36px}
.box1{width:890px;height:36px;line-height: 36px; border:solid 1px #e6e6e6; padding-left:5px; background:#fff;border-radius: 3px; }
.box2{width:890px; height:200px;  border:solid 1px #e6e6e6; padding-left:5px; padding-top:5px; background:#fff;border-radius: 3px;  }
.btn1{ width:100px; height:38px; line-height: 38px; background:#c49c5e; border:none; border-radius: 3px; color:#fff;cursor:pointer; font-size:14px; margin-left:120px;}

/*jrwm*/
.jrwm{ margin-bottom: 60px; }
.zp-bt{ width: 100%; height:44px; line-height: 44px; background: #c49c5e}
.zp-bt li{ width:14.2%; float: left; line-height:44px;text-align: center; 
    color: #fff; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"}
.zp-lib{ width: 100%; height: auto; line-height:44px; clear: both; }
.zp-lib li{ width:14.2%; float: left; text-align: center; line-height:44px;color: #555;
    font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }
.zp-lib li a{ display:block;color: #c49c5e; font-size: 13px; overflow: hidden;}
.zp-lib li{width:14.2%; display: block; border-bottom: solid 1px #dcdcdc;font-size: 13px;}
.table-zp{ border: solid 1px #dbdbdb; width: 100%; }
.table-zp tr{ border: solid 1px #dbdbdb; }
.table-zp tr td{ border: solid 1px #dbdbdb; padding:10px; }
.main-right-job-ny{ text-align: right; background:#e9e9e9;}
.jrkhnr ol{ line-height: 30px; color: #c49c5e; padding-top:15px; }

/**************荣誉资质**************/
.ryzz { clear: both; }
.ryzz ul li{ width: 266px; height: 354px; border: solid 1px #dadada; float: left;  margin:20px 10px; }
.ryzz ul li img{ padding:5px; }

/*news-------------------------*/
.newsny{ width:23%; height: auto; float: left; margin:10px ; }
.magzbox{
    position: relative;margin-bottom: 30px;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -moz-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
}
.magzbox:hover{
    transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    box-shadow: 3px 3px 9px rgba(154, 154, 154, 0.3);
}
.magzbox .bg{ padding:8px 13px 12px 10px;
  background:url("../img/newbj.png") top left no-repeat; background-size: 100%;
}
.magzbox:hover .biaoti{ color: #c49c5e;    
    -webkit-transition: -webkit-transform 0.8s;
    transition: -moz-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s; }
.biaoti{ font-family: "微软雅黑", "Microsoft YaHei"; color: #414244; font-size: 14px; line-height: 24px;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -moz-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
}
.magzbox img{ width: 100%; height:auto; overflow: hidden;
    border: 1px solid #e6e6e6;
}

.magzbox .time{
    color: #535353;font-family: "Helvetica" !important; line-height:30px;
}
.magzbox .time span{ float: right; padding-top:10px;}
.more{ font-size: 12px; color: #b3b3b3; font-family: "微软雅黑", "Microsoft YaHei"; margin-top:15px; border-bottom: solid 1px #ddd }
.time a{ color: #b3b3b3; font-size: 12px; font-family: "微软雅黑", "Microsoft YaHei";}

.newmy-nr h2{ color: #c49c5e; font-size: 15px; text-align: center;font-family: "微软雅黑", "Microsoft YaHei"; font-weight: bold; margin-top: 10px;}
.newmy-nr small{ display: block; text-align: center; margin-bottom: 15px; color: #d9d8d7}

.wlnr img{ margin: 0 auto; display: block}

/*下属公司-------------------------*/

.xsgsn{ width:386px; height: auto; float: left; border: solid 1px #e4e4e4; padding:8px; margin:10px 10px 40px 10px; display: inline;}
.xsgsn a{color: #808080; font-size: 14px; line-height: 24px; display: block;}
.xsgsnr{ padding:10px; color: #808080; font-size: 14px; line-height: 24px; }
.linelib{ width: 45px; height:3px;background:#c49c5e; margin: 8px 0px 20px 0px;}
.xsgsn .xsmore{ display: block; width: 122px; height: 40px; line-height:36px;  margin:30px 0px 15px 0px ; 
    border: solid 2px #c49c5f; text-align: center;}
.xsgsnr h1{ color: #000; }

.xsgstp{ width:370px; height: 220px; overflow: hidden;
  -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
}
.xsgstp img{ width:370px; height: 220px; overflow: hidden;
  -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
}

.xsgsn a:hover .xsmore{ background: #c49c5e; color: #fff; 
    -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.xsgsn a:hover .xsgsnr h1{ color: #c49c5e; 
    -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.xsgsn a:hover .xsgstp img{
overflow: hidden;
 transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);  /* IE 9 */
    -webkit-transform: scale(1.1,1.1)); /* Safari 和 Chrome */
    -o-transform: scale(1.1,1.1);   /* Opera */
    -moz-transform: scale(1.1,1.1); /* Firefox */
  -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.xsgsn a:hover .xsmore{ background: #c49c5e; color: #fff; 
    -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.xsgsn a:hover .xsgsnr h1{ color: #c49c5e; 
    -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.xsgsnrn h1{ color: #c49c5e; font-size: 16px;margin-bottom: 10px;}
.xsgsnrn{ color:#555; line-height: 30px; }