body {color:#333333} a{color:#333333}a:active,a:hover {color:#333333}

@media (min-width: 1580px) {.container{ width: 1580px; }}

@media (min-width: 1580px) {.container{ width: 1580px; }}
.container-fluid,.container{ padding:0;}

.container-fluid{ width:100%; float:left;}






}
.container-fluid,.container{ padding:0;}

.container-fluid{ width:100%; float:left;}

#Slide2{ overflow:hidden; width:100%;}



#Slide2 .banner1{ position:relative;}

#Slide2 .banner1 img{ width:100%; float:left;}

#Slide2 .banner1:before{ content:''; width:100%; height:100%; background:url(../images/3144_banner_mb.png) repeat-x top center; position:absolute; left:0; top:0; z-index:1;}

#Slide2 .banner1 .text{ width:100%; position:absolute; left:0; top:50%; text-align:center; z-index:2; margin-top:-40px;}

#Slide2 .banner1 .text h2{ font-weight:bold; width:100%; font-size:36px; line-height:46px; letter-spacing:1px; color:white; text-shadow:0 4px 9px rgba(0,0,0,0.3);}

#Slide2 .banner1 .text h4{ font-weight:bold; text-transform:uppercase; width:100%; font-size:18px; line-height:24px; color:white; letter-spacing:1px; text-shadow:0 4px 9px rgba(0,0,0,0.3);}

#Slide2 .banner1 .text .bian{ display:inline-block; vertical-align:top; margin:15px 0 0 0; width:2px; height:20px; background:white;}

#Slide2 .banner1 .text .mbx{ width:100%; margin-top:14px; color:white; font-size:16px; line-height:24px; letter-spacing:1px;}

#Slide2 .banner1 .text .mbx a{ color:white;}

#Slide2 .banner1 .text .mbx a:hover{ border-bottom:dashed 1px white;}

#Slide2 .banner1 .pz_SideLayer{ position:absolute; left:0; bottom:0; z-index:2; text-align:center; width:100%;}

#Slide2 .banner1 .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 1px;}

#Slide2 .banner1 .pz_SideLayer li a{ display:block; width:176px; height:56px; line-height:56px; color:#333; font-size:18px; letter-spacing:1px; background:rgba(255,255,255,0.8);}

#Slide2 .banner1 .pz_SideLayer li.on a,#Slide2 .banner1 .pz_SideLayer li:hover a{ background:#009ee0; color:white;}















#List3 .news2{ width:100%; float:left; margin-top:8px;}

#List3 .news2 ul{ width:100%; float:left;}

#List3 .news2 ul li{ width:100%; float:left; margin-top:35px; background:#f5f5f5; padding:30px 50px 30px 30px;}

#List3 .news2 ul li .zbox{ width:100%; float:left;}

#List3 .news2 ul li .zbox .pic{ width:419px; float:left; height:266px; position:relative; overflow:hidden;}

#List3 .news2 ul li .zbox .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;

		 transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

 -webkit-transition: all 0.3s linear;

-o-transition: width all 0.3s linear;}

#List3 .news2 ul li .zbox:hover .pic img{transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);	

-webkit-transform: scale(1.1,1.1);

	 -o-transform: scale(1.1,1.1);	

   -moz-transform: scale(1.1,1.1);}

#List3 .news2 ul li .zbox .text{ margin-left:470px;}

#List3 .news2 ul li .zbox .text .title{ width:100%; margin-top:16px; font-size:20px; color:#181818; line-height:30px; letter-spacing:2px;}

#List3 .news2 ul li .zbox .text .jj{ width:100%; margin-top:26px; font-size:14px; color:#666; line-height:24px; letter-spacing:1px; height:72px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}

#List3 .news2 ul li .zbox .text .time{ width:100%; float:left; margin-top:39px; padding-top:32px; border-top:solid 1px #dcdcdc; font-size:14px; color:#666; line-height:38px; background:url(../images/3149_news8.png) no-repeat right 65%;}

#List3 .news2 ul li .zbox .text .time span{ font-size:30px; font-weight:bold; margin-right:6px;}

