﻿
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
img{border:0; max-width:100%;}
a{ text-decoration:none; color:#333;}
a:hover{color:#333; cursor:pointer;}
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}

#pz_top{ float:left; width:100%; min-width:1200px; position:relative; z-index:80;}
#pz_banner{ float: left; width:100%; min-width:1200px; overflow:hidden; position:relative; z-index:1;}
#pz_main{ float:left; width:100%; min-width:1200px;}
#pz_down{ float:left; width:100%; min-width:1200px;  }

.w_0100{ float:left; width:100%;}
.w_1200{ margin:0 auto; width:1200px;}
#pz_main *{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}


/*新闻动态*/

.c_960_2{ float:left; width:960px;}
.c_960_2 ul{ float:left;}
.c_960_2 li{ float:left; width:960px; height: auto; padding:11px 0; margin:20px 0 0 0; background-color:#f6f6f6; border-radius:5px;}
.c_960_2 li .l_101{ float:left; width:100px; border-right:#e6e6e6 solid 1px; height:74px; margin:9px 0 0 0; padding:6px 0 0 0;}
.c_960_2 li .l_101 .t_100{ float:left; width:100px; height:46px; color:#333; font-size:42px; text-align:center; line-height:46px; font-family:Arial, Helvetica, sans-serif;}
.c_960_2 li .l_101 .d_100{ float:left; width:100px; height:19px; color:#555555; text-align:center; line-height:19px; font-family:Arial, Helvetica, sans-serif;}
.c_960_2 li .l_img{width:195px; height:140px; float:left; padding-left:10px;}
.c_960_2 li .l_img img{width:100%; height:100%;}
.c_960_2 li .r_618{ float:right; width:747px; padding-right:22px;}
.c_960_2 li .r_618 .t_618_1{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; text-overflow:ellipsis;}
.c_960_2 li .r_618 .t_618_1 a{color:#333; font-size:18px;}
.c_960_2 li .r_618 .t_618_1 a:hover{ color:#fff;}
.c_960_2 li .r_618 .t_618_2{ float:left; width:100%; height:44px; margin:7px 0 0 0; color:#555555; line-height:22px; overflow:hidden;}
.c_960_2 li .r_618 .t_618_3{ float:left; width:100%; height:25px; line-height:25px; color:#999; padding-top:5px;}
.c_960_2 li .r_618 .t_618_3 a{ color:#999; font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
.c_960_2 li .r_618 .t_618_3 a:hover{ color:#fff;}
.c_960_2 li:hover{ background-color:#333;}
.c_960_2 li:hover .l_101 .t_100{ color:#fff;}
.c_960_2 li:hover .l_101 .d_100{ color:#fff;}
.c_960_2 li:hover .r_618 .t_618_1 a{ color:#fff;}
.c_960_2 li:hover .t_618_2{ color:#fff; opacity:0.8;}
.c_960_2 li:hover .r_618 .t_618_3 a{ color:#fff;}
.c_960_2 li:hover .r_618 .t_618_3{ color:#fff; opacity:0.8;}
.waik_1{float:left; width:100%; padding:19px 0 9px 0;}

/*新闻动态——内页*/
.c_960_3{ float:left; width:960px; padding:22px 0 30px 0;}
.c_960_3 .t_760_1{ float:left; width:960px; padding:10px 0; color:#555555; font-size:18px; font-weight:bold; line-height:28px;}
.c_960_3 .t_760_2{ float: left; width:960px; border-bottom:#e5e5e5 dashed 1px; color:#999999; line-height:43px;}
.c_960_3 .t_760_3{ float:left; width:960px; padding:22px 0 15px 0; color:#555555; line-height:26px;}
.c_960_3 .t_760_4{ float:left; width:960px; padding:0 0 10px 0;}
.c_960_3 .t_760_5{ float:left; width:960px; padding:9px 0;  border-bottom:#e5e5e5 dashed 1px;  border-top:#e5e5e5 dashed 1px;}
.c_960_3 .t_760_5 .l_535{ float:left; width:535px;}
.c_960_3 .t_760_5 .l_535 span{width:100%; height:auto; float:left; line-height:30px;}
.c_960_3 .t_760_5 .l_535 span a{ color:#555555;}
.c_960_3 .t_760_5 .l_535 a:hover{ color:#333;}

.c_960_3 .t_760_5 .r_100{ float:right; width:100px; height:32px; margin:9px 0 0 0;}
.c_960_3 .t_760_5 .r_100 a{ float:left; width:100px; height:32px; background-color:#333; color:#fff; text-align:center; line-height:32px;}





/*内页主体*/
.w_960{ float:right; width:960px; padding:0 0 20px 0;}
.w_208{ float:left; width:210px; padding:0 0 20px 0;}

/*左侧*/
.g_960{ float:left; width:960px; padding-left:17px; background:url(../images/g1.png) no-repeat 0 center; height:57px; color:#999999; line-height:57px; margin-top:2px; border-bottom:1px solid #e6e6e6;}
.g_960 a{ color:#999999}
.g_960 a:hover{ color:#333;}

/*右侧*/
.g_208{ float:left; width:210px; height:60px; position:relative; z-index:999; }
.g_208_1{ float:left; position:absolute; left:0; bottom:0; width:210px; height:102px;  background:#222; padding:27px 0 0 20px; color:#fff; font-size:14px; line-height:18px; z-index:100; border-radius:5px 5px 0 0;}
.g_208_1 strong{ font-size:24px; line-height:30px;}

.pz_SideLayer{ float:left; width:210px; border:1px solid #eeeeee; border-top:0;}
.pz_SideLayer .l1{ float:left; width:208px; border-top:1px solid #eeeeee; line-height:44px; color:#333333;}

.pz_SideLayer .l1 .l1_a{ float:left; width:208px; height:44px; padding-left:20px; color:#333; font-size:14px;}
.pz_SideLayer .l1 .l1_a:hover,
.pz_SideLayer .l1 a.hover{ float:left; width:208px; height:44px; padding-left:20px; background:#f0f0f0; color:#333; font-weight:bold;}
.pz_SideLayer .l1 .l1_a.l1_bg{ background:url(../images/g2.png) no-repeat 183px center;}
.pz_SideLayer .l1.on .l1_a.l1_bg,
.pz_SideLayer .l1 .l1_a:hover.l1_bg{ background:url(../images/g3.png) no-repeat 183px center #f0f0f0; color:#333; font-weight:bold;}
.pz_SideLayer .l1_ul{ float:left; width:208px; padding:0 12px 9px 9px; background:#f0f0f0;}
.pz_SideLayer .l1_ul .l2{ float:left; width:187px; line-height:32px;}
.pz_SideLayer .l1_ul .l2  .l2_a{ float:left; width:187px; height:32px; padding-left:22px; color:#555555; background:url(../images/g4.png) no-repeat 13px center;}
.pz_SideLayer .l1_ul .l2  .l2_a:hover,
.pz_SideLayer .l1_ul .l2  .l2_a.hover{ float:left; width:187px; font-weight:bold; height:32px; padding-left:22px; color:#333; background:url(../images/g5.png) no-repeat 13px center;}

/*产品中心*/
.g_960_1{ float:left; width:960px;}
.g_960_1 .s_760{ float:left; width:960px;  margin-top:3px; line-height:30px; border-bottom:1px dashed #e5e5e5; color:#999999;}
.g_960_1 .s_760 .strong{ float:left; width:36px; font-weight: bold;}
.g_960_1 .s_760 .wz{ float:left; width:724px;}
.g_960_1 .s_760 .wz a{ color:#555555}
.g_960_1 .s_760 .wz a.hover,
.g_960_1 .s_760 .wz a:hover{ color:#333}
.g_960_1 .x_960{ float:left; width:960px; overflow:hidden;}
.g_960_1 .x_960 ul{ float:left; width:980px;}
.g_960_1 .x_960 li{ float:left; width:225px; margin:20px 20px 0 0; border-radius:5px; overflow:hidden;}
.g_960_1 .pingj li{height:430px;}
.g_960_1 .x_960 li .s_240{ float:left; width:225px;  height:225px; position:relative; overflow:hidden;}
.g_960_1 .pingj li .s_240{height:380px;}
.g_960_1 .x_960 li .s_240 img{transition:.3s; width:225px; height:225px;}
.g_960_1 .pingj li .s_240 img{transition:.3s; height:380px;}
.g_960_1 .x_960 li:hover .s_240 img{transform: scale(1.05);}
.pf_240{ position:absolute; left:0; top:0; width:225px; height:170px; display:none;}
.pf_240 a{width:225px; height:170px; float:left; background:url(../images/g6.png) no-repeat center #333; opacity:0.4;}
.g_960_1 .x_960 li .x_240{ float:left; width:225px; height:100px; padding:0 10px 0 10px; background:#f0f0f0;}
.g_960_1 .pingj li .x_240{height:50px;}
.g_960_1 .x_960 li .g_tit{ float:left; width:205px; overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height:35px; margin-top:6px;}
.g_960_1 .x_960 li .g_tit a{ color:#333333; font-size:16px;}
.g_960_1 .x_960 li .g_text{ float:left; width:205px; line-height:18px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.g_960_1 .x_960 li .g_text a{ color:#888;}
.g_960_1 .x_960 li .g_more{ float:left; width:201px; line-height:32px;}
.g_960_1 .x_960 li .g_more a{ color:#333333}
.g_960_1 .x_960 li:hover .pf_240{display:block;}
.g_960_1 .x_960 li:hover .x_240{ background:#333;}
.g_960_1 .x_960 li:hover .g_tit{color:#fff;}
.g_960_1 .x_960 li:hover .g_tit a{ color:#ffffff}
.g_960_1 .x_960 li:hover .g_text a{ color:#fff; opacity:0.8;}
.g_960_1 .x_960 li:hover .g_more a{ color:#fff;}

.pro_fy{ float:left; width:960px; padding:16px 0 5px 0;}

/*产品中心——内页*/
.g_960_2{ float:left; width:960px;}
.s_760_1{ float:left; width:960px; margin-top:40px;}
.s_760_1 .z_12{ float:left; width:12px; height:23px; background:url(../images/g17.png) no-repeat; cursor:pointer; margin:129px 0 0 48px;}
.s_760_1 .z_12:hover{ background:url(../images/g17.png) -21px 0;}
.s_760_1 .y_12{ float:right; width:12px; height:23px; background:url(../images/g17.png) no-repeat right 0; cursor:pointer; margin:129px 58px 0 0;}
.s_760_1 .y_12:hover{ background:url(../images/g17.png) no-repeat -42px 0;}
.s_760_1 .z_520{ float:left; width:520px; height:280px; margin:0 0 0 60px; text-align:center;}
.s_760_1 .z_520 img{ max-width:520px; max-height:280px;}
.x_960_1{ float:left; width:960px; margin-top:20px;}
.x_960_1 .g_tit_1{ float:left; width:960px; height:50px; border-bottom:1px dashed #e5e5e5}
.x_960_1 .z_work{ float:left; color:#333; font-size:18px; font-weight:bold; line-height:40px;}
.bdsharebuttonbox{ float:right; margin-top:7px;}
.g_960_2 .waikuang{float:left; width:100%; line-height:26px;}
.g_960_2 .g_text_1{ float:left; width:100%; color:#555555; line-height:32px; margin-top:9px;}

.g_tit_2{ float:left; width:750px; height:42px; margin-top:38px; background:#f7f7f7; padding-left:10px; color:#333; font-size:16px; font-weight:bold; line-height:42px;}
.g_text_2{ float:left; width:760px; margin-top:19px; color:#333333; font-size:14px;}
.g_text_2 a{ color:#555555; line-height:26px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.g_text_2 a:hover{ color:#333;}
.g_text_2 .tit_box{ float:left; width:82px; text-align:center; padding:50px 0 0 0; line-height:24px;}
.g_text_2 .gbox1{ float:left; width:134px; height:226px; text-align:center; padding-top:14px;}
.g_text_2 .gbox2{ float:left; width:135px; height:226px; text-align:center; padding-top:14px;}


.sbcs_search{ width:630px; height:45px; border:1px solid #e6e6e6; margin:20px auto;_border:none}
.sbcs_input{ float:left; border:none; width:530px; height:43px; background-image:url(../images/fangdajing_03.png); background-repeat:no-repeat; background-position:15px center; font-size:16px; line-height:45px; text-indent:50px;}
.sbcs_button{ float: right; width:97px; height:43px; border:none; font-size:16px; cursor:pointer; background-color:#f0f0f0;_height:50px}


/*关于我们——公司介绍*/
.g_960_4{ float:left; width:960px; line-height:26px; color:#555555; margin-top:20px;}




/* 分页 */
.pagination{width:fit-content; margin:0 auto; padding:30px 0 40px 0;}
.pagination li{float:left;}
.pagination li a{width:auto; height:25px; padding:0 9px; margin:0 3px; background:#f0f0f0; line-height:25px; text-align:center; color:#555; float:left; border-radius:3px;}
.pagination li a:hover{background:#333; color:#fff;}
.pagination .active a{background:#333; color:#fff; cursor:default;}

.n1_1{width:100%; height:auto; float:left; padding-top:10px;}
.n1_2{width:100%; height:auto; float:left;}
.n1_3{width:210px; height:auto; float:left; border:1px solid #eeeeee; border-top:none; padding:0 5px 5px 5px; color:#666;}
.n1_3 li{width:100%; height:auto; float:left; line-height:30px;}
.n1_3 .n1_4{font-weight:bold;}
.n1_3 .n1_5 span{font-size:20px; font-weight:bold; color:#333; font-family:Impact;}

.n2_1{width:100%; height:auto; float:left; padding-top:10px;}
.n2_2{width:100%; height:30px; float:left; line-height:30px; font-size:14px; font-weight:bold; color:#333; text-indent:10px; background:#e6e6e6;}
.n2_3{width:210px; height:auto; float:left; border:1px solid #eeeeee; border-top:none; padding:0 5px 5px 5px;}
.n2_3 li{width:100%; height:auto; float:left; padding-top:10px; padding-bottom:5px;}
.n2_3 li img{width:100%; height:198px;}
.n2_3 li span{width:100%; height:auto; display:block; line-height:30px; background:#f0f0f0; text-indent:10px; overflow: hidden; margin-top:5px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.n2_3 li a{color:#666;}
.n2_3 li a:hover img{opacity:0.9;}
.n2_4{width:210px; height:auto; float:left; border:1px solid #eeeeee; border-top:none; padding:0 5px 5px 5px;}
.n2_4 ul{padding-top:5px;}
.n2_4 li{width:100%;float:left; line-height:30px; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:url(../images/g4.png) no-repeat 3px 12px; padding-left:13px;}

.nyimg{width:100%; height:300px; background:url(../images/nyimg.jpg) no-repeat center 0;}
.nydt{width:100%; height:auto; text-align:center; padding-top:20px; float:left;}
.nydt img{max-width:100%; max-height:550px;}

@media (max-width:600px) {
#pz_main{min-width:inherit;}
.w_1200{width:100%; padding:0 10px;}
.w_208{display:none;}
.w_960,.g_960,.g_960_4,.c_960_2,.c_960_3,.g_960_1{width:100%;}
.c_960_2 ul{width:100%;}
.c_960_2 li{width:100%;}
.c_960_2 li .l_img{width:139px; height:100px;}
.c_960_2 li .r_618{width:calc(100% - 150px);}
.c_960_2 li .r_618 .t_618_1{height:30px; line-height:30px;}
.c_960_2 li .r_618 .t_618_1 a{font-size:16px;}
.c_960_2 li .r_618 .t_618_2{margin:0; color:#999; font-size:13px;}
.c_960_2 li .r_618 .t_618_3{font-size:13px;}
.c_960_3 .t_760_1{width:100%; padding:0;}
.c_960_3 .t_760_2{width:100%;}
.c_960_3 .t_760_3{width:100%;}
.c_960_3 .t_760_4{width:100%;}
.c_960_3 .t_760_5{width:100%;}
.g_960_1 .x_960{width:100%;}
.g_960_1 .x_960 ul{width:100%;}
.g_960_1 .x_960 li{width:calc(50% - 5px); margin:10px 10px 0 0;}
.g_960_1 .x_960 li:nth-child(2n+0){margin:10px 0 0 0;}
.g_960_1 .x_960 li .s_240{width:100%; height:130px;}
.g_960_1 .x_960 li .s_240 img{width:100%; height:130px;}
.g_960_1 .x_960 li .x_240{width:100%; height:90px;}
.g_960_1 .x_960 li .g_tit{width:100%;}
.g_960_1 .x_960 li .g_text{width:100%;}
.c_960_3 .t_760_5 .l_535{width:100%;}
.sbcs_search{width:100%;}
.sbcs_input{width:calc(100% - 97px);}
}





