@charset "utf-8";
/* CSS Document */

.service-1{ width:100%; background:url(bg_services_banner.png) center top fixed;  text-align:center; height:200px}
.service-1 h1{ padding:60px 0 10px 0;font-size:30px;    color: #fff;    font-weight: normal;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.service-1 p{    font-size:18px;    color: #f2f2f2;    font-weight: 200;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.service-1 p:before{ content:"———";  padding-right:30px}
.service-1 p:after{ content:"———";  padding-left:30px}
.service-2 .case-item {padding:30px 0 0 0 ;    height:410px;    overflow: hidden;}
.service-2 .case-item:nth-child(2n){ background:#f2f2f2}
.service-2 .case-item .layout-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
	overflow:hidden
}
.service-2 .case-item:nth-child(2n+1) .info {
    float: left;
    width: 480px;
    padding: 30px 30px 0;
}
.service-2 .case-item:nth-child(2n) .info {
    float:right;
    width: 480px;
    padding: 30px 30px 0;
}
.service-2 .case-item .top {
    position: relative;
    height: 80px;
    width: 100%;
    padding: 0 0 0 90px;
}
.service-2 .case-item .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
    border-radius: 16px;
    overflow: hidden;
}
.service-2 .case-item .name {
    font-size: 32px;
    color: #464646;
    padding: 5px 0 0;
    font-weight: normal;
}
.service-2 .case-item .txt {
    font-size: 16px;
    color: #999;
}
.service-2 .case-item .desc {
    margin-top: 20px;
    text-indent: 2em;
	font-size:14px
}
.service-2 .case-item:nth-child(2n+1) .rcodePart {
    position: relative;
    box-sizing: border-box;
    margin-top: 30px;
    padding-top: 10px;
	text-align:right
}
.service-2 .case-item:nth-child(2n) .rcodePart {
    position: relative;
    box-sizing: border-box;
    margin-top: 30px;
    padding-top: 10px;
	text-align:left
}
.service-2 .case-item .rcodePart span { 
	display:block;
	margin-bottom:3px; font-size:14px; color:#666
}
.service-2 .case-item:nth-child(2n+1) .rcodePart span:after{ content:"—"; padding-left:10px; color:#999}
.service-2 .case-item:nth-child(2n) .rcodePart span:before{ content:"—"; padding-right:10px; color:#999}
.service-2 .case-item:nth-child(2n+1) .images {
    float: right;
    width: 570px;
    height: 512px;
    position: relative;
}
.service-2 .case-item:nth-child(2n) .images {
    float: left;
    width: 570px;
    height: 512px;
    position: relative;
}
.service-2 .case-item .images .img {
    position: absolute;
    z-index: 50;
    border-radius: 4px;
    overflow: hidden;
	width:570px;
	height:360px;-webkit-animation: float 8s ease .8s infinite normal;
    -ms-animation: float 8s ease .8s infinite normal;
    animation: float 8s ease .8s infinite normal;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -ms-transform: translateY(20px);
    }
    100% {
        -ms-transform: translateY(0);
    }
}
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}