#List3 .news2 ul li .zbox:hover .text .title,#List3 .news2 ul li .zbox:hover .text .time{ color:#009ee0;}

#List3 .news2 ul li .zbox:hover .text .time{ background-image:url(../images/3149_news9.png);}


@media screen and  (max-width:1580px){

}
@media screen and  (max-width:1200px){
#List3 .news1 ul li .zbox .text{ padding:22px 20px 12px 20px;}
}
@media screen and  (max-width:992px){
#List3 .news1 ul{ margin-top:60px; padding-bottom:30px; position:relative;}

#List3 .news1 ul .slick-dots

{

    position: absolute;

    bottom: 0px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

#List3 .news1 ul .slick-dots li

{

    position: relative;

    display: inline-block;

    width: 10px;

    height: 10px;

	border:solid 1px #009ee0;

    margin: 0 7px;

    padding: 0;

	float:none;

	-moz-border-radius:50%; 

-webkit-border-radius:50%; 

-khtml-border-radius:50%;

border-radius:50%;

    cursor: pointer;

}

#List3 .news1 ul .slick-dots li button

{ display:none;}

#List3 .news1 ul .slick-dots li.slick-active

{

	background:#009ee0;

}



#List3 .news2 ul li{ margin-top:20px; padding:20px 30px 20px 20px;}

#List3 .news2 ul li .zbox .pic{ width:315px; height:200px;}

#List3 .news2 ul li .zbox .text{ margin-left:350px;}

#List3 .news2 ul li .zbox .text .title{ margin-top:0; letter-spacing:1px;}

#List3 .news2 ul li .zbox .text .jj{ margin-top:16px;}

#List3 .news2 ul li .zbox .text .time{ margin-top:20px; padding-top:15px;}
}
@media screen and  (max-width:768px){
#List3 .news1 ul{ margin-top:30px;}

#List3 .news1{ margin:0 -5px;}

#List3 .news1 ul{ margin-top:30px;}

#List3 .news1 ul li{ padding:0 5px;}

#List3 .news1 ul li .zbox .text{ padding:11px 10px 6px 10px;}

#List3 .news1 ul li .zbox .text .title{ font-size:16px; line-height:26px; letter-spacing:1px;}

#List3 .news1 ul li .zbox .text .jj{ margin-top:10px; font-size:12px; line-height:20px; letter-spacing:0px; height:38px;}

#List3 .news1 ul li .zbox .text .time{ margin-top:10px; padding-top:14px; font-size:12px; line-height:30px; background-size:16px auto;}

#List3 .news1 ul li .zbox .text .time span{ font-size:20px; margin-right:4px;}

#List3 .news1 ul .slick-dots li

{

    width: 8px;

    height: 8px;

    margin: 0 4px;}



#List3 .news2 ul li{ margin-top:10px; padding:10px;}

#List3 .news2 ul li .zbox .pic{ width:100%; height:auto; padding-bottom:63.4%;}

#List3 .news2 ul li .zbox .text{ margin-left:0; width:100%; float:left;}

#List3 .news2 ul li .zbox .text .title{ margin-top:10px; font-size:14px; line-height:24px;}

#List3 .news2 ul li .zbox .text .jj{ margin-top:10px; font-size:12px; line-height:20px; letter-spacing:0; height:58px;}

#List3 .news2 ul li .zbox .text .time{ margin-top:12px; padding-top:10px; font-size:12px; line-height:30px; background-size:16px auto;}

#List3 .news2 ul li .zbox .text .time span{ font-size:20px; margin-right:4px;}
}
.container-fluid,.container{ padding:0;}

.container-fluid{ width:100%; float:left;}

#Subpage{ overflow:hidden;}



.container-fluid,.container{ padding:0;}

.container-fluid{ width:100%; float:left;}

#List4{ overflow:hidden;}



#List4 .pz_SideLayer1{ margin-top:87px; width:20.25%; float:left;}

#List4 .pz_SideLayer1 .ul1{ width:100%; float:left;}

#List4 .pz_SideLayer1 .ul1 .l1{ width:100%; float:left; margin-bottom:14px;}

#List4 .pz_SideLayer1 .ul1 .l1 span{ display:block; width:100%; float:left; background:url(../images/3152_pro1.jpg) no-repeat center center; background-size:cover; position:relative;}

#List4 .pz_SideLayer1 .ul1 .l1 span .l1_a{ display:block; width:100%; float:left; height:72px; padding:0 50px 0 33px; line-height:72px; color:white; font-size:20px; letter-spacing:1px; position:relative;}

#List4 .pz_SideLayer1 .ul1 .l1 span i{ position:absolute; right:25px; width:16px; height:16px; text-align:center; line-height:16px; color:white; font-size:28px; top:50%; margin-top:-8px; font-family:"黑体";}

#List4 .pz_SideLayer1 .ul1 .l1.on span i{ transform:rotate(90deg);}

#List4 .pz_SideLayer1 .ul2{ width:100%; float:left; display:none;}

/*#List4 .pz_SideLayer1 .ul1 .l1.on .ul2{ display:block;}*/

#List4 .pz_SideLayer1 .ul2 .l2{ width:100%; float:left; border-bottom:solid 1px white; position:relative;}

#List4 .pz_SideLayer1 .ul2 .l2 i{ position:absolute; right:25px; width:16px; height:16px; text-align:center; line-height:16px; color:#333; font-size:18px; top:50%; margin-top:-8px; opacity:0.5; font-family:"黑体";}

#List4 .pz_SideLayer1 .ul2 .l2 .l2_a{ display:block; width:100%; float:left; padding:0 50px 0 33px; font-size:16px; color:#333; line-height:50px; letter-spacing:1px; background:#f5f5f5;}

#List4 .pz_SideLayer1 .ul2 .l2:hover .l2_a,#List4 .pz_SideLayer1 .ul2 .l2.on .l2_a{ color:#009ee0; font-weight:bold;}

#List4 .pz_SideLayer1 .ul2 .l2:hover i,#List4 .pz_SideLayer1 .ul2 .l2.on i{ color:#009ee0; opacity:1;}



#List4 .product{ float:right; width:76%; margin-top:87px;}

#List4 .product .productBody{ margin:0 -27px;}

#List4 .product .productBody ul{ float:left; width:100%; margin-top:-57px;}

#List4 .product .productBody ul li{ float:left; width:25%; padding:0 27px; margin-top:57px;}

#List4 .product .productBody ul li a{ display:block; width:100%; float:left; border:solid 1px #e6e5e5;}

#List4 .product .productBody ul li a .pic{ width:100%; float:left; padding-bottom:120%; position:relative; overflow:hidden;}

#List4 .product .productBody ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;}

#List4 .product .productBody ul li a .text{ width:100%; float:left; text-align:center; background:#009ee0; padding:23px 10px 12px 10px; position:relative;}

#List4 .product .productBody ul li a .text h5{ width:100%; float:left; color:white; font-size:16px; line-height:22px; letter-spacing:1px;}

#List4 .product .productBody ul li a .text h4{ width:100%; float:left; color:white; font-size:20px; line-height:28px; font-weight:bold; letter-spacing:1px;}

#List4 .product .productBody ul li a .text .ico{ display:block; width:36px; height:36px; background:#b5b5b5; text-align:center; line-height:36px; overflow:hidden; color:rgba(255,255,255,0.8); font-size:26px; position:absolute; left:50%; top:-18px; margin-left:-18px;

-moz-border-radius:50%; 

-webkit-border-radius:50%; 

-khtml-border-radius:50%;

border-radius:50%;}

