@charset "utf-8";


/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
.banner .item{ position:absolute; top:50%; transform:translateY(-40%); z-index:2; left:50%; margin-left:-780px; width:1560px; color:#fff;}
.banner .item .a{ font-size:48px; line-height:1}
.banner .item .b{ font-size:18px; color:rgba(255,255,255,0.5); text-transform:uppercase; margin-top:10px; line-height:1; font-family:Arial, Helvetica, sans-serif}
.banner .item .c{ background:url(g_10.png) left center no-repeat; width:100%; height:40px; margin-top:45px}
@media all and (max-width:1680px){
	.banner .item{ margin-left:-600px}	
	.banner .item .a{ font-size:36px}
	.banner .item .b{ font-size:14px}
}
@media all and (max-width:1200px){
	.banner .item{ width:92%; margin-left:0; left:4%;transform:translateY(-20%);}
	.banner .item .a{ font-size:20px}
	.banner .item .b{font-size:12px; }
	.banner .item .c{ margin-top:0; background-size:auto 20px}
	
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	
	
}

/* 主体 */
.second_nav{ width:100%; background:rgba(255,255,255,0.7); height:76px; margin-top:-76px; position:relative; z-index:9}
.second_nav ul{ width:1680px; margin:0 auto}
.second_nav ul li{ width:25%; float:left; text-align:center}
.second_nav ul li a{ display:block; width:100%; line-height:76px; font-size:20px; color:#333}
.second_nav ul li.on a,.second_nav ul li:hover a{ background:#0055a0; color:#fff}
.second_nav.second_nav5 ul li{ width:20%}
@media all and (max-width:1680px){
	.second_nav ul{ width:1200px;}
}
@media all and (max-width:1200px){
	.second_nav{ margin-top:0; height:auto}
	.second_nav ul{ width:100%;}
	.second_nav ul li a{ font-size:14px}
}
@media all and (max-width:640px){
	.second_nav.second_nav5 ul li{ width:50%}
	.second_nav ul li{ width:50%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3)}
	.second_nav ul li a{ line-height:45px}
}

.xdfw_xs01{ width:1680px; margin:0 auto; background:url(g_16.jpg) center center no-repeat; background-size:cover; border-bottom:1px solid #e2e1df; padding:70px 0 60px}
.xdfw_xs01 ul{ width:1560px; margin:0 auto}
.xdfw_xs01 ul li{ float:left; margin-right:45px}
.xdfw_xs01 ul li a{ display:inline-block; vertical-align:top; padding:10px 20px; background:#d9be83; font-size:13px; color:rgba(255,255,255,0.7);}
.xdfw_xs01 ul li.on a,.xdfw_xs01 ul li:hover a{ color:#fff; background:#896434}
@media all and (max-width:1680px){
	.xdfw_xs01{ width:1200px}
	.xdfw_xs01 ul{ width:1150px}
	.xdfw_xs01 ul li{ margin-right:30px}
}
@media all and (max-width:1200px){
	.xdfw_xs01{ width:92%; padding:0}
	.xdfw_xs01 ul{ width:100%; box-sizing:border-box; padding:20px 20px 10px}
	.xdfw_xs01 ul li{ margin-right:10px; margin-bottom:10px}
	.xdfw_xs01 ul li a{ font-size:12px; padding:6px 5px}
}



.xdfw_xs02{ width:1680px; margin:0 auto; background:#fff; margin-top:70px}
.xdfw_xs02 .nr{ width:1500px; margin:0 auto; padding:50px 0}
.xdfw_xs02 .nr .lt{ float:left; }
.xdfw_xs02 .nr .lt ul li{ float:left; margin-right:70px}
.xdfw_xs02 .nr .lt ul li a{ display:inline-block; vertical-align:top; font-size:20px; color:343434; line-height:40px;}
.xdfw_xs02 .nr .lt ul li.on a,.xdfw_xs02 .nr .lt ul li:hover a{ color:#0055a0}
.xdfw_xs02 .nr .rt{ float:right; font-size:0}
.xdfw_xs02 .nr .rt .inp1{ display:inline-block; vertical-align:top; width:235px; height:40px; box-sizing:border-box; border:1px solid #e2e2e2; background:#fbfaf6; font-size:14px; color:#333; padding:0 10px}
.xdfw_xs02 .nr .rt .inp2{ width:120px; height:40px; background:#0055a0; color:#fff; box-sizing:border-box;font-size:14px; }
@media all and (max-width:1680px){
	.xdfw_xs02{ width:1200px;}
	.xdfw_xs02 .nr{ width:1100px}
}
@media all and (max-width:1200px){
	.xdfw_xs02{ width:92%; margin-top:30px}
	.xdfw_xs02 .nr{ width:100%; box-sizing:border-box; padding:20px}
	.xdfw_xs02 .nr .lt ul li{ margin-right:30px; }
	.xdfw_xs02 .nr .lt ul li a{ font-size:16px}
}
@media all and (max-width:640px){
	.xdfw_xs02 .nr .lt{ width:100%}
	.xdfw_xs02 .nr .rt{ width:100%}
	.xdfw_xs02 .nr .rt .inp1{ width:calc(100% - 120px)}
}

.xdfw_list{ width:1680px; margin:0 auto; background:#fff; padding-bottom:77px; margin-bottom:66px}
.xdfw_list .nr{ width:1500px; margin:0 auto}
.xdfw_list .nr .item{ width:349px; float:left; margin-right:34px; margin-bottom:55px}
.xdfw_list .nr .item .pic{ width:100%; overflow:hidden}
.xdfw_list .nr .item .pic img{ width:100%}
.xdfw_list .nr .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;}
.xdfw_list .nr .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:scale(1.1);}
.xdfw_list .nr .item:nth-child(4n){ margin-right:0}
.xdfw_list .nr .item .tit{ width:100%;  box-sizing:border-box; border:1px solid #cfcfcf; border-top:0; padding:10px 25px 35px}
.xdfw_list .nr .item .tit h3{ font-size:20px; line-height:30px; padding:25px 0; border-bottom:1px solid #e5e5e5; font-weight:normal}
.xdfw_list .nr .item .tit h3 a{ display:block; color:#000; background:url(g_13.png) right center no-repeat}
.xdfw_list .nr .item .tit .intro{ font-size:14px; color:rgba(00,00,00,0.8); line-height:24px; margin-top:20px; height:72px; overflow:hidden}
.xdfw_list .nr .item .tit .add{ width:100%; box-sizing:border-box; padding:15px 0 15px 70px; background:url(g_14.png) 32px center no-repeat #f2f2f2; font-size:16px; color:#000000; line-height:2}
.xdfw_list .nr .item:hover .tit{ background:#0055a0; background-size:cover}
.xdfw_list .nr .item:hover .tit h3 a{ color:#fff;background:url(g_13_2.png) right center no-repeat}
.xdfw_list .nr .item:hover .tit .intro{ color:#fff}
@media all and (max-width:1680px){
	.xdfw_list{ width:1200px;}
	.xdfw_list .nr{ width:1100px}
	.xdfw_list .nr .item{ margin-right:26px;}
	.xdfw_list .nr .item:nth-child(4n){ margin-right:26px}
	.xdfw_list .nr .item:nth-child(3n){ margin-right:0}
	.xdfw_list .nr .item .tit{ height:auto; padding:15px 15px 25px}
	.xdfw_list .nr .item .tit h3{ font-size:24px; line-height:24px; padding:20px 0}
	.xdfw_list .nr .item .tit .intro{ font-size:14px; line-height:25px; height:75px}
	.xdfw_list .nr .item .tit .add{ padding:15px 15px 15px 50px; background:url(g_14.png) 15px center no-repeat #f2f2f2; font-size:14px}
	.xdfw_list .nr .item:hover .tit .add{ background:url(g_14.png) 15px center no-repeat #fcf9f3}
}
@media all and (max-width:1200px){
	.xdfw_list{ width:92%; padding-bottom:40px; margin-bottom:35px}
	.xdfw_list .nr{ width:100%; box-sizing:border-box; padding:0 20px}
	.xdfw_list .nr .item{ width:49%; margin-right:2%; margin-bottom:3%}
	.xdfw_list .nr .item:nth-child(3n){ margin-right:2%}
	.xdfw_list .nr .item:nth-child(2n){ margin-right:0}
}
@media all and (max-width:640px){
	.xdfw_list .nr .item{ width:100%; margin-right:0; margin-bottom:20px}
	.xdfw_list .nr .item .tit h3{ font-size:16px; padding:10px 0;}
	.xdfw_list .nr .item .tit h3 a{ background-size:auto 6px}
	.xdfw_list .nr .item .tit .intro{ font-size:12px; height:auto}
	.xdfw_list .nr .item .tit .add{ font-size:12px}
}

.pagex{ width:1560px; margin:0 auto; font-size:0}
.pagex a{ display:inline-block; vertical-align:top; width:50%; height:86px; background:#f1f1f1; text-align:center; color:#333; font-size:23px; line-height:86px}
.pagex a.prev{ background:#034d8e; color:#fff}
@media all and (max-width:1680px){
	.pagex{ width:1150px}
}
@media all and (max-width:1200px){
	.pagex{ width:100%; box-sizing:border-box; padding:0 20px}
	.pagex a{ font-size:18px; line-height:normal; padding:15px 0; height:auto}
}

.xdfw_display{ width:1680px; margin:0 auto; background:#fff; margin-bottom:75px; padding-bottom:75px}
.xdfw_display .nr{ width:1500px; margin:0 auto}

.xdfw_display01{ width:100%}
.xdfw_display01 .lt{ width:804px; float:left}
.xdfw_display01 .lt .item{ width:100%;position:relative}
.xdfw_display01 .lt .item .swiper-container-2{ width:100%; position:relative}
.xdfw_display01 .lt .item .swiper-container-3{ width:100%; margin:0 auto; margin-top:6px}
.xdfw_display01 .lt .item .swiper-container-2 img{ width:100%}
.xdfw_display01 .lt .item .swiper-container-3 img{ width:100%}
.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide{ width:100%; height:116px}
.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide a{ display:block; width:100%; height:100%; position:relative}
.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide a span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box}
.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide.swiper-slide-thumb-active a span{ border:4px solid #0055a0}
.xdfw_display01 .lt .item .swiper-button-nexts{ width:67px; height:72px; background:url(g_18.png) center center no-repeat; position:absolute; left:auto; right:0; bottom:60px; margin:0; top:50%; margin-top:-36px; background-size:cover}
.xdfw_display01 .lt .item .swiper-button-prevs{ width:67px; height:72px; background:url(g_17.png) center center no-repeat; position:absolute; left:0; bottom:60px; margin:0; top:50%; margin-top:-36px; background-size:cover}
.xdfw_display01 .rt{ width:610px; float:right}
.xdfw_display01 .rt .a1{ height:85px; border-left:3px solid #0055a0; padding-left:12px}
.xdfw_display01 .rt .a1 h3{ font-size:30px; color:#0055a0}
.xdfw_display01 .rt .a1 p{ font-size:18px; color:#666666}
.xdfw_display01 .rt .a4{ width:100%; font-size:18px; color:#333333; text-align:justify; line-height:38px; padding:15px 0 35px}
.xdfw_display01 .rt .a5{ width:100%}
.xdfw_display01 .rt .a5 h3{ font-size:25px; color:#0055a0; margin-bottom:20px}
.xdfw_display01 .rt .a5 .item span{ display:block; float:left; width:116px; height:40px; border:1px solid #195c97; border-radius:5px; text-align:center; line-height:40px; font-size:18px; color:#333333; margin-right:30px; margin-bottom:15px}

.xdfw_display01 .rt .a3{ margin-top:40px; width:100%; height:105px; background:url(g_20.png) left center no-repeat #b2b2b2; box-sizing:border-box; padding-left:160px}
.xdfw_display01 .rt .a3 .p1{ font-size:18px; color:rgba(255,255,255,0.8); padding-top:20px}
.xdfw_display01 .rt .a3 .p2 a{ font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
@media all and (max-width:1680px){
	.xdfw_display{ width:1200px; margin:0 auto; background:#fff;margin-bottom:50px; padding-bottom:50px}
	.xdfw_display .nr{ width:1150px; margin:0 auto}
	.xdfw_display01 .lt{ width:650px}
	.xdfw_display01 .rt{ width:460px}
	.xdfw_display01 .rt .a1{ height:60px}
	.xdfw_display01 .rt .a1 h3{ font-size:20px;}
	.xdfw_display01 .rt .a1 p{ font-size:14px}
	.xdfw_display01 .rt .a2{ font-size:14px; margin-bottom:15px}
	.xdfw_display01 .rt .a2 .n1 i{ width:60px}
	.xdfw_display01 .rt .a3{ margin-top:30px; background-size:auto 80px; height:80px; padding-left:120px}
	.xdfw_display01 .rt .a3 .p1{ font-size:16px; padding-top:10px}
	.xdfw_display01 .rt .a4{ font-size:14px; line-height:24px; padding:10px 0 20px}
	.xdfw_display01 .rt .a5 h3{ font-size:20px}
	.xdfw_display01 .rt .a5 .item span{ width:100px; height:32px; line-height:32px; margin-right:20px; font-size:14px}
}
@media all and (max-width:1200px){
	.xdfw_display{ width:92%; margin:0 auto; background:#fff;margin-bottom:40px; padding-bottom:40px}
	.xdfw_display .nr{ width:100%; box-sizing:border-box; padding:0 20px}
	.xdfw_display01 .lt{ width:100%}
	.xdfw_display01 .lt .item .swiper-button-prevs{ width:40px; height:40px; margin-top:-20px; background-size:cover}
	.xdfw_display01 .lt .item .swiper-button-nexts{ width:40px; height:40px; margin-top:-20px; background-size:cover}
	.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide{ height:50px}
	.xdfw_display01 .lt .item .swiper-container-3 .swiper-slide.swiper-slide-thumb-active a span{ border:2px solid #034d8e}
	.xdfw_display01 .rt{ width:100%}
	.xdfw_display01 .rt .a1{ margin-top:30px}
	.xdfw_display01 .rt .a2{ margin-bottom:10px}
	.xdfw_display01 .rt .a2 .n2{ width:calc(100% - 75px);}
	.xdfw_display01 .rt .a3{ background-size:auto 60px; height:60px; padding-left:90px}
	.xdfw_display01 .rt .a3 .p1{ font-size:12px}
	.xdfw_display01 .rt .a3 .p2 a{ font-size:20px}
}

.xdfw_display02{ width:100%; margin-top:100px}
.xdfw_display02 .hd{ font-size:30px; color:#034d8e}
.xdfw_display02 .bd{ font-size:18px; color:#474747; line-height:2; margin-top:20px}
.xdfw_display02 .bd img{ max-width:100%}
.xdfw_display02 .bd .pc_con{ display:block}
.xdfw_display02 .bd .psj_con{ display:none}
.xdfw_display02 .bd2{ width:100%}
.xdfw_display02 .bd2 ul li{ width:335px; float:left; margin-right:73px; margin-top:40px}
.xdfw_display02 .bd2 ul li:nth-child(4n){ margin-right:0}
.xdfw_display02 .bd2 ul li .pic{ width:100%}
.xdfw_display02 .bd2 ul li .pic img{ width:100%}
.xdfw_display02 .bd2 ul li .tit{ width:100%; text-align:center; font-size:20px; color:#666666; margin-top:20px}
@media all and (max-width:1680px){
	.xdfw_display02 .bd2 ul li{ margin-right:72px}
	.xdfw_display02 .bd2 ul li:nth-child(4n){ margin-right:72px}		
	.xdfw_display02 .bd2 ul li:nth-child(3n){ margin-right:0}
}
@media all and (max-width:1200px){
	.xdfw_display02{ margin-top:50px}
	.xdfw_display02 .hd{ font-size:20px}
	.xdfw_display02 .bd{ font-size:14px; margin-top:15px}
	.xdfw_display02 .bd2 ul li{ width:32%; margin-right:2%}
	.xdfw_display02 .bd2 ul li:nth-child(4n){ margin-right:2%}		
	.xdfw_display02 .bd2 ul li:nth-child(3n){ margin-right:0}
	.xdfw_display02 .bd .pc_con{ display: none}
	.xdfw_display02 .bd .psj_con{ display:block}
}
@media all and (max-width:640px){
	
	.xdfw_display02 .bd2 ul li{ width:48.5%; margin-right:3%; margin-top:20px}
	.xdfw_display02 .bd2 ul li:nth-child(4n){ margin-right:3%}		
	.xdfw_display02 .bd2 ul li:nth-child(3n){ margin-right:3%}
	.xdfw_display02 .bd2 ul li:nth-child(2n){ margin-right:0}
	.xdfw_display02 .bd2 ul li .tit{ font-size:14px; margin-top:10px}
}



.newsList{ width:1680px; margin:0 auto; background:#fff; margin-bottom:80px; box-sizing:border-box;padding:0 90px 100px}
.newsList .nr{}
.newsList .nr .lt{ float:left; width:1200px; padding-top:82px}
.newsList .nr .lt .item01{ width:100%; overflow:hidden}
.newsList .nr .lt .item01 .swiper01{ width:100%; background:#f5f5f5; position:relative}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .pic{ width:453px; float:left; overflow:hidden}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .pic img{ width:100%}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .title{ width:calc(100% - 453px); float:left; box-sizing:border-box; padding:20px;}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .title h3{ font-size:20px; color:#4c4c4c; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:45px}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .title h3 a{ color:#4c4c4c}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .intro{ font-size:14px; color:rgba(102,102,102,0.6); line-height:24px; margin-top:20px; height:105px;}
.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .t{ background:url(g_24.png) left center no-repeat; padding-left:30px; font-size:18px; color:#8c8c8c}
.newsList .nr .lt .item01 .swiper01 .pagination01{ width:calc(100% - 413px); left:473px; text-align:left; position:absolute; bottom:45px; z-index:2}
.newsList .nr .lt .item01 .swiper01 .pagination01 span{ width:10px; height:10px; background:#b3b3b3; border-radius:5px; opacity:1; margin:0; padding:0; margin-right:10px}
.newsList .nr .lt .item01 .swiper01 .pagination01 span.swiper-pagination-bullet-active{ width:30px; background:#c6955a}

.newsList .nr .lt .item02{ width:100%; margin-top:20px}
.newsList .nr .lt .item02 .nitem{ width:100%; box-sizing:border-box; padding:20px; border-bottom:1px solid #e6e6e6; transition:all 0.3s linear}
.newsList .nr .lt .item02 .nitem .pic{ width:266px; float:left}
.newsList .nr .lt .item02 .nitem .pic img{ width:100%}
.newsList .nr .lt .item02 .nitem .title{ width:calc(100% - 286px); float:right}
.newsList .nr .lt .item02 .nitem .title h3{ display:block; width:100%; font-weight:normal; margin-top:45px}
.newsList .nr .lt .item02 .nitem .title h3 a{ display:block; float:left; font-size:20px; color:#4c4c4c; width:calc(100% - 130px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:30px; transition:all 0.3s linear}
.newsList .nr .lt .item02 .nitem .title h3 .t{ float:right; background:url(g_24.png) left center no-repeat; font-size:18px; color:#8c8c8c; padding-left:30px; line-height:30px; transition:all 0.3s linear}
.newsList .nr .lt .item02 .nitem .title .intro{ font-size:14px; color:rgba(103,103,103,0.6); line-height:2; margin-top:20px; transition:all 0.3s linear}
.newsList .nr .lt .item02 .nitem:hover{ background:url(x20.jpg) center center no-repeat; background-size:cover; border-bottom:1px solid #034d8e}
.newsList .nr .lt .item02 .nitem:hover .title h3 a{ color:#fff}
.newsList .nr .lt .item02 .nitem:hover .title h3 .t{background:url(g_25.png) left center no-repeat;  color:#fff; }
.newsList .nr .lt .item02 .nitem:hover .title .intro{ color:#fff}

.newsList .nr .rt{ float:right; width:274px}
.newsList .nr .rt .item01{ width:100%;}
.newsList .nr .rt .item01 img{ width:100%}
.newsList .nr .rt .item02{ width:100%; margin-top:38px}
.newsList .nr .rt .item02 img{ width:100%}
.newsList .pagex{ width:100%; margin-top:60px}
@media all and (max-width:1680px){
	.newsList{ padding:0 30px 80px; margin-bottom:60px; width:1200px}
	.newsList .nr .rt{ width:240px}
	.newsList .nr .lt{ width:875px}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .pic{ width:400px}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title{ width:calc(100% - 400px)}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title h3{ margin-top:15px; font-size:18px}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .intro{ font-size:12px}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .t{ font-size:16px; margin-top:10px}
	.newsList .nr .lt .item01 .swiper01 .pagination01{ width:calc(100% - 420px); left:420px; bottom:30px}
	.newsList .nr .lt .item02 .nitem .title h3{ margin-top:20px}
}
@media all and (max-width:1200px){
	.newsList{ width:92%; padding:0 20px 50px; margin-bottom:40px}
	.newsList .nr .rt{ display:none}
	.newsList .nr .lt{ width:100%; padding-top:30px}
	.newsList .nr .lt .item01 .swiper01{ padding-bottom:20px}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .pic{ width:100%}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title{ width:100%}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title h3{ font-size:15px; margin-top:0}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .intro{ height:auto; padding:0; margin:10px 0; height:70px; overflow:hidden}
	.newsList .nr .lt .item01 .swiper01 .swiper-slide .title .t{ font-size:14px; background-size:16px; margin:0}
	.newsList .nr .lt .item01 .swiper01 .pagination01{ width:100%; left:0; bottom:10px; text-align:center}
	.newsList .nr .lt .item02 .nitem{ padding:0; margin-bottom:20px; padding-bottom:15px}
	.newsList .nr .lt .item02 .nitem .pic{ width:100%}
	.newsList .nr .lt .item02 .nitem .title{ width:100%}
	.newsList .nr .lt .item02 .nitem .title h3 a{ width:100%; font-size:15px; line-height:normal}
	.newsList .nr .lt .item02 .nitem .title h3 .t{ float:left; font-size:14px; background-size:16px!important; margin-top:5px}
	.newsList .nr .lt .item02 .nitem .title .intro{ font-size:12px; margin-top:10px}
	.newsList .pagex{ margin-top:20px; padding:0}
}


/* 新闻列表 */
.list { width:1680px; margin:0 auto; background:#fff; padding:50px; box-sizing:border-box; margin-bottom:60px }
.list ul{ margin-bottom:50px}
.list li { padding:14px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_04.gif) no-repeat left center; font-size:15px; }
.list li a { float:left; padding-left:12px; color:#333; }
.list li a:hover{color:#0078c8;padding-left:18px;}
.list li span { float:right; color:#999; font-family:Arial;}
.list .pagex{ width:100%; padding:0}
@media all and (max-width:1680px){
	.list{ width:1200px; padding:50px 30px}
}
@media all and (max-width:1200px){
	.list ul{ margin-bottom:30px}
	.list { width:92%; padding:30px 20px; }
	.list li{background:none;font-size:14px;padding:10px 0;}
	.list li:first-child{padding-top:0;}
	.list li a{float:none;display:block;padding-left:0;text-align:justify;}
	.list li span{float:none;display:block;font-size:12px;margin-top:6px;}
}


/*图片列表*/
.product{ width:1680px; margin:0 auto; background:#fff; padding:50px; box-sizing:border-box; margin-bottom:60px}

.product .nr{ width:100%; margin:0 auto;}
.product .nr .item{ width:23.5%; float:left; box-sizing:border-box; padding:10px 10px 0 10px; box-shadow:0 0 10px rgba(00,00,00,0.2); margin-bottom:3%; margin-right:2%}
.product .nr .item .pic{ width:100%; position:relative; overflow:hidden}
.product .nr .item .pic img{ width:100%}
.product .nr .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;}
.product .nr .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:scale(1.1);}

.product .nr .item:nth-child(4n){ margin-right:0}
.product .nr .item .title{ width:100%; height:56px; text-align:center; box-sizing:border-box }
.product .nr .item .title a{ display:block; box-sizing:border-box; font-size:20px; color:#144a7a; line-height:56px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product .pagex{ width:100%; padding:0}
@media (max-width:1680px) {
	.product{ width:1200px}
	.product .nr{ width:100%}
	
}
@media (max-width:1200px) {
	.product{ width:92%; padding:30px 20px; margin-bottom:40px}

}
@media (max-width:750px) {
	.product .nr .item{ width:48%; padding:6px 6px 0 6px; margin-right:4%; margin-bottom:4%}
	.product .nr .item:nth-child(3n){ margin-right:4%}
	.product .nr .item:nth-child(2n){ margin-right:0}
	.product .nr .item .title{ height:40px;}
	.product .nr .item .title a{ line-height:40px; font-size:14px}
}

/* 内容模式 */
.article { width:1680px; margin:0 auto;line-height:2; font-size:14px; word-wrap:break-word; text-align:justify; color:#333; padding:40px 50px; background:#fff; margin-bottom:70px; box-sizing:border-box; font-family:"雅黑"}
.article .article-con img{ max-width:100%}
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#333; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:13px; }
.article .bd { padding-bottom:40px; text-align:justify; color:#333;}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article-consj{display:none;}
.article-consj img{ max-width:100%; height:auto;}
.article-consj video{ max-width:100%; height:auto;}
.article .bd img{ max-width:100%}
.flz{float:left;}
.map{float:right;width:50%;}
@media (max-width:1680px) {
	.article{ width:1200px; padding:40px 30px}
}
@media all and (max-width:1200px){
	.article {line-height:24px; font-size:14px; }
	.article span{font-size:14px !important;}
	.article .article-con img,.article .article-consj img{max-width:100%;}
	.article-con{display:none;}
	.article-consj{display:block;}

	.flz{float:none;padding-bottom:20px;}
	.map{width:100%;float:none;}
	.article{ width:92%; margin-bottom:40px; padding:25px 20px}
}


.rc{ width:100%}
.rc01{ width:1680px; margin:0 auto; background:#fff; margin-top:100px}
.rc01 .topx{ width:100%; text-align:center; padding-top:100px}
.rc01 .topx h3{ font-size:36px; color:#343434; line-height:1; font-weight:normal}
.rc01 .topx p{ font-size:16px; color:#343434; line-height:1; padding-top:16px; text-transform:uppercase}
.rc01 .bd{ width:100%; background:url(ab18.jpg) center center no-repeat; height:590px; box-sizing:border-box; padding:80px 106px;margin-top:70px; background-size:cover}
.rc01 .bd .item{ width:374px; height:417px; background:#faf7f2; float:left; box-sizing:border-box; padding:78px 26px 0; margin-right:22px; }
.rc01 .bd .item .a1{ border-bottom:1px solid #e1ded9; padding:10px 0}
.rc01 .bd .item .a1 .pic{ float:left;}
.rc01 .bd .item .a1 .pic .img1{ display:block}
.rc01 .bd .item .a1 .pic .img2{ display:none}
.rc01 .bd .item:hover .a1 .pic .img2{ display:block}
.rc01 .bd .item:hover .a1 .pic .img1{ display:none}
.rc01 .bd .item .a1 .tit{ float:left; line-height:50px; font-size:20px; color:#343434; margin-left:10px}
.rc01 .bd .item:hover .a1 .tit{ color:#ffffff}
.rc01 .bd .item .a2{ font-size:14px; line-height:2; margin-top:20px}
.rc01 .bd .item:last-child{ margin-right:0}
.rc01 .bd .item:hover{ background:rgba(39,112,164,0.85)}
.rc01 .bd .item:hover .a2{ color:#fff}
@media all and (max-width:1680px){
	.rc01{ width:1200px;}
	.rc01 .bd{ padding:80px 40px}
	.rc01 .bd .item{ width:265px; margin-right:20px}
	.rc01 .bd .item .a2{ font-size:12px}
}
@media all and (max-width:1200px){
	.rc01{ width:92%; margin-top:50px}
	.rc01 .topx{ padding-top:40px}
	.rc01 .topx h3{ font-size:20px}
	.rc01 .topx p{ font-size:12px; padding-top:8px}
	.rc01 .bd{ margin-top:30px; height:auto; padding:30px 15px 10px}
	.rc01 .bd .item{ width:100%; margin:0; height:auto; margin-bottom:20px; padding:30px 10px}
	.rc01 .bd .item .a1 .pic img{ height:36px}
	.rc01 .bd .item .a1 .tit{ font-size:16px; height:36px; line-height:36px}
}


.rc02{ width:100%; background:url(ab43.jpg) center center no-repeat; background-size:cover; padding:100px 0; margin-top:90px }
.rc02 .topx{ width:100%; text-align:center;}
.rc02 .topx h3{ font-size:36px; color:#fff; line-height:1; font-weight:normal}
.rc02 .topx p{ font-size:16px; color:#fff; line-height:1; padding-top:16px; text-transform:uppercase}
.rc02 .tab02{ width:1560px; margin:0 auto}
.rc02 .tab02 .hd{ text-align:center; margin-top:40px; font-size:0}
.rc02 .tab02 .hd li{ display:inline-block; vertical-align:top; font-size:16px; width:140px; padding:15px 0;  margin:0 5px; cursor:pointer;background:#f6f6f6; color:#333}
.rc02 .tab02 .hd li.on{ color:#fff; background:#ccad6f;}

.mm{position:relative;padding-bottom:45px;}
.mm h2{font-size:30px;text-align:center;font-weight:normal;color:#000;padding:40px 0 35px;}
.mm .btn{text-align:center;}
.mm .btn a{cursor: pointer;display:inline-block;width:128px;height:36px;line-height:36px;text-align:center;background:#3a3a3a;color:#fff;font-size:14px;margin:0 6px;}
.mm .btn a.current{background:#ec6a00;}

.mm .bt{height:54px;line-height:54px;background:#ccad6f;margin-top:48px;}
.mm .bt p{width:30%;float:left;display:inline;text-align:center;font-size:16px;color:#fff;}

.mm .tit{height:54px;line-height:54px;cursor:pointer;background:#f6f6f6 url(ab20.png) right 40px center no-repeat;transition-duration: 0.5s;}
.mm .tit p{width:30%; height:54px;float:left;display:inline;text-align:center;font-size:16px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.mm .tit p:nth-child(3){ font-size:14px; }
.mm .tit.on{background:#a2927e url(ab21.png) right 40px center no-repeat;color:#fff;}
.mm .tit p:nth-child(4){ box-sizing:border-box; text-align:right; padding-right:60px; font-size:14px; }
.mm .mes{background:#f6f6f6;padding:30px 10px;display:none;}

.mm .mes-1{font-size:14px;border-bottom:1px solid #ddd;padding: 0 30px 20px 120px}
.mm .mes-1 p{float:left;display:inline;width:25%;line-height:30px;}

.mm .mes-2{font-size:14px;line-height:28px;padding:28px 30px 0 120px;}
.mm .mes-2 .m1{ width:50%; float:left; box-sizing:border-box; padding-right:50px; border-right:1px solid #dadada}
.mm .mes-2 .m2{ width:50%; float:left; box-sizing:border-box; padding-left:200px; }
.mm .mes-2 h3{font-weight:normal;color:#222;}
.mes-2-l{float: left;width: 45%;}
.mes-2-r{float: right;width: 45%;}
.mm ul li{border-top: 1px solid #ffffff;border-bottom: 1px solid #e4e4e4}
.mm ul li:first-child{border-top: 0;}
.mm .m{margin-top:30px;}
.mm .m a{display:block;width:127px;height:36px;background:url(ab44.jpg) no-repeat center center ;text-align:center; font-size:14px; color:#fff; line-height:36px;margin:0 auto; font-size:0; background-size:cover}

@media all and (max-width:1680px){
	.rc02 .tab02{ width:1200px}
	.mm .mes-1{ padding-left:60px}
	.mm .mes-2{ padding-left:60px}
	.mm .mes-2 .m2{ padding-left:100px}
}
@media all and (max-width:1200px){
	.rc02{ margin-top:50px; padding-top:40px; padding-bottom:0}
	.rc02 .topx{}
	.rc02 .topx h3{ font-size:20px}
	.rc02 .topx p{ font-size:12px; padding-top:8px}
	.rc02 .tab02 .hd{ margin-top:20px}
	.rc02 .tab02{ width:92%}
	.rc02 .tab02 .hd li{ font-size:14px; padding:12px 0}
	.mm .bt p{ font-size:12px}
	.mm .bt{ margin-top:20px}
	.mm .tit p{ font-size:12px}
	.mm .mes-1{ padding:0 0 15px}
	.mm .mes-1 p{ width:100%; font-size:12px}
	.mm .mes-2{ padding:20px 0 0 0}
	.mm .mes-2 .m1{ width:100%; border:0; padding:0; font-size:12px}
	.mm .mes-2 .m2{ width:100%; border:0; padding:0; margin-top:15px; font-size:12px}
	.mm .tit{background:#f6f6f6 url(ab20.png) right 10px center no-repeat}
	.mm .tit.on{background:#a2927e url(ab21.png) right 10px center no-repeat}
	.mm .tit p:nth-child(3){ font-size:12px}
	.mm .bt p:nth-child(1){ width:40%}
	.mm .tit p:nth-child(1){ width:40%}
}

.rc03{ width:100%; background:#ffffff; padding:95px 0; margin-bottom:75px}
.rc03 .nr{ width:1680px; margin:0 auto; background:url(ab22.jpg) center center no-repeat; background-size:cover}
.rc03 .nr .lt{ float:left; margin-left:120px; color:#fff}
.rc03 .nr .lt .a1{ font-size:36px;line-height:1; margin-top:320px}
.rc03 .nr .lt .a2{ font-size:16px; line-height:1; padding:15px 0 10px; text-transform:uppercase}
.rc03 .nr .lt .a3{ font-size:16px; color:#ffffff; line-height:2}
.rc03 .nr .lt .a4{ margin-top:20px; font-size:0}
.rc03 .nr .lt .a4 a{ margin-right:20px}
.rc03 .nr .rt{ width:972px; float:right}
.rc03 .nr .rt .item{ width:480px; height:466px; float:left; background:#fff; margin-right:12px; margin-bottom:12px; text-align:center}
.rc03 .nr .rt .item:nth-child(2n){ margin-right:0}
.rc03 .nr .rt .item:nth-child(3){ margin-bottom:0}
.rc03 .nr .rt .item:nth-child(4){ margin-bottom:0}
.rc03 .nr .rt .item .ico{margin-top:136px; transition:all 0.5s linear}
.rc03 .nr .rt .item:hover .ico{ transform:rotateY(360deg)}
.rc03 .nr .rt .item.item1 .a1{ margin-top:45px; font-size:18px; color:#323232}
.rc03 .nr .rt .item.item1 .a2{ font-size:12px; color:rgba(00,00,00,0.5); text-transform:uppercase; margin-top:6px}
.rc03 .nr .rt .item.item1 .a3{ line-height:2; color:rgba(00,00,00,0.5); margin-top:10px}
.rc03 .nr .rt .item.item1{ box-shadow:0 0 10px rgba(00,00,00,0.1)}
.rc03 .nr .rt .item.item2{ background:#ccad6f}
.rc03 .nr .rt .item.item3{ background:rgba(255,255,255,0.1)}
.rc03 .nr .rt .item.item4{ background:rgba(162,146,126,0.5)}
.rc03 .nr .rt .item .a1{ margin-top:45px; font-size:18px; color:#fff}
.rc03 .nr .rt .item .a2{ font-size:12px; color:rgba(255,255,255,0.5); text-transform:uppercase; margin-top:6px}
.rc03 .nr .rt .item .a3{ line-height:2; color:rgba(255,255,255,0.5); margin-top:10px}
@media all and (max-width:1680px){
	.rc03 .nr{ width:1200px}
	.rc03 .nr .lt{ margin-left:40px;}
	.rc03 .nr .rt{ width:650px}
	.rc03 .nr .rt .item{ width:305px; height:360px}
	.rc03 .nr .rt .item .ico{ margin-top:70px}
	.rc03 .nr .lt .a1{ margin-top:220px}
}
@media all and (max-width:1200px){
	.rc03{ padding:50px 0; margin-bottom:40px}
	.rc03 .nr{ width:92%; padding:1px 0}
	.rc03 .nr .lt{ width:100%; float:none; margin:0; box-sizing:border-box; padding:0 15px}
	.rc03 .nr .rt{ width:100%; float:none; box-sizing:border-box; padding:10px 15px}
	.rc03 .nr .rt .item{ width:100%; margin-right:0; margin-bottom:10px!important}
	.rc03 .nr .lt .a1{ margin-top:40px; font-size:24px}
	.rc03 .nr .lt .a2{ font-size:12px}
	.rc03 .nr .lt .a3{ font-size:12px}
	.rc03 .nr .lt .a4 a{ margin-right:10px}
	.rc03 .nr .lt .a4 img{ max-width:calc(50% - 5px);}
	.rc03 .nr .rt .item .ico{ margin-top:30px}
	.rc03 .nr .rt .item{ height:auto; padding-bottom:30px}
	.rc03 .nr .rt .item .a1{ font-size:15px; margin-top:15px}
	.rc03 .nr .rt .item.item1 .a1{ font-size:15px; margin-top:15px}
	
	
}

.introduce{ width:1680px; margin:0 auto; background:#fff;box-sizing:border-box; padding:70px 70px 75px 90px; position:relative}
.introduce:before{ content:"SINCE  2008"; display:block; width:90px; height:100%; color:#bbb9b9; font-size:70px; position:absolute; left:0; top:0; box-sizing:border-box; writing-mode: vertical-rl;writing-mode: tb-rl; text-align:center; transform:rotate(180deg); opacity:0.2}

.introduce .intro-swiper{width: 730px;}
.introduce .intro-swiper .swiper-slide{font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0 30px;}
.introduce .intro-swiper .swiper-slide .hd p{ font-size:30px; line-height:1}
.introduce .intro-swiper .swiper-slide .hd h3{ font-size:40px; line-height:1; padding-top:20px; font-weight:normal}


.introduce .intro-con{position: relative; width: 100%; }
.introduce .intro-text .bd{ margin-top:45px; font-size:16px; color:#333333; text-align:justify; line-height:32px}
.introduce .intro-video{ float:right}
.introduce .intro-video img{transition: all 0.5s; width:100%}
.introduce .videoBox{display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 4px;z-index: 99;}
.introduce .videoBox video{width: 1000px;}
.introduce .videoBox .close-video{position: absolute; right: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: #ccc; opacity: 0.5;}
.introduce .videoBox .close-video:hover{background: #000;}
.introduce .intro-video a:hover img{transform: translateY(-20px);}
@media all and (max-width: 1680px){
    .introduce{ width:1200px; padding:60px 60px 65px 75px}
	.introduce:before{ font-size:60px; width:75px; line-height:75px}
    .introduce .intro-swiper{width:560px;} 
    .introduce .intro-swiper .swiper-slide{padding:0 20px;} 

    .introduce .videoBox video{width: 850px;} 
    .introduce .videoBox{top: 68px;}
	.introduce .intro-swiper .swiper-slide .hd p{ font-size:24px;}
	.introduce .intro-swiper .swiper-slide .hd h3{ font-size:30px; padding-top:10px}
	.introduce .intro-video{ width:500px}
	.introduce .intro-text .bd{ margin-top:20px; font-size:14px; line-height:2}
}
@media all and (max-width: 1200px){
 	.introduce{ width:92%; padding:20px}
	.introduce .intro-swiper{ width:100%}
	.introduce .intro-swiper .swiper-slide{ width:100%; padding:0} 
	.introduce .intro-swiper .swiper-slide .hd p{ font-size:12px}
	.introduce .intro-swiper .swiper-slide .hd h3{ font-size:20px} 
	.introduce:before{ position:relative; width:100%; height:auto;writing-mode:none;writing-mode:horizontal-tb;text-align: horizontal-tb;transform: rotate(0); font-size:20px; line-height:normal; text-align:left; margin-bottom:10px}
	.introduce .intro-video{ width:100%; margin-top:10px}   
}
.col-r{max-width: 1980px; margin: 0 auto 82px; background: url(pic_04.jpg) no-repeat right top;}
.record{width: 1680px; margin: 0 auto; padding: 67px 0; background: url(pic_04.jpg) no-repeat;}
.record ul li{position: relative; float: left; width: 25%; text-align: center; line-height: 48px;}
.record ul li span{display: block; font-size: 32px; font-weight: bold; color: #fff;}
.record ul li i{display: block; font-size: 18px; color: #ffffff; line-height: 34px; opacity: 0.7;}
.record ul li::after{position: absolute; content: '\20'; right: 0; top: 0; width: 1px; height: 100%; /* background: rgba(214, 189, 140, .9); */ background: rgba(255,255,255,0.3);}
.record ul li:last-child:after{width: 0;}
@media all and (max-width: 1680px){
    /* .record{width: 1680px; margin: 0 auto; padding: 67px 0; background: url(pic_04.jpg) no-repeat;} */ 
    .record{width: 1200px;padding: 45px 0;} 
    .record ul li span{font-size: 28px;}
}
@media all and (max-width: 1200px){
    .record{width: 100%;padding: 5px 0;} 
    .col-r{margin-bottom: 40px;} 
    .record ul li{width: 50%;line-height: 32px;border-bottom: 1px solid #d7be8d;} 
    .record ul li:nth-child(n + 3){border-bottom: none;} 
    .record ul li span{font-size: 22px;} 
    .record ul li i{font-size: 16px;}
}
.speech{width: 1680px; margin: 0 auto; padding: 107px 0 175px 0; text-align: center; background: #ffffff;}
.speech .hd{margin-bottom: 36px;}
.u-tt .hd h3{font-size: 40px; margin-bottom: 5px; font-weight: normal; color: #343434;}
.u-tt .hd span{font-size: 30px; color: #343434; text-transform: uppercase;}
.speech .speech-text{margin-bottom: 70px;}
.speech .speech-text .m-txt{height: 120px; margin-bottom: 36px; font-size: 16px; line-height: 30px; color: rgba(52, 52, 52, .8); transition: all 0.5s ease; overflow: hidden;}
.speech .speech-text .seeMore{display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: url(ico_down.png) no-repeat center center #03498f; opacity: .7;}
.speech .speech-text .seeMore:hover{opacity: 1;}
.speech .bd ul{display: flex; justify-content: space-evenly;}
.speech .bd ul li{position: relative; width: 400px; cursor: pointer;}
.speech .bd ul .litt-box{display: flex; justify-content: center;padding: 20% 0; background: #333; transition: all 0.5s; align-items: center;}
.speech .bd .litt-box .m-txt span{display: block; margin: 16px 0 7px; font-size: 24px; color: #fff;}
.speech .bd .litt-box .m-txt i{font-size: 12px; font-family: Arial; text-transform: uppercase; color: rgba(255, 255, 255, .5);}
.speech .bd .litt-box .m-txt p{ font-size:18px; font-weight:bold; color:#fff; margin-top:20px}
.speech .bd .big-box{display: none; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; padding: 57px 30px 90px 30px; text-align: left; transition: all 0.5s;z-index: 90; height:390px}
.speech .bd .big-box>span{font-size: 24px; color: #fff; display:block}
.speech .bd .big-box>i{font-size: 12px; font-family: Arial; text-transform: uppercase; color: rgba(255, 255, 255, .5);}
.speech .bd .big-box>img{display: block; margin: 14px 0 46px 0;}
.speech .bd .big-box .u-txt{font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, .5);}

.speech .bd ul li.on .litt-box{opacity: 0;}
.speech .bd ul li.on .big-box{display: block;}
@media all and (max-width: 1680px){
    .speech{width: 1200px;padding: 73px 0 118px 0;} 
    .speech .hd{margin-bottom: 26px;} 
	
	.u-tt .hd span{font-size: 24px}

    .u-tt .hd h3{font-size: 30px; margin-bottom: 5px;} 
    .speech .speech-text{margin-bottom: 50px;} 
    .speech .speech-text .m-txt{margin-bottom: 26px;}
}
@media all and (max-width: 1200px){
    .speech{width: 92%;padding: 50px 0 0 0;} 
    .speech .hd{margin-bottom: 18px;} 
    .u-tt .hd h3{font-size: 28px; margin-bottom: 5px;} 
    .u-tt .hd span{font-size: 14px;} 
    .speech .speech-text{margin-bottom: 35px;} 
    .speech .speech-text .m-txt{height: 75px; margin-bottom: 20px; font-size: 14px; line-height: 25px; box-sizing:border-box; padding:0 10px} 
    .speech .bd .big-box{min-height: 100%; padding: 10px 0 5% 10px;} 
    .speech .bd .big-box>img{margin: 14px 0 20px 0;} 
    .speech .bd .big-box .u-txt{line-height: 22px;}
}
@media all and (max-width: 780px){
    .speech .bd ul{flex-wrap: wrap;} 
    .speech .bd ul li{width: 100%;} 
    .speech .bd .big-box{padding: 5%; height:auto}
}
.org{width: 1680px; background:#fff; margin: 0 auto; padding: 100px 0 130px 0; text-align: center; margin-bottom:80px}
.org .hd{margin-bottom: 77px;}
.org .phone-orgpic{display: none;}
@media all and (max-width: 1680px){
    .org{width: 1200px;padding: 80px 0 100px 0;} 
    .org .hd{margin-bottom:50px;} 
    .org .pc-orgpic img{width: 90%;height: auto;}
}
@media all and (max-width: 1200px){
    .org{width: 92%;padding: 50px 0 70px 0;} 
    .org .hd{margin-bottom: 20px;} 
	.org .pc-orgpic{ display:none}
	.org .phone-orgpic{display: block;}
    .org .phone-orgpic img{width: 100%;height: auto;}
}
.history{margin: 0 auto; text-align: center; max-width: 1920px; padding: 106px 0 80px; background: url(pic_11.jpg) right bottom; background-size: cover; margin-bottom:80px}
.history .hd h3{color: #fff;}
.history .hd span{color: #bac7d9;}
.ab_us02{width: 100%; padding: 110px 0}
.ab_us02 .gallery-thumbs{width: 100%; background: url(ico46.png) center 48px repeat-x; text-align: center; margin: 0 auto; overflow: hidden; height: 78px}
.ab_us02 .gallery-thumbs .swiper-slide{position: relative; font-size: 22px; color: rgba(255, 255, 255, 0.7); font-family: Arial, Helvetica, sans-serif; line-height: 22px; padding-top: 14px; box-sizing: border-box}
.ab_us02 .gallery-thumbs .swiper-slide:after{content: ""; display: block; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; background: #fff; position: absolute; left: 50%; margin-left: -5px; bottom: 0}
.ab_us02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{font-size: 36px; color: #ffffff; line-height: 36px; padding-top: 0; font-weight: bold}
.ab_us02 .nr{width: 1350px; margin: 0 auto; position: relative}
.ab_us02 .nr_sj{display: none}
.ab_us02 .nr .prev{width: 39px; height: 39px; /* background: url(../images/ico32.png) center center no-repeat; */ border-radius: 50%; background: #ddd; position: absolute; left: -55px; top: 53px; cursor: pointer; z-index: 9; text-align: center; line-height: 40px; font-size: 20px; font-family: "宋体"; font-weight: bolder;}
.ab_us02 .nr .prev:hover{background: #ccad6f;}
.ab_us02 .nr .next{width: 39px; height: 39px; border-radius: 50%; background: #ddd; position: absolute; right: -55px; top: 53px; cursor: pointer; text-align: center; line-height: 40px; z-index: 9; font-size: 20px; font-family: "宋体"; font-weight: bolder;}
.ab_us02 .nr .next:hover{background: #ccad6f;}
.ab_us02 .gallery-top{width: 100%; overflow: hidden; padding: 10px 0; margin-top: 50px}
.ab_us02 .gallery-top .swiper-slide{width: 100%}
.ab_us02 .gallery-top .swiper-slide .s1{display: none}
.ab_us02 .gallery-top .swiper-slide .intro{margin: 0 auto; /* background: #fff; */ box-sizing: border-box; padding: 30px; position: relative}
.ab_us02 .gallery-top .swiper-slide .intro p{font-size: 16px; color: #000000; padding-left: 18px; background: url(../images/ico35.png) left 10px no-repeat; margin-bottom: 10px}
.ab_us02 .gallery-top .swiper-slide .intro .hd{ width:calc(100% - 252px)}
.ab_us02 .gallery-top .swiper-slide .more{ text-align:left;}
.ab_us02 .gallery-top .swiper-slide .more a{ display:inline-block; width:116px; height:39px; background:url(abmore.png) center center no-repeat; font-size:0; margin-left:392px}

/* .ab_us02 .gallery-top .swiper-slide .intro:after{content: ""; display: block; background: url(../images/ico34.png) center center no-repeat; width: 35px; height: 8px; position: absolute; left: 50%; margin-left: -17px; top: -8px; width: 0} */
.ab_us02 .nr .intro,
.ab_us02 .nr_sj .intro{text-align: left;}
.ab_us02 .nr .intro .bd,
.ab_us02 .nr_sj .intro .bd{margin-right: 40px;}
.ab_us02 .nr .intro .hd span,
.ab_us02 .nr_sj .intro .hd span{display:block; width: 100px; height: 40px; text-align: center; line-height: 40px; background: url(ico_02.png) no-repeat center center; font-size: 16px; font-family: Arial; color: #065794; float:left; margin-right:10px}
.ab_us02 .nr .intro .hd li{cursor: pointer; margin-bottom: 28px;}
.ab_us02 .nr .intro .hd li:last-child{margin-bottom: 0;}
.ab_us02 .nr .intro .hd .on span,
.ab_us02 .nr_sj .intro .hd .on span{color: #fff; background-image: url(ico_03.png);}
.ab_us02 .nr .intro .hd i,
.ab_us02 .nr_sj .intro .hd i{font-size: 16px; color: rgba(255, 255, 255, .7); padding:8px 0; display:inline-block; width:calc(100% - 110px)}
@media (max-width:1500px){
    .ab_us02 .nr{width: 1200px;} 
    .ab_us02 .gallery-thumbs{background: url(../images/c1.png) center 38px repeat-x;}
}
@media (max-width:1360px){
    .ab_us02 .nr .prev{left: 0;} .ab_us02 .nr .next{right: 0;}
}
@media (max-width:1200px){
    .history{padding: 50px 0 20px 0;} 
    .ab_us02{padding: 0;} 
    .ab_us02 .gallery-thumbs{width: 0; height: 0;} 
    .ab_us02 .nr{display: none;} 
    .ab_us02 .nr_sj{display: block; width: calc(92% + 20px); margin: 0 auto;} 
    .ab_us02 .swiper1{width: 100%; overflow: hidden; box-sizing: border-box; padding: 10px 0; margin-top: 50px;} 
    .ab_us02 .swiper1 .swiper-slide{width: 100%;} 
    .ab_us02 .swiper1 .swiper-slide .s1{display: none;} 
    .ab_us02 .swiper1 .swiper-slide .intro{width: 870px; margin: 0 auto; box-sizing: border-box; padding: 30px; position: relative;} 
    .ab_us02 .swiper1{box-sizing: border-box; margin: 0; overflow: hidden;} 
    .ab_us02 .swiper1 .swiper-slide{padding: 10px; box-sizing: border-box;} 
    .ab_us02 .swiper1 .swiper-slide .intro{width: 100%;} 
	.ab_us02 .swiper1 .swiper-slide .more a{ display:inline-block; width:90px; height:34px; background:url(abmore.png) center center no-repeat; font-size:0; background-size:contain}
    .ab_us02 .swiper1 .swiper-slide .intro:after{width: 0;} 
    .ab_us02 .nr .prev{display: none;} 
    .ab_us02 .nr .next{display: none;} 
    .ab_us02 .swiper1 .swiper-slide .s1{display: block; font-size: 30px; color: #fff; font-family: Arial, Helvetica, sans-serif;} 
    .ab_us02 .nr_sj .intro .hd i{font-size: 12px;}
}




.swiper-scrollbar-drag{ background:#034d8e!important;}


.cqitem_2{ width:100%; background:url(x12.jpg) center center no-repeat; background-size:cover; margin-bottom:60px}
.cqitem_2 .nr{ width:1680px; margin:0 auto; padding:60px 0; }
.cqitem_2 .hd{ width:100%; color:#fff; text-align:center}
.cqitem_2 .hd h3{ font-size:40px;  font-weight:normal}
.cqitem_2 .hd p{ font-size:30px;  text-transform:uppercase}
.cqitem_2 .item{ width:100%; margin-top:20px}
.cqitem_2 .item .a1{ float:left; color:#fff; font-size:20px; line-height:32px}
.cqitem_2 .item .a2{ float:right}
.cqitem_2 .item .a2 a{ display:block; width:92px; height:32px; background:#fff; color:#666666; font-size:16px; text-align:center; line-height:32px}
.cqitem_2 .bd{ width:100%;  margin-top:22px}
.cqitem_2 .bd .mms{ width:100%; position:relative}
.cqitem_2 .bd .mms .prevs{ width:100px; height:150px; background:url(b2.png) center center no-repeat; cursor:pointer; position:absolute; left:-105px; top:50%; transform:translateY(-50%); z-index:9}
.cqitem_2 .bd .mms .nexts{ width:100px; height:150px; background:url(b1.png) center center no-repeat; cursor:pointer; position:absolute; right:-105px; top:50%; transform:translateY(-50%); z-index:9}

.cqitem_2 .bd .swiper02{ width:100%;overflow:hidden;}
.cqitem_2 .bd .swiper02 .swiper-slide{ width:283px; margin-right:66px; text-align:center; overflow:hidden}
.cqitem_2 .bd .swiper02 .swiper-slide:last-child{ margin-right:0}
.cqitem_2 .bd .swiper02 .swiper-slide img{ width:100%}
.cqitem_2 .bd .swiper02 .swiper-slide p { font-size:18px; color:#fff; padding:20px 0}
.cqitem_2 .bd .swiper02 .pagination02{ width:100%; text-align:center; margin-top:40px}
.cqitem_2 .bd .swiper02 .pagination02 span{ display:inline-block; vertical-align:top; width:52px; height:6px; border-radius:0; background:#fff; opacity:1}
.cqitem_2 .bd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#03498f}
@media all and (max-width:1680px){
	.cqitem_2 .nr{ width:1200px}
	.cqitem_2 .hd h3{ font-size:30px;  font-weight:normal}
	.cqitem_2 .hd p{ font-size:24px;  text-transform:uppercase}
	.cqitem_2 .bd .swiper02 .swiper-slide{ width:280px; margin-right:26px;}	
	
	.cqitem_2 .bd .mms .prevs{ width:60px; height:90px; background:url(b2.png) center center no-repeat; cursor:pointer; position:absolute; left:-65px; top:50%; transform:translateY(-50%); z-index:9; background-size:100%}
	.cqitem_2 .bd .mms .nexts{ width:60px; height:90px; background:url(b1.png) center center no-repeat; cursor:pointer; position:absolute; right:-65px; top:50%; transform:translateY(-50%); z-index:9; background-size:100%}


}
@media all and (max-width:1200px){
	
	.cqitem_2 .nr{ width:92%; padding:30px 0 10px; margin-top:30px}
	.cqitem_2 .hd h3{ font-size:20px;  font-weight:normal}
	.cqitem_2 .hd p{ font-size:12px;  text-transform:uppercase}
	.cqitem_2 .item .a1{ font-size:12px; line-height:24px}
	.cqitem_2 .item .a2 a{ font-size:12px; width:70px; height:24px; line-height:24px;}
	.cqitem_2 .bd .swiper02 .swiper-slide{ width:48%; margin-right:4%}
	.cqitem_2 .bd .swiper02 .swiper-slide p{ padding:10px 0; font-size:14px}
	.cqitem_2 .bd .swiper02 .pagination02{ margin-top:20px}
	.cqitem_2 .bd .swiper02 .pagination02 span{ width:25px}
	
	.cqitem_2 .bd .mms .prevs{ width:40px; height:40px; background:url(g_17.png) center center no-repeat; cursor:pointer; position:absolute; left:-0; top:50%; transform:translateY(-50%); z-index:9; background-size:100%}
	.cqitem_2 .bd .mms .nexts{ width:40px; height:40px; background:url(g_18.png) center center no-repeat; cursor:pointer; position:absolute; right:-0; top:50%; transform:translateY(-50%); z-index:9; background-size:100%}
}







.case_list{ width:1680px; margin:0 auto; background:#fff; margin-top:80px; box-sizing:border-box; padding:80px 90px; margin-bottom:65px}
.case_list .nr{ width:100%; margin:0 auto}
.case_list .nr .item{ width:349px; float:left; margin-right:34px; margin-bottom:55px}
.case_list .nr .item .pic{ width:100%; overflow:hidden}
.case_list .nr .item .pic img{ width:100%}
.case_list .nr .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;}
.case_list .nr .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:scale(1.1);}
.case_list .nr .item:nth-child(4n){ margin-right:0}
.case_list .nr .item .tit{ width:100%;  box-sizing:border-box; border:1px solid #cfcfcf; border-top:0; padding:10px 25px 35px}
.case_list .nr .item .tit h3{ font-size:20px; line-height:30px; padding:25px 0; border-bottom:1px solid #e5e5e5; font-weight:normal}
.case_list .nr .item .tit h3 a{ display:block; color:#000; background:url(g_13.png) right center no-repeat}
.case_list .nr .item .tit .intro{ font-size:14px; color:rgba(00,00,00,0.8); line-height:24px; margin-top:20px; height:72px; overflow:hidden}
.case_list .nr .item .tit .add{ width:100%; box-sizing:border-box; padding:15px 0 15px 70px; background:url(g_14.png) 32px center no-repeat #f2f2f2; font-size:16px; color:#000000; line-height:2}
.case_list .nr .item:hover .tit{ background:#034d8e; background-size:cover}
.case_list .nr .item:hover .tit .add{ background:url(g_14.png) 32px center no-repeat #fcf9f3}
.case_list .nr .item:hover .tit h3 a{ color:#fff;background:url(g_13_2.png) right center no-repeat}
.case_list .nr .item:hover .tit .intro{ color:#fff}
@media all and (max-width:1680px){
	.case_list{ width:1200px; padding:40px}
	.case_list .nr{}
	.case_list .nr .item{ margin-right:36px;}
	.case_list .nr .item:nth-child(4n){ margin-right:36px}
	.case_list .nr .item:nth-child(3n){ margin-right:0}
	.case_list .nr .item .tit{ height:auto; padding:15px 15px 25px}
	.case_list .nr .item .tit h3{ font-size:24px; line-height:24px; padding:20px 0}
	.case_list .nr .item .tit .intro{ font-size:14px; line-height:25px; height:75px}
	.case_list .nr .item .tit .add{ padding:15px 15px 15px 50px; background:url(g_14.png) 15px center no-repeat #f2f2f2; font-size:14px}
	.case_list .nr .item:hover .tit .add{ background:url(g_14.png) 15px center no-repeat #fcf9f3}
}
@media all and (max-width:1200px){
	.case_list{ width:92%; padding-bottom:40px; margin-bottom:35px}
	.case_list .nr{ width:100%; box-sizing:border-box; padding:0 20px}
	.case_list .nr .item{ width:49%; margin-right:2%; margin-bottom:3%}
	.case_list .nr .item:nth-child(3n){ margin-right:2%}
	.case_list .nr .item:nth-child(2n){ margin-right:0}
}
@media all and (max-width:640px){
	.case_list{ padding:20px 0; margin-top:40px}
	.case_list .nr .item{ width:100%; margin-right:0; margin-bottom:20px}
	.case_list .nr .item .tit h3{ font-size:16px; padding:10px 0;}
	.case_list .nr .item .tit h3 a{ background-size:auto 6px}
	.case_list .nr .item .tit .intro{ font-size:12px; height:auto}
	.case_list .nr .item .tit .add{ font-size:12px}
}