.pz_main{ float:left; width:100%; overflow:hidden;}
.row_2{ margin:0 -30px 0 -35px;}
.ul_1{ width:100%; float:left; margin-top:20px;}
.ul_1 li{ width:33.333%; float:left; padding:0 30px 0 35px; margin-top:62px;}
.ul_1 li .zbox{ width:100%; float:left;}
.ul_1 li .zbox .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.ul_1 li .zbox .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_1 li .zbox:hover .img > img{ opacity:0.5;
		transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_1 li .zbox .img .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .name{ width:100%; padding:0 50px; position:absolute; left:0; top:50%; margin-top:-82px; padding-bottom:22px; background:url(images/bian_3.png) no-repeat center bottom; font-size:20px; color:white; line-height:30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .p{ width:100%; padding:0 76px; position:absolute; left:0; top:50%; font-size:14px; color:white; line-height:24px; height:48px; overflow:hidden; opacity:0; margin-top:-33px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more{ width:100%; position:absolute; left:0; top:50%; opacity:0; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more a{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.ul_1 li .zbox .img .more a img{ width:100%; float:left;}
.ul_1 li .zbox:hover .img .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.ul_1 li .zbox:hover .img .name{ opacity:1; margin-top:-102px;}
.ul_1 li .zbox:hover .img .p{ opacity:0.6;}
.ul_1 li .zbox:hover .img .more{ opacity:1; margin-top:47px;}
.ul_1 li .zbox .img .more a:hover{ box-shadow:0 0 12px rgba(255,255,255,0.6);}
.ul_1 li .zbox .title{ width:100%; float:left; margin-top:21px;}
.ul_1 li .zbox .title h4{ width:100%; float:left; padding-right:35px; position:relative;}
.ul_1 li .zbox .title h4 a{ display:block; width:100%; float:left; font-size:20px; color:#333; line-height:38px; text-align:left;}
.ul_1 li .zbox .title h4 span{ position:absolute; right:0; top:0;}
.ul_1 li .zbox .title .p{ width:100%; float:left; margin-top:10px; padding-top:12px; border-top:dashed 1px #b2b2b2; height:42px;}
.ul_1 li .zbox .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.ul_1 li .zbox .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.ul_1 li .zbox .title .p .p_l span img{ height:100%; float:left; margin-right:8px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title .p .p_l span:hover img,.ul_1 li .zbox .title .p .p_r:hover img{ transform:rotateY(180deg);}
.ul_1 li .zbox .title .p .p_r{ float:right; height:30px;}
.ul_1 li .zbox .title .p .p_r img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title h4 a:hover{ color:#d32329;}
@media screen and (max-width:1569px) {
.ul_1 li .zbox .title .p .p_l span{ margin-right:12px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:4px;}
}
@media screen and (max-width:1199px) {
 
.row_2{ margin:0 -10px 0 -15px;}
.ul_1 li{ padding:0 10px 0 15px; margin-top:32px;}
.ul_1 li .zbox .img .name{ padding:0 30px; margin-top:-42px; padding-bottom:12px; font-size:16px;line-height:24px; }
.ul_1 li .zbox .img .p{ padding:0 36px; font-size:12px; line-height:22px; height:44px;margin-top:-13px;}
.ul_1 li .zbox .img .more{ margin-top:17px;}
.ul_1 li .zbox .img .more a{ width:21px; height:21px;}
.ul_1 li .zbox:hover .img .name{ margin-top:-62px;}
.ul_1 li .zbox:hover .img .more{ margin-top:47px;}
.ul_1 li .zbox .title{ margin-top:11px;}
.ul_1 li .zbox .title h4{ padding-right:25px;}
.ul_1 li .zbox .title h4 a{ font-size:16px; line-height:28px;}
.ul_1 li .zbox .title h4 span{ width:20px;}
.ul_1 li .zbox .title .p{ margin-top:10px; padding-top:6px; height:30px;}
.ul_1 li .zbox .title .p .p_l{ font-size:12px; line-height:24px;}
.ul_1 li .zbox .title .p .p_l span{ margin-right:8px; height:24px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:2px;}
.ul_1 li .zbox .title .p .p_r{ height:24px;}
.tit_5{ margin-top:20px; font-size:13px; line-height:26px;}
}
@media screen and (max-width:991px) {
 
.ul_1 li{ width:50%; margin-top:22px;}
}
@media screen and (max-width:767px) {
.ul_1{ margin-top:0;}
.ul_1 li{ width:100%;}
.c_0100_2 .container{ padding:29px 10px 35px 10px;}
.tit_5{ margin-top:10px; font-size:12px; line-height:22px;}
}
 
 

 
/*案例列表*/
.mt_180{ margin-top:-180px;}
.c_0100_6{ width:100%; float:left; padding:0px 0 120px 0;}
.loading{ width:100%; float:left; text-align:center; margin-top:56px;}
.loading img{ display:inline-block; *zoom:1; *display:inline; height:60px;}
.loading h6{ width:100%; margin-top:12px; font-size:14px; color:#bbb; line-height:1;}
.c_0100_6 .btn{ width:100%; float:left; margin-top:60px; text-align:center; display:none;}
.c_0100_6 .btn a{ display:inline-block; *zoom:1; *display:inline; width:198px; height:50px; background:black; font-size:18px; color:white; line-height:50px;
-moz-border-radius:6px; 
-webkit-border-radius:56px; 
-khtml-border-radius:6px;
border-radius:6px;
}
.c_0100_6 .btn a img{ vertical-align:middle; margin:-2px 10px 0 0;}
.c_0100_6 .btn a:hover{ background:#d32329;}
@media screen and (max-width:1199px) {
.c_0100_6{ padding:36px 0 60px 0;}
}
@media screen and (max-width:767px) {
.c_0100_6{ padding:26px 10px 30px 10px;}
.loading{ margin-top:26px;}
.loading img{ height:40px;}
.loading h6{ font-size:12px;}
.c_0100_6 .btn{ margin-top:40px;}
.c_0100_6 .btn a{ width:168px; height:40px;  font-size:14px; line-height:40px;}
.c_0100_6 .btn a img{ margin:-2px 6px 0 0; width:13px;}
}


/*案例详情弹窗*/
.pf_mb_1{ width:100%; height:100%; background:#131313; position:fixed; left:0; top:0; z-index:9999;}
.tc_1630{ width:1630px; height:80%; position:fixed; left:50%; top:10%; margin-left:-815px; z-index:10001;}
.tc_1630 .btn{ width:60px; height:60px; position:fixed; right:30px; top:38px; z-index:10002;}
.tc_1630 .tc_1630_1090{ width:67.79%; float:left; height:100%; overflow:hidden; position:relative;}
.tc_1630 .tc_1630_1090 .zbox{ width:100%; height:100%; position:relative; overflow:hidden;}
.tc_1630 .tc_1630_1090 .zbox .img{ width:100%; float:left; font-size: 14px; color: white; line-height: 24px;}
/*.tc_1630 .tc_1630_1090 .zbox img{ width:100%; float:left;}*/
.tc_1630 .tc_1630_480{ width:29.45%; float:right; height:100%; position:relative;}
.tc_1630 .tc_1630_480 .title{ width:100%; float:left; padding-right:60px; position:relative; margin-top:18px;}
.tc_1630 .tc_1630_480 .title .link{ display:block; width:30px; height:30px; position:absolute; right:0; top:34px; border:solid 1px #5a5a5a; background:url(images/tc_ico_7.png) no-repeat center center;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background-size:100% 100%;
}

.tc_1630 .tc_1630_480 .title .home_link{ display:block; width:30px; height:30px; position:absolute; right:0; top:-4px; border:solid 1px #5a5a5a; background:url(images/home_link.png) no-repeat center center;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background-size:100% 100%;
}

.tc_1630 .tc_1630_480 .title .link:hover{ border:solid 1px white; background-image:url(images/tc_ico_7_h.png);}
.tc_1630 .tc_1630_480 .title .home_link:hover{ border:solid 1px white; background-image:url(images/home_link_h.png);}
.tc_1630 .tc_1630_480 .title h3{ width:100%; float:left; font-size:24px; color:white; line-height:30px;}
.tc_1630 .tc_1630_480 .title h4{ width:100%; float:left; font-size:18px; color:white; line-height:22px; margin-top:12px; font-family:Arial; text-transform:uppercase; opacity:0.3;}
.tc_1630 .tc_1630_480 .dl{ width:100%; float:left; margin-top:2px;}
.tc_1630 .tc_1630_480 .dl .dt{ width:100%; float:left; padding-left:28px; position:relative; font-size:18px; color:white; line-height:26px; margin-top:41px;}
.tc_1630 .tc_1630_480 .dl .dt span{ width:20px; height:26px; position:absolute; left:0; top:0;}
.tc_1630 .tc_1630_480 .dl .dt span img{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .dl .p{ width:100%; float:left;font-size:14px; color:white; line-height:24px; margin-top:9px;}
.tc_1630 .tc_1630_480 .dl .tab{width:100%; float:left;}
.tc_1630 .tc_1630_480 .dl .tab span{ display:block; margin-top:15px; float:left; margin-right:10px; padding:0 24px; height:30px; line-height:28px; border:solid 1px #5a5a5a; font-size:14px; color:white; opacity:0.6;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b{ width:100%; position:absolute; left:0; bottom:0;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a{ display:block; float:left; font-size:14px; color:white; line-height:22px; margin-right:19px; cursor:pointer;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a span{ opacity:0.6;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg{ width:25px; height:22px; float:left; margin-right:6px; display:block;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg img{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a3 svg{ background:url(images/tc_ico_9_1.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a1 svg{ background:url(images/tc_ico_9_2.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a1.on svg{ background-image:url(images/tc_ico_9_2_h.png);}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom{ float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom a{ display:block; width:25px; height:22px; background:url(images/tc_ico_9_3.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom span{ color:white; opacity:0.6; font-size:14px !important;line-height:22px !important; background:none; float:left !important; width:auto !important; font-weight:normal;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .p{ width:100%; float:left; margin-top:12px; font-size:14px; color:white; line-height:24px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .p a{ color:white; display:inline-block; *zoom:1; *display:inline;}
@media screen and (max-height:786px) {
.tc_1630{ height:90%; top:5%;}
.tc_1630 .tc_1630_480 .dl .dt{ margin-top:21px;}
.tc_1630 .tc_1630_480 .dl{ position:relative; height:60%; overflow-y:auto;}
}

@media screen and (max-width:1630px) {
.tc_1630{ width:80%; left:10%; margin-left:0;}
}
@media screen and (max-width:1199px) {
.tc_1630{ width:90%; left:5%;}
.tc_1630 .btn{ width:40px; height:40px; right:10px; top:10px;}
.tc_1630 .tc_1630_480 .title{ padding-right:70px; margin-top:8px;}
.tc_1630 .tc_1630_480 .title .link{ right:0; top:5px; background-size:contain;}
.tc_1630 .tc_1630_480 .title .home_link{ right:34px; top:5px;}
.tc_1630 .tc_1630_480 .title h3{ font-size:18px; line-height:24px;}
.tc_1630 .tc_1630_480 .title h4{ font-size:14px; line-height:20px; margin-top:6px;}
.tc_1630 .tc_1630_480 .dl .dt{ padding-left:20px; font-size:14px; line-height:22px;}
.tc_1630 .tc_1630_480 .dl .dt span{ width:14px; height:22px;}
.tc_1630 .tc_1630_480 .dl .p{font-size:12px; line-height:22px; margin-top:4px;}
.tc_1630 .tc_1630_480 .dl .tab{ margin-top:8px;}
.tc_1630 .tc_1630_480 .dl .tab span{ margin-right:5px; padding:0 14px; height:26px; line-height:24px; font-size:12px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a{ font-size:12px; line-height:20px; margin-right:10px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg{ width:22px; height:20px; margin-right:4px; background-size:contain !important;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom a{ width:22px; height:20px; background-size:contain !important;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom span{ font-size:12px !important;line-height:20px !important; }
.tc_1630 .tc_1630_480 .tc_1630_480_b .p{ margin-top:6px; font-size:12px; line-height:22px;}
}
@media screen and (max-width:991px) {
.tc_1630{ overflow-y:auto;}
.tc_1630 .tc_1630_480{ width:100%;}
.tc_1630 .tc_1630_480 .tc_1630_480_b{ position:relative; float:left; left:auto; bottom:auto; margin-top:20px;}
.tc_1630 .tc_1630_480 .img{ width:100%; float:left; margin-top:20px;}
}
@media screen and (max-width:767px) {
.tc_1630 .btn{ width:20px; height:20px; right:20px; top:30px;}
}

 
 










.z_neiye{    width: 100%; display:none;
    height: 100%;
    background: #131313;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;}
.z_neiye iframe{border:none; position:relative; z-index:99;}
.z_neiye .zbtn{ width:60px; height:60px; cursor:pointer; position:absolute; right:30px; top:38px; z-index:10002; background:url(../images/close.png) no-repeat; background-size:100% 100%; }
@media screen and (max-width:1199px) {
.z_neiye .zbtn {width: 40px; height: 40px; right: 10px; top: 10px; }

}
@media screen and (max-width:767px) {
.z_neiye .zbtn{ width:22px; height:22px; right:15px; top:15px;}
}


 




@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}