#List4 .product .productBody ul li a:hover .text .ico{ background:#4cb0d7;}

#List4 .product .productBody ul li a:hover{ box-shadow:0 8px 30px rgba(0,0,0,0.2);}



#List4 .d_0100_fy{ float:left; width:100%; text-align:center; padding:64px 0 61px 0;}

#List4 .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}

#List4 .pz_fy1 a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 4px;

-webkit-border-radius:19px; 

 -khtml-border-radius:19px;

   -moz-border-radius:19px;

        border-radius:19px;}

#List4 .pz_fy1 a:hover,#List4 .pz_fy1 a.on{color: #fff; border:1px solid #009ee0; background:#009ee0; text-decoration:none;}

#List4 .pz_fy1 a.prve{ background:url(../images/3152_sprve_fy.png) no-repeat center; width:100px;}

#List4 .pz_fy1 a.prve:hover,

#List4 .pz_fy1 a.prve.on{ background:url(../images/3152_sprve_fy_h.png) no-repeat center #25b5b0; border:1px solid #25b5b0;}

#List4 .pz_fy1 a.next{ background:url(../images/3152_snext_fy.png) no-repeat center; width:100px;}

#List4 .pz_fy1 a.next:hover,

#List4 .pz_fy1 a.next.on{ background:url(../images/3152_snext_fy_h.png) no-repeat center #25b5b0; border:1px solid #25b5b0;}