.cots-1{ width:100%; background:url(bg_cost_banner.png) center top fixed;  text-align:center; height:200px}
.cots-1 h1{ padding:60px 0 10px 0;font-size:30px;    color: #fff;    font-weight: 600;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.cots-1 p{    font-size:18px;    color: #f2f2f2;    font-weight: 200;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.cots-1 p:before{ content:"———";  padding-right:30px}
.cots-1 p:after{ content:"———";  padding-left:30px}


.cots-2{ width:1200px; margin:auto;text-align:center; padding:30px 0}
.cots-2 .titlebox{ }
.cots-2 .titlebox h2{ font-size:22px; line-height:50px; }
.cots-2 .titlebox h2 strong{color:#ff6d01}
.cots-2 .titlebox p{font-size: 16px;    line-height: 30px;}
.cots-2 .costicon{ width:100%; clear:both; float:left; padding:30px 0 20px 0}
.cots-2 .costicon li{ float:left; width:200px; height:150px; font-size:16px}
.cots-2 .costicon li img{ display:block}
.cots-2 .costicon li p{ padding:5px 10px; color:#666}
.cots-2 .costicon li p strong{ color:#ff6d01}




.btn-effects {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 60px 0 30px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    position: relative;
    top: 0;
    padding: 20px 60px;
    background: #ff6e03 ;
    border-radius: 60px;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    box-shadow: 0px 12px 28px 0px rgba(210, 7, 0, 0.35);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-effects:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-effects:hover {
    top: -4px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 18px 36px 0px rgba(210, 7, 0, 0.25);
}
.btn-effects:hover:after {
    background: rgba(255, 255, 255, 0.2);
}

.cots-3{ width:1200px; margin:auto;text-align:center; padding:30px 0; }
.cots-3 .titlebox{ padding-bottom:20px}
.cots-3 .titlebox h2{ font-size:22px; line-height:50px; }
.cots-3 .titlebox h2 strong{color:#ff6d01}
.cots-3 .titlebox p{font-size: 16px;    line-height: 30px;}
.cots-3 .titlebox p strong{color:#ff6d01}
.cots-3 .tong{ width:48%; display:inline-block; border:1px  solid #f2f2f2; margin-right:2%;position:relative}
.cots-3 .tong li h3:before { text-align:left;
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(icon_tong.png) no-repeat;
}
.cots-3 .tong li{ height:40px; line-height:40px; font-size:14px; text-align:left; border-bottom:1px dashed #f2f2f2; padding-left:30px}
.cots-3 .tong li:first-child{ height:60px; line-height:60px; font-size:18px; border-bottom:3px  solid #f2f2f2; text-align:center; padding:0; width:100%}
.cots-3 .tong li span{ color:#999; display:inline-block; margin-right:10px}

.cots-3 .tuijian{ width:49%; display:inline-block; border:1px  solid #ff6d01;position:relative}
.cots-3 .tuijian li h3:before { text-align:left;
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(icon_tuijian.png) no-repeat;
}
.cots-3 .tuijian li{ height:40px; line-height:40px; font-size:14px; text-align:left;border-bottom:1px dashed #ff6d01; padding-left:30px}
.cots-3 .tuijian li:first-child{ height:60px; line-height:60px; font-size:18px; border-bottom:3px  solid #ff6d01; text-align:center; padding:0; width:100%;}
.cots-3 .tuijian li h3{ color:#ff6d01}
.cots-3 .tuijian li span{ color:#999; display:inline-block; margin-right:10px}






.works-1{ width:100%; background:url(bg_cost_banner.png) center top fixed;  text-align:center; height:200px}
.works-1 h1{ padding:60px 0 10px 0;font-size:30px;    color: #fff;    font-weight: 600;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.works-1 p{    font-size:18px;    color: #f2f2f2;    font-weight: 200;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.works-1 p:before{ content:"———";  padding-right:30px}
.works-1 p:after{ content:"———";  padding-left:30px}


.works-2{padding:50px 0; }
.works-2 .titlebox{ width:1200px; margin:auto}

.works-2 ul{ width:1200px; margin:auto;}
.works-2 ul li{ display:inline-block; position:relative; margin-right:11px; width:390px; height:242px; overflow:hidden; margin-bottom:12px; border-bottom:1px solid #333}
.works-2 ul li:nth-child(3n){ margin-right:0}
.works-2 ul li .a01{ display:block; width:390px; height:242px; overflow:hidden}

.works-2 ul li .a01 img{transition: all 1s; width:100%; height:100%}
.works-2 ul li .a01:hover img{transform: scale(1.2)}
.works-2 ul li .a02{ color:#fff; font-size:16px; display:inline-block; background:url(blackbg.png) repeat-x; height:40px; width:100%; position:absolute; bottom:0; padding:10px 10px 0 10px}

.works-2 ul li .span01{position: absolute; display:block; top:10px; right:0; background-color: rgba(0,0,0,0.5);; color:#fff; padding:5px 10px 5px 20px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.works-2 ul li .span01 em{ color:#f0ff01; font-weight:700; font-size:18px; float:right; margin-left:10px}
@keyframes myfirst{ 0% {background-color: rgba(0,0,0,0.8);}
25% {background-color: rgba(255,109,1,0.8);}
50% {background-color: rgba(0,0,0,0.8);}
100% {background-color: rgba(255,109,1,0.8);}}






.news-1{ width:100%; background:url(bg_cost_banner.png) center top fixed;  text-align:center; height:200px}
.news-1 h1{ padding:60px 0 10px 0;font-size:30px;    color: #fff;    font-weight: 600;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.news-1 p{    font-size:18px;    color: #f2f2f2;    font-weight: 200;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.news-1 p:before{ content:"———";  padding-right:30px}
.news-1 p:after{ content:"———";  padding-left:30px}



.news-2 .list{ width:1200px; margin:auto}
.news-2 .list li{ text-align:left; width:100%; clear:both; padding:30px 0}
.news-2 .list li .a01{ color:#333; display:block; font-size:16px; padding:2px 0 6px 0;display:block;  font-weight:600;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.news-2 .list li .a01:hover{transform:translate(10px,0px);-ms-transform:translate(10px,0px);-webkit-transform:translate(10px,0px); color:#ff6d01}
.news-2 .list li .a01::before { content:'—';font-size: 12px;font-weight:100; color:#595959; padding-right:10px}
.news-2 .list li .a02{ float:left; width:150px; height:93px; overflow:hidden; display:block; margin-right:20px}
.news-2 .list li .a02 img{ width:100%}
.news-2 .list li p{ width:100%; line-height:18px; font-size:12px; font-size:14px; height:40px; color:#666; text-indent:2em}
.news-2 .list li  em{ font-weight:100; font-size:13px; display:block; margin-top:5px; color:#999}

.news-2 .titlebox{ width:1200px; margin:auto; clear:both}
.news-2 .titlebox li{ display:inline-block; padding:30px 40px 5px 0}
.news-2 .titlebox li a{ font-size:18px; color:#333;}
.news-2 .titlebox li.hover a{ color:#ff6d01; font-weight:600}
.news-2 .titlebox li.hover a:before{ content:"—"; padding-right:10px}
.news-2 .titlebox li a:hover{color:#ff6d01;}
.news-content{ width:1200px; margin:auto}
.news-content .contentbox{ width:950px; float:left}
.news-content .contentbox h1{ width:100%; text-align:center; font-size:30px; padding:50px 0 10px 0}
.news-content .contentbox .time{ width:100%; text-align:center; border-top:1px solid #f2f2f2; height:40px; line-height:40px; display:block; margin-bottom:20px; color:#999}
.news-content .contentbox .time span{ display:inline-block; margin-right:50px}
.news-content .contentbox .content{ font-size:15px; line-height:23px;color:#333}
.news-content .contentbox .content p{text-indent:2em;font-size:16px;margin-bottom:13px;line-height: 30px;}
.news-content .contentbox .content div{ text-indent:2em;font-size:16px;margin-bottom:13px;line-height: 30px; }
.news-content .contentbox .content img{ max-width:100%;}
.news-content .contentbox .content h3{ font-size:18px; font-weight:600; display:block; margin-bottom:5px; padding:20px 0}
.news-content .contentbox .content h3:before{ content:"|"; padding-right:10px}
.news-content .contentbox .content li,.news-content .contentbox .content ul,.news-content .contentbox .content ol{ list-style:inherit; margin-left:20px; text-indent:0em; color:#ff6d01}
.news-content .contentbox .prenext{ height:100px; width:100%; clear:both; line-height:100px; font-size:15px; color:#999}
.news-content .contentbox .prenext li:first-child{ float:left}
.news-content .contentbox .prenext li:last-child{ float:right}
.news-content .news-relative{ float:right; width:200px; padding:30px 0}
.news-content .news-relative h2{ font-size:18px; height:40px; line-height:40px; overflow:hidden; font-weight:600}
.news-content .news-relative ol li{ width:200px; min-height:160px; overflow:hidden; text-align:center; padding:0 0 10px 0}
.news-content .news-relative ol li a{ font-size:14px; color:#333}
.news-content .news-relative ol li a:hover{ color:#ff6d01}
.news-content .news-relative ol li img{ width:200px; height:124px; display:block}


.news-content .works-relative{ float:right; width:200px; padding:30px 0; }
.news-content .works-relative h2{ font-size:18px; height:40px; line-height:40px; overflow:hidden; font-weight:600}
.news-content .works-relative ol li{ width:200px; height:160px; overflow:hidden; text-align:center;position:relative}
.news-content .works-relative ol li a{ font-size:14px; color:#333}
.news-content .works-relative ol li a:hover{ color:#ff6d01}
.news-content .works-relative ol li img{ width:200px; height:124px; display:block}
.news-content .works-relative ol li .span01{ text-align:right;position: absolute; display:block; top:10px; right:0; background-color: rgba(0,0,0,0.5);; color:#fff; padding:5px 10px 5px 10px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.news-content .works-relative ol li .span01 em{ color:#f0ff01; font-weight:700; font-size:14px; float:right; margin-left:10px}




.news-relative{ width:1200px; margin:auto}


.about-1{ width:100%; background:url(bg_about_banner.png) center top fixed;  text-align:center; height:200px}
.about-1 span{ display:block; padding:60px 0 10px 0;font-size:30px;    color: #fff;    font-weight: 600;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.about-1 p{    font-size:18px;    color: #f2f2f2;    font-weight: 200;    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}
.about-1 p:before{ content:"———";  padding-right:30px}
.about-1 p:after{ content:"———";  padding-left:30px}



.about-2{ width:1200px; margin:auto}
.about-2 menu{ float:left; padding:30px 0; width:200px}

.about-2 menu ul li {
  line-height: 32px;
  margin-top: 10px;
  padding-left: 24px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.about-2 menu ul li a {
  display: block;
  font-size: 16px;
  color: #666666;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: linear .2s;
}
.about-2 menu ul li a:hover {  text-decoration: none;  color: #ff6d01;}
.about-2 menu ul li.active a{ color: #ff6d01}
.about-2 menu ul li a:before{ content:"|";height: 32px;background: #fff; margin-right:20px; color:#fff}
.about-2 menu ul li.active a:before{ content:"|";height: 32px;background: #ff6d01; margin-right:20px; color:#ff6d01}
.fixednav{position: fixed;top: 30px}




.about-2 .contbox{ float:right; width:980px; padding:30px 0}
.about-2 .contbox .abouticon{ clear:both; margin:10px 0}
.about-2 .contbox h1{ font-size:24px; height:40px; overflow:hidden; line-height:40px; border-bottom:1px solid #f2f2f2; padding-bottom:15px; display:block}
.about-2 .contbox .contp{ padding:30px 0; font-size:16px; line-height:30px}
.about-2 .contbox .contp p{font-size:16px; line-height:25px; margin:10px 0; text-indent:2em}
.about-2 .contbox .comvideo{ float:right; margin:0 0 20px 20px}
.about-2 .contbox .abouth4{ clear:both; padding:20px 0; float:left}
.about-2 .contbox .abouth4 li{ width:163px; line-height:18px; border:1px solid #fff; background:#f2f2f2; margin:5px 0; float:left; height:150px}
.about-2 .contbox .abouth4 li img{ width:100%; margin-bottom:10px; display:block}
.about-2 .contbox .abouth4 li p{ padding:0 10px; font-size:14px; text-indent:0em;}
.about-2 .contbox .linian{ padding:30px 0}



.about-2 .contbox .team-list{ width:100%; clear:both; float:left; padding:20px 0 40px 0 }
.about-2 .contbox .team-list li{ float:left; width:470px; height:220px; overflow:hidden; margin-right:40px; padding-top:20px}
.about-2 .contbox .team-list li:nth-child(2n){ margin-right:0}
.about-2 .contbox .team-list li img{ float:left; margin-right:20px}
.about-2 .contbox .team-list li p{ font-size:14px; color:#666; padding:10px 0; text-indent:2em}
.about-2 .contbox .team-list li .a01{ font-size:16px}
.about-2 .contbox .team-list li .a03{ font-size:14px; color:#999}
.about-2 .contbox .team-list li em{ display:inline-block; margin-left:20px; font-size:14px}
.about-2 .contbox .team-content{ width:100%; clear:both; float:left; padding:20px 0 0 0; min-height:400px}
.about-2 .contbox .team-content .teamimg{ float:left; margin-right:20px; width:149px}
.about-2 .contbox .team-content .detail em{ font-size:14px; display:block}
.about-2 .contbox .team-content .detail h1{ border-bottom:none;}
.about-2 .contbox .team-content .detail p{ padding:20px 0; font-size:14px; text-indent:2em }


.about-2 .contbox .honor-list{ clear:both; padding:30px 0 30px 0}
.about-2 .contbox .honor-list li{ width:300px; text-align:center; height:230px; display:inline-block; font-size:14px; overflow:hidden; margin:0 12px 30px 12px; }
.about-2 .contbox .honor-list img{ height:200px; margin-bottom:5px; }
.about-2 .contbox .honor-list li a{ }






.about-2 .contbox .culture-list{ width:100%; clear:both; float:left; padding:20px 0 40px 60px }
.about-2 .contbox .culture-list li{ float:left; width:400px; height:300px; overflow:hidden; margin-right:50px; padding-top:20px; text-align:center}
.about-2 .contbox .culture-list li:nth-child(2n){ margin-right:0}
.about-2 .contbox .culture-list li .a02{ display:block;width:400px; height:248px; overflow:hidden; border-radius:20px}
.about-2 .contbox .culture-list li img{ float:left; margin-right:20px; width:400px; height:248px;transition: all 1s;}
.about-2 .contbox .culture-list li .a02:hover img{transform: scale(1.2)}
.about-2 .contbox .culture-list li p{ font-size:14px; color:#666; padding:10px 0; text-indent:2em}
.about-2 .contbox .culture-list li .a01{ font-size:16px}
.about-2 .contbox .culture-list li .a03{ font-size:14px; color:#999}
.about-2 .contbox .culture-list li em{ display:inline-block; margin-left:20px; font-size:14px}

.about-2 .contbox .culture-content{ width:100%; clear:both; float:left; padding:20px 0 0 0; min-height:400px}
.about-2 .contbox .culture-content .teamimg{ float:left; margin-right:20px; width:149px}
.about-2 .contbox .culture-content .detail em{ font-size:14px; display:block}
.about-2 .contbox .culture-content .detail h1{ border-bottom:none; width:100%; text-align:center}
.about-2 .contbox .culture-content .detail p{ padding:20px 0; font-size:14px; text-indent:2em }








.about-2 .contbox .topCore {  margin-top:70px; width:490px}
.about-2 .contbox .topCore li {
  width: 33.33%;
  float: left;
  text-align: center;
  position: relative;
}
.about-2 .contbox .topCore li b {
  display: block;
  position: absolute;
  height: 60px;
  width: 1px;
  background: #e7e7e7;
  right: 0px;
  top: 14px;
}
.about-2 .contbox .topCore li h3 {
  font-size:36px;
  color: #ff4401;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0d00), to(#ff6d01));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-2 .contbox li h3 span {
  font-size: 18px;
}
.about-2 .contbox .topCore li p {
  font-size: 14px;
  color: #999999;
  text-align: center;
  text-indent: 0px;
  margin-top: 16px;
}




.about-2 .contbox .connectList {
  width: 100%;
  margin-top: 30px;
}
.about-2 .contbox .connectList li {
  padding: 20px 20px;
  border-radius: 2px;
  background: #fff;
  position: relative;
  top: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  float:left;
  border:1px solid #fff
}
.about-2 .contbox .connectList li .leftImg {
  float: left;
  width: 60px;
  height: 60px;
  background: url("cssSprite.png") left top no-repeat;
  margin-top: 30px;
}
.about-2 .contbox .connectList li .leftImg.two {
  background-position: -70px 0px;
}
.about-2 .contbox .connectList li .rightContent {
  float: left;
  margin-left:10px;
}
.about-2 .contbox .connectList li .rightContent h4 {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
}
.about-2 .contbox .connectList li .rightContent p {
  font-size: 14px;
  color: #999999;
  margin-top:5px;
  text-indent:0em
}

.about-2 .contbox .connectList li.active {
  border-color: #ff0d00;
  top: -3px;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);
}
.about-2 .contbox .connectList li p img{ margin-left:20px}



.about-2 .contbox .honorimg{}

.about-2 .contbox .mainTree {
  width: 850px;
}
.about-2 .contbox .mainTree > li {
  background: url("bg_under.png") top center repeat-y;
  margin-top: -50px;
}
.about-2 .contbox .mainTree > li .yearbg {
  min-height: 102px;
  position: relative;
}
.about-2 .contbox .mainTree > li .yearbg span {
  position: absolute;
  font-size: 20px;
  color: #ffffff;
}
.about-2 .contbox .mainTree > li:first-child {
  margin-top: 0px;
}
.about-2 .contbox .mainTree > li.singular .yearbg {
  background: url("treeLeft.png") bottom right no-repeat;
  width: 430px;
}
.about-2 .contbox .mainTree > li.singular .yearbg span {
  right: 51px;
  bottom: 5px;
}
.about-2 .contbox .mainTree > li.singular .contentList {
  width: 430px;
  text-align: right;
  padding-right: 40px;
  margin-top: 20px;
}
.about-2 .contbox .mainTree > li.singular .contentList li {
  font-size: 15px;
  color: #666666;
  margin-top: 2px;
}
.about-2 .contbox .mainTree > li.singular .contentList li span {
  font-weight: bold;
  color: #f95837;
  display: inline-block;
  width: 32px;
}
.about-2 .contbox .mainTree > li.singular .contentList li:first-child {
  margin-top: 0px;
}
.about-2 .contbox .mainTree > li.double .yearbg {
  background: url("treeRight.png") bottom left no-repeat;
  width: 429px;
  margin-left: 421px;
}
.about-2 .contbox .mainTree > li.double .yearbg span {
  left: 50px;
  bottom: 5px;
}
.about-2 .contbox .mainTree > li.double .contentList {
  width: 429px;
  margin-left: 421px;
  text-align: left;
  margin-top: 20px;
  padding-left: 40px;
}
.about-2 .contbox .mainTree > li.double .contentList li {
  font-size: 15px;
  color: #666666;
  margin-top: 6px;
}
.about-2 .contbox .mainTree > li.double .contentList li span {
  font-weight: bold;
  color: #f95837;
  display: inline-block;
  width: 32px;
}
.about-2 .contbox .mainTree > li.double .contentList li:first-child {
  margin-top: 0px;
}
.about-2 .contbox .mainTree > li:last-child {
  background: none;
}




.about-2 .contbox .culList {
  margin-top:50px;
  padding-left:60px;
  padding-bottom:40px
}
.about-2 .contbox .culList .left {
  float: left;
  width: 400px;
}
.about-2 .contbox .culList .left img {
  width: 400px;
}
.about-2 .contbox .culList .left h5 {
  font-size: 24px;
  color: #333333;
  font-weight: normal;
  margin-top: 30px;
}
.about-2 .contbox .culList .left p {
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  margin-top: 10px;
}
.about-2 .contbox .culList .right {
  float: left;
  width: 400px;
  margin-left: 50px;
}
.about-2 .contbox .culList .right img {
  width: 400px;
}
.about-2 .contbox .culList .right h5 {
  font-size: 24px;
  color: #333333;
  font-weight: normal;
  margin-top: 30px;
}
.about-2 .contbox .culList .right p {
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  margin-top: 10px;
}



.about-2 .contbox .environImgList {
  margin-top:0px;
  padding-left:50px
}
.about-2 .contbox .environImgList .top {
  margin-top: 20px;
}
.about-2 .contbox .environImgList .top .left {
  width: 510px;
  float: left;
}
.about-2 .contbox .environImgList .top .left img {
  width: 100%;
  border-radius: 10px;
}
.about-2 .contbox .environImgList .top .right {
  width: 317px;
  float: left;
  margin-left: 23px;
}
.about-2 .contbox .environImgList .top .right img {
  width: 100%;
  border-radius: 10px;
}
.about-2 .contbox .environImgList .under {
  margin-top: 20px;
}
.about-2 .contbox .environImgList .under div {
  width: 270px;
  float: left;
  margin-left: 20px;
}
.about-2 .contbox .environImgList .under div img {
  width: 100%;
  border-radius: 10px;
}
.about-2 .contbox .environImgList .under div:first-child {
  margin-left: 0px;
}


.about-2 .contbox .contp .honorimg{ width:23%; margin-right:1%; margin-bottom:1%; display:inline-block}


.pages{ width:100%; text-align:center; padding:50px 0 0 0}
.pages li{ display:inline-block}
.pages li a{ color:#333; font-size:16px; padding:3px 5px; display:block}
.pages li .pageinfo{ font-size:16px; padding-left:20px; color:#999}
.pages li.thisclass a{ color:#ff6d01}

.location{ width:1200px; margin:auto; color:#999; height:40px; border-bottom:1px solid #f2f2f2; line-height:40px}
.location a{ color:#999; display:inline-block;}



.yiba-box1{ width:100%; clear:both; padding:15px; background:#f2f2f2; margin-top:40px; float:left}
.yiba-box1 .aimg { display:block; float:left; width:120px; height:120px; background:#fff; margin-right:15px}
.yiba-box1 .aimg .img{ float:left; width:120px; height:120px}
.yiba-box1 .box1{ float:left; width:80%}
	
.yiba-box1 .box1 .box1ms{ width:100%; float:left; padding-bottom:10px; color:#666; font-size:14px}
.yiba-box1 .box1 .box1ms strong{ color:#ff6d01}
.yiba-box1 .box1 .box1lx{ width:100%; float:left}
.yiba-box1 .box1 .box1lx .box1lx-qq{ display:block; width:44px; height:44px; padding-top:3px; border-bottom:1px solid #f2f2f2; text-align:center; color:#fff; border-radius:10px; float:left; margin-right:10px; font-size:12px;
    background: -moz-linear-gradient(top, #5388ff 0%, #2d6cf9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5388ff), color-stop(100%,#2d6cf9));
    background: -webkit-linear-gradient(top, #5388ff 0%,#2d6cf9 100%);
    background: -o-linear-gradient(top, #5388ff 0%,#2d6cf9 100%);
    background: -ms-linear-gradient(top, #5388ff 0%,#2d6cf9 100%);
    background: linear-gradient(to bottom, #5388ff 0%,#2d6cf9 100%);}
	
.yiba-box1 .box1 .box1lx .box1lx-qq img{ width:20px; height:20px;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}

.yiba-box1 .box1 .box1lx .box1lx-qq:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}



.yiba-box1 .box1 .box1lx .box1lx-wx{display:block; width:44px; height:44px; padding-top:3px; border-bottom:1px solid #f2f2f2; text-align:center; color:#fff; border-radius:10px; position:relative; float:left;margin-right:10px;font-size:12px;
    background: -moz-linear-gradient(top, #00d40d 0%, #00b80c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d40d), color-stop(100%,#00b80c));
    background: -webkit-linear-gradient(top, #00d40d 0%,#00b80c 100%);
    background: -o-linear-gradient(top, #00d40d 0%,#00b80c 100%);
    background: -ms-linear-gradient(top, #00d40d 0%,#00b80c 100%);
    background: linear-gradient(to bottom, #00d40d 0%,#00b80c 100%);}
.yiba-box1 .box1 .box1lx .box1lx-wx .box1lx-wxpng{width:20px; height:20px;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}

.yiba-box1 .box1 .box1lx .box1lx-wx:hover .box1lx-wxpng {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.yiba-box1 .box1 .box1lx .box1lx-wx .box1lx-weixinzixun{ position:absolute; left:-20px; top:-100px; width:100px; height:100px;opacity: 0;transition: 0.3s ease-out;transform: scale(0); border:1px solid #f2f2f2}
.yiba-box1 .box1 .box1lx .box1lx-wx:hover .box1lx-weixinzixun{opacity: 1;transform: scale(1);}



.yiba-box1 .box1 .box1lx .box1lx-tel{ display:block; width:44px; height:44px; padding-top:3px; border-bottom:1px solid #f2f2f2; text-align:center; color:#fff; border-radius:10px; position:relative; float:left;font-size:12px;
    background: -moz-linear-gradient(top, #ff8e20 0%, #ef6b03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e20), color-stop(100%,#ef6b03));
    background: -webkit-linear-gradient(top, #ff8e20 0%,#ef6b03 100%);
    background: -o-linear-gradient(top, #ff8e20 0%,#ef6b03 100%);
    background: -ms-linear-gradient(top, #ff8e20 0%,#ef6b03 100%);
    background: linear-gradient(to bottom, #ff8e20 0%,#ef6b03 100%);}
.yiba-box1 .box1 .box1lx .box1lx-tel img{ width:20px; height:20px;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}

.yiba-box1 .box1 .box1lx .box1lx-tel:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.yiba-box1 .box1 .box1lx .box1lx-tel a{ display:block; position:absolute; right:-200px; top:0; width:200px; height:44px; border:1px solid #f2f2f2; background:#ff6d01; line-height:44px; font-size:24px;border-radius:10px; color:#fff}


















@media screen and (max-width: 640px){
	
	
.service-2 .case-item{ height:auto; width:100%; float:left; clear:both}	
.service-2 .case-item .layout-wrap{ width:100%; height:auto}
.service-2 .case-item:nth-child(2n+1) .info{ width:100%}
.service-2 .case-item:nth-child(2n+1) .images{ width:100%; height:auto; float:left; position:inherit; padding-bottom:30px}
.service-2 .case-item:nth-child(2n+1) .rcodePart{}
.service-2 .case-item .images .img{ width:100%; height:auto; position:inherit}
	
	
.service-2 .case-item:nth-child(2n) .info{ width:100%}
.service-2 .case-item:nth-child(2n) .images{ width:100%; height:auto; position:inherit; float:left; position:inherit; padding-bottom:30px}

.service-1{ height:150px}
.service-1 h1{ font-size:24px; padding:50px 10px 10px 0}
.service-1 p{ font-size:15px}
.service-1 p:before,.service-1 p:after{ content:""}

.cots-1{ height:150px}
.cots-1 h1{ font-size:20px; padding:50px 10px 10px 0}
.cots-1 p{ font-size:14px; width:100%}
.cots-1 p:before,.cots-1 p:after{ content:""; padding:0}


.cots-2{ width:100%;}
.cots-2 .titlebox{ padding:0px 10px; }
.cots-2 .titlebox h2{ font-size:20px}
.cots-2 .titlebox p{ text-align:left; font-size:14px; line-height:24px;}

.cots-3{ width:100%; padding:30px 0 0 0}
.cots-3 .titlebox{}
.cots-3 .titlebox h2{ font-size:20px}
.cots-3 .titlebox p{ text-align:left; font-size:14px; line-height:24px; padding:0px 10px}

.cots-3 .tong{ width:98%;margin:1%}
.cots-3 .tong li{ font-size:12px; padding-left:5px}
.cots-3 .tuijian{ width:98%;margin:1%}
.cots-3 .tuijian li{ padding-left:5px; min-height:40px; font-size:12px}



.btn-effects{ margin:20px 0 0 0 }


.works-1{ height:150px}
.works-1 h1{ font-size:20px; padding:50px 10px 10px 0}
.works-1 p{ font-size:14px; width:100%}
.works-1 p:before,.works-1 p:after{ content:""; padding:0}
.works-2 ul{ width:100%;}
.works-2 ul li{ margin-right:0;width: 100%;}
.works-2{ padding:0}
.location{ width:100%; padding:0 2%}

.news-2{ width:100%; padding:0px 2%}
.news-2 .titlebox{ width:100%}
.news-2 .titlebox li a{ font-size:15px}
.news-2 .titlebox li{ padding:20px 20px 5px 0}
.news-2 .list{ width:100%; clear:both; float:left; padding-bottom:30px}
.news-2 .list li{ width:100%; float:left; padding:25px 0 0 0}
.news-2 .list li .a01::before{ content:""; padding-right:0}
.news-2 .list li p{ font-size:12px; display:none}
.news-2 .list li .a02{ width:121px; height:75px; margin-right:10px}
.news-2 .list li .a01{ font-size:15px; font-weight:500}





.about-1{ height:150px}
.about-1 h1{ font-size:20px; padding:50px 10px 10px 0}
.about-1 span{ font-size:20px; padding:50px 10px 10px 0}
.about-1 p{ font-size:14px; width:100%}
.about-1 p:before,.about-1 p:after{ content:""; padding:0}
.about-2{ width:100%}
.about-2 menu{ width:100%; overflow:hidden; padding:10px 0;background:#fff}
.about-2 menu ul{ width:100%; float:left; clear:both; }
.about-2 menu ul li{ float:left}

.about-2 .contbox{ width:100%; padding:0px 2%}
.fixednav{ top:96px; border-top:1px solid #999;border-bottom:1px solid #999; display:none}

.about-2 .contbox .topCore{ width:100%}

.about-2 .contbox .culList{ padding-left:0}
.about-2 .contbox .culList .left{ width:100%}
.about-2 .contbox .culList .right{ width:100%; margin-left:0}
.about-2 .contbox .culList .right img{ width:100%}

.about-2 .contbox .culture-list{ padding:20px 0 40px 0}
.about-2 .contbox .culture-list li{ width:48%; height:170px; margin-right:2%}
.about-2 .contbox .culture-list li .a02{ width:100%; height:120px}
.about-2 .contbox .culture-list li img{ width:100%; height:auto}
.about-2 .contbox .culture-list li .a01{ font-size:14px}

.about-2 .contbox .mainTree{ width:100%}

.about-2 .contbox .mainTree > li.singular .yearbg{ width:50%}
.about-2 .contbox .mainTree > li.singular .contentList{ width:50%}
.about-2 .contbox .mainTree > li.double .yearbg{ width:50%; margin-left:50%}
.about-2 .contbox .mainTree > li.double .contentList{ width:50%; margin-left:50%}
.about-2 .contbox .mainTree > li.double .contentList li{ font-size:12px; line-height:18px}
.about-2 .contbox .mainTree > li.singular .contentList li{ font-size:12px; line-height:18px}
.about-2 .contbox .honor-list{ width:100%; clear:both; float:left}
.about-2 .contbox .honor-list li{ width:42%; height:150px; float:left}
.about-2 .contbox .honor-list img{ width:100%; height:110px}
.pages{ padding-bottom:30px}
  .news-content .contentbox .content div{text-indent: 0}
.news-content .contentbox .content img {
    height: auto !important;
}

.about-2 .contbox .team-list li{ width:100%}
.about-2 .contbox .team-list li p{ font-size:12px}
.about-2 .contbox .team-list li .a03{ font-size:12px}
.about-2 .contbox .contp .ditu{ width:100%}


.news-content{ width:100%;overflow: hidden;}
.news-content .contentbox{ width:100%}



.news-1{ height:150px}
.news-1 h1{ font-size:20px; padding:50px 10px 10px 0}
.news-1 p{ font-size:14px; width:100%}
.news-1 p:before,.news-1 p:after{ content:""; padding:0}
.news-content .contentbox .content{ padding:0 10px}
.news-content .contentbox h1{ font-size:20px; padding:20px 0 10px 0}

.news-content .news-relative{ width:100%; clear:both; padding:30px 2%}
.news-content .contentbox .prenext li{ width:100%; clear:both}
.news-content .contentbox .prenext{ padding:30px 10px; line-height:30px}
.news-content .contentbox .prenext li:last-child{ float:left; width:100%}

.news-content .news-relative ol li{ width:45%; float:left; margin:2% 2%; height:140px; font-size:13px}
.news-content .news-relative ol li img{ width:100%; height:100px; margin-bottom:3px}

.about-2 .contbox .culture-content{ overflow:hidden}
.about-2 .contbox .culture-content .detail img{ width:100%}
.about-2 .contbox .culture-content .detail p{ text-indent:0}


.about-2 .contbox .team-content .detail p{ width:100%; clear:both}



.news-content .works-relative{ width:100%; padding:0 2%}
.news-content .works-relative ol li{ width:48%; float:left; margin-right:2%}

.yiba-box1{ display:none}

 .cots-2 .costicon li{font-size:14px;width:45%}















}