@charset "utf-8";

.banner{ width:100%; margin:0 auto; position:relative; margin-top:100px}
.banner>img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.banner .item .title{ font-size:18px; color:#eeba3a}
.banner .item .intro{ font-size:46px; margin-top:10px}

@media (max-width: 1600px){
	.banner{ margin-top:90px}
	.banner .item .title{ font-size:16px;}
	.banner .item .intro{ font-size:38px;}
}

@media (max-width: 1200px){
	.banner{ margin-top:60px}
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:14px;}
	.banner .item .intro{ font-size:20px;}
}


.location{}
.location { border-bottom:2px solid #eeeeee}
.location .a{ float:left; font-size:24px; color:#292929; height:50px; line-height:50px; position:relative}
.location .a:after{ content:""; display:block; width:100%; height:2px; background:#046cbb; position:absolute; left:0; bottom:-2px;}
.location .b{ font-size:14px; float:right; color:#696969; line-height:50px}
.location .b a{ color:#696969}
.location .b { background:url(g_26.jpg) left center no-repeat; padding-left:20px; background-size:14px}
.location .b a:hover{ color:#000}
@media (max-width: 1200px){
	.location{ display:none}
	
}

.second_nav{ width:314px; float:left; position:relative;}
.second_nav dl{ font-size:0;}
.second_nav dl dt{ width:100%; margin-top:3px; display:inline-block; vertical-align:top; position:relative}
.second_nav dl dt a{ display:block; line-height:40px; font-size:18px; color:#606060; background:#edf0f4; box-sizing:border-box; padding:10px 5% 10px 20%}
.second_nav dl dt.on a{ color:#1f61af; background:#e0e3e7}
.second_nav dl dt:hover a{ color:#1f61af; background:#e0e3e7}

.second_nav dl dd{ width:100%; margin-top:3px; display:inline-block; vertical-align:top; position:relative}
.second_nav dl dd a{ display:block; line-height:30px; font-size:16px; color:#606060; background:#edf0f4; box-sizing:border-box; padding:10px 0  10px 30%}
.second_nav dl dd.on a{ color:#1f61af; background:#e0e3e7}
.second_nav dl dd:hover a{ color:#1f61af; background:#e0e3e7}

.second_nav .t{ background:#1f61af; padding:20px 0; font-size:24px; color:#fff; text-align:center}
@media (max-width: 1440px){
	.second_nav{ width:230px}
	.second_nav .t{ font-size:20px}
	.second_nav dl dt a{ font-size:16px; line-height:30px}
}

@media (max-width: 1200px){
	.second_nav{ width:100%}
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0c61ae;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1; position:relative}
	.second_nav:after{ content:""; display:block; width:1000%; position:absolute; left:-500%; height:50px; background:#0c61ae;  top:0; z-index:-1}
	.second_nav .nr{ width:100%}
	.second_nav dl{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav dl dt{ width:100%; border-bottom: 1px solid #e7e7e7;}
	.second_nav dl dt a{ line-height:45px; font-size:16px; padding:0 0 0 10%}
	.second_nav dl dt:before{ width:0}
	.second_nav dl dt:hover::after{ left:0; bottom:-1px; width:100%}
	.second_nav dl dt.on::after{ left:0; bottom:-1px; width:100%}
	.second_nav dl dd a{ line-height:24px; font-size:14px; padding:8px 0  8px 20%}

	
}


.main{ width:1045px; float:right}
.container{ margin:30px 0 0 0}
@media (max-width: 1440px){
	.main{ width:930px}
}
@media (max-width: 1200px){
	.container{ margin:0 0 0 0}
	.main{ width:100%}
}




.news{ padding:0 0 50px}
.djgzQh{ width:100%;}
.djgzQh .swiperQh{ width:100%; overflow:hidden; position:relative; background:#fff; box-shadow:0 0 40px rgba(168,168,168,0.18);}
.djgzQh .swiperQh .swiper-slide{ width:100%; overflow:hidden; background:url(bx1.png) right center no-repeat}
.djgzQh .swiperQh .swiper-slide .pic{ width:656px; float:left; overflow:hidden}
.djgzQh .swiperQh .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;}
.djgzQh .swiperQh .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);}
.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 656px); box-sizing:border-box; padding:35px 50px 0; float:left}
.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:30px; color:#060606; font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:90px; line-height:45px; margin-top:30px}
.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:16px; color:#818181; }
.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:16px; color:#333333; margin-top:25px; line-height:30px; height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.djgzQh .swiperQh .paginationQh{ position:absolute; left:730px; bottom:40px; z-index:99; font-size:0}
.djgzQh .swiperQh .paginationQh span{ display:inline-block; vertical-align:top; margin:0; padding:0; width:34px; height:14px; background:url(ax4.png) center center no-repeat; background-size:100%; opacity:1; margin-right:10px; cursor:pointer}
.djgzQh .swiperQh .paginationQh span.swiper-pagination-bullet-active{ background:url(bx2.png) center center no-repeat; background-size:100%}
.djgzQh .swiperQh .btn{ position:absolute; left:calc(656px + 50px); bottom:30px; z-index:22}
.djgzQh .swiperQh .btn .prevQh{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; float:left}
.djgzQh .swiperQh .btn .prevQh:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}
.djgzQh .swiperQh .btn .nextQh{ background:url(g_17.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; float:left; margin-left:8px}
.djgzQh .swiperQh .btn .nextQh:hover{ background:url(g_38.png) center center no-repeat; background-size:100%;}

@media all and (max-width:1440px){
	.djgzQh .swiperQh .swiper-slide .pic{ width:580px;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 580px); padding:30px 40px 0}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:20px; line-height:30px; height:60px; margin-top:20px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:14px;}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; line-height:25px; height:75px; margin-top:20px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:620px;}
	.djgzQh .swiperQh .btn{ left:620px}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:42px; height:42px}
}
@media all and (max-width:1200px){
	.news{ padding:40px 0}
	.djgzPage{ padding:40px 0}
	.djgzQh .swiperQh .swiper-slide .pic{ width:360px;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 360px); padding:20px 20px 0}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px;}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:12px; line-height:20px; height:60px; margin-top:15px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:430px; bottom:20px}
	.djgzQh .swiperQh .paginationQh span{ width:20px; height:9px; margin-right:5px}
	.djgzQh .swiperQh .btn{ left:auto; right:20px; top:20px; bottom:auto}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:32px; height:32px}
}
@media all and (max-width:750px){
	.djgzQh .swiperQh .swiper-slide .pic{ width:100%;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:100%; padding:20px}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px; margin-top:15px}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; line-height:20px; height:auto; margin-top:15px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:20px; bottom:20px}
	.djgzQh .swiperQh .paginationQh span{ width:20px; height:9px; margin-right:5px}
	.djgzQh .swiperQh .btn{ left:auto; right:auto; top:auto; bottom:auto; position:relative; margin:0 auto; width:fit-content; padding-bottom:25px}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:32px; height:32px}
}

