﻿@charset "utf-8";
.none{display: none;}
.header{ position:relative}
.header .h_1 .nr{ width:1260px}
.header .h_2 .nr{ width:1260px; border-bottom:1px solid #999}
.header .h_2 .nr .logo{ width:250px; overflow:hidden}
.header .h_2 .nr .logo .sj{ display:block}
@media (max-width:1260px) {
	.header .h_1 .nr{ width:1200px}
	.header .h_2 .nr{ width:1200px}
}
@media (max-width:1200px) {
	.header .h_1 .nr{ width:92%}
	.header .h_2 .nr{ width:92%}
	
}
@media (max-width:750px){
.header.b .h_2 .nr .logo img.b{ display:none}
}

.container{ padding:25px 0}
.location{ width:100%}
.location .nr{ width:1260px; margin:0 auto}
.location .nr h3{ float:left; line-height:80px; font-size:24px; color:#000000}
.location .nr .dh{ float:right; line-height:80px; font-size:12px; color:#5f5f5f}
.location .nr .dh a{ color:#5f5f5f}
.location .nr .dh a.home,.location .nr .dh a:nth-child(1){ background:url(../images/ico29.png) left center no-repeat; padding-left:25px}
.location .nr .dh a:hover{ color:#004f94}
@media (max-width:1260px) {
	.location .nr{ width:1200px}
}
@media (max-width:1200px) {
	.location .nr{ width:92%}
	.location .nr h3{ font-size:20px; line-height:40px}
	.location .nr .dh{ line-height:40px}
}

.main{ width:1260px; margin:0 auto}
.main .article{ font-size:16px; color:#000; line-height:2}
.main .article img{ max-width:100%; height:auto!important;margin: 20px auto;}
@media (max-width:1260px) {
	.main{ width:1200px;}
}
@media (max-width:1200px) {
	.main{ width:92%; margin-top:10px}
}


.footer .nr{ width:1260px}
.footer .ft02 .nr .lt{ width:80px}
.footer .ft02 .nr .rt{ width:calc(100% - 120px)}
@media (max-width:1200px) {
	.footer{ padding-top:30px}
	.footer .nr{ width:92%}
	.footer .ft01 .nr{ font-size:16px; padding:15px 0}
	.footer .ft03 li{ width:100%; padding:0; text-align:left; padding-left:30px; background-size:20px auto!important; margin-bottom:10px; font-size:14px}
	.footer .ft03{ padding:15px 0 0 }
	.footer .ft04{ padding-top:5px}
	.footer .ft05{ padding:15px 0}
	
}	


/*jzg*/
.jzg{ width:100%; padding:50px 0}
.jzg .nr{ width:1260px; margin:0 auto}
.jzg .nr .item01{ width:420px; height:393px; float:left; background:url(../images/ico47.png) 340px 310px no-repeat #0056a8; transition:all 0.5s linear}
.jzg .nr .item01 a{ display:block; width:100%; height:100%; color:#fff; box-sizing:border-box; padding:45px}
.jzg .nr .item01 a h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item01 a .intro{ font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(255,255,255,0.7); height:150px}
.jzg .nr .item01 a .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item01:hover a .intro{ color:#fff}
.jzg .nr .item01:hover{  background:url(../images/ico47.png) right bottom no-repeat #0056a8;}
.jzg .nr .item02{ width:420px; height:393px; float:left; background:url(../images/ico48.png) 340px 310px no-repeat #e3ecf5; transition:all 0.5s linear}
.jzg .nr .item02 a{ display:block; width:100%; height:100%; color:#000000; box-sizing:border-box; padding:45px}
.jzg .nr .item02 a h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item02 a .intro{ font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(00,00,00,0.8); height:150px}
.jzg .nr .item02 a .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item02:hover a .intro{ color:#000}
.jzg .nr .item02:hover{  background:url(../images/ico48.png) right bottom no-repeat #e3ecf5;}
.jzg .nr .item03{ width:420px; height:393px; float:left; background:url(../images/ico49.png) 348px 305px no-repeat #fafafa; transition:all 0.5s linear}
.jzg .nr .item03 a{ display:block; width:100%; height:100%; color:#000000; box-sizing:border-box; padding:45px}
.jzg .nr .item03 a h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item03 a .intro{ font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(00,00,00,0.8); height:150px}
.jzg .nr .item03 a .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item03:hover a .intro{ color:#000}
.jzg .nr .item03:hover{  background:url(../images/ico49.png) right bottom no-repeat #fafafa;}
.jzg .nr .item04{ width:100%; height:393px; float:left; position:relative; overflow:hidden}
.jzg .nr .item04 img{ width:100%}
.jzg .nr .item04 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.jzg .nr .item04: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);}
.jzg .nr .item04 .item{ display:block; width:420px; height:100%; color:#fff; box-sizing:border-box; padding:45px; position:absolute; right:0; top:0; background:rgba(0,86,168,0.7)}
.jzg .nr .item04 .item h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item04 .item .intro{ font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(255,255,255,0.7); height:150px}
.jzg .nr .item04 .item .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item05{ width:50%; height:393px; float:left; background:url(../images/ico50.png) 550px bottom no-repeat #fafafa; transition:all 0.5s linear}
.jzg .nr .item05 a{ display:block; width:100%; height:100%; color:#000000; box-sizing:border-box; padding:45px}
.jzg .nr .item05 a h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item05 a .intro{ width:330px; font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(00,00,00,0.8); height:150px}
.jzg .nr .item05 a .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item05:hover a .intro{ color:#000}
.jzg .nr .item05:hover{  background:url(../images/ico50.png) right bottom no-repeat #fafafa;}
.jzg .nr .item06{ width:50%; height:393px; float:left; background:url(../images/ico51.png) 570px bottom no-repeat #e3ecf5; transition:all 0.5s linear}
.jzg .nr .item06 a{ display:block; width:100%; height:100%; color:#000000; box-sizing:border-box; padding:45px}
.jzg .nr .item06 a h3{ font-size:24px; font-weight:normal; line-height:24px; padding-top:30px}
.jzg .nr .item06 a .intro{ width:330px; font-size:14px; line-height:24px; text-align:justify; padding-top:35px; color:rgba(00,00,00,0.8); height:150px}
.jzg .nr .item06 a .more{ display:block; background:url(../images/ico52.png) center center no-repeat; width:31px; height:31px}
.jzg .nr .item06:hover a .intro{ color:#000}
.jzg .nr .item06:hover{  background:url(../images/ico51.png) right bottom no-repeat #e3ecf5;}
@media (max-width:1260px) {
	.jzg .nr{ width:1200px; margin:0 auto}
	.jzg .nr .item01{ width:400px}
	.jzg .nr .item02{ width:400px}
	.jzg .nr .item03{ width:400px}
	.jzg .nr .item04 .item{ width:400px}
	.jzg .nr .item05 a .intro{ width:310px}
	.jzg .nr .item06 a .intro{ width:310px}
	
}
@media (max-width:1260px) {
	.jzg{ padding:20px 0 30px}
	.jzg .nr{ width:92%}
	.jzg .nr .item01{ width:100%;}
	.jzg .nr .item01 a{ padding:30px}
	.jzg .nr .item01{ background:url(../images/ico47.png) right bottom no-repeat #0056a8; background-size:60px; height:auto}
	.jzg .nr .item01:hover{ background:url(../images/ico47.png) right bottom no-repeat #0056a8; background-size:60px; height:auto}
	.jzg .nr .item01 a h3{ padding-top:0}
	.jzg .nr .item01 a h3{ font-size:20px}
	.jzg .nr .item01 a .intro{ height:auto; padding:20px 0}
	
	
	.jzg .nr .item02{ width:100%;}
	.jzg .nr .item02 a{ padding:30px}
	.jzg .nr .item02{ background:url(../images/ico48.png) right bottom no-repeat #e3ecf5; background-size:60px; height:auto}
	.jzg .nr .item02:hover{ background:url(../images/ico48.png) right bottom no-repeat #e3ecf5; background-size:60px; height:auto}
	.jzg .nr .item02 a h3{ padding-top:0}
	.jzg .nr .item02 a h3{ font-size:20px}
	.jzg .nr .item02 a .intro{ height:auto; padding:20px 0}
	
	
	.jzg .nr .item03{ width:100%;}
	.jzg .nr .item03 a{ padding:30px}
	.jzg .nr .item03{ background:url(../images/ico49.png) right bottom no-repeat #fafafa; background-size:60px; height:auto}
	.jzg .nr .item03:hover{ background:url(../images/ico49.png) right bottom no-repeat #fafafa; background-size:60px; height:auto}
	.jzg .nr .item03 a h3{ padding-top:0}
	.jzg .nr .item03 a h3{ font-size:20px}
	.jzg .nr .item03 a .intro{ height:auto; padding:20px 0}
	
	.jzg .nr .item04{ width:100%; height:auto}
	.jzg .nr .item04 img{ display:none}
	.jzg .nr .item04 .item{ width:100%; height:auto; position:relative; padding:30px;background:url(../images/ico51_2.png) right bottom no-repeat rgba(0,86,168,0.7); background-size:60px;}
	.jzg .nr .item04 .item h3{ padding-top:0}
	.jzg .nr .item04 .item h3{ font-size:20px}
	.jzg .nr .item04 .item .intro{ height:auto; padding:20px 0}
	
	.jzg .nr .item05{ width:100%;}
	.jzg .nr .item05 a{ padding:30px}
	.jzg .nr .item05{ background:url(../images/ico50.png) right bottom no-repeat #fafafa; background-size:60px; height:auto}
	.jzg .nr .item05:hover{ background:url(../images/ico50.png) right bottom no-repeat #fafafa; background-size:60px; height:auto}
	.jzg .nr .item05 a h3{ padding-top:0}
	.jzg .nr .item05 a h3{ font-size:20px}
	.jzg .nr .item05 a .intro{ height:auto; padding:20px 0; width:auto}
	
	.jzg .nr .item06{ width:100%;}
	.jzg .nr .item06 a{ padding:30px}
	.jzg .nr .item06{ background:url(../images/ico51.png) right bottom no-repeat #e3ecf5; background-size:50px; height:auto}
	.jzg .nr .item06:hover{ background:url(../images/ico51.png) right bottom no-repeat #e3ecf5; background-size:50px; height:auto}
	.jzg .nr .item06 a h3{ padding-top:0}
	.jzg .nr .item06 a h3{ font-size:20px}
	.jzg .nr .item06 a .intro{ height:auto; padding:20px 0; width:auto}
	
}




/*zxs*/
.zxs01{ width:100%; padding-top:50px}
.zxs01 .nr{ width:1260px; margin:0 auto}
.zxs01 .nr .item01{ width:417px; height:314px; background:#237b9f; background-size:100%; transition:all 0.5s linear; float:left}
.zxs01 .nr .item01 a{ display:block; width:100%; height:100%; position:relative}
.zxs01 .nr .item01 a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.zxs01 .nr .item01 a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.zxs01 .nr .item01 a .item h3{ font-size:24px; color:#fff; font-weight:normal}
.zxs01 .nr .item01:hover{ background-size:120%; transition:all 0.5s linear}
.zxs01 .nr .item01:hover .pic{ transform:rotateY(360deg)}
.zxs01 .nr .item02{ width:838px; height:314px; background:#70c0b3; background-size:100%; transition:all 0.5s linear; margin-left:5px; float:left}
.zxs01 .nr .item02 a{ display:block; width:100%; height:100%; position:relative}
.zxs01 .nr .item02 a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.zxs01 .nr .item02 a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.zxs01 .nr .item02 a .item h3{ font-size:24px; color:#333; font-weight:normal}
.zxs01 .nr .item02:hover{ background-size:120%; transition:all 0.5s linear}
.zxs01 .nr .item02:hover .pic{ transform:rotateY(360deg)}

.zxs01 .nr .item03{ width:417px; height:314px; background:#b3dbc0; background-size:100%; transition:all 0.5s linear; float:left; margin-top:5px}
.zxs01 .nr .item03 a{ display:block; width:100%; height:100%; position:relative}
.zxs01 .nr .item03 a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.zxs01 .nr .item03 a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.zxs01 .nr .item03 a .item h3{ font-size:24px; color:#333; font-weight:normal}
.zxs01 .nr .item03:hover{ background-size:120%; transition:all 0.5s linear}
.zxs01 .nr .item03:hover .pic{ transform:rotateY(360deg)}

.zxs01 .nr .item04{ width:417px; height:314px; background:#f3ffbd; background-size:100%; transition:all 0.5s linear; float:left; margin-top:5px; margin-left:5px}
.zxs01 .nr .item04 a{ display:block; width:100%; height:100%; position:relative}
.zxs01 .nr .item04 a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.zxs01 .nr .item04 a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.zxs01 .nr .item04 a .item h3{ font-size:24px; color:#333; font-weight:normal}
.zxs01 .nr .item04:hover{ background-size:120%; transition:all 0.5s linear}
.zxs01 .nr .item04:hover .pic{ transform:rotateY(360deg)}

.zxs01 .nr .item05{ width:416px; height:314px; background:#e66f51; background-size:100%; transition:all 0.5s linear; float:left; margin-top:5px; margin-left:5px}
.zxs01 .nr .item05 a{ display:block; width:100%; height:100%; position:relative}
.zxs01 .nr .item05 a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.zxs01 .nr .item05 a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.zxs01 .nr .item05 a .item h3{ font-size:24px; color:#fff; font-weight:normal}
.zxs01 .nr .item05:hover{ background-size:120%; transition:all 0.5s linear}
.zxs01 .nr .item05:hover .pic{ transform:rotateY(360deg)}
@media (max-width:1260px) {
	.zxs01{ padding-top:20px}
	.zxs01 .nr{ width:1200px;}
	.zxs01 .nr .item01{ width:397px; background-size:auto 100%}
	.zxs01 .nr .item01:hover{ background-size:auto 120%}
	.zxs01 .nr .item02{ width:798px; background-size:auto 100%}
	.zxs01 .nr .item02:hover{  background-size:auto 120%}
	.zxs01 .nr .item03{ width:397px; background-size:auto 100%}
	.zxs01 .nr .item03:hover{  background-size:auto 120%}
	.zxs01 .nr .item04{ width:397px; background-size:auto 100%}
	.zxs01 .nr .item04:hover{ background-size:auto 120%}
	.zxs01 .nr .item05{ width:396px; background-size:auto 100%}
	.zxs01 .nr .item05:hover{  background-size:auto 120%}
}
@media (max-width:1200px) {
	.zxs01 .nr{ width:92%}
	.zxs01 .nr .item01{ width:100%; height:180px; background-size:cover; transition:all 0s linear}
	.zxs01 .nr .item02{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0; margin-top:5px}
	.zxs01 .nr .item03{ width:100%; height:180px; background-size:cover; transition:all 0s linear}
	.zxs01 .nr .item04{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0}
	.zxs01 .nr .item05{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0}
	.zxs01 .nr .item01:hover{ width:100%; height:180px; background-size:cover; transition:all 0s linear}
	.zxs01 .nr .item02:hover{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0; margin-top:5px}
	.zxs01 .nr .item03:hover{ width:100%; height:180px; background-size:cover; transition:all 0s linear}
	.zxs01 .nr .item04:hover{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0}
	.zxs01 .nr .item05:hover{ width:100%; height:180px; background-size:cover; transition:all 0s linear; margin-left:0}
	.zxs01 .nr .item01 a .item .pic{ height:50px}
	.zxs01 .nr .item02 a .item .pic{ height:50px}
	.zxs01 .nr .item03 a .item .pic{ height:50px}
	.zxs01 .nr .item04 a .item .pic{ height:50px}
	.zxs01 .nr .item05 a .item .pic{ height:50px}
	.zxs01 .nr .item01 a .item h3{ font-size:20px}
	.zxs01 .nr .item02 a .item h3{ font-size:20px}
	.zxs01 .nr .item03 a .item h3{ font-size:20px}
	.zxs01 .nr .item04 a .item h3{ font-size:20px}
	.zxs01 .nr .item05 a .item h3{ font-size:20px}
	.zxs01 .nr img{ height:30px}
}



.zxs02 .nr{ width:1260px; margin:0 auto; margin-top:100px}
.zxs02 .nr .hd{ width:100%; text-align:center; font-size:30px; color:#000000; font-weight:bold; line-height:1}
.zxs02 .nr .bd{ width:100%; margin-top:70px}
.zxs02 .nr .bd ul li{ width:410px; height:206px; box-sizing:border-box; border:1px solid #d2d2d2; float:left; padding:32px; margin-right:15px; margin-bottom:23px;}
.zxs02 .nr .bd ul li a{ display:block; width:100%; height:100%; color:#000}
.zxs02 .nr .bd ul li:nth-child(3),.zxs02 .nr .bd ul li:nth-child(5){ margin-right:0}
.zxs02 .nr .bd ul li h3{ font-size:24px; font-weight:normal; padding:8px 0}
.zxs02 .nr .bd ul li .intro{ font-size:14px; line-height:24px; margin-top:15px}
.zxs02 .nr .bd ul li:nth-child(4),.zxs02 .nr .bd ul li:nth-child(5){ width:622px; text-align:center}
.zxs02 .nr .bd ul li:nth-child(4) .intro,.zxs02 .nr .bd ul li:nth-child(5) .intro{ width:460px; margin:0 auto; margin-top:15px}
.zxs02 .nr .bd ul li:hover{ background:#0056a8; border:1px solid #0056a8}
.zxs02 .nr .bd ul li:hover a{ color:#fff}
@media (max-width:1260px) {
	.zxs02 .nr{ width:1200px}
	.zxs02 .nr .bd ul li{ width:390px}
	.zxs02 .nr .bd ul li:nth-child(4),.zxs02 .nr .bd ul li:nth-child(5){ width:592px;}
}
@media (max-width:1200px) {
	.zxs02 .nr{ width:92%; margin-top:50px}
	.zxs02 .nr .bd ul li{ width:100%; margin-right:0}
	.zxs02 .nr .bd ul li:nth-child(4),.zxs02 .nr .bd ul li:nth-child(5){ width:100%; text-align:left; margin-right:0}
	.zxs02 .nr .bd ul li:nth-child(4) .intro,.zxs02 .nr .bd ul li:nth-child(5) .intro{ width:100%}
	.zxs02 .nr .hd{ font-size:20px}
	.zxs02 .nr .bd{ margin-top:30px}
	.zxs02 .nr .bd ul li{ height:auto; padding:20px}
	.zxs02 .nr .bd ul li h3{ font-size:18px; padding:3px 0}
	.zxs02 .nr .bd ul li .intro{ margin-top:8px}
}


.product .nr{ width:1260px; margin:0 auto; margin-top:25px}
.product .nr .item{ width:400px; float:left; box-sizing:border-box; padding:10px 10px 0 10px; margin-bottom:35px; margin-right:30px;  border:1px solid #ddd}
.product .nr .item .pic{ width:100%; position:relative; overflow:hidden}
.product .nr .item .pic img{ width:100%}
.product .nr .item:nth-child(3n){ 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}
@media (max-width:1260px) {
	.product .nr{ width:1200px}	
	.product .nr .item{ width:380px}
	
}
@media (max-width:1200px) {
	.product .nr{ width:100%; margin-top:25px}
	.product .nr .item{ width:32%; margin-right:2%}
	.product .nr .item .title a{ font-size:14px}
}
@media (max-width:750px) {
	.product .nr .item{ width:48%; padding:6px 6px 0 6px; margin-bottom:2%}
	.product .nr .item:nth-child(3n){ margin-right:2%}
	.product .nr .item:nth-child(2n){ margin-right:0}
	.product .nr .item .title{ height:40px;}
	.product .nr .item .title a{ line-height:40px;}
}

/* 分页 */
.page { padding:50px 0; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:3px 12px; border:1px solid #ddd; background:#f2f2f2; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #184e84; background:#184e84; color:#fff; }

@media all and (max-width:1200px){
	.page { padding:20px 0; }
	.page a { padding:1px 10px; }
}

.article { padding:40px 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article img{max-width: 100%;height: auto;}
.article video{max-width: 100%;height: auto;}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
@media (max-width:750px) {
	.article{padding: 30px 0 40px}
	.article .hd h1{font-size: 16px}
	.main .article{ font-size:14px}
}



/* 图文新闻 */
.pothoItem { padding:0 0 0; }
.pothoItem .item { margin-bottom:30px; background: #fff;transition: all .5s ease;position: relative;overflow: hidden; background:#fafafa}
.pothoItem .item .pic { float:left; width:260px; overflow: hidden;}
.pothoItem .item .pic img { width:100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.pothoItem .item:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; padding:35px 35px 0 35px;float: right;width: calc(100% - 260px);box-sizing: border-box;transition: all .5s ease;  box-sizing:border-box}
.pothoItem .item dl dt {margin-bottom: 22px;transition: all .5s ease;}
.pothoItem .item dl dt a{font-size: 22px;color: #000;white-space: nowrap;line-height: 1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.pothoItem .item dl dt span{font-size: 20px;color: rgba(0,0,0,.7);float: right;}
.pothoItem .item:hover{}
.pothoItem .item:hover dl dt a{color: #004f94;font-weight: bold;}
.pothoItem .item dl .i {color:rgba(0,0,0,.9); font-size:14px; line-height:30px; height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical;overflow: hidden;}
.pothoItem .item dl .d{ font-size: 14px;color: rgba(0,0,0,.9);display: none;}
.pothoItem .item .more{display: block;position: absolute;right: 0;transform: translateX(100%);width: 120px;height: 100%;background: #e0e0e0;transition: all .5s ease;}
.pothoItem .item .more .re{width: 50px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pothoItem .item .more .re img{width: 100%;height: auto;}
.pothoItem .item:hover .more{transform: translateX(0);}
.pothoItem .item:hover dl dt{}

@media screen and (max-width: 750px){
	.pothoItem .item .pic{ width:100%}
	.pothoItem .item dl{ width:100%; padding:10px}
	.pothoItem .item dl dt{ margin-bottom:8px}
	.pothoItem .item dl dt span{ display:block; width:100%; font-size:12px; color:#333; padding-bottom:8px}
	.pothoItem .item dl dt a{ width:100%; font-size:16px; font-weight:bold; color:#000 }
	.pothoItem .item dl .i{ color: rgba(0,0,0,.6); line-height:24px; font-size:12px; height:48px}
}

/* 新闻列表 */
.pothoItem2 { padding:0 0 0; }
.pothoItem2 .item { padding:30px; background:#fafafa; margin-bottom:30px}
.pothoItem2 .item dl { display:block; overflow:hidden; zoom:1; line-height:20px; width:100%;box-sizing: border-box;transition: all .5s ease;  box-sizing:border-box}
.pothoItem2 .item dl dt {margin-bottom: 22px;transition: all .5s ease;}
.pothoItem2 .item dl dt a{font-size: 22px;color: #000;white-space: nowrap;line-height: 2;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.pothoItem2 .item dl dt span{font-size: 20px;color: rgba(0,0,0,.7);float: right;}
.pothoItem2 .item:hover{}
.pothoItem2 .item:hover dl dt a{color: #004f94;font-weight: bold;}
.pothoItem2 .item dl .i {color:rgba(0,0,0,.9); font-size:14px; line-height:30px; height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical;overflow: hidden;}
.pothoItem2 .item dl .d{ font-size: 14px;color: rgba(0,0,0,.9);display: none;}
.pothoItem2 .item .more{display: block;position: absolute;right: 0;transform: translateX(100%);width: 120px;height: 100%;background: #e0e0e0;transition: all .5s ease;}
.pothoItem2 .item .more .re{width: 50px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pothoItem2 .item .more .re img{width: 100%;height: auto;}
.pothoItem2 .item:hover .more{transform: translateX(0);}
.pothoItem2 .item:hover dl dt{}

@media screen and (max-width: 750px){
	.pothoItem2 .item { padding:10px;}
	.pothoItem2 .item .pic{ width:100%}
	.pothoItem2 .item dl{ width:100%; padding:10px}
	.pothoItem2 .item dl dt{ margin-bottom:8px}
	.pothoItem2 .item dl dt span{ display:block; width:100%; font-size:12px; color:#333; padding-bottom:8px}
	.pothoItem2 .item dl dt a{ width:100%; font-size:16px; font-weight:bold; color:#000 }
	.pothoItem2 .item dl .i{ color: rgba(0,0,0,.6); line-height:24px; font-size:12px; height:48px}
}



/*zxs*/
.jzg01{ width:100%; padding-top:50px}
.jzg01 .nr{ width:1260px; margin:0 auto}
.jzg01 .nr .items{ width:33.333333%; height:325px; background:#0056a8; background-size:100%; transition:all 0.5s linear; float:left}
.jzg01 .nr .items a{ display:block; width:100%; height:100%; position:relative}
.jzg01 .nr .items a .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.jzg01 .nr .items a .item .pic{ width:100%; height:65px; transition:all 0.5s linear}
.jzg01 .nr .items a .item h3{ font-size:24px; color:#fff; font-weight:normal}
.jzg01 .nr .items:hover{ background-size:120%; transition:all 0.5s linear}
.jzg01 .nr .items:hover .pic{ transform:rotateY(360deg)}
.jzg01 .nr .items.item02{ background:#2a9d8e}
.jzg01 .nr .items.item02 a .item h3{ color:#fff}
.jzg01 .nr .items.item03{ background:#fee9b0}
.jzg01 .nr .items.item03 a .item h3{ color:#333}
.jzg01 .nr .items.item04{ background:#fee9b0}
.jzg01 .nr .items.item04 a .item h3{ color:#333}
.jzg01 .nr .items.item05{ background:#2473cf}
.jzg01 .nr .items.item05 a .item h3{ color:#fff}
.jzg01 .nr .items.item06{ background:#522393}

@media (max-width:1260px) {
	.jzg01{ padding-top:20px}
	.jzg01 .nr{ width:1200px;}
	
}
@media (max-width:1200px) {
	.jzg01 .nr{ width:92%}
	.jzg01 .nr .items{ width:100%; height:180px; background-size:cover; transition:all 0s linear}
	.jzg01 .nr .items a .item .pic{ height:50px}
	.jzg01 .nr .items a .item h3{ font-size:20px}
	.jzg01 .nr img{ height:30px}
}









