@charset "utf-8";

.banner{ width:100%; overflow:hidden; position:relative}
.banner>img{ width: 100%; height: auto; }
.banner .img1{ display: block; }
.banner .img2{ display: none; }
@media all and (max-width:1200px){
	.banner .img2{ display: block; }
	.banner .img1{ display: none; }		
}

.ihd{ text-align:center}
.ihd h3{ font-size:36px; color:#604742; font-weight:normal; line-height:1}
.ihd .intro{ margin-top:15px; font-size:18px; line-height:1; color:#604742}
@media (max-width: 1440px){
	.ihd h3{ font-size:30px}
	.ihd .intro{ font-size:16px}
}
@media (max-width: 1200px){
	.ihd h3{ font-size:24px}
	.ihd .intro{ font-size:12px; margin-top:10px}
}

.gcon_5{ width:100%; background:url(g_17.jpg) center center repeat; padding:80px 0}
.gcon_5 .ibd{ width:100%; margin-top:70px; position:relative}
.gcon_5 .item{ position:relative; background:#fff;}
.gcon_5 .item:nth-child(2) .pic{ float:right}
.gcon_5 .item:nth-child(2) .title{ float:left; right:auto; left:0}
.gcon_5 .item .pic{ width:50%; float:left; overflow:hidden}
.gcon_5 .item .pic img{ width:100%; height:auto}
.gcon_5 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}

.gcon_5 .item .title{ width:50%; box-sizing:border-box; padding:0 5%; float:right; top:50%; transform:translateY(-50%); position:absolute; right:0}
.gcon_5 .item .title h3{ font-size:26px; color:#604742}
.gcon_5 .item .title h3 a{ color:#604742}
.gcon_5 .item:hover .title h3 a{ color:#604742}
.gcon_5 .item .title .intro{ font-size:18px; color:#5c5c5c; line-height:30px; text-align:justify; margin:35px 0 0 }
@media (max-width: 1440px){
	.gcon_5{ padding:50px 0}
	.gcon_5 .ibd{ margin-top:50px}
	.gcon_5 .item .title h3{ font-size:26px}
	.gcon_5 .item .title .intro{ font-size:16px; margin:30px 0 0}
}
@media (max-width: 1200px){
	.gcon_5{ padding:30px 0}
	.gcon_5 .ibd{ margin-top:30px}
	.gcon_5 .item .pic{ width:100%}
	.gcon_5 .item .title{ width:100%; position:relative; top:0; transform:translateY(0); padding:20px 15px}
	.gcon_5 .item .title h3{ font-size:20px}
	.gcon_5 .item .title .intro{ font-size:14px; margin:10px 0 0}
	.gcon_5 .item:nth-child(2){ margin-top:20px}
}

.gcon_6{ width:100%; padding:120px 0}
.gcon_6 .ibd{ margin-top:95px}
.gcon_6 .ibd .item{ width:90px; float:left; text-align:center; margin-right:97px}
.gcon_6 .ibd .item:last-child{ margin-right:0}
.gcon_6 .ibd .item .ico{ width:90px; height:90px; border:1px solid #604742; box-sizing:border-box; border-radius:50%; position:relative}
.gcon_6 .ibd .item .ico img{ width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.gcon_6 .ibd .item .num{ font-size:24px; color:#604742; font-weight:bold; line-height:1; margin-top:30px}
.gcon_6 .ibd .item .title{ font-size:20px; color:#604742; line-height:1; margin-top:15px}
.gcon_6 .ibd .item:hover .ico{ border:1px solid #cdaa70; background:#cdaa70; position:relative}

.gcon_6 .ibd .item .ico .ii:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #cdaa70; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.gcon_6 .ibd .item .ico .ii:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #cdaa70; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.gcon_6 .ibd .item:hover .ico .ii:before { animation: serv_one_border .9s 0s ease 1;  }
.gcon_6 .ibd .item:hover .ico .ii:after { animation: serv_one_border 1.5s 0s ease 1; }


@media (max-width: 1440px){
	.gcon_6{ width:100%; padding:80px 0}
	.gcon_6 .ibd{ margin-top:60px}
	.gcon_6 .ibd .item{ width:80px; margin-right:80px}
	.gcon_6 .ibd .item .ico{ width:80px; height:80px; }
	.gcon_6 .ibd .item .ico img{ width:36px; height:36px}
	.gcon_6 .ibd .item .num{ font-size:20px; margin-top:25px}
	.gcon_6 .ibd .item .title{ font-size:16px; margin-top:12px }
}
@media (max-width: 1200px){
	.gcon_6{ width:100%; padding:60px 0 40px}
	.gcon_6 .ibd{ margin-top:40px}
	.gcon_6 .ibd .item{ width:25%; margin-right:0; margin-bottom:20px}
	.gcon_6 .ibd .item .ico{ width:60px; height:60px; margin:0 auto}
	.gcon_6 .ibd .item .ico img{ width:30px; height:30px}
	.gcon_6 .ibd .item .num{ font-size:16px; margin-top:10px}
	.gcon_6 .ibd .item .title{ font-size:12px; margin-top:10px }
}

.gcon_7{ width:100%;}
.gcon_7 .item{ width:50%; float:left; position:relative}
.gcon_7 .item .pic{ width:100%; overflow:hidden}
.gcon_7 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_7 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_7 .item .title{ width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9; color:#fff; font-size:0}
.gcon_7 .item .title .ico{ display:inline-block; vertical-align:top; height:60px}
.gcon_7 .item .title .ico img{ height:100%}
.gcon_7 .item .title .tit{ display:inline-block; vertical-align:top; height:60px; line-height:60px; font-size:30px; margin-left:30px}
@media (max-width: 1200px){
	.gcon_7 .item{ width:100%}
	.gcon_7 .item .title .ico{ height:40px}
	.gcon_7 .item .title .tit{ height:40px; line-height:40px; font-size:20px; margin-left:20px}
}
@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}



.second_nav{ width:100%; background:#f9f9f9}
.second_nav ul{ text-align:center; font-size:0}
.second_nav ul li{ display:inline-block; vertical-align:top;}
.second_nav ul li a{ display:block; line-height:74px; font-size:18px; color:#634641 ; padding:0 50px}
.second_nav ul li.on,.second_nav ul li:hover{ background:#cdaa70; font-weight:bold}
.second_nav ul li.on a,.second_nav ul li:hover a{ color:#fff}
@media (max-width: 1200px){
	.second_nav ul{ text-align:left}
	.second_nav ul li{ width:50%; box-sizing:border-box; border-bottom:1px solid #cdaa70; border-right:1px solid #cdaa70; text-align:center}
	.second_nav ul li:nth-child(2n){ border-right:0}
	.second_nav ul li a{ width:100%; font-size:15px; line-height:40px; height:40px; padding:0}
}

.about{ padding:90px 0}
.about .ibd{ margin-top:80px}
.about .ibd .intro{ font-size:18px; color:#2f2f2f; line-height:2; text-align:justify}
.about .ibd .swiper10{ width:100%; overflow:hidden; margin-top:50px}
.about .ibd .swiper10 .swiper-slide{ width:452px; margin-right:22px}
.about .ibd .swiper10 .swiper-slide:last-child{ margin-right:0}
.about .ibd .swiper10 .swiper-slide .pic{ width:100%; overflow:hidden}
.about .ibd .swiper10 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.about .ibd .swiper10 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media (max-width: 1440px){
	.about{ padding:70px 0 }
	.about .ibd { margin-top:50px}
	.about .ibd .intro{ font-size:16px}
	.about .ibd{ margin-top:50px}
	.about .ibd .swiper10 .swiper-slide{ width:390px; margin-right:15px}
}
@media (max-width: 1200px){
	.about{ padding:50px 0 60px}
	.about .ibd{ margin-top:30px}
	.about .ibd .intro{ font-size:14px}
	.about .ibd .swiper10{ margin-top:30px}
	.about .ibd .swiper10 .swiper-slide{ width:280px; margin-right:15px}
}



/* 主体 */
.container { padding-bottom:100px}
.wrap { position:relative; width:100%; background:#fff; min-height:460px; _height:460px; margin:0 auto; }
.wrap2{ background:#f2f2f2}
.sidebar{box-shadow:0 0 10px rgba(00,00,00,0.1)}
.wrap .main { display:block; *zoom:1;}
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }
@media all and (max-width:1800px){
	
}
@media all and (max-width:1200px){
	
	.container { padding-bottom:50px}
	.wrap .main{ padding-top:20px}
}





/* 头部新闻 */
.hotNews { width:1400px; margin:0 auto; margin-top:90px}
.hotNews .swiper02{ width:100%; overflow:hidden; position:relative}
.hotNews .swiper02 .swiper-slide{ width:100%; background:#f7f7f7}
.hotNews .swiper02 .swiper-slide .pic{ width:50%; float:left; overflow:hidden}
.hotNews .swiper02 .swiper-slide .pic img{ width:100%}
.hotNews .swiper02 .swiper-slide .txt{ width:50%; box-sizing:border-box; padding:8% 4% 0; float:right}
.hotNews .swiper02 .swiper-slide .txt .h{ font-size:22px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hotNews .swiper02 .swiper-slide .txt .h a{ color:#282828;}
.hotNews .swiper02 .swiper-slide:hover .txt .h a{ color:#cdaa70}
.hotNews .swiper02 .swiper-slide .txt .time{ font-size:18px; color:#282828; margin:15px 0 30px}
.hotNews .swiper02 .swiper-slide .txt .cont{ font-size:16px; color:rgba(96,86,86,0.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:2}
.hotNews .swiper02 .pagination02{ width:50%; box-sizing:border-box; padding:0 4%; position:absolute; right:0; left:auto; bottom:8%; z-index:9}
.hotNews .swiper02 .pagination02 span{ width:13px; height:13px; border-radius:50%; background:#cdaa70; opacity:1; margin:0; margin-right:8px}
.hotNews .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#7c6767}
@media all and (max-width:1440px){
	.hotNews { width:1200px; margin-top:60px}
	.hotNews .swiper02 .swiper-slide .txt .h{ font-size:20px}
	.hotNews .swiper02 .swiper-slide .txt .time{ font-size:16px}
	.hotNews .swiper02 .swiper-slide .txt .cont{ font-size:14px}
}
@media all and (max-width:1200px){
	.hotNews { width:92%; margin-top:30px}
	.hotNews .swiper02 .swiper-slide .txt{ padding:4% 3% 0}
	.hotNews .swiper02 .swiper-slide .txt .h{ font-size:16px}
	.hotNews .swiper02 .swiper-slide .txt .time{ font-size:12px; margin:10px 0 15px}
	.hotNews .swiper02 .swiper-slide .txt .cont{ font-size:12px}
	.hotNews .swiper02 .pagination02{ padding:0 3%; bottom:4%}
	.hotNews .swiper02 .pagination02 span{ width:8px; height:8px; margin-right:8px}
}













.newsNr{ width:1400px; margin:0 auto; margin-top:70px; padding-bottom:100px}
.newsNr .item{ width:100%; margin-bottom:40px; padding:40px 50px 40px 80px; box-sizing:border-box; border:1px solid #e5e5e5; transition:all 0.3s linear}
.newsNr .item .time{ width:135px; height:134px; border-right:1px solid #EDEDED; float:left; color:#313131; font-family:Arial, Helvetica, sans-serif}
.newsNr .item .time .p1{ font-size:60px; line-height:78px; color:rgba(00,00,00,0.8); position:relative; transition:all 0.3s linear}
.newsNr .item .time .p1:after{ content:""; display:block; width:37px; height:1px ; background:#cccccc; position:absolute; left:0; bottom:0; transition:all 0.3s linear}
.newsNr .item .time .p2{ font-size:18px; line-height:1; padding-top:25px; color:rgba(00,00,00,0.7); transition:all 0.3s linear}
.newsNr .item .title{ width:calc(100% - 200px); float:right}
.newsNr .item .title .tt{ font-size:22px; color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.3s linear}
.newsNr .item .title .tt a{ color:#282828; transition:all 0.3s linear}
.newsNr .item .title .intro{font-size: 16px; color:rgba(96,86,86,0.6); margin-top:15px; overflow:hidden; height:48px; line-height:24px}
.newsNr .item .title .more{ display:block;width: 110px;height: 30px;border: 1px solid #e8edf3;border-radius: 5px;font-size: 14px;color: rgba(00,00,00,0.8);text-align:center; line-height:30px; margin-top:10px}
.newsNr .item:hover .title .more{  background:#cdaa70; color:#fff; border:1px solid #cdaa70}
.newsNr .item:hover{ box-shadow:0 0 15px rgba(00,00,00,0.1); border:1px solid #f7f7f7; background:#f7f7f7}
.newsNr .item:hover .time .p1{ color:#cdaa70}
.newsNr .item:hover .time .p2{ color:#cdaa70}
.newsNr .item:hover .title .tt{color:#cdaa70}
.newsNr .item:hover .title .tt a{color:#cdaa70}
.newsNr .item:hover .time .p1:after{ width:70px; background:#cdaa70}


@media all and (max-width:1440px){
	.newsNr{ width:1200px; margin-top:60px}
}
@media all and (max-width:1200px){
	.newsNr{ width:92%}
}
@media all and (max-width:640px){
	.newsNr{ margin-top:20px; padding-bottom:50px}
	.newsNr .item{ margin-bottom:20px; border-radius:8px; padding:20px}
	.newsNr .item .time{ width:70px; height:100px}
	.newsNr .item .time .p1{ font-size:30px; line-height:50px}
	.newsNr .item .time .p1:after{ width:20px}
	.newsNr .item .time .p2{ font-size:12px; line-height:1; padding-top:20px}
	.newsNr .item .title{ width:calc(100% - 90px);}
	.newsNr .item .title .tt{ font-size:15px;}
	.newsNr .item .title .intro{ font-size:12px; height:auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:5px}
	.newsNr .item .title .more{ margin-top:15px; font-size:12px; width:100px; height:28px; line-height:28px}
	.newsNr .item:hover .time .p1:after{ width:32px}
}
/* 分页 */
.page { padding:40px 0 0 ; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:5px 10px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; font-size:16px }
.page a:hover,.page .current { border:1px solid #cdaa70; background:#cdaa70; color:#fff; }
@media all and (max-width:1800px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page{ padding:30px 0}
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}



/* 内容模式 */
.article { width:1400px; margin:0 auto; padding:60px 0 0; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; text-align:center }
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#666; font-size:14px; }
.article .bd { padding-bottom:40px; line-height:2.2; }
.article .ft { padding:40px 0 0; border-top:1px dotted #ccc; position:relative; font-size:16px; line-height:40px; color:#333 }
.article .ft a{ color:#333}
.article .ft .back{ position:absolute; right:0; top:40px}
.article .ft ul li {}
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
    /* 相关信息 */
.m-related { width:1400px; margin:0 auto; padding:30px 0 50px; border-top:1px dotted #ccc; }
.m-related h2 { margin-bottom:20px; font-size:18px; }
.m-related ul li { line-height:30px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.article .con img{ max-width:100%}
@media all and (max-width:1440px){
	.article,.m-related{ width:1200px;}
}
@media all and (max-width:1200px){
	.article{ padding:10px 0 0}
	.article,.m-related{ width:92%;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article{ font-size:14px}
	.article .ft{ padding:20px 0 0; line-height:28px; font-size:14px;}
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
}

/*picList*/
.picList{ width:100%; padding-bottom:70px}
.picList .nr{ width:1400px; margin:0 auto; margin-top:40px}

.picList .nr .item{ width:23.2%; float:left; margin-right:2.4%; margin-bottom:2.4%; position:relative; overflow:hidden}
.picList .nr .item:nth-child(4n){ margin-right:0}
.picList .nr .item .pic{ width:100%}
.picList .nr .item .pic img{ width:100%}

.picList .nr .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picList .nr .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}


.picList .nr .item .title a{ display:block; box-sizing:border-box; padding:15px; background:#e4e4e4; text-align:center;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picList .nr .item .title a:hover{ background: #cdaa70; color:#fff}


.picList .nr .item .title2{ width:100%; height:96px; background:url(pp.png) center center no-repeat; position:absolute; left:0; bottom:-96px; z-index:9; text-align:center; color:#fff; transition:all 0.5s linear}
.picList .nr .item .title2 a{ color:#fff}
.picList .nr .item .title2 .p1{ font-size:20px; padding:25px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picList .nr .item:hover .title2{ bottom:0}

@media all and (max-width:1440px){
	.picList .nr{ width:1200px;}

}
@media all and (max-width:1200px){
	.picList{ padding-bottom:0}
	.picList .nr{ width:92%; margin-top:20px}
	.picList .nr .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.picList .nr .item:nth-child(3n){ margin-right:3%}
	.picList .nr .item:nth-child(2n){ margin-right:0}
	.picList .nr .item .title a{ font-size:14px; padding:15px}
	.picList .nr .item .title2{ height:40px; line-height:40px;}
	.picList .nr .item .title2 .p1{ padding:0; font-size:16px}
}




/*picList*/
.picList2{ width:100%; padding-bottom:70px}
.picList2 .nr{ width:1400px; margin:0 auto; margin-top:40px}

.picList2 .nr .item2{ width:31%; float:left; margin-right:3%; margin-bottom:3%; position:relative; overflow:hidden}
.picList2 .nr .item2:nth-child(3n){ margin-right:0}
.picList2 .nr .item2 .pic{ width:100%; overflow:hidden}
.picList2 .nr .item2 .pic img{ width:100%}

.picList2 .nr .item2 .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picList2 .nr .item2:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}


.picList2 .nr .item2 .title a{ display:block; box-sizing:border-box; padding:15px; background:#e4e4e4; text-align:center;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picList .nr .item2 .title a:hover{ background: #cdaa70; color:#fff}


.picList2 .nr .item2 .title2{ width:100%; height:96px; background:url(pp.png) center center no-repeat; position:absolute; left:0; bottom:-96px; z-index:9; text-align:center; color:#fff; transition:all 0.5s linear}
.picList2 .nr .item2 .title2 a{ color:#fff}
.picList2 .nr .item2 .title2 .p1{ font-size:20px; padding:25px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picList2 .nr .item2:hover .title2{ bottom:0}

@media all and (max-width:1440px){
	.picList2 .nr{ width:1200px;}

}
@media all and (max-width:1200px){
	.picList2{ padding-bottom:0}
	.picList2 .nr{ width:92%; margin-top:20px}
	.picList2 .nr .item2{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.picList2 .nr .item2:nth-child(3n){ margin-right:3%}
	.picList2 .nr .item2:nth-child(2n){ margin-right:0}
	.picList2 .nr .item2 .title a{ font-size:14px; padding:15px}
	.picList2 .nr .item2.title2{ height:40px; line-height:40px;}
	.picList2 .nr .item2 .title2 .p1{ padding:0; font-size:16px}
}


/*picNews*/
.picNews{ width:100%; margin-top:40px; padding-bottom:50px}
.picNews .nr{ width:1400px; margin:0 auto}
.picNews .nr .item{ width:100%; box-sizing:border-box; padding:25px;background: #F2F2F2;box-shadow: 0px 0px 16px 0px rgba(196,196,196,0.5);border-radius: 20px; margin-bottom:60px}
.picNews .nr .item .pic{ width:300px; float:left}
.picNews .nr .item .pic img{ width:100%; height:auto}
.picNews .nr .item .title{ width:calc(100% - 350px); float:right}
.picNews .nr .item .title .tt{ font-size: 22px;color: #404040; margin-top:20px}
.picNews .nr .item .title .intro{ font-size: 14px;color: #636363;letter-spacing: 0;line-height: 24px; margin-top:30px; margin-bottom:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.picNews .nr .item .title .more{width: 110px;height: 36px;background: #624540;border: 1px solid #624540;border-radius: 20.5px; text-align:center; line-height:36px; color:#fff;font-size: 14px;}
@media all and (max-width:1440px){
	.picNews .nr{ width:1200px;}
	.picNews .nr .item{ padding:20px}
	.picNews .nr .item .pic{ width:300px}
	.picNews .nr .item .title{ width:calc(100% - 330px);} 
	.picNews .nr .item .title .tt{ margin-top:10px}
	.picNews .nr .item .title .intro{ margin:30px 0 60px}
}
@media all and (max-width:1200px){
	.picNews{ margin-top:40px;margin-top:20px; padding-bottom:0}
	.picNews .nr{ width:92%;}
	.picNews .nr .item{ padding:15px; border-radius:5px;box-shadow: 0px 0px 10px 0px rgba(196,196,196,0.5); margin-bottom:25px}
	.picNews .nr .item .pic{ width:130px}
	.picNews .nr .item .title{ width:calc(100% - 140px);}
	.picNews .nr .item .title .tt{ font-size:15px;}
	.picNews .nr .item .title .intro{ margin:10px 0 0; font-size:12px;}
	.picNews .nr .item .title .more{ display:none; width:90px; height:30px; line-height:30px; border-radius:18px; font-size:12px}
}


/* 人才招聘 */
.job{ width:1400px; margin:0 auto}
.job .hd{margin-bottom: 42px; text-align: center;}
.job .hd h2{margin-bottom: 8px; font-size: 30px; font-weight: normal;}
.job .hd h3{font-size: 24px; font-weight: normal; color: rgba(0, 0, 0, .3); text-transform: uppercase;}
.job .bd{margin-bottom: 65px;}
.job .job-list{width: 100%; text-align: center;}
.job .job-list th{width: 16.6%; font-size: 18px; line-height: 74px; font-weight: normal; color: #ffffff; background: #284f8e;}
.job .job-list td{padding: 34px 12px; font-size: 16px; color: #000000; background: #ffffff; border-bottom: 1px solid #cccccc;}
.job .job-list .more a{display: block; width: 134px; height: 36px; margin: 0 auto; background: #284f8e; color: #ffffff; line-height: 36px;}

@media all and (max-width:1440px){
	.job{ width:1200px; margin:0 auto}
}
@media all and (max-width:1200px){
	.job{ width:92%}
	.job .hd{ margin-bottom:20px}
	.job .hd h2{ font-size:20px}
	.job .hd h3{ font-size:16px}
	.job .job-list th{ width:25%; font-size:14px}
	.job .job-list th.th3,.job .job-list th.th5{ display:none}
	.job .job-list td{ font-size:12px}
	.job .job-list td:nth-child(3),.job .job-list td:nth-child(5){ display:none}
	.job .job-list .more a{ width:80%; max-width:80px}
	.job .job-list td{ padding:10px 0}
}


/* 人才招聘 */
.form-panel{padding:0 0 30px;}
.form-panel h4{margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px;}
.form-panel .tips{padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left;}
.form-panel .field{clear:both;}
.form-panel li.field label{display:block; float:left; width:100px; line-height:24px; text-align:right;}
.form-panel .input{padding:5px 0; zoom:1;}
.form-panel .field:after{content:'\20'; display:block; height:0; clear:both;}
.form-panel .text{height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555;}
.form-panel .textarea{width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555;}
.form-panel .submit-field{padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both;}
.form-panel .submit-field input{margin-right:10px;}
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset{width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer;}

@media all and (max-width:1200px){
	.form-panel li.field label{ width:60px; font-size:12px}
	.form-panel .text{ width:calc(100% - 80px)}
	.form-panel .textarea{ width:calc(100% - 80px)}
	.form-panel .submit-field{ padding-left:60px}
}

.pc_nr{ display:block}
.sj_nr{ display:none}
@media all and (max-width:1200px){
	.pc_nr{ display: none}
	.sj_nr{ display:block}
}


.pro{ width:100%; padding:75px 0 120px}
.pro .pro01{ width:1280px; margin:0 auto; position:relative}
.pro .pro01 .pic{ width:560px; float:left}
.pro .pro01 .pic img{ width:100%; height:auto}
.pro .pro01 .title{ width:660px; float:right}
.pro .pro01 .title .tit{ font-size:36px; color:#2c2c2c; line-height:1; padding:25px 0 50px; border-bottom:1px solid #dedede}
.pro .pro01 .title .intro{ font-size:18px; color:#2c2c2c; text-align:justify; line-height:2; margin-top:50px}
.pro .pro01 .more{ position:absolute; width:660px; right:0; bottom:0}
.pro .pro01 .more a{ display:block; width:275px; height:58px; border:1px solid #242424; text-align:center; line-height:58px; font-size:18px; color:#150703}
.pro .pro01 .more a:hover{ background:#cdaa70; border:1px solid #cdaa70}
.pro .pro02{ margin-top:120px}
.pro .pro02 .hd{ padding:30px 0; border-bottom:1px solid #dedede; font-size:30px; color:#2c2c2c}
.pro .pro02 .bd{ margin-top:80px; font-size:16px; line-height:2; color:#333}
.pro .pro02 .bd img{ max-width:100%}
@media all and (max-width:1440px){
	.pro .pro01{ width:1200px}
	.pro .pro01 .pic{ width:550px}
	.pro .pro01 .title{ width:600px}
	.pro .pro01 .more{ width:600px}
	.pro .pro01 .title .tit{ font-size:30px}
	.pro .pro01 .title .intro{ font-size:16px}
	.pro .pro02 .hd{ font-size:28px}
}
@media all and (max-width:1200px){
	.pro{ padding:50px 0 60px}
	.pro .pro01{ width:100%}
	.pro .pro01 .pic{ width:48%}
	.pro .pro01 .title{ width:50%}
	.pro .pro01 .more{ width:50%}
	.pro .pro01 .more a{ width:200px; height:50px; line-height:50px; font-size:16px}
	.pro .pro01 .title .tit{ font-size:20px; padding:0 0 20px}
	.pro .pro01 .title .intro{ font-size:14px; margin-top:20px}
	.pro .pro02{ margin-top:60px}
	.pro .pro02 .hd{ font-size:24px; padding:20px 0}
	.pro .pro02 .bd{ font-size:14px; margin-top:40px}
}
@media all and (max-width:1000px){
	.pro{ padding:30px 0 40px}
	.pro .pro01 .pic{ width:100%; float:none}
	.pro .pro01 .title{ width:100%; margin-top:25px; float:none}
	.pro .pro01 .more{ width:100%; position:relative; right:auto; bottom:auto; margin-top:20px}
	.pro .pro01 .more a{ width:160px; height:40px; line-height:40px; font-size:14px}
	.pro .pro02{ margin-top:30px}
	.pro .pro02 .hd{ font-size:20px; padding:0 0 15px}
	.pro .pro02 .bd{ margin-top:20px}
}



/* 内容模式2 */
.mains{ width:1400px; margin:0 auto; padding:70px 0}
.mains .lt{ width:915px; float:left}
.article2 { line-height:2; font-size:16px; word-wrap:break-word; }
.article2 .hd { margin:0 0 30px; padding:0 0 30px; }
.article2 .hd h1 { color:#cdaa70; font-size:28px; font-weight:normal; text-align:center }
.article2 .hd .titBar { color:#666; font-size:0; text-align:center; font-size:14px }
.article2 .hd .titBar span.sp1{ display:inline-block; vertical-align:top; padding-left:20px; background:url(g_20.jpg) left center no-repeat; margin-right:15px; font-size:14px}
.article2 .hd .titBar span.sp2{ display:inline-block; vertical-align:top; padding-left:20px; background:url(g_21.jpg) left center no-repeat; margin-right:15px; font-size:14px}
.article2 .bd { line-height:2.2; color:#404040 }
.article2 .ft { padding:40px 0; font-size:12px; line-height:40px; color:#333 }
.article2 .ft a{ color:#333}
.article2 .ft .back{ position:absolute; right:0; top:40px}
.article2 .ft ul li { font-size:16px}
.article2 .bd img{ max-width:100%; height:auto}
.article2 .con img{ max-width:100%}
.mains .rt{ width:400px; float:right}
.mains .rt .hd{ padding-bottom:30px; font-size:18px; color:#404040}
.mains .rt .hd h3{ float:left}
.mains .rt .hd a{ float:right; font-size:14px; color:#333}
.mains .rt .bd .item{ border-top:1px solid #f0f0f0; padding:30px 0 }
.mains .rt .bd .item .pic{ width:145px; float:left; overflow:hidden}
.mains .rt .bd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.mains .rt .bd .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.mains .rt .bd .item .title{ width:220px; float:right}
.mains .rt .bd .item .title .time{ font-size:16px; color:rgba(59,58,58,0.5); font-family:Arial, Helvetica, sans-serif}
.mains .rt .bd .item .title .tit{ font-size:14px; color:#3b3a3a; margin-top:15px}
.mains .rt .bd .item .title .tit a{ color:#3b3a3a}
.mains .rt .hd2{ padding-bottom:30px; font-size:18px; color:#404040; margin-top:20px}
.mains .rt .hd2 h3{ float:left}
.mains .rt .hd2 a{ float:right; font-size:14px; color:#333}
.mains .rt .bd2 .item{ border-top:1px solid #f0f0f0; padding:30px 0 }
.mains .rt .bd2 .item .pic{ width:100%; overflow:hidden}
.mains .rt .bd2 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.mains .rt .bd2 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.mains .rt .bd2 .item .title{ font-size:18px; color:#3b3a3a; padding:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center}
.mains .rt .bd2 .item .title a{ color:#3b3a3a}
@media all and (max-width:1440px){
	.mains{ width:1200px; margin:0 auto; padding:50px 0}
	.mains .lt{ width:830px; float:left}
	.mains .rt{ width:350px}
	.mains .rt .bd .item .pic{ width:140px;}
	.mains .rt .bd .item .title{ width:200px}

}
@media all and (max-width:1200px){
	.mains{ width:92%; margin:0 auto; padding:0}
	.mains .lt{ width:100%; float:none}
	.mains .rt{ display:none}
	.article2 .hd h1{ font-size:18px; text-align:center; margin-top:30px}
	.article2 .hd{ padding:0 0 20px}
	.article2{ font-size:14px}
	.article2 .ft{ padding:20px 0; line-height:28px; font-size:14px;}
	.article2 .ft .back{ top:20px}
	.article2 .ft ul li{ width:100%}
}




.contact{ width:100%; background:url(g_23.jpg) center center no-repeat; background-size:cover; padding:50px 0}
.Message{width:1400px; margin:0 auto;padding: 110px 280px;box-sizing: border-box; background:#fff}
.me1{font-size: 36px;color:#cdaa70;margin-bottom: 15px; text-align:center}
.me2{font-size: 14px;color:#cdaa70; text-align:center}
.me3{font-size: 34px;color: rgb(255, 255, 255);margin-bottom: 15px;}
.me4{font-size: 14px;color: rgba(255, 255, 255, 0.6);padding-bottom: 15px;}
.me5{margin-top: 46px;text-align: center;}
.me5 .textBox{margin-top: 20px;color: #ffffff;}
.messForm{padding-top: 25px;}
.messFlex{display: flex;flex-wrap: wrap;}
.messFlex>p:nth-child(2n+2){margin-right: 0;}
.messPut{width: 48%;margin-right: 4%;display: flex;align-items: center;padding: 18px 25px;border-radius: 25px;background: rgb(246, 246, 246);letter-spacing: 1px;margin-top: 25px;box-sizing: border-box;}
.messPut input{font-size: 16px;color: rgb(102, 102, 102);width: 90%; background:none}
.Message input::-webkit-input-placeholder,
.Message textarea::-webkit-input-placeholder{color: rgb(102, 102, 102);}
.messPut img{margin-right: 12px;}
.Message textarea{background: rgb(246, 246, 246);height: 140px;padding: 18px 25px;font-size: 16px;color: rgb(102, 102, 102);letter-spacing: 1px;border-radius: 25px;margin-top: 25px;width: 100%;resize: none;box-sizing: border-box; font-family:Microsoft YaHei;}
.Message button{height: 58px;line-height: 58px;color: #fff;text-align: center;background: #cdaa70;border-radius: 25px;margin-top: 35px;width: 50%;margin-left: 25%;font-size: 20px;letter-spacing: 1px;transition: all 0.5s;cursor: pointer;}
.Message button:hover{color: #079d43;border: 1px solid #079d43;background: transparent;box-shadow: 1px 1px 15px 1px rgba(41, 120, 73, 0.2);}
@media all and (max-width:1440px){
	.Message{ width:1200px; padding:100px}
}
@media all and (max-width:1200px){
	.contact{ padding:30px 0}
	.Message{ width:92%; padding:6% 4%}
	.me1{ font-size:24px; margin-bottom:10px}
	.me2{ font-size:12px}
	.messForm{ padding-top:10px}
	.messPut{ width:100%; margin-right:0}
	.Message button{ height:50px; margin-top:15px; line-height:50px}
}









.contact{ }
.contact01{ width:1400px; margin:0 auto}
.contact01 .topx{ text-align:center}
.contact01 .topx h3{ font-size:60px; color:#333333; font-weight:normal; line-height:1; text-transform:uppercase; font-family:"sLight"}
.contact01 .topx p{ font-size:40px; color:#333333}
.contact01 .nr{ width:100%; background:#fff; height:532px;margin-top:60px;}
.contact01 .nr .lt{ position:relative; left:70px; width:48%; top:50%; transform:translateY(-50%); float:left}
.contact01 .nr .rt{ float:right; width:48%; height:100%; overflow:hidden}
.contact01 .nr .lt .a1{ font-size:30px; color:#bdbdbd; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; width:270px; line-height:1.2}
.contact01 .nr .lt .a2{ font-size:30px; color:#604742; padding:20px 0}
.contact01 .nr .lt .a3{ font-size:18px; color:#bdbdbd; line-height:2}
.contact01 .add{ width:100%}
.contact01 .add .item{ width:32%; box-sizing:border-box;  float:left; margin-top:60px; margin-right:2% }
.contact01 .add .item .pic{ width:100%;position:relative; overflow:hidden}
.contact01 .add .item .pic img{ width:100%}
.contact01 .add .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.contact01 .add .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.contact01 .add .item:nth-child(3n){ margin-right:0}
.contact01 .add .item .ct{ width:100%; box-sizing:border-box; padding:0 50px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}

.contact01 .add .item .a1{ line-height:1; font-size:24px; color:rgba(255,255,255,0.59); font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.contact01 .add .item .a2{ font-size:26px; color:#fff; padding:15px 0 0; line-height:1}
.contact01 .add .item .a3{ background:#fff; box-sizing:border-box; padding:40px 50px; font-size:18px; color:#444444; line-height:1.8}
.contact01 .add .item:nth-child(3n){ border-right:0}
@media all and (max-width:1600px){
	.contact01{ width:1200px;}
	.contact01 .topx h3{ font-size:42px}
	.contact01 .topx p{ font-size:30px}
	.contact01 .nr .rt{ width:600px}
	.contact01 .nr .lt{ width:500px; left:50px}
	.contact01 .add .item .a1{ font-size:20px}
	.contact01 .add .item .a2{ font-size:24px}
	.contact01 .add .item .a3{ padding:30px; font-size:16px}
	.contact01 .add .item .ct{ padding:0 30px}
	
}
@media all and (max-width:1200px){
	.contact{ padding:50px 0}
	.contact01{ width:92%;}
	.contact01 .topx h3{ font-size:24px}
	.contact01 .topx p{ font-size:20px}
	.contact01 .nr{ height:auto; margin-top:20px}
	.contact01 .nr .lt{ width:100%;left:0; top:0; transform:translateY(0); float:none; box-sizing:border-box; padding:20px}
	.contact01 .nr .lt .a1{ font-size:16px; width:200px}
	.contact01 .nr .lt .a2{ font-size:20px; padding:10px 0}
	.contact01 .nr .lt .a3{ font-size:14px;}
	.contact01 .nr .rt{ width:100%; height:300px}
	.contact01 .add{ width:100%; margin-top:30px}
	.contact01 .add .item{ width:100%; padding:15px 0; border:0; border-bottom:1px solid #cfcfcf; height:auto; margin:0}
	.contact01 .add .item .a1{ font-size:14px}
	.contact01 .add .item .a2{ font-size:18px; padding:10px 0 0}
	.contact01 .add .item .a3{ font-size:12px; padding:20px}
	.contact01 .add .item .ct{ padding:0 20px}
	
}