/*join*/
.container {background-color: #f2f2f2;}
.Nei_ban{position: relative;  overflow: hidden;padding-top: 80px;}
.banner-content {  position: absolute;  left: 0;  right: 0;  text-align: center;  color: #fff;  overflow: hidden;  width: 1200px;  bottom: 0;  margin-top: -120px;  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;  }
.banner-content .h-nav .annav{    width: 30%;display: inline-block;margin:0 1.5%}
.h-nav-a {  display: block;  padding: 0;  line-height: 70px;  font-size: 20px;  margin: 0;  border-right: none;  height: 70px;  background-color: #fff;  text-align: center;  transition: color 0.6s;  color: #333;  opacity: .75;  }
.h-nav-a .ico {  display: inline-block;  width: 50px;  height: 50px;  margin: 0 auto;  margin-right: 8px;  background-position: 0 0;  vertical-align: middle;  }
.h-nav-a:hover, .h-nav-a.cur {  background-color: #c3893c;  color: #fff;  }
.h-nav-a:hover .ico, .h-nav-a.cur .ico {  background-position: 0 100%;  }
.resource .h-news-nav-ico2 {  background-image: url(../images/icon16.png);  }
.resource .h-news-nav-ico1 {  background-image: url(../images/icon15.png);  }
.join_list{margin-top: 2%;}
.join_list li{width: 30.5%;margin: 0 4% 2% 0;float: left;transition: box-shadow .3s;background-color: #fff;}
.join_list li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.join_list li:nth-of-type(3n){margin-right: 0;}
.join_list li .con {display: block;width: 100%;border: 1px solid #e6e6e6;padding: 25px;}
.join_list li .con a{display: inline-block;border: 1px solid #c3893c;margin-top:25px;padding: 10px 20px;background-color: #c3893c;color: #fff;font-size: 14px;transition: all 0.3s;}
.join_list li .con a:hover{background-color: #fff;color: #c3893c;}
.join_list li .time {font-size: 16px;color: #666;line-height: 38px;}
.join_list li h2 {font-size: 18px;color: #333;line-height: 38px;overflow: hidden;height: 44px;transition: color .3s; font-weight: normal;position: relative;margin-bottom: 25px;}
.join_list li h3 {font-size: 16px;color: #333; font-weight: normal;margin-bottom: 10px;}
.join_list li h2::after{content: ''; position: absolute;width: 30px;height: 4px;background: #dc2323;left: 0%;top: 84%;}
.join_list li .font {font-size: 14px;color: #666;line-height: 30px;height: 30px;overflow: hidden;}

.join_detail{background-color: #fff;padding: 3% 2%;}
.join_detail p{margin-bottom: 10px;}
.b {font-weight: bold;}
.joinus_tb {border: 1px solid #E2E2E2;border-width: 0 0 1px 1px;font-size: 14px;}
.join_detail tr td { padding: 8px;  border: 1px solid #E2E2E2;  border-width: 1px 1px 0 0;  }

/*page*/
.pagelist {  width: 100%;  height: 50px;  line-height: 50px;  text-align: center;  background: #c3893c;  }
.pagelist ul {  text-align: center;  margin: 0 auto;  }
.pagelist  li {  text-align: center;  line-height: 50px;  display: inline-block;  padding-right: 10px;  }
.pagelist  li.active {color: #fff;}
.pagelist  li a {color: #333;display: inline;}

/*contact*/
.con-box {padding: 30px;  background-color: #fff;  }
.con-box .fr {  margin-right: 5%;  margin-top: 5%;  }
.con-box .fr h3 {  font-size: 22px;  color: #c3893c;  font-weight: normal;  margin-bottom: 18px;  }
.con-box .fr p {  font-size: 16px;  margin-top: 20px;  line-height: 29px;  }

.icon_tel {  background: url(../images/icon_tel.png) left no-repeat;  padding-left: 30px;  }
.icon_abb {  background: url(../images/icon_abb.png) left no-repeat;  padding-left: 30px;  }
.con-box .fl {  width: 50%;  }

/*news*/
.news .h-news-nav-ico2 {  background-image: url(../images/icon7.png);  }
.news .h-news-nav-ico1 {  background-image: url(../images/icon6.png);  }

.bidding1:hover {background: url(../images/bg.jpg) no-repeat center/cover;}
.bidding1 {border-top: 1px solid #e6e7e8;border-bottom: 1px solid #e6e7e8;padding: 25px 0;}
.bidding1 .bidding_left {padding: 30px;align-items: center;justify-content: center;overflow: hidden;transition: all 0.3s;background-color: #f2f2f2;}
.bidding1 .bidding_left p{font-size: 20px;margin-bottom: 15px;text-align: center;}
.bidding1 .bidding_left h3{font-size: 30px;font-weight: normal;text-align: center;}
.bidding1:hover .bidding_left{background-color: #c3893c;color: #fff}
.bidding1:hover .bidding_left p,.bidding1:hover .bidding_left h3{color: #fff}

.bidding1 .bidding_right {width: 67%;}
.bidding_right h2 a {font-size: 18px;font-weight: bold;margin: 10px 0;display: inline-block;color: #333;}
.bidding_right p {font-size: 14px;line-height: 26px;height: 130px;overflow: hidden;margin-bottom: 15px; color: #333;width:80%;}

.bidding_box .pagelist{margin-top:3%;}

.news-box {background-color: #fff;    min-height: 400px;}
/*news_detail*/
.fy_newsshow{width: 90%;margin: 0 auto;padding: 30px 0}
.fy_newsshow h3 {text-align: center;font-size: 24px;color: #444;padding-bottom: 25px;}
.fy_newsshow p{line-height: 28px;color: #999999;font-size: 16px;}
.fy_newsshow7{ width:100%; height:50px; margin-top:80px; background:#c3893c;}
.fy_newsshow8{  line-height:50px; padding-left:35px; float:left}
.fy_newsshow8 a{font-size:14px; color:#fff; }
.fy_newsshow8 img{ padding-left:10px; padding-top:-2px;}
.fy_newsshow9{ float:right; width:210px;font-size:14px; color:#fff; }
.fy_newsshow9 img{ margin-top:-6px;}
.fy_newsshow9 a{ color:#fff; line-height:50px; padding-right:14px; padding-left:14px; font-size:14px;}

/*team*/
.team{margin-bottom: 3%;}
.team .bidding1 .bidding_left{padding: 0;margin-left:5%;}
.team .bidding_right h2 span{font-size: 16px;margin-left: 30px;font-weight: normal;}

/*business*/
.business{background: url(../images/i_banner4.jpg) no-repeat center/cover;}
.carousel-container{position: relative;}
#carousel {max-width:1200px;height: 570px;position:relative;margin:10% 0;font-size:12px;}
.carousel-image {border:0;  display:block;}
.carousel-image2 {display:none;}
.carousel-feature {position:absolute;top:-1000px;left:-1000px;cursor:pointer;}
.carousel-feature .carousel-caption p { font-size: 12px;  color: #5c5c5c;  text-align: center;  }
.index-part2 .zbt{  color:#000;  font-size: 20px;  display: block;  font-weight: bold;  margin-top:16px;  margin-bottom:4px;  }
.carousel-feature .carousel-caption .p2{display: none;}
.tracker-individual-container {display: none !important;}
.tracker-summation-container{display:none !important;}
#carousel-left {  position:absolute;  top: 35%;  left:0px;  cursor:pointer;  }
#carousel-right {  position:absolute;  top: 35%;  right:0px;  cursor:pointer;  }

.carousel-caption{position: absolute;bottom: 0;width: 100%}
.carousel-caption p{width: 100%}
.carousel-caption a{display: block;text-align: center;background-color: #a68253;color: #fff;padding: 15px 0;font-size: 30px;font-weight: bold;}


/*case*/
.case_list li{width: 30.5%;margin: 0 4% 3% 0;float: left;transition: box-shadow .3s;    padding: 20px;background-color: #fff;}
.case_list li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.case_list li:nth-of-type(3n){margin-right: 0;}
.case_list li .pic {width: 100%;overflow: hidden;background-color: #f2f2f2;}
.case_list li img {width: 100%;transition: transform .3s;}
.case_list li:hover img {transform: scale(1.1);}
.case_list li h2 {font-size: 20px;color: #4a4a4a;line-height: 45px;overflow: hidden;height: 50px;transition: color .3s; font-weight: normal;padding-left: 10px;}

/*about*/
.about{position: relative;}
.i-lista {
    width: 100%;
    position: absolute;
    bottom: 40px;
    text-align: center;
    z-index: 3;
}
.i-lista .ul {
    width: 100%;
}
.i-lista .ul .li {
    width: 24.5%;
    margin-right: .661%;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #fff;
    font-size: 16px;
    color: #333;
    padding: 0 35px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-top: 1px solid #fff;
}
.i-lista .ul .li:nth-child(4n) {
    margin-right: 0;
}
.i-lista .ul .li:hover, .i-lista .ul .li.active {
    background: #c3893c;
    height: 68px;
    margin-top: -8px;
    border-top: 1px solid #c3893c;
}
.i-lista .ul .li .img {
    width: 45px;
    height: 45px;
    margin-top: 7.5px;
    position: relative;
    float: left;
    margin-right: 5px;
    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.i-lista .ul .li .img img {
    max-width: 100%;
}
.i-lista .ul .li .img .img1 {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 1;
    -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
    transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
    margin-left: -22px;
}
.i-lista .ul .li:hover .img .img1, .i-lista .ul .li.active .img .img1 {
    opacity: 0;
    -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
    transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li .img .img2 {
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 0;
    opacity: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
    transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li:hover .img .img2, .i-lista .ul .li.active .img .img2 {
    opacity: 1;
    -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
    transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li span {
    display: inline-block;
    float: left;
    color: #333;
}
.i-lista .ul .li:hover span, .i-lista .ul .li.active span {
    color: #fff;
}
.i-lista .list-box {
    width: 100%;
    height: 305px;
    box-sizing: border-box;
    background: rgba(242,241,242,.8);
    margin-bottom: 8px;
    text-align: left;
    position: absolute;
    bottom: 60px;
    overflow: hidden;;
}
.i-lista .list-box .list {
    position: absolute;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.i-lista .list-box .list.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
}
.i-lista .list-box .list1 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transition: all .2s 0s ease-in-out;
    transition: all .2s 0s ease-in-out;
}
.i-lista .list-box .list1.active {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transition: all .6s .2s ease-in-out;
    transition: all .6s .2s ease-in-out;
}
.i-lista .n-list {
    padding: 35px;
    width: 100%;
    box-sizing: border-box;
}
.i-lista .list-box .list1 .img {
    width: 26%;
    float: left;
}
.i-lista .list-box .list1 .img img {
    width: 359px;
}
.i-lista .list-box .list1 .img .imgb {
    display: none;
}
.i-lista .list-box .list1 .p-text {
    width: 72%;
    float: right;
    height: 305px;
}
.i-lista .list-box .list1 .h {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 13px;
    color: #333;
}
.i-lista .list-box .list1 .p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
    color: #333;
    width: 90%;
}
.ex-more {
    position: relative;
    display: block;
    width: 150px;
    height: 35px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 35px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    background: #c3893c;
}
.ex-more span {
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: inline-block;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.i-lista .n-list {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.i-lista .list-box .list2 .n-list>div{float: left;width: 50%;}
.i-lista .list-box .list2 .img{width: 40%}
.i-lista .list-box .list2 .p-text{width: 46%;}


@media only screen and (max-width: 1200px){
    .banner-content{width: 100%;padding-left: 0;padding-right: 0;margin-top: 0;position: static;}
}
@media only screen and (max-width: 768px){
    .business{margin-top: 60px;}
    .Nei_ban {padding-top: 60px;  }
    .Nei_ban img {width: 140%;margin-left: -20%;max-width: 140%;}
    .case_list li h2{font-size: 16px;line-height: 35px;height: 40px;}
    .case_list li {padding: 10px;}
    .carousel-container {width: 100%;max-width: 100%;}
    #carousel {width: 100%;height: 300px;}
    .carousel-image {width: 100% !important;}
    .carousel-caption a{padding: 5px 0;font-size: 18px;}

    .news .h-nav .annav,.resource .h-nav .annav{    width: 50%;margin: 0;float: left;}
    .contact .fr {margin-top: 5%;float: none;display: block;margin-bottom: 5%;}
    .contact .fl {width: 100%;}
    .con-box .fr p{margin-top: 10px;}
    .con-box{padding: 10px;}
    .h-nav-a {line-height: 50px;font-size: 14px;height: 50px;}

    .join_list li, .case_list li {width: 46.5%;margin: 1.5%;}
    .join_list li:nth-of-type(3n), .case_list li:nth-of-type(3n) {margin-right: 1.5%;}

    .carousel-image {display:none;}
    .carousel-image2 {display:block;}

    .fy_newsshow {padding: 20px 0;}
    .fy_newsshow h3 {font-size: 20px;padding-bottom: 15px;}

    .i-lista{position: relative;bottom: 0;}
    .i-lista .ul .li {
        width: 25%;
        margin-right: 0;
        border-right: 1px solid #e6e6e6;
        box-sizing: border-box;
        height: auto;
        text-align: center;
        padding: 8px 0;
    }
    .i-lista .list-box .list1 .p, .i-lista .ul .li {
        font-size: 14px;
        line-height: 1.6;
    }
    .i-lista .ul .li:hover, .i-lista .ul .li.active {
        height: auto;
        margin-top: 0;
        border-right: 1px solid #c3893c;
    }
    .i-lista .ul .li .img {
        width: 100%;
        margin-right: 0;
    }
    .i-lista .list-box .list1 .p-text, .i-lista .list-box .list1 .p {
        width: 100%;
    }
    .i-lista .list-box {
        position: relative;    bottom: 0;    margin-bottom: 0;display: block!important;    height: 624px;background-color: transparent;;
    }
    .i-lista .ul .li span{float: none;}
    .i-lista .list-box .list1 .img {
        width: 100%;
        margin-bottom: 10px;
    }
    .i-lista .list-box .list1 .img img {
        width: 100%;
    }
    .i-lista .list-box .list1 .h {
        font-size: 20px;
    }
    .i-lista .list-box .list1 .p{margin-bottom: 20px;}
    .i-lista .list-box .list1 .p-text {height: 200px;}
	.bidding_right p{height:auto;width:100%;}
}

@media screen and (max-width: 540px){
    .bidding1 .bidding_left {display: none;}
    .bidding1 .bidding_right {width: 100%;}
    .join_list li, .case_list li {width: 96%;margin: 2%;}

    #carousel {margin: 32% 0;}
    #carousel-left,#carousel-right{top: 5%;}
	.bidding_right p a br{display:none;}
}