.newsList{ width:100%; padding:40px 0 60px}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; background:#e0e3e7 }
.newsList .item:nth-child(2n){background:#f6f6f6}
.newsList .item:hover{ background:#1f61af}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:295px; overflow:hidden;}
.newsList .item a .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;}
.newsList .item:hover a .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);}
.newsList .item a .cont{ width:calc(100% - 295px);  box-sizing:border-box; padding-left:30px}
.newsList .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover a .cont .title{ color:#fff}
.newsList .item:hover a .cont .time{ color:#fff}
.newsList .item:hover a .cont .more{ color:#fff}
.newsList .item:hover a .cont .intro{ color:#fff}
.newsList .item a .cont .more{ font-size:14px; color:#888888; margin-top:20px}

@media all and (max-width:1200px){
	.news{ padding:20px 0 0 0}
	.newsList{ padding:0 0 40px}
	.newsList .item{ width:100%; padding:25px 20px; }
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item a .pic{ width:160px;}
	.newsList .item a .cont{ width:calc(100% - 160px);}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:15px; }
	.newsList .item a .pic{ width:120px;}
	.newsList .item a .cont{ width:calc(100% - 120px); padding-left:15px}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
}

/*分页*/
.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; background:#fff; text-align:center; font-size:14px; color:#5c5c5c; margin: 0 5px; padding:10px 15px; border:1px solid #cccccc; border-radius:5px;}
.page a.current,.page a:hover{ background:#1f61af; border:1px solid #1f61af; color:#fff}
.page .first,.page .last{ display:none}
.page.page104 a{ color:#e51a0e}
.page.page104 a.current,.page.page104 a:hover{ background:#e51a0e; color:#fff}

@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px}
}


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



/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; min-height:400px; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd { padding-bottom:40px; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .ft { margin:12px 0 0;}
.article .ft a{}
.article .ft ul li { width:100%; text-align:left; line-height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#1f61af}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:0 0 0; height:auto}
	.article .ft ul{ display:block; height:auto}
	.article .ft ul li { width:100%; line-height:50px;margin:10px 0 0; padding:0 15px}
	.article .bd{ font-size:14px; line-height:2}	
}
/*articles*/
.articles{ padding:30px 0; background: #f6f7f8}
.articles .content .nr{ background:#fff; padding:50px; box-sizing:border-box}
@media all and (max-width:1200px){
	.articles .content .nr{ padding:15px}
	.articles{ padding:20px 0 }
}

.newsPage2{ padding:15px 0 50px}
.newsList2{ padding-bottom:35px}
.newsList2 .item{ width:100%; padding:20px 0; border-bottom:1px solid #e1e1e1}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:75px; height:75px; text-align:center; box-sizing:border-box; border:1px solid #dddddd; background:#f5f5f5; border-radius:5px;}
.newsList2 .item .time .p1{ font-size:18px; line-height:1; color:#666666; padding:10px 0 0 0}
.newsList2 .item .time .p2{ display:inline-block; vertical-align:top; font-size:12px; line-height:1; color:#666666; border-top:1px solid #dddddd; padding:10px 0 0 0; margin:10px 0 0 0}
.newsList2 .item .cont{ width:calc(100% - 75px); box-sizing:border-box; padding:0 0 0 30px}
.newsList2 .item .cont .title{ font-size:18px; color:#292929;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:14px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover .cont .title{ font-weight:bold; color:#1f61af}
@media all and (max-width:1200px){
	.newsPage2{ padding:0 0 40px}
	.newsList2{ padding-bottom:20px}
	.newsList2 .item{ }
	.newsList2 .item .time{ width:70px; height:70px}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:16px;}
	.newsList2 .item .cont{ width:calc(100% - 70px); padding:0  0 0 15px}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}




/*picx*/
.picx{ padding:40px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .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;}
.picxList .item:hover a .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);}
.picxList .item a .cont{ }
.picxList .item a .cont .title{padding:20px; background:#f0f4f8; box-sizing:border-box; font-size:16px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ background:#1f61af; color:#fff}
@media all and (max-width:1440px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}




.white{ background:#fff}





/*job*/
.job{  padding:80px 0 120px}
.job01{ width:100%}
.job01 .ihd{ font-size:36px; color:#333333; line-height:1; text-align:center}
.job01 .ibd{ font-size:16px; color:#666666; line-height:2; margin-top:20px; text-align:center}
.job02 .nr{ box-sizing:border-box; background:#fff; padding:30px 50px; margin-top:50px}
.job02 .nr .item{  padding:15px 0}
.job02 .nr .item .title{ width:195px; float:left;font-size:24px; color:#333333; font-weight:bold; line-height:40px;}
.job02 .nr .item .cont{ width:calc(100% - 195px); float:right}
.job02 .nr .item .cont a{ display:block; float:left; line-height:40px; font-size:24px; color:#333333; margin-right:40px}
.job02 .nr .item .cont a.on,.job02 .nr .item .cont a:hover{ color:#00989d}
@media (max-width: 1760px){
	.job{ padding:60px 0 80px}
	.job01 .ihd{ font-size:28px;}
	.job01 .ibd{ font-size:14px;}
	.job02 .nr{ margin-top:40px; padding:20px 40px}
	.job02 .nr .item .title{ width:150px; font-size:20px}
	.job02 .nr .item .cont{ width:calc(100% - 150px);}
	.job02 .nr .item .cont a{ font-size:20px}
}
@media (max-width: 1200px){
	.job{ padding:40px 0 60px}
	.job01 .ihd{ font-size:20px; line-height:1.4}
	.job01 .ibd{ font-size:12px;}
	.job02 .nr{ margin-top:20px; padding:10px 20px}
	.job02 .nr .item{ padding:10px 0}
	.job02 .nr .item .title{ width:100px; font-size:16px; line-height:30px}
	.job02 .nr .item .cont{ width:calc(100% - 100px);}
	.job02 .nr .item .cont a{ font-size:16px; margin-right:20px; line-height:30px}
}
@media (max-width: 750px){
	
	.job02 .nr{ padding:10px 15px}
	.job02 .nr .item{ padding:8px 0}
	.job02 .nr .item .title{ width:80px; font-size:14px; line-height:25px}
	.job02 .nr .item .cont{ width:calc(100% - 80px);}
	.job02 .nr .item .cont a{ font-size:14px; margin-right:16px; line-height:25px}
}

.rcArea02{ border-top:4px solid #646464; margin-top:40px}
.rcArea02 .hd { font-size:30px; color:#333; text-align:center; }
.rcArea02 .bd {}

.rcArea02 .bd ul { padding-bottom:40px; }
.rcArea02 .bd ul li { border-bottom:1px solid #646464; background:#fff }
.rcArea02 .bd ul li:nth-child(2n){ background:#f3f4f5}
.rcArea02 .bd ul li .p1 { color:#000; font-size:22px; padding-left:3%; }
.rcArea02 .bd ul li .p1 i { display:block; float:left; height:80px; line-height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.rcArea02 .bd ul li .p2 { display:none; background:#ffffff; padding:40px 50px 80px; }
.rcArea02 .bd ul li .p2 .txt { font-size:16px; color:#777777; line-height:2; margin-bottom:40px; }
.rcArea02 .bd ul li .p2 .txt01 a{ display:block; font-size:18px; color:#fff; padding:0 35px; text-align:center; line-height:52px; background:#efb01a; cursor:pointer; width:fit-content; border-radius:35px }
.rcArea02 .bd ul li .p2 .txt01 a{ }

.rcArea02 .bd ul li .p1 i:nth-child(1) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(2) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(3) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(4) { width:20%; cursor:pointer; }

.rcArea02 .bd ul li .p1 i:nth-child(5) { width:16%; cursor:pointer; float:right;display:flex;align-items: center;justify-content: center; }
.rcArea02 .bd ul li .p1 i:nth-child(5) em { display:inline-block; width:42px; height:42px; background:url(j01.png) no-repeat center; }


.rcArea02 .bd ul li:first-child { border-bottom:none; }
.rcArea02 .bd ul li:first-child .p1 { color:#646464!important; background:#fff!important; font-weight:bold }
.rcArea02 .bd ul li.on .p2{ border-top:1px solid #f29537}
.rcArea02 .bd ul li.on .p1 { }
.rcArea02 .bd ul li.on .p1 i:nth-child(5) em { background:url(j02.png) no-repeat center; }
.rcArea02 .bd ul li.on .p2 { display:block; }

.cov{position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:9998;display: none;}
.biaodan{position: fixed; padding:35px; margin:-330px 0 0 -240px; background:#fff url(zp-3.png) no-repeat center;left:50%;top:50%; z-index:9999; display: none;}
.biaodan .i-biaodan{border:1px solid #dadada;padding:45px; width:317px;position:relative;}
.biaodan .i-biaodan .h{font-size: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 12px;}
.biaodan .i-biaodan .e{font-size:14px;line-height: 14px;text-align: center;color: #969696;padding-bottom:16px;background:url(zp-2.png) no-repeat center bottom;margin-bottom:25px;}
.biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(zp-1.png) no-repeat center; cursor:pointer; position:absolute; top:15px; right:15px;}
.biaodan .i-biaodan ul li{padding:15px 18px;border:1px solid #c8c8c8;margin-bottom:22px;color: #bfbfbf;font-size:15px;line-height: 25px;}
.biaodan .i-biaodan ul li label { float:left; display:block; width:30px; height:25px; }
.biaodan .i-biaodan ul li:nth-child(1) label{background:url(zp-5.jpg) no-repeat left center;}
.biaodan .i-biaodan ul li:nth-child(2) label{background:url(zp-4.png) no-repeat left center;}
.biaodan .i-biaodan .ta textarea{padding:15px 18px;border:1px solid #c8c8c8;font-size:15px;line-height: 25px;color: #bfbfbf;width:100%;box-sizing: border-box;}
.biaodan .i-biaodan .jl{font-size:15px;line-height: 25px;margin:22px 0;}
.biaodan .i-biaodan .sub input{  width:100%; font-size: 20px;line-height:46px;background:#008e55;text-align: center;color: #fff;}

@media all and (max-width:1760px){
	.rcArea02 .bd ul li .p1 { font-size:20px}
	.rcArea02 .bd ul li .p1 i { line-height:100px; height:100px}
	.rcArea02 .bd ul li .p1 i:nth-child(4) em{ margin-top:29px}
	.rcArea02 .bd ul li .p2{ padding:40px 40px 60px}
}
@media all and (max-width:1200px){
	.rcArea02 .bd ul li .p1{ font-size:12px}
	.rcArea02 .bd ul li .p1 i { line-height:50px; height:50px; }
	.rcArea02 .bd ul li.on .p2{ padding:15px}
	.rcArea02 .bd ul li .p2 .txt{ font-size:14px; margin-bottom:15px}
	.rcArea02 .bd ul li .p2 .txt01 a{ height:35px; font-size:12px; line-height:35px; padding:0 15px}
}

@media all and (max-width:1200px){
	.biaodan{ padding:10px; margin:0;transform: translate(-50%,-50%); }
	.biaodan .i-biaodan { padding:15px; width:280px; }
	.biaodan .i-biaodan .h { font-size:20px; line-height:25px; margin-bottom: 10px;}
	.biaodan .i-biaodan .e { margin-bottom:15px;}
 
	.biaodan .i-biaodan ul li{padding:5px 10px; margin-bottom:10px; font-size:14px; }
 
	.biaodan .i-biaodan .ta textarea{padding:5px 10px; font-size:14px; }
	.biaodan .i-biaodan .jl{ font-size:14px;line-height: 25px;margin:10px 0;}
	.biaodan .i-biaodan .sub input{  font-size:14px;line-height:30px; }
}

.pro{ padding:60px 0}
.pro .proList .item{ width:48%; float:left; background:#f6f6f6; margin-bottom:4%; transition:all 0.3s}
.pro .proList .item:nth-child(2n){ float:right}
.pro .proList .item a{ display:block; box-sizing:border-box; padding:30px}
.pro .proList .item a .pic{ width:252px; float:left; overflow:hidden}
.pro .proList .item a .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;}
.pro .proList .item:hover a .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);}
.pro .proList .item a .cont{ width:calc(100% - 252px); float:right; box-sizing:border-box; padding-left:30px}
.pro .proList .item a .cont .title{ font-size:18px; color:#333333; margin:10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.3s}
.pro .proList .item a .cont .intro{ font-size:14px; color:#666666; line-height:28px; height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; transition:all 0.3s}
.pro .proList .item a .cont .more{ margin-top:45px; font-size:0; color:#666666; text-align:left}
.pro .proList .item a .cont .more span{ font-size:14px; transition:all 0.3s}
.pro .proList .item:hover{ background:#008e56}
.pro .proList .item:hover .cont .title{ color:#fff}
.pro .proList .item:hover .cont .intro{ color:#fff}
.pro .proList .item:hover a .cont .more{ text-align:right}
.pro .proList .item:hover a .cont .more span{ padding:10px 20px; border:1px solid rgba(255,255,255,0.5); color:#fff; border-radius:30px}
@media all and (max-width:1440px){
	.pro .proList .item a{ padding:25px}
	.pro .proList .item a .pic{ width:230px}
	.pro .proList .item a .cont{ width:calc(100% - 230px); padding-left:25px}
}
@media all and (max-width:1200px){
	.pro{ padding:40px 0}
	.pro .proList .item a{ padding:20px}
	.pro .proList .item a .pic{ width:140px}
	.pro .proList .item a .cont{ width:calc(100% - 140px); padding-left:20px}
	.pro .proList .item a .cont .title{ font-size:16px; margin-top:0}
	.pro .proList .item a .cont .intro{ font-size:12px; line-height:25px; height:50px}
	.pro .proList .item a .cont .more{ margin-top:15px}
	.pro .proList .item a .cont .more span{ font-size:12px}
	.pro .proList .item:hover a .cont .more{ text-align:left}
	.pro .proList .item:hover a .cont .more span{ padding:0; border:0; color:#fff; border-radius:0}
}
@media all and (max-width:750px){
	.pro .proList .item{ width:100%}
}

.prodisplay{ padding:60px 0}
.prodisplay01{ background:#f6f6f6; padding:50px }
.prodisplay01 .lt{ width:509px; position:relative; overflow:hidden; float:left}
.prodisplay01 .lt .swiper01{ width:100%; position:relative; overflow:hidden}
.prodisplay01 .lt .swiper01 .swiper-slide{ width:100%; overflow:hidden}
.prodisplay01 .lt .swiper01 .swiper-slide img{ width:100%}
.prodisplay01 .lt .swiper01 .prev01{ background:url(g_11x.png) center center no-repeat; width:36px; height:36px; background-size:cover; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:9}
.prodisplay01 .lt .swiper01 .next01{ background:url(g_12x.png) center center no-repeat; width:36px; height:36px; background-size:cover; position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:9}
.prodisplay01 .rt{ width:calc(100% - 509px); float:right; box-sizing:border-box; padding:0 0 0 70px}
.prodisplay01 .rt .ihd{ font-size:24px; color:#333333; margin-top:20px}
.prodisplay01 .rt .ibd{ font-size:14px; color:#666666; line-height:2; margin-top:15px}
@media all and (max-width:1440px){
	.prodisplay01 .lt{ width:460px}
	.prodisplay01 .rt{ width:calc(100% - 460px); padding:0 0 0 50px}
}
@media all and (max-width:1200px){
	.prodisplay{ padding:40px 0}
	.prodisplay01{ padding:20px}
	.prodisplay01 .lt{ width:300px}
	.prodisplay01 .rt{ width:calc(100% - 300px); padding:0 0 0 20px}
	.prodisplay01 .rt .ihd{ font-size:18px; color:#333333; margin-top:0}
	.prodisplay01 .rt .ibd{ font-size:12px; color:#666666; line-height:2; margin-top:10px}
}
@media all and (max-width:750px){
	.prodisplay01{ padding:20px}
	.prodisplay01 .lt{ width:100%}
	.prodisplay01 .rt{ width:100%; padding:0 0 0 0}
	.prodisplay01 .rt .ihd{ font-size:18px; color:#333333; margin-top:0; margin-top:15px}
	.prodisplay01 .rt .ibd{ font-size:12px; color:#666666; line-height:2; margin-top:5px}
	.prodisplay01 .lt .swiper01 .prev01{ width:30px; height:30px}
	.prodisplay01 .lt .swiper01 .next01{ width:30px; height:30px}
}
.prodisplay02{ margin-top:30px}
.prodisplay02 .ihd{ font-size:24px; color:#fff; background:#ed7d31; padding:25px 40px}
.prodisplay02 .ibd{ font-size:14px; color:#666; line-height:2; padding:40px 0}
.prodisplay02 .ibd img{ max-width:100%; height:auto}
@media all and (max-width:1440px){
	.prodisplay02 .ihd{ font-size:20px; padding:20px 30px}
}
@media all and (max-width:1200px){
	.prodisplay02 .ihd{ font-size:18px; padding:15px 20px}
	.prodisplay02 .ibd{ padding:20px 0; font-size:12px}
}












.job{ background: #f6f7f9; padding:80px 0 150px}
.job01{display:flex;align-items: center; background:#ffffff}
.job01 .lt{ width:674px; overflow:hidden}
.job01 .lt img{ width:100%}
.job01 .rt{ width:calc(100% - 674px); box-sizing:border-box; padding:0 4%}
.job01 .rt .title{ font-size:22px; font-weight:bold; line-height:1; color:#000000; }
.job01 .rt .intro{ margin-top:30px; color:rgba(51,51,51,0.8); line-height:2; font-size:16px}
@media all and (max-width:1440px){
	.job01 .lt{ width:50%; overflow:hidden}
	.job01 .rt{ width:calc(100% - 50%);}	
}
@media all and (max-width:1200px){
	.job{ background:url(g_39.png) left bottom no-repeat #f6f7f9; background-size:40%; padding:40px 0 60px}
	.job01{ display:block}
	.job01 .lt{ width:100%}
	.job01 .rt{ width:100%; padding:8% 5%}
	.job01 .rt .title{ font-size:20px; }
	.job01 .rt .intro{ margin-top:20px; font-size:14px}
}

.job02{ margin-top:30px}
.job02 .item{ margin-bottom:20px}
.job02 .item:hover{ box-shadow:0 0 10px rgba(0,0,0,.1)}
.job02 .item .ihd{display:flex;align-items: center; background:#fff; height:86px; font-size:16px; color:rgba(31,31,31,0.8); transition:all 0.3s}
.job02 .item .ihd .a1{ width:53%; box-sizing:border-box; padding:0 5%;}
.job02 .item .ihd .a2{ width:19%; box-sizing:border-box; padding:0 3%;}
.job02 .item .ihd .a3{ width:15%; box-sizing:border-box; padding:0 3%;}
.job02 .item .ihd .a4{ width:15%; box-sizing:border-box; padding:0 3%; display:none}
.job02 .item .ihd .a5{ width:15%; box-sizing:border-box; padding:0 3%; word-break:break-all}
.job02 .item .ihd .a6{ width:8%; box-sizing:border-box; height:100%; background:#008e55; background-size:cover; cursor:pointer}
.job02 .item .ihd .a6 i{ display:block; width:100%; height:100%; background:url(g_65.png) center center no-repeat; transition:all 0.3s}
.job02 .item .ibd{ width:100%; background:#fff; box-sizing:border-box; padding:5%; font-size:16px; line-height:2; color:#333; display:none}
.job02 .item .ibd .txt01 { font-size:16px; color:#fff; width:135px; height:40px; text-align:center; line-height:40px; background:#008e55; border-radius:5px; cursor:pointer; margin-top:20px }
.job02 .item.on .ihd{ background:#f1f1f1}
.job02 .item.on .ihd .a6 i{ transform:rotate(90deg)}
.job02 .item.on .ibd{ display:block}
@media all and (max-width:1440px){
	.job02 .item .ihd .a1{ width:28%; box-sizing:border-box; padding:0 4%;}
	.job02 .item .ihd .a2{ width:19%; box-sizing:border-box; padding:0 2%;}
	.job02 .item .ihd .a3{ width:15%; box-sizing:border-box; padding:0 2%;}
	.job02 .item .ihd .a4{ width:15%; box-sizing:border-box; padding:0 2%;}
	.job02 .item .ihd .a5{ width:15%; box-sizing:border-box; padding:0 2%;}
	.job02 .item .ibd{ padding:4%}

}
@media all and (max-width:1200px){
	.job02 .item .ihd{ font-size:14px; height:55px}
	.job02 .item .ihd .a1{ width:50%; padding:0 0 0 5%;}
	.job02 .item .ihd .a2{ padding:0 2%; display:none}
	.job02 .item .ihd .a3{ padding:0 2%; display:none}
	.job02 .item .ihd .a4{ padding:0 2%; display:none}
	.job02 .item .ihd .a5{ width:35%;padding:0 3%;}
	.job02 .item .ihd .a6{ width:15%}
	.job02 .item .ihd .a6 i{ background-size:8px}
	.job02 .item .ibd{ padding:5%; font-size:14px}
	.job02 .item .ibd .txt01 { font-size:14px; width:105px; height:36px; line-height:36px; margin-top:4%}

}


.about{ width:100%}
.ab01{ width:100%; margin-top:140px;}
.ab01 .nr{ position:relative}
.ab01 .nr .ihd{ font-size:22px; color:#282828}
.ab01 .nr .intro{ font-size:48px; color:#282828; font-weight:bold}
.ab01 .nr .ibd{ margin-top:35px;}
.ab01 .nr .ibd .cont{ width:675px; float:left; font-size:16px; color:#282828; line-height:2}
.ab01 .nr .ibd ul{ width:620px; float:right; font-size:0; margin-top:40px}
.ab01 .nr .ibd ul li{ display:inline-block; vertical-align:top; margin-right:60px; padding-right:60px; border-right:1px solid #e4e4e4}
.ab01 .nr .ibd ul li:last-child{ border:0; padding-right:0; margin-right:0}
.ab01 .nr .ibd ul li .p1{ font-size:36px; color:#ed7d31; font-weight:bold; line-height:1}
.ab01 .nr .ibd ul li .p1 span{ display:inline-block; vertical-align:bottom; font-size:14px; color:#000000; font-weight:normal}
.ab01 .nr .ibd ul li .p2{ font-size:16px; color:#282828; margin-top:10px}
.ab01 .nr .more{ position:absolute; right:0; top:0;}
.ab01 .nr .more a{ display:block; background:url(x2.png) left center no-repeat; padding-left:80px; font-size:16px; color:#282828; line-height:59px;}

.ab02{ width:100%; margin-top:140px;}
.ab02 .pic{ width:100%;  overflow:hidden; position:relative}
.ab02 .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;}
.ab02 .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);}
.ab02 .pic .play{ display:block; background:url(x4.png) center center no-repeat; background-size:cover; width:88px; height:88px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);z-index:9; cursor:pointer}
@media all and (max-width:1440px){
	.ab01{ width:100%; margin-top:100px;}
	.ab01 .nr .ihd{ font-size:20px}
	.ab01 .nr .intro{ font-size:40px;}
	.ab01 .nr .ibd{ margin-top:30px;}
	.ab01 .nr .ibd .cont{ width:560px; font-size:15px;}
	.ab01 .nr .ibd ul{ width:520px; margin-top:30px}
	.ab01 .nr .ibd ul li{ margin-right:40px; padding-right:40px;}
	.ab01 .nr .ibd ul li .p1{ font-size:32px;}
	.ab01 .nr .ibd ul li .p1 span{ font-size:12px;}
	.ab01 .nr .ibd ul li .p2{ font-size:14px;}
	.ab01 .nr .more a{ background:url(x2.png) left center no-repeat; background-size:50px; padding-left:70px; font-size:14px; line-height:50px;}
	.ab02{ margin-top:100px;}
	.ab02 .pic .play{ width:80px; height:80px}
}
@media all and (max-width:1200px){
	.ab01{ margin-top:60px;}
	.ab01 .nr .ihd{ font-size:16px}
	.ab01 .nr .intro{ font-size:24px;}
	.ab01 .nr .ibd{ margin-top:20px;}
	.ab01 .nr .ibd .cont{ width:100%; font-size:14px;}
	.ab01 .nr .ibd ul{ width:100%; margin-top:20px;display:flex;justify-content: space-between;}
	.ab01 .nr .ibd ul li{ margin-right:0; padding-right:0; border:0}
	.ab01 .nr .ibd ul li .p1{ font-size:28px;}
	.ab01 .nr .more{ position:relative; margin-top:20px}
	.ab01 .nr .more a{ background:url(x2.png) left center no-repeat; background-size:30px; padding-left:45px; font-size:12px; line-height:30px;}
	.ab02{ margin-top:60px;}
	.ab02 .pic .play{ width:40px; height:40px}
}


.ab03{ margin-top:80px; background:url(x5.jpg) center center no-repeat; background-size:cover; padding:80px 0}
.ab03 .ihd{ text-align:center;}
.ab03 .ihd .en{ font-size:32px; color:#dddddd; text-transform:uppercase; line-height:1;}
.ab03 .ihd .cn{ font-size:36px; color:#333; font-weight:bold; line-height:1; margin-top:25px}
.ab03 .ibd{ margin-top:120px; position:relative}
.ab03 .ibd:after{ content:""; display:block; width:1300px; height:1px; background:#d2d2d2; position:absolute; left:50px; top:62px;}
.ab03 .ibd .mySwiper{ width:1300px; margin:0 auto; overflow:hidden; position:relative; z-index:2}
.ab03 .ibd .mySwiper .swiper-slide{ position:relative; padding-bottom:40px; cursor:pointer}
.ab03 .ibd .mySwiper .swiper-slide:after{ content:""; display:block; width:16px; height:16px;  background:url(x6.png) center center no-repeat #ecf5fc; background-size:100%; position:absolute; left:50%; margin-left:-8px; bottom:0; border-radius:50%}
.ab03 .ibd .mySwiper .swiper-slide .nian{ font-size:24px; color:#3c3c3c; font-weight:bold; line-height:30px; text-align:center }
.ab03 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active .nian{ font-size:36px; color:#ed7d31;}
.ab03 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active:after{background:url(x7.png) center center no-repeat #ecf5fc; background-size:100%;}
.ab03 .ibd .prev1{ width:29px; height:29px; background:url(x8.png) center center no-repeat; position:absolute; cursor:pointer; left:0; top:48px;}
.ab03 .ibd .next1{ width:29px; height:29px; background:url(x9.png) center center no-repeat; position:absolute; cursor:pointer; right:0; top:48px;}
.ab03 .ibd .mySwiper2{ width:970px; box-sizing:border-box; background:#fff; border:1px solid #dcdcdc; border-left:3px solid #ed7d31; margin:0 auto; margin-top:70px; overflow:hidden;}
.ab03 .ibd .mySwiper2 .swiper-slide{overflow:hidden; padding:30px; box-sizing:border-box}
.ab03 .ibd .mySwiper2 .swiper-slide .time{ font-size:18px; color:#ed7d31; font-weight:bold;}
.ab03 .ibd .mySwiper2 .swiper-slide .intro{ font-size:16px; color:#000000; line-height:2; margin-top:10px}
@media all and (max-width:1440px){
	.ab03 .ihd .en{ font-size:28px;}
	.ab03 .ihd .cn{ font-size:32px; margin-top:20px}
	.ab03 .ibd{ margin-top:80px; position:relative}
	.ab03 .ibd .mySwiper{ width:1100px; }
	.ab03 .ibd:after{ width:1100px; }
}
@media all and (max-width:1200px){
	.ab03{ margin-top:60px; padding:60px 0}
	.ab03 .ihd .en{ font-size:20px;}
	.ab03 .ihd .cn{ font-size:24px; margin-top:15px}
	.ab03 .ibd{ margin-top:40px;}
	.ab03 .ibd .mySwiper{ width:calc(100% - 80px); }
	.ab03 .ibd:after{ width:calc(100% - 80px); left:40px; }
	.ab03 .ibd .mySwiper .swiper-slide .nian{ font-size:20px;}
	.ab03 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active .nian{ font-size:28px;}
	.ab03 .ibd .mySwiper2{ width:100%; margin-top:40px}
	.ab03 .ibd .mySwiper2 .swiper-slide .time{ font-size:16px;}
	.ab03 .ibd .mySwiper2 .swiper-slide .intro{ font-size:14px;}
}

.ab04{ position:relative; margin-top:100px;}
.ab04 .pic{ float:right; width:50%; overflow:hidden}
.ab04 .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;}
.ab04 .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);}
.ab04  .cont{ width:550px; position:absolute; left:50%; margin-left:-700px; top:50%; transform:translateY(-50%); z-index:2}
.ab04  .cont .bq{ font-size:36px; color:#282828}
.ab04  .cont .title{ font-size:24px; color:#282828; }
.ab04  .cont .intro{ font-size:16px; color:rgba(40,40,40,0.8); line-height:2; margin:40px 0 50px}
.ab04  .cont .more a{ display:block; background:url(x2.png) left center no-repeat; padding-left:80px; font-size:16px; color:#282828; line-height:59px;}
@media all and (max-width:1440px){
	.ab04{ margin-top:80px;}
	.ab04  .cont{ width:500px;  margin-left:-600px;}
	.ab04  .cont .bq{ font-size:32px; }
	.ab04  .cont .title{ font-size:20px; }
	.ab04  .cont .intro{ font-size:14px; margin:30px 0 40px}
	.ab04  .cont .more a{ background:url(x2.png) left center no-repeat; background-size:50px; padding-left:70px; font-size:14px; line-height:50px;}
}
@media all and (max-width:1200px){
	.ab04{ margin-top:60px;}
	.ab04  .pic{ width:92%; margin:0 auto; float:none}
	.ab04  .cont{ width:92%; margin:0 auto; position:relative; margin-top:20px; left:0; transform:translate(0)}
	.ab04  .cont .bq{ font-size:24px; }
	.ab04  .cont .title{ font-size:18px; }
	.ab04  .cont .intro{ font-size:12px; margin:15px 0 25px}
	.ab04  .cont .more a{ background:url(x2.png) left center no-repeat; background-size:30px; padding-left:45px; font-size:12px; line-height:30px;}
}

.ab05{ position:relative; margin-top:100px;}
.ab05 .pic{ float:left; width:50%; overflow:hidden}
.ab05 .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;}
.ab05 .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);}
.ab05  .cont{ width:550px; position:absolute; right:50%; margin-right:-700px; top:50%; transform:translateY(-50%); z-index:2}
.ab05  .cont .bq{ font-size:36px; color:#282828}
.ab05  .cont .title{ font-size:24px; color:#282828; }
.ab05  .cont .intro{ font-size:16px; color:rgba(40,40,40,0.8); line-height:2; margin:40px 0 50px}
.ab05  .cont .more a{ display:block; background:url(x2.png) left center no-repeat; padding-left:80px; font-size:16px; color:#282828; line-height:59px;}
@media all and (max-width:1440px){
	.ab05{ margin-top:80px;}
	.ab05  .cont{ width:500px;  margin-right:-600px;}
	.ab05  .cont .bq{ font-size:32px; }
	.ab05  .cont .title{ font-size:20px; }
	.ab05  .cont .intro{ font-size:14px; margin:30px 0 40px}
	.ab05  .cont .more a{ background:url(x2.png) left center no-repeat; background-size:50px; padding-left:70px; font-size:14px; line-height:50px;}
}
@media all and (max-width:1200px){
	.ab05{ margin-top:60px;}
	.ab05  .pic{ width:92%; margin:0 auto; float:none}
	.ab05  .cont{ width:92%; margin:0 auto; position:relative; margin-top:20px; right:0; transform:translate(0)}
	.ab05  .cont .bq{ font-size:24px; }
	.ab05  .cont .title{ font-size:18px; }
	.ab05  .cont .intro{ font-size:12px; margin:15px 0 25px}
	.ab05  .cont .more a{ background:url(x2.png) left center no-repeat; background-size:30px; padding-left:45px; font-size:12px; line-height:30px;}
}

.ab06{ margin:120px 0}
.ab06 .ihd{ text-align:center;}
.ab06 .ihd .en{ font-size:32px; color:#dddddd; text-transform:uppercase; line-height:1;}
.ab06 .ihd .cn{ font-size:36px; color:#333; font-weight:bold; line-height:1; margin-top:25px}
.ab06 .ibd{ margin-top:100px; position:relative}
.ab06 .ibd .lt{ width:465px; float:left; position:relative; overflow:hidden}
.ab06 .ibd .lt .pic{ width:100%}
.ab06 .ibd .lt .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;}
.ab06 .ibd .lt: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);}
.ab06 .ibd .lt .cont{ width:100%; height:100%; box-sizing:border-box; z-index:2; color:#fff; left:0; top:0; padding:40px; position:absolute}
.ab06 .ibd .lt .cont .title{ font-size:24px; font-weight:bold}
.ab06 .ibd .lt .cont .intro{ font-size:16px; text-align:justify; line-height:2; margin-top:20px;}
.ab06 .ibd .rt{ width:calc(100% - 465px); float:right;}
.ab06 .ibd .rt .item{ width:calc(50% - 4px); float:left; height:272px; margin-bottom:4px; margin-left:4px; background:#f6f6f6; box-sizing:border-box; padding:40px 30px 0; position:relative}
.ab06 .ibd .rt .item .title{ font-size:28px; color:#282828; font-weight:bold; line-height:40px;}
.ab06 .ibd .rt .item .intro{ width:100%;  font-size:18px; color:#888888; line-height:1.6; text-align:justify; margin-top:30px}
.ab06 .ibd .rt .item .pic{ position:absolute; right:30px; top:40px;}
.ab06 .ibd .rt .item .pic img{ height:40px; width:auto}
@media all and (max-width:1440px){
	.ab06{ margin:100px 0}
	.ab06 .ihd .en{ font-size:28px;}
	.ab06 .ihd .cn{ font-size:32px; margin-top:20px}
	.ab06 .ibd{ margin-top:80px;}
	.ab06 .ibd .lt{ width:400px;}
	.ab06 .ibd .rt{ width:calc(100% - 400px);}
	.ab06 .ibd .lt .cont{ padding:30px}
	.ab06 .ibd .lt .cont .title{ font-size:20px; }
	.ab06 .ibd .lt .cont .intro{ font-size:14px; }
	.ab06 .ibd .rt .item{ height:234px; padding:30px 20px}
	.ab06 .ibd .rt .item .title{ font-size:24px; line-height:36px;}
	.ab06 .ibd .rt .item .pic{  right:20px; top:30px;}
	.ab06 .ibd .rt .item .pic img{ height:36px; width:auto}
	.ab06 .ibd .rt .item .intro{ font-size:16px;}
}
@media all and (max-width:1200px){
	.ab06{ margin:60px 0}
	.ab06 .ihd .en{ font-size:20px;}
	.ab06 .ihd .cn{ font-size:24px; margin-top:15px}
	.ab06 .ibd{ margin-top:40px;}
	.ab06 .ibd .lt{ width:300px;}
	.ab06 .ibd .rt{ width:calc(100% - 300px);}
	.ab06 .ibd .lt .cont{ padding:30px}
	.ab06 .ibd .lt .cont .title{ font-size:20px; }
	.ab06 .ibd .lt .cont .intro{ font-size:14px; }
	.ab06 .ibd .rt .item{ height:175px; padding:30px 20px}
	.ab06 .ibd .rt .item .title{ font-size:20px; line-height:36px;}
	.ab06 .ibd .rt .item .pic{  right:20px; top:30px;}
	.ab06 .ibd .rt .item .pic img{ height:36px; width:auto}
	.ab06 .ibd .rt .item .intro{ font-size:12px;  padding:0 20px; height:90px}
}
@media all and (max-width:1200px){
	.ab06{ margin:60px 0}
	.ab06 .ihd .en{ font-size:20px;}
	.ab06 .ihd .cn{ font-size:24px; margin-top:15px}
	.ab06 .ibd{ margin-top:40px;}
	.ab06 .ibd .lt{ width:300px;}
	.ab06 .ibd .rt{ width:calc(100% - 300px);}
	.ab06 .ibd .lt .cont{ padding:20px}
	.ab06 .ibd .lt .cont .title{ font-size:18px; }
	.ab06 .ibd .lt .cont .intro{ font-size:12px; }
	.ab06 .ibd .rt .item{ height:175px; padding:20px 15px}
	.ab06 .ibd .rt .item .title{ font-size:18px; line-height:32px;}
	.ab06 .ibd .rt .item .pic{  right:15px; top:20px;}
	.ab06 .ibd .rt .item .pic img{ height:32px; width:auto}
	.ab06 .ibd .rt .item .intro{ font-size:12px;  padding:0 15px; height:90px}
}
@media all and (max-width:750px){
	.ab06 .ibd .lt{ width:100%; float:none}
	.ab06 .ibd .rt{ width:100%; margin-top:20px; float:none}
	.ab06 .ibd .rt .item{ height:175px; padding:20px 15px; margin-left:0; width:calc(50% - 2px)}
	.ab06 .ibd .rt .item:nth-child(2n){ float:right}
	.ab06 .ibd .rt .item .title{ font-size:18px; line-height:24px;}
	.ab06 .ibd .rt .item .pic{  right:15px; top:20px;}
	.ab06 .ibd .rt .item .pic img{ height:24px; width:auto}
	.ab06 .ibd .rt .item .intro{ font-size:12px;  padding:0 15px; height:90px}
}


.gcon_8{ padding:80px 0}
.gcon_8 .ibd{ box-sizing:border-box; border:1px solid #d2d2d2}
.gcon_8 .ibd .lt{ float:left; margin-left:30px}
.gcon_8 .ibd .rt{ float:right;}
.gcon_8 .ibd .rt img{ width:544px;}
.gcon_8 .ibd .lt .t1{ font-size:24px; color:#585e63; margin-top:70px}
.gcon_8 .ibd .lt .t2{ font-size:36px; color:#585e63; font-weight:bold; margin-top:25px}
.gcon_8 .ibd .lt .t3{ font-size:16px; color:#282828; line-height:2; margin-top:20px}
.gcon_8 .ibd .lt .t4{ margin-top:40px}
.gcon_8 .ibd .lt .t4 a{display:flex;align-items: center;justify-content: center; width:160px; height:54px; color:#fff; background:#ed7d31; font-size:18px}

@media (max-width:1200px){
	.gcon_8{ padding:40px 0}
	.gcon_8 .ibd{ box-sizing:border-box; border:1px solid #d2d2d2}
	.gcon_8 .ibd .lt{ float:left; margin-left:20px}
	.gcon_8 .ibd .rt{ float:right;}
	.gcon_8 .ibd .rt img{ width:260px;}
	.gcon_8 .ibd .lt .t1{ font-size:16px; margin-top:20px}
	.gcon_8 .ibd .lt .t2{ font-size:20px; margin-top:10px}
	.gcon_8 .ibd .lt .t3{ font-size:12px; margin-top:10px}
	.gcon_8 .ibd .lt .t4{ margin-top:20px; margin-bottom:20px}
	.gcon_8 .ibd .lt .t4 a{ width:110px; height:42px; font-size:14px}
}
@media (max-width:750px){
	
	.gcon_8 .ibd .lt{ float:none; margin-left:0; padding:20px 20px 0}
	.gcon_8 .ibd .rt{ float:none; width:100%}
	.gcon_8 .ibd .rt img{ width:100%;}
	.gcon_8 .ibd .lt .t1{ font-size:16px; margin-top:0}
	.gcon_8 .ibd .lt .t2{ font-size:20px; margin-top:10px}
	.gcon_8 .ibd .lt .t3{ font-size:12px; margin-top:10px}
	.gcon_8 .ibd .lt .t4{ margin-top:20px; margin-bottom:0}
	.gcon_8 .ibd .lt .t4 a{ width:110px; height:42px; font-size:14px}
}
.gcon_9{ background:url(g_19.jpg) center center  repeat-y;}
.gcon_9 .lt{ width:50%; float:left}
.gcon_9 .lt a{ display:block; width:100%; padding:100px 0 80px; color:#fff; background:url(g_14.png) center center no-repeat; text-align:center}
.gcon_9 .lt a .title{ font-size:36px; font-weight:bold; line-height:1}
.gcon_9 .lt a .intro{ font-size:18px;  line-height:1.4; margin-top:30px}
.gcon_9 .rt{ width:50%; float:left}
.gcon_9 .rt a{ display:block; width:100%; padding:100px 0 80px; color:#fff; background:url(g_15.png) center center no-repeat; text-align:center}
.gcon_9 .rt a .title{ font-size:36px; font-weight:bold; line-height:1}
.gcon_9 .rt a .intro{ font-size:18px;  line-height:1.4; margin-top:30px}
@media (max-width:1200px){
	.gcon_9 .lt a{ padding:80px 0 60px; background-size:auto 80%}
	.gcon_9 .lt a .title{ font-size:24px;}
	.gcon_9 .lt a .intro{ font-size:14px; margin-top:25px}
	.gcon_9 .rt a{ padding:80px 0 60px; background-size:auto 80%}
	.gcon_9 .rt a .title{ font-size:24px;}
	.gcon_9 .rt a .intro{ font-size:14px; margin-top:25px}

}
@media (max-width:750px){
	.gcon_9 .nr{ width:100%}
	.gcon_9 .lt{ width:100%; background:#ed7d31}
	.gcon_9 .lt a{ padding:40px 0}
	.gcon_9 .lt a .title{ font-size:20px;}
	.gcon_9 .lt a .intro{ font-size:12px; margin-top:20px; line-height:2}
	.gcon_9 .rt{ width:100%; background:#454545}
	.gcon_9 .rt a{ padding:40px 0}
	.gcon_9 .rt a .title{ font-size:20px;}
	.gcon_9 .rt a .intro{ font-size:12px; margin-top:20px; line-height:2}
}




.chanpin01{ position:relative; background:#f6f6f6}
.chanpin01 .pic{ float:right; width:50%; overflow:hidden}
.chanpin01 .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;}
.chanpin01 .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);}
.chanpin01  .cont{ width:625px; position:absolute; left:50%; margin-left:-700px; top:50%; transform:translateY(-50%); z-index:2}
.chanpin01  .cont .title{ font-size:30px; color:#282828; font-weight:bold }
.chanpin01  .cont .intro{ font-size:16px; color:rgba(40,40,40,0.8); line-height:2; margin:40px 0 50px}
.chanpin01  .cont .more a{ width:190px; height:48px; background:#ed7d31; font-size:16px; color:#fff;display:flex;align-items: center;justify-content: center; font-weight:bold; box-sizing:border-box; border:1px solid #ed7d31}
.chanpin01  .cont .more a:hover{ background:none; color:#ed7d31}
@media all and (max-width:1440px){
	.chanpin01  .cont{ width:550px;  margin-left:-600px;}
	.chanpin01  .cont .title{ font-size:24px; }
	.chanpin01  .cont .intro{ font-size:14px; margin:30px 0 40px}
	.chanpin01  .cont .more a{ width:160px; height:42px;  font-size:14px;}
}
@media all and (max-width:1200px){
	.chanpin01{ padding-bottom:40px}
	.chanpin01  .pic{ width:92%; margin:0 auto; float:none}
	.chanpin01  .cont{ width:92%; margin:0 auto; position:relative; margin-top:20px; left:0; transform:translate(0)}
	.chanpin01  .cont .title{ font-size:20px; }
	.chanpin01  .cont .intro{ font-size:12px; margin:15px 0 25px}
	.chanpin01  .cont .more a{ width:140px; height:36px;  font-size:12px;}
}

.chanpin02{ margin-top:90px;}
.chanpin02 .ibd{ border-left:4px solid #ed7d31; box-sizing:border-box; width:100%; padding-left:60px;}
.chanpin02 .ibd .title{ font-size:24px; color:#3a3a3a; font-weight:bold; line-height:1}
.chanpin02 .ibd .intro{ font-size:16px; color:#575757; text-align:justify; line-height:2; margin-top:30px}
@media all and (max-width:1440px){
	.chanpin02{ margin-top:80px;}
	.chanpin02 .ibd{ border-left:4px solid #ed7d31 ; padding-left:40px;}
	.chanpin02 .ibd .title{ font-size:22px;}
	.chanpin02 .ibd .intro{ font-size:14px; margin-top:25px}
}
@media all and (max-width:1200px){
	.chanpin02{ margin-top:60px;}
	.chanpin02 .ibd{ border-left:3px solid #ed7d31 ; padding-left:20px;}
	.chanpin02 .ibd .title{ font-size:20px;}
	.chanpin02 .ibd .intro{ font-size:12px; margin-top:20px}
}
.chanpin03{ margin-top:100px;}
.chanpin03 .ihd{ font-size:24px; color:#3a3a3a; font-weight:bold}
.chanpin03 .ibd{ margin-top:40px; position:relative}
.chanpin03 .ibd .a{ float:left; width:55%}
.chanpin03 .ibd .b{ float:left; width:45%}
.chanpin03 .ibd .item{ width:50%; float:left; box-sizing:border-box; padding:0 60px 0 35px; border-right:1px solid #000000; background:url(x13.png) left center no-repeat; font-size:16px; color:#3a3a3a; line-height:35px;}
.chanpin03 .ibd .item:nth-child(2n){ width:calc(50% - 65px); float:right; border-right:0}
.chanpin03 .ibd .item2{ width:48%; margin-right:4%; float:left}
.chanpin03 .ibd .item2:nth-child(2n){ margin-right:0}
.chanpin03 .ibd .item2 .pic{ width:100%; overflow:hidden}
.chanpin03 .ibd .item2 .pic img{ width:100%}
.chanpin03 .ibd .item2 .tit{ font-size:16px; color:#333; text-align:center}
@media all and (max-width:1440px){
	.chanpin03{ margin-top:80px;}
	.chanpin03 .ihd{ font-size:22px;}
	.chanpin03 .ibd{ margin-top:30px;}
	.chanpin03 .ibd .item{ font-size:14px; line-height:30px;}
	.chanpin03 .ibd .a{ float:left; width:57%}
	.chanpin03 .ibd .b{ float:left; width:43%}
}
@media all and (max-width:1200px){
	.chanpin03{ margin-top:60px;}
	.chanpin03 .ihd{ font-size:20px;}
	.chanpin03 .ibd{ margin-top:20px;}
	.chanpin03 .ibd .item{ font-size:14px; line-height:30px; border:0; padding-left:40px; padding-right:0; width:100%}
	.chanpin03 .ibd .item:nth-child(2n){ width:100%; float:right; border-right:0}
	.chanpin03 .ibd .a{ float:left; width:100%}
	.chanpin03 .ibd .b{ float:left; width:100%; margin-top:20px}
	.chanpin03 .ibd .item2 .tit{ font-size:14px;}
}

.chanpin04{ padding:100px 0; margin-top:100px; background:#f7f7f7}
.chanpin04 .ihd .a{ font-size:14px; color:#a7a7a7; font-weight:bold}
.chanpin04 .ihd .b{ font-size:36px; color:#616161; font-weight:bold}
.chanpin04 .ibd{ margin-top:30px}
.chanpin04 .ibd .item{ width:32%; margin-right:2%; float:left}
.chanpin04 .ibd .item:nth-child(3){ margin-right:0}
.chanpin04 .ibd .item .pic{ width:100%; overflow:hidden}
.chanpin04 .ibd .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;}
.chanpin04 .ibd .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);}
.chanpin04 .ibd .item .cont{ width:100%; background:#fff; box-sizing:border-box; padding:30px;}
.chanpin04 .ibd .item .cont .title{ font-size:18px; color:#616161; font-weight:bold;}
.chanpin04 .ibd .item .cont .intro{ font-size:16px; color:#616161; line-height:30px; height:120px; text-align:justify; margin:20px 0}
.chanpin04 .ibd .item .cont .more i{ font-size:16px; color:#ed7d31; display:inline-block; vertical-align:top; line-height:1; padding-bottom:10px; border-bottom:1px solid #ed7d31}
.chanpin04 .ibd .item:hover .cont .more i{ font-weight:bold}
.chanpin04 .ibd .item:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2)}
@media all and (max-width:1440px){
	.chanpin04{ padding:80px 0; margin-top:80px;}
	.chanpin04 .ihd .a{ font-size:12px;}
	.chanpin04 .ihd .b{ font-size:30px;}
	.chanpin04 .ibd{ margin-top:25px}
	.chanpin04 .ibd .item .cont{ padding:25px;}
	.chanpin04 .ibd .item .cont .title{ font-size:16px;}
	.chanpin04 .ibd .item .cont .intro{ font-size:14px; line-height:25px; height:100px; margin:15px 0; overflow:hidden}
	.chanpin04 .ibd .item .cont .more i{ font-size:14px;}

}
@media all and (max-width:1200px){
	.chanpin04{ padding:60px 0; margin-top:60px;}
	.chanpin04 .ihd .a{ font-size:12px;}
	.chanpin04 .ihd .b{ font-size:20px;}
	.chanpin04 .ibd{ margin-top:20px}
	.chanpin04 .ibd .item .cont{ padding:20px;}
	.chanpin04 .ibd .item .cont .title{ font-size:16px;}
	.chanpin04 .ibd .item .cont .intro{ font-size:12px; line-height:22px; height:88px; margin:12px 0; overflow:hidden}
	.chanpin04 .ibd .item .cont .more i{ font-size:12px;}

}
@media all and (max-width:750px){
	.chanpin04 .ihd .b{ font-size:20px;}
	.chanpin04 .ibd{ margin-top:0}
	.chanpin04 .ibd .item{ width:100%; margin-right:0; margin-top:15px}
	.chanpin04 .ibd .item .cont .intro{ height:auto}


}



















/* sform */
.sform { padding:40px 0 80px}
.sform li { height: 30px; padding: 8px 0; line-height: 30px; }
.sform li label { float: left; width: 80px; height: 30px; padding-right: 5px; font-size: 14px; text-align: right; }
.sform input[type=text],.sform input[type=password] { width: 200px; height: 28px; padding-left: 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 28px; }
.sform textarea { width: 190px; height: 98px; padding: 5px 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 1.2; }
.sform select { width: 212px; height: 30px; padding-left: 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 30px; }
.sform input[type=radio],.sform input[type=checkbox] { display: inline-block; *display: inline; zoom:1; width: 20px; height: 30px; vertical-align: middle; }
.sform input[name=code]{ width: 70px; }
.sform input[type=submit],.sform input[type=reset] { float: left; width: 80px; height: 30px; margin: 10px 15px 0 0; background: #ddd; border: 0; color: #333; font-size: 14px; text-align: center; line-height: 1; cursor: pointer; }
.sform input[type=submit]:hover { background: #777; color: #fff; }
.sform input[type=reset]:hover { background: #bbb; }
.Validform_checktip { display: inline-block; padding-left: 30px; font-size: 14px; vertical-align: top; }
.Validform_right { background: url(../js/Validform/success.png) 5px center no-repeat; color: #00d100; }
.Validform_wrong { background: url(../js/Validform/error.png) 5px center no-repeat; color: #f00; }


.art-box{  padding:40px 0 80px; font-size:16px; line-height:2}







.contacts03{ margin-bottom:90px}
.contacts03 .ihd{ font-size:48px; width:fit-content; margin:0 auto; padding: 0 10px; line-height:1; }
.contacts03 .ibd{ width:100%; padding-top:40px}


.contacts03 .ibd ul li { float:left; width:48%; margin-right:4%; }
.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:35px; }
.contacts03 .ibd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.contacts03 .ibd ul li .p1 i { color:#e52b26; }
.contacts03 .ibd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; background:#eee }
.contacts03 .ibd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; background:#eee  }
.contacts03 .ibd ul li.li05 { width:100%; margin-right:0; }
.contacts03 .ibd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.contacts03 .ibd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#f29537; margin:0 20px; border-radius:35px; cursor:pointer; }
.contacts03 .ibd ul li.li06 .btn01 { background:#1f61af;  }

@media all and (max-width:1200px){

	.contacts03{ margin-bottom:40px}
	.contacts03 .ihd{ font-size:24px;}
	.contacts03 .ibd{ width:100%; padding-top:20px}
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; }
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }

}
@media all and (max-width:750px){

	.contacts03 .ibd ul li { float:none; width:100%; margin-right:0; }
	.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
	.contacts03 .ibd ul li:nth-child(n + 2) { margin-top:10px; }
	.contacts03 .ibd ul li .p1 { line-height:30px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.contacts03 .ibd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
	.contacts03 .ibd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
}