#List4 .fy_phone{ display:none;}


@media screen and  (max-width:1580px){
#List4 .product .productBody{ margin:0 -15px;}

#List4 .product .productBody ul{ margin-top:-40px;}

#List4 .product .productBody ul li{ padding:0 15px; margin-top:40px;}
}
@media screen and  (max-width:1200px){
#List4 .pz_SideLayer1{ width:25%;}

#List4 .product .productBody ul li{ width:33.333%}

#List4 .product{ width:70%;}



#List4 .d_0100_fy{ padding:40px 0;}
}
@media screen and  (max-width:992px){
#List4 .pz_SideLayer1,#List4 .product{ margin-top:50px;}

#List4 .pz_SideLayer1 .ul1 .l1{ margin-bottom:8px;}

#List4 .pz_SideLayer1 .ul1 .l1 span .l1_a{ height:50px; padding:0 40px 0 22px; line-height:50px; font-size:16px; letter-spacing:0px;}

#List4 .pz_SideLayer1 .ul1 .l1 span i{ right:15px; font-size:22px;}

#List4 .pz_SideLayer1 .ul2 .l2 i{ right:15px; font-size:14px;}

#List4 .pz_SideLayer1 .ul2 .l2 .l2_a{ padding:0 40px 0 22px; font-size:14px; line-height:40px; letter-spacing:0px;}

#List4 .product .productBody{ margin:0 -5px;}

#List4 .product .productBody ul{ margin-top:-20px;}

#List4 .product .productBody ul li{ padding:0 5px; margin-top:20px;}

#List4 .product .productBody ul li a .text{ padding:16px 10px 12px 10px;}

#List4 .product .productBody ul li a .text h5{ font-size:14px; line-height:20px; letter-spacing:0px;}

#List4 .product .productBody ul li a .text h4{ font-size:16px; line-height:22px; letter-spacing:0px;}

#List4 .product .productBody ul li a .text .ico{ width:28px; height:28px; line-height:28px; font-size:20px; top:-14px; margin-left:-14px;}
}
@media screen and  (max-width:768px){
#List4 .pz_SideLayer1,#List4 .product{ margin-top:30px;}

#List4 .pz_SideLayer1{ display:none;}

#List4 .product{ width:100%; padding:0 5px;}

#List4 .product .productBody{ margin:0 0;}

#List4 .product .productBody ul{ margin-top:-10px;}

#List4 .product .productBody ul li{ width:50%; margin-top:10px;}



#List4 .d_0100_fy{ padding:20px 0;}

#List4 .pz_fy1{ display:none;}

#List4 .fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}

#List4 .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;

-webkit-border-radius:18px; 

 -khtml-border-radius:18px;

   -moz-border-radius:18px;

        border-radius:18px;}

#List4 .fy_phone a.prve{ background:url(../other/3152_prve_fy.html) no-repeat center;}

#List4 .fy_phone a.next{ background:url(../other/3152_next_fy.html) no-repeat center;}

#List4 .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}
}
.container-fluid,.container{ padding:0;}

.container-fluid{ width:100%; float:left;}