* {margin: 0px; padding: 0px; outline: 0px; border: 0px; font-size: 100%; vertical-align: baseline; list-style: none;}

a {
	color:#175eb6; text-decoration: none; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
}

a:hover {
	text-decoration:none; color:#cb0100;
}
a:active {
	
}

* html .clearfix {height: 1%;}

body{ font-size: 12px; }
.topbanner{ background:#f7f7f7; width:100%; text-align:center;}
@font-face {
font-family: HELVETICANEUELTPRO-THEX;
src: url("HELVETICANEUELTPRO-THEX.OTF")/*tpa=https://www.topzhong.com/skin/lz/css/HELVETICANEUELTPRO-THEX.OTF*//*tpa=https://www.topzhong.com/skin/lz/css/HELVETICANEUELTPRO-THEX.OTF*/;
font-weight: 400;
font-style: normal
}
.header{width:1200px; margin:0 auto; overflow:hidden}
.header .logo{ height:80px; float: left;}
.header .logo img{ clear:both; vertical-align:middle; float:left; margin-top:9px;}
.header .logo h1{ padding-top:35px; font-size:12px; font-weight:100; padding-right:20px; background:url("h1bg.png")/*tpa=https://www.topzhong.com/skin/lz/images/h1bg.png*/ no-repeat 0px 39px; float:right; padding-left:12px;}
.header .logo span{ display:none; letter-spacing:1px; padding-top:35px; font-size:12px; font-weight:100; padding-right:20px; background:url("h1bg.png")/*tpa=https://www.topzhong.com/skin/lz/images/h1bg.png*/ no-repeat 0px 39px; float:right; padding-left:12px;}

.header .nav{ width:802px; height:39px; padding-top:23px; float:right}
.header .nav ul{ margin-left:0px; overflow:hidden}
.header .nav ul li{ float:left; width:100px; text-align:right}
.header .nav ul li a{ color:#666; font-family:"Microsoft YaHei" ; font-size:16px;
  display:block;  height:39px; line-height:39px; padding-left:15px; padding-right:0px; }
.header .nav ul li a:hover{ color:#175eb6}

.fdnav{ height:39px; width:100%; border-bottom:2px solid #FFF; position:fixed; top:0; display:none; z-index:9; background-color:#0074bf}
.fdnav .nav{ width:1200px; height:39px; background:url("menubg.png")/*tpa=https://www.topzhong.com/skin/lz/images/menubg.png*/ no-repeat; margin:0 auto;}
.fdnav .nav ul{ margin-left:0px;}
.fdnav .nav ul li{ float:left; width:100px; text-align:center}
.fdnav .nav ul li a{ color:#FFF; font-family:"Microsoft YaHei" ; font-size:14px; display:block;  height:39px; line-height:39px; padding-left:15px; padding-right:15px;  background:#0074bf;}
.fdnav .nav ul li a:hover{background:#004671;}
.fdnav .nav .hover{border-left:1px solid #589dda;border-right:1px solid #589dda; background:url("menulibg.png")/*tpa=https://www.topzhong.com/skin/lz/images/menulibg.png*/ repeat-x;}


.topnav {
  height: 27px;
  background: #f2f2f2;
  line-height: 27px;
  border: 1px solid #e5e5e5;
}
.topnavone{ width:1200px; margin:0 auto; height:27px;}
.topnav .home{ display:block; height:27px; line-height:27px; float:left; width:300px; background:url("homeico.png")/*tpa=https://www.topzhong.com/skin/lz/images/homeico.png*/ no-repeat center left; padding-left:16px}
.topnav .home{ color:#999; font-family: "Microsoft YaHei","微软雅黑","宋体"\9;}
.topnav .home:hover{ color:#175eb6;}
.topnav span{ display:block; height:27px; line-height:27px; float:right; background:url("tel0592.png")/*tpa=https://www.topzhong.com/skin/lz/images/tel0592.png*/ no-repeat left center; padding-left:16px;  color: #999;
  font-size: 13px;  font-family: "Microsoft YaHei","微软雅黑","宋体"\9; font-weight: bold; color:#056CD3}
.topnav .shum{ float:left; width:245px; height:27px;   margin-left: 477px; line-height:27px; font-family: "Microsoft YaHei","微软雅黑","宋体"\9;  color: #999;}

.topnav .shum h1{ display:inline; font-size:12px; font-weight:100}


.banner_2{float:right; background:url("khcasesbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/khcasesbg.png*/ no-repeat; width:247px; height:223px; margin-top:17px;}
.main_2 .banner_2{float:right; background:url("khcasesbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/khcasesbg.png*/ no-repeat; width:247px; height:223px; margin-top:0px;}
.banner_2 .videotitle{ background:url("listcasesbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/listcasesbg.png*/ no-repeat 0px 6px; height:30px; width:230px; margin-top:10px; margin-left:8px;}
.banner_2 .videotitle .videotitle_1{ font-size:18px; font-family:"Microsoft YaHei"; color:#0c3446; padding-left:23px;}
.banner_2 .videotitle .videotitle_1 h2{ font-size:16px;}
.banner_2 .videotitle .videotitle_2{ vertical-align:middle; margin-left:79px;}
.banner_2 .videopic{ margin-left:8px; }
.banner_2 .videopic a{display:block; width:230px; height:159px;}
.main h2{font-size:16px; vertical-align:inherit}
.main{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; min-width:1200px;}
.main_1{ float:left; width:100%; height:384px; position:relative}
.main .main_1other{ width:1200px; height:auto; float:none;margin: 0 auto; }
.main .main_1other .show{ width:1130px; background:#FFF;}
.main .main_1other .show .title{width:1130px; padding-bottom:10px;}
.main .main_1other .show  .source{width:1130px; color: #b5b5b5;}
.main .main_1other .show  .article{width:890px;}
.main .main_1other .show  .article img{ max-width:100%; height:auto}
.main .main_1other .xgnews1{width:1120px; margin-left:0px;}

.main .main_1other .xgnews{width:1120px; margin-left:0px;}


.ztxgnews{ width:1200px; margin:0 auto; margin-top:20px; }
.ztxgnews li {
    list-style: none;
    overflow: hidden;
	line-height: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}
.ztxgnews li a {
    display: inline;
    margin-top: 10px;
    font-size: 16px;
}

.ztxgnews li img {
    width: 200px;
    float: left;
    margin-right: 10px;
}
.ztxgnews li span {
    font-size: 22px;
    font-weight: bold;
}

.ztxgnews li p {
    margin-top: 10px;
    line-height: 22px;
    color: #7b7b7b;
    font-size: 14px;
}

.main_1 .main_1_1{font-family:"Microsoft YaHei"; font-weight:100; text-indent:10px;}

.main_1 .main_1_1 h2{ text-align:center; font-size: 30px; font-weight:bold;   color:#333;display: block; padding-bottom:20px;}

.main_1 .main_1_1 p{width: 100%;
    text-align: center;
    font-size: 18px;
    color: #888;}

.main .main_2{width:1200px; height:392px;border:1px solid #d7d7d7; margin:0 auto; display:none}

.main_1 .main_1_1 h1{ font-size:18px;}
.main_1 .main_1_1 .postion{ float:right; color:#1F54A5;  font-size:12px; margin-right:10px; background:url("postion.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/postion.jpg*/ no-repeat left center; padding-left:10px;}
.main_1 .main_1_1 .postion a{}

h2{font-weight:100}

.main_1 .more {
	width:130px; height:30px; line-height:30px; background:#F7F7F7; text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-65px; z-index:4;

-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;

}
.main_1 .more a{ display:block; background:#fff; -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    border-radius:15px; font-size:14px; color:#8E8E8E}

.main_1 .more a:hover{background:#0074bf; color:#FFF}


.main_1 .main_1_2{ margin-bottom:20px; margin-top:30px;}
.main_1 .main_1_2 a{ display:block; float:left; width:98px; height:36px; text-align:center; line-height:36px; margin-left:10px; margin-right:10px; font-size:16px; color:#206fbc; font-family:'Microsoft YaHei'; font-weight:100; background-color:#F5F5F5}

.main_1 .title_h2{font-size: 14px;
font-weight: bold;
line-height: 24px; font-family:'Microsoft YaHei'; color:#646464; padding-left:20px; background:url("h2bg.png")/*tpa=https://www.topzhong.com/skin/lz/images/h2bg.png*/ no-repeat left center; margin-left:10px;}
.main_1 .title_con{ width:605px; line-height:20px; margin-left:30px; margin-bottom:12px;}

.main_2{ padding-top:15px;}
.main_2 .main_2_1 .title_h2{font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url("main_2bg1.png")/*tpa=https://www.topzhong.com/skin/lz/images/main_2bg1.png*/ no-repeat left center; margin-left:19px;}
.main_2 .main_2_1 dd{ margin-left:13px; margin-top:10px; height:20px;}
.main_2 .main_2_1 a{ color:#868686; display:block; float:left; margin-left:5px; margin-right:4px; margin-bottom:7px;  background-color: #F5F5F5; width:62px; height:25px; line-height:25px; text-align:center}
.main_2 .main_2_1 .ddht{ width:90px;}
.main_2 .main_2_1{ padding-bottom:26px; margin-bottom:0px;}


.blk_29 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; OVERFLOW: hidden; PADDING-TOP:0px; ZOOM: 1; POSITION: relative; width:224px; margin-left:19px;padding-bottom:0px; margin-bottom:10px; line-height:25px; margin-top:28px;}


.blk_29 h2{font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url("main_2bg2.png")/*tpa=https://www.topzhong.com/skin/lz/images/main_2bg2.png*/ no-repeat left center; margin-left:0px; width:144px; float:left}
.blk_29 .more{ float:right; padding-top:3px;}
.blk_29 span{ display: block; width:108px; text-align:center; overflow:hidden; height:25px; line-height:25px; float:left; margin-bottom:5px; background-color: #F5F5F5; margin-top:5px;}
.blk_29 span a{ color:#868686}
.blk_29 .sfright{ float:right}

.main_2{ margin-bottom:10px;}
.main_2 .cases{ float:left; font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url("main_2bg3.png")/*tpa=https://www.topzhong.com/skin/lz/images/main_2bg3.png*/ no-repeat left center; margin-left:0px; width:144px; margin-left:19px;}
.main_2 .cases_more{ float:right; padding-top:3px; margin-right:20px;}

.main_2 .list-archives{ width:228px; margin-left:19px; margin-top:10px; padding-bottom:10px;}
.main_2 .list-archives li{ text-indent:25px; height:27px; line-height:27px; background:url("articlebg.png")/*tpa=https://www.topzhong.com/skin/lz/images/articlebg.png*/ no-repeat left center; overflow:hidden}

.main .list-news{ width:322px; height:213px; border:1px solid #d7d7d7; float:left; margin-top:15px;}
.main .list-news .title{ background:url("titlebg.png")/*tpa=https://www.topzhong.com/skin/lz/images/titlebg.png*/; height:36px; line-height:36px; text-indent:20px;}





















.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}

.swiper-pagination-bullet{ background:none; position: relative;
    display: block;
    margin: .28rem 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    background: none;
    font-weight: bold;
    font-family: "Arial";
    opacity: 1;
    writing-mode: tb-rl; }

.swiper-pagination-bullet::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
	transition: all .3s;}

.swiper-pagination-bullet-active{ background:none; }


.swiper-pagination-bullet i{position: relative;
    display: block;
    font-style: normal; 
	color:#fff;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s;}


.swiper-pagination-bullet.swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.swiper-pagination-bullet.swiper-pagination-bullet-active i{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

.swiper-button-next, .swiper-button-prev{ margin:0px; width: 13px; height:18px; top:90%; padding: 4px; background:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: auto; left:10%; margin-left:20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{  left:10%;  right: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right: auto; left:10%;}


.swiper-button-prev:hover,.swiper-button-next:hover{background: #ffffff36;
    padding: 4px;
    border-radius: 3px;}

.swiper-button-next::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     margin-top: 4px; }

.swiper-button-next::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);     margin-top: 8px; }

.swiper-button-prev::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);     margin-top: 4px; }

.swiper-button-prev::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-135deg);
-ms-transform:rotate(-135deg); 	/* IE 9 */
-moz-transform:rotate(-135deg); 	/* Firefox */
-webkit-transform:rotate(-135deg); /* Safari 和 Chrome */
	-o-transform:rotate(-135deg); margin-top: 8px; }





.banner{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}

.banner img{ display:block;}

.banner .a1_tex, .banner .a2_tex{ width:80%; position: absolute; top:40%; left:10%; color:#fff; }
.banner .a1_tex h3,.banner .a2_tex h3{  margin-bottom:20px; font-size:40px; }
.banner .a1_tex p,.banner .a2_tex p{margin-bottom:30px;font-size:16px; line-height: 24px;}

.banner .a1_tex .a1_pic,.banner .a2_tex .a2_pic{ float:right; position:relative; margin-top:-20%; }
.banner .a1_tex .a1_pic .a1_2{ position:absolute; right:0px; }
.banner .a1_tex .a1_pic .a1_3{ position:absolute;  right:50px; top:100px; }


.swiper-slide-active .a1_tex .a1_pic .a1_2{ animation: a1_2 1s ease infinite ; -webkit-animation:a1_2 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
.swiper-slide-active .a1_tex .a1_pic .a1_3{ animation: a1_3 1.5s ease infinite ; -webkit-animation:a1_3 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
.swiper-slide-active .a1_tex h3,.swiper-slide-active .a2_tex h3{ animation: h3 1s ease infinite ; -webkit-animation:h3 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
.swiper-slide-active .a1_tex p,.swiper-slide-active .a2_tex p{ animation: h3 1.5s ease infinite ; -webkit-animation:h3 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}


@keyframes a1_2{
	from {right:-200px; opacity:.5}  
	to {right:0px; opacity:1}
}

@-webkit-keyframes a1_2{
	from {right:-200px; opacity:.5}  
	to {right:0px; opacity:1}
}


@keyframes a1_3{
	from {right:200px; opacity:.5}  
	to {right:50px; opacity:1}
}

@-webkit-keyframes a1_3{
	from {right:200px; opacity:.5}  
	to {right:50px; opacity:1}
}

@keyframes h3{
	from {opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes h3{
	from { opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}


.banner .a2_tex .a2_pic img{ z-index:5 }
.banner .a2_tex .a2_pic .a2_2{ position:absolute; top: 330px; right: 310px;     z-index:6; }
.banner .a2_tex .a2_pic .a2_3{ position:absolute; top: 75px; right: -110px; }
.banner .a2_tex .a2_pic .a2_4{ position:absolute; top: 135px; right: 350px; }
.banner .a2_tex .a2_pic .a2_5{ position:absolute; top: 355px; right: -70px;  z-index:6;}
.banner .a2_tex .a2_pic .a2_6{ position:absolute; top: -49px; right: 163px; }
.banner .a2_tex .a2_pic .a2_7{ position:absolute; top: 255px;  right: 690px;}
.banner .a2_tex .a2_pic .a2_8{ position:absolute; top: -185px; right: 630px; }
.banner .a2_tex .a2_pic .a2_9{ position:absolute; top: -15px; right: 98px;}

.banner li{overflow:hidden;}


.swiper-slide-active .a2_tex .a2_pic .a2_2{ animation: a2_2 1.5s ease infinite ; -webkit-animation:a2_2 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@keyframes a2_2{from {right:210px; top:280px;opacity:1}  to {right:310px; top: 330px; opacity:1}}
@-webkit-keyframes a2_2{from {right:210px;  top:280px; opacity:1}  to {right:310px; top: 330px; opacity:1}}

.swiper-slide-active .a2_tex .a2_pic .a2_3{ animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@keyframes a2_3{from {right:-180px; top:45px;opacity:.5}  to {right:-110px; top:75px; opacity:1}}

@-webkit-keyframes a2_3{from {right:-180px; top:45px;opacity:.5}  to {right:-110px; top:75px; opacity:1}}



.swiper-slide-active .a2_tex .a2_pic .a2_4{ animation: a2_4 1s ease infinite ; -webkit-animation:a2_4 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@keyframes a2_4{from {right:450px; top:195px;opacity:.5}  to {right:350px; top:135px; opacity:1}}
@-webkit-keyframes a2_4{from {right:450px; top:195px;opacity:.5}  to {right:350px; top:135px; opacity:1}}


.swiper-slide-active .a2_tex .a2_pic .a2_5{ animation: a2_5 2s ease infinite ; -webkit-animation:a2_5 2s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes a2_5{from {right:50px; top:455px;opacity:1}  to {right:-70px; top:355px; opacity:1}}
@-webkit-keyframes a2_5{from {right:50px; top:455px;opacity:1}  to {right:-70px; top:355px; opacity:1}}



.swiper-slide-active .a2_tex .a2_pic .a2_6{ animation: a2_6 1s ease infinite ; -webkit-animation:a2_6 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes a2_6{from {right:213px; top:-99px;opacity:.5}  to {right:163px; top:-49px; opacity:1}}
@-webkit-keyframes a2_6{from {right:213px; top:-99px;opacity:.5}  to {right:163px; top:-49px; opacity:1}}


.swiper-slide-active .a2_tex .a2_pic .a2_7{ animation: a2_7 1s ease infinite ; -webkit-animation:a2_7 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes a2_7{from {right:890px; top:195px;opacity:.5}  to {right:690px; top:255px; opacity:1}}
@-webkit-keyframes a2_7{from {right:890px; top:195px;opacity:.5}  to {right:690px; top:255px; opacity:1}}



.swiper-slide-active .a2_tex .a2_pic .a2_8{ animation: a2_8 1s ease infinite ; -webkit-animation:a2_8 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@keyframes a2_8{from {right:630px; top:-645px;opacity:1}  to {right:630px; top:-185px; opacity:1}}
@-webkit-keyframes a2_8{from {right:630px; top:-245px;opacity:.5}  to {right:630px; top:-185px; opacity:1}}










.swiper-slide-active .a2_tex .a2_pic .a2_9{ animation: a2_9 1s ease infinite ; -webkit-animation:a2_9 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@keyframes a2_9{
	
	from {right:98px; top:305px; opacity:1}  to { right:98px; top:-15px; opacity:1}

}


@-webkit-keyframes a2_9{ from {right:98px; top:305px; opacity:1}  to { right:98px; top:-15px; opacity:1}}






@media screen and (max-width: 1800px){
	
	.swiper-slide-active .a1_tex h3, .swiper-slide-active .a2_tex h3{ font-size:30px }
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic{margin-right: -55px;}
	
}

@media screen and (max-width: 1500px){
	.swiper-slide-active .a1_tex h3, .swiper-slide-active .a2_tex h3{ font-size:25px }
	.banner .a1_tex p, .banner .a2_tex p{font-size:14px }
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic{transform: scale(0.8); }
	.a1_1,.a2_1{ width:100%; height: auto; }
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic{transform: scale(0.8); margin-top: -20%;}
}


@media screen and (max-width: 1250px){
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic{transform: scale(0.6); margin-top: -25%;}
	.a1_1,.a2_1{ width:100%; height: auto; }
}


@media screen and (max-width: 1000px){
	
	.swiper-slide-active .a1_tex h3, .swiper-slide-active .a2_tex h3{ font-size:20px }
	
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic{transform: scale(0.45); margin-top: -25%;}
	.banner .a1_tex p, .banner .a2_tex p {width: 50%;}
	.banner .a1_tex, .banner .a2_tex{top: 24%; }
	
}


@media screen and (max-width:800px){
	
	.swiper-slide-active .a1_tex h3, .swiper-slide-active .a2_tex h3{ width:35%; }
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic { transform: scale(0.40); margin-top: -34%;}
}


@media screen and (max-width:680px){
	
	
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic { transform: scale(0.40); margin-top: -20%;}
	.banner .a1_tex p, .banner .a2_tex p{display:none;}
}


@media screen and (max-width:600px){
	
	
	.a1_1,.a2_1{ width:1150px; height: auto; }
	.swiper-slide-active .a1_tex h3, .swiper-slide-active .a2_tex h3{ width:100% }
	.banner .a1_tex p, .banner .a2_tex p{display:block; width: 100%; font-size: 12px;}
	.banner .a1_tex, .banner .a2_tex { top: 8%;}
	.banner .a1_tex .a1_pic, .banner .a2_tex .a2_pic { margin-top: 0px; transform: scale(0.5); margin-right:0}
	
	.banner{    margin-top: 60px;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; right: 5%; width: 70px; left: auto; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ float:left;}
}


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

	.a1_1,.a2_1{ width:900px; height: auto; }
	.banner .a1_tex p, .banner .a2_tex p{display:none;}
	
	.banner .a1_tex .a1_pic{ margin-top:20px; transform: scale(0.4); margin-right:-20px}
	.banner .a2_tex .a2_pic{     margin-top: 40px; transform: scale(0.35); margin-right: -31px;}

}












.fn_banner{ width:100%； }

.banner-pro{ width:100%; margin:0 auto; margin-top:0px; margin-bottom:0px; background:#f7f7f7; position:relative; height:312px; overflow:hidden}
.banner-pro .banner-pro_1{ width:670px; height:115px; background:url("bannerbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/bannerbg.png*/ no-repeat;}
.banner-pro .list{ width:1920px; height:312px; position:absolute; left:50%; margin-left:-960px; top:0px;}
.banner-pro_2 { float:right;}
.banner-pro p{ width:500px; text-align:center; color:#FFF; position:absolute; left:50%; margin-left:-250px; font-size:30px; z-index:2;top: 110px;
    line-height: 47px;}
.banner-pro p span{ font-size:18px;}
.main .synews{ width:1200px; overflow:hidden; margin:0 auto;}

.subMain{ width:1200px; margin:0 auto; background:url("submainbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/submainbg.png*/ repeat-x; margin-top:10px;}
.subMain .title{ height:36px; line-height:36px; font-size:16px; font-family:'Microsoft YaHei'; font-weight:bold; color:#FFF; padding-left:6px;}
.subMain .catalog{width:128px; float:left}
.subMain .show{ float:left; background-color:#f6f6f6; min-height:300px; border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8; border-:1px solid #d8d8d8; width:1198px;}

.subMain dl dt{ height:37px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8; line-height:37px; text-indent:15px; font-size:14px;}
.subMain dl dt:hover{background:url("catalogbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/catalogbg.png*/ no-repeat 5px center; background-color:#f6f6f6;}
.subMain .hover{  border-right:none; font-weight:bold; background:url("catalogbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/catalogbg.png*/ no-repeat 5px center;background-color:#f6f6f6; font-size:14px;}
.subMain .hover a{ color:#f54609; font-size:14px;}
.subMain .out{ margin-top:100px; border-right:none; border-top:1px solid #d8d8d8;}
.subMain .hover2{  border-right:none; background:url("catalogbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/catalogbg.png*/ no-repeat 5px 10px;background-color:#f6f6f6; font-size:14px;}
.subMain .hover2 a{ color:#f54609; font-size:14px;}
.subMain .item{ height:auto; padding-bottom:8px; line-height:30px; font-weight:bold}

.subMain .item:hover{background:url("catalogbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/catalogbg.png*/ no-repeat 5px 10px; background-color:#f6f6f6;}
.subMain .item dt{ border:none; font-size:12px; height:22px; line-height:22px; text-indent:20px;}
.subMain .item dt:hover{ background:none; background-color:#f6f6f6}
.subMain .item dt a{ color:#9a9a9a; font-size:12px; font-weight:100}
.subMain .item dt a:hover{ color:#535353; font-size:12px; font-weight:100}

.show .title{ text-align:center; width:500px; margin:0 auto; display:block; font-size:18px; color:#444444; height:50px; line-height:50px;}
.show .article{ border-top:1px solid #f1f1f1; width:1170px; margin:0 auto; padding-top:20px; font-size:14px; line-height:150%; min-height:500px; color:#3D3D3D}
.show .article table{  border-collapse:collapse; border-color:#000}   
.show .article th, .show .article td{  padding:3px; border-color:#000; text-align:center}  
.show .article .bg1{ background:url("bg1.png")/*tpa=https://www.topzhong.com/skin/lz/images/site/bg1.png*/ no-repeat; height:40px; width:623px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; text-indent:10px;}
.show .article .bg2{ background:url("bg2.png")/*tpa=https://www.topzhong.com/skin/lz/images/site/bg2.png*/ no-repeat; height:32px; width:623px; line-height:32px; font-size:12px; font-weight:bold; color:#0058a4; text-indent:10px;}
.show .article .bg3{background:url("bg3.png")/*tpa=https://www.topzhong.com/skin/lz/images/site/bg3.png*/ no-repeat; height:49px; width:641px; line-height:49px; font-size:16px; font-weight:bold; color:#fff; text-indent:10px;}
.show .article .bg4{background:url("bg4.png")/*tpa=https://www.topzhong.com/skin/lz/images/site/bg4.png*/ no-repeat; height:57px; width:793px; line-height:57px; font-size:16px; font-weight:bold; color:#fff; text-indent:10px;}


.content .list-cases{ background:url("listcasesbg.png")/*tpa=https://www.topzhong.com/skin/lz/images/listcasesbg.png*/ no-repeat left 15px; height:461px; background-color:#eaeaea; margin-top:25px; margin-left:1px; padding-bottom:15px;}

.content .list-cases h2{ float:left; padding-top:12px; padding-left:20px; font-size:16px; font-family:'Microsoft YaHei'; font-weight:bold; color:#0048ff}
.content .cases_more{ float:right; padding-top:15px; margin-right:20px;}
.content .list-cases ul{ float:left; margin-top:20px; margin-left:40px;width:1100px;}
.content .list-cases ul li{ float:left; margin:15px; text-align:center; line-height:150%}
.content .tags{ margin-left:20px; padding-top:30px;float:left; font-weight:bold;color:#505050}
.content .tags a{ color:#505050}
.main_1 .list-cases{ margin-top:15px;}
.main-cases .main_1{ background:none}
.main_1 .list-cases-title{ float:left; width:680px; height:30px; border-bottom:1px dashed #CCC; margin-bottom:10px;}
.main_1 .list-cases-title h3{ float:left; font-size:16px; font-weight:bold; color:#206fbc;font-family:'Microsoft YaHei'; }
.main_1 .list-cases-title span{ float:right; background:url("morebg.png")/*tpa=https://www.topzhong.com/skin/lz/images/morebg.png*/ no-repeat; width:76px; height:18px; text-align:center; line-height:18px;}
.main_1 .list-cases-title span a{ color:#FFF}



.main_1 .list-cases .pic{    float: left;
    margin-bottom: 30px;
    width: 30%;
    margin: 0 1.5%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 0px;}
	
.main_1 .list-cases .pic:hover{ background:#FFF}

.main_1 .list-cases .pic .casespic{ display:block; width:100%; height:100%; background:#ececec; text-align:center; position:relative; overflow:hidden}



.main_1 .list-cases .pic .casespic .casespic1{ position:absolute; left:0; bottom:-80px;  display:block; width:100%; height:80px;     line-height: 80px;
    color: #fff;
    font-size: 16px;opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); background: rgba(255, 255, 255, 0.76);}

.main_1 .list-cases .pic .casespic .casespic2{ position:absolute; left:0; top:190px; height:40px; color:#FFF; background:url("casesliabg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/casesliabg.jpg*/ no-repeat 6px 7px #356bcf; width:272px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.main_1 .list-cases .pic .casespic .casespic3{ position:absolute; left:121px; top:28px; height:44px; color:#FFF; background:url("mroefd.png")/*tpa=https://www.topzhong.com/skin/lz/images/mroefd.png*/ no-repeat; width:44px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}





.main_1 .list-cases .pic .casespic img{ width:100%; height:auto; -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in; 
 }
	


	
	
.main_1 .list-cases .title{ font-size:16px; font-family:Microsoft YaHei; margin-top:0px; display:block; position:relative;  height:110px}
.main_1 .list-cases .title span{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); height:0px;     background: #000;}
.main_1 .list-cases .pic:hover .title a{ color:#FFF}
.main_1 .list-cases .pic:hover .casespic img{transform: scale(1.05,1.05); -webkit-filter: grayscale(0);/* Webkit */ 
filter:none;/* IE6-9 */ 
filter: grayscale(0);/* W3C */ }
.main_1 .list-cases .title a{ color:#5D5D5D; position:absolute; z-index:5; left:0; top:0; height:110px; line-height:110px; text-align:center; width:100%;     font-size: 1.2em;}


.main_1 .list-cases .title .title-1{ width:370px; text-align:left;}
.main_1 .list-cases .title .title-2{ width:100px; text-align:center}
.main_1 .list-cases p{ float:left; line-height:150%; margin-top:0px; font-size:12px; color:#868686; padding:9px}
.main_1 .list-cases p a{ display:block; height:23px; text-align:center; line-height:23px; width:100px; background:#175eb6; color:#FFF; margin-top:10px; font-size:12px;}



.main_1 .show{ width:694px; border:1px solid #eaeaea; margin-top:10px; padding:35px; min-height:700px;}
.main_1 .show .title{ width:648px; height:40px; font-size:26px;     font-weight: 100; font-family:'Microsoft YaHei'; color:#2d2d2d; text-align: center}
.main_1 .show .source{ width:648px; margin:0 auto; display:block; text-align:center; padding-bottom:30px; padding-top:10px;}
.main_1 .show .source a{}
.main_1 .show .article{ width:648px; line-height: 190%; min-height:400px; padding-bottom:10px; overflow:hidden; font-size:18px;}
.main_1 .show .article p{ margin-top:12px; margin-bottom:12px;}
.main_1 .show .article h2{ margin-bottom:10px; margin-top:10px;}
.main_1 .show .article table{ border:1px dashed #F5F5F5; background:#fcfaf7}
.main_1 .show .article table p{ padding:10px; line-height:200%}
.main_1 .show .article img{ border:1px solid #F3F3F3}
.main_1 .show .article .logo{ width:330px; height:238px; border:1px solid #F2F2F2; float:left; margin-right:8px; margin-bottom:8px;}
.main_1 .show .article .logo .companyname{ text-align:center; line-height:150%; font-size:12px;}
.main_1 .show .article h3{ display:inline; font-size:13px;}



.cases-pic{ width:100%; margin-bottom:10px; min-width:1200px; padding-top: 20px; overflow:hidden;}
.cases-pic h2{ padding-top:40px; padding-left:0px; font-size:30px; font-family:'Microsoft YaHei'; color:#333; width:150px; display:block; text-align:center; width:100%; font-weight:normal; padding-bottom:20px; font-weight:bold;}


.cases-pic p{ width:100%; text-align:center; font-size:18px; color:#888}
.cases-pic p strong{}
.cases-pic .cases_more{width:150px; margin:0 auto; height:29px; line-height:29px; background:#FFF; text-align:center;

-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;
 margin-bottom:40px;}
.cases-pic .cases_more a{ display:block; background:#2C8BE9; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px; font-size:14px; color:#fff}
.cases-pic .cases_more a:hover{background:#0074bf; color:#FFF}


.cases-pic li{

	float: left;
    margin-bottom: 25px;
    padding-bottom:25px;
    transition: all 0.2s ease-in-out 0s;
	width: 30%;
    margin-left: 1.6%;
    margin-right: 1.6%; max-width: 525px;
}
.cases-pic li img{ width:100%}

.cases-pic li p{    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:24px; text-align:left; text-indent:15px; color:#000}

.cases-pic li:hover{

    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.cases-pic li.huodon{ background: #6400ff;
 
    position: relative; }
.cases-pic li.huodon p{ color: #fff;
    font-weight: 100px;
    font-size: 50px;
    margin: 20px;
    padding: 30px;
    width: auto;
    font-weight: bold;
    position: absolute;
    top: 0px;
}

.cases-pic li.huodon span{position: absolute;
    top: 150px;
    left: 70px;
    color: #Fff;
    font-size: 35px;
    line-height: 58px;}

.cases-pic li.huodon img{opacity: 0;}








.cases-pic li.huodon span em{font-style: inherit;
    font-weight: bold; font-size: 40px;}

.cases-pic li.huodon:after
{ 
content: " ";
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, 0.53);
    width: 100px;
    position: absolute;
    bottom: 50px;
    left: 72px;
}


@media screen and (max-width:1700px) {
	
	.cases-pic li.huodon span{    position: absolute;
    top: 137px;
    left: 70px;
    color: #Fff;
    font-size:30px;
    line-height:42px;}
	
	.cases-pic li.huodon p{ color: #fff;
    font-weight: 100px;
    font-size:35px;
    margin: 20px;
    padding: 30px;
    width: auto;
    font-weight: bold;
    position: absolute;
    top: 0px;
}
	
.cases-pic li.huodon span em{font-size: 30px;}	
	
}



@media screen and (max-width:1450px) {
	
	.cases-pic li.huodon span{    position: absolute;
    top: 117px;
    left: 70px;
    color: #Fff;
    font-size: 25px;
    line-height: 38px;}
	
	.cases-pic li.huodon p{ color: #fff;
    font-weight: 100px;
    font-size:30px;
    margin: 20px;
    padding: 30px;
    width: auto;
    font-weight: bold;
    position: absolute;
    top: 0px;
}
	
.cases-pic li.huodon span em{font-size: 30px;}	
	
}



.cases-pic ul{margin-top:10px; margin-bottom:0px; margin:0 auto; width:90%; margin-top:40px;}
#bdshare{width:508px;margin-top:10px; margin-left:20px;}
.article-footer{line-height:150%; margin-left:0px;}

.list-ku{background:url("kubg.png")/*tpa=https://www.topzhong.com/skin/lz/images/kubg.png*/ no-repeat; width:488px; height:154px; margin:40px;}
.list-ku .list-ku-1{width:103px; height:104px; float:left; margin:20px; border:3px solid #CCC;}
.list-ku .list-ku-2{float:left; width:314px; margin-left:10px; margin-top:20px;}
.list-ku .list-ku-2 h4{ height:30px; line-height:30px;}
.list-ku .list-ku-2 p{ line-height:150%}

.newsfont{ font-size:14px; color:#545454}
.newstimea{ text-align:right; color:#A0A0A0}




.about{}
.about h2{height: 40px;
    font-size: 26px;
    /* font-weight: bold; */
    font-family: 'Microsoft YaHei';
    color: #6E6E6E;
    line-height: 40px;
    /* border-bottom: 2px solid #c6c6c6; */
    display: block;
    margin-bottom: 10px;
}

.about p img{ float:left; margin:30px; margin-bottom:20px;     margin-top: 0px; margin-left: 0px;}
.about p{ line-height: 210%;
    font-size: 16px;
    padding: 10px;
    height: auto;
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;}
.about li{ line-height:250%; list-style-type:disc}
.about strong{ line-height:200%; font-size:15px;}
.about ul{ margin-top:8px; margin-bottom:10px; margin-left:15px;}

.main_case{ background:url("websitebg.png")/*tpa=https://www.topzhong.com/skin/lz/images/websitebg.png*/ no-repeat; height:38px; line-height:38px; color:#FFF; font-family:"Microsoft YaHei"; font-size:18px; font-weight:100; text-indent:10px;}

.main_case h2{ float:left;}
.main_case .postion{ float:right; color:#1F54A5;  font-size:12px; margin-right:10px; background:url("postion.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/postion.jpg*/ no-repeat left center; padding-left:10px;}
.main_case .postion a{}



.casescon{color:#333; margin:0 auto;  width:80%; margin-top:20px;  background:#FFF}
.casescon p{ display:inline}
.casescon_1{ color: #999}
.casescon span{ color:#999}
.casefile img{ margin-top:15px; display:block; margin:0 auto}
.casescon td{ line-height:150%; vertical-align:top;}
.casescon h1{ font-size:25px; line-height:25px;}
.casescon td img{ vertical-align:top; margin-bottom:0px;}


.casefile{ width:80%; margin:0 auto; margin-top:20px; margin-bottom:30px; line-height:150%; font-size:16px;     line-height: 190%; padding-top:20px; background:#FFF}
.casefile h3{ margin-bottom:10px;}
.casecon{ width:1200px; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.updown{ width:1200px; text-align:right; font-size:14px; margin-bottom:30px; margin-top:30px; margin:0 auto; height:200px; line-height:30px}
.updown span{ font-size:12px;}





.links-text{ width:1000px; margin:0 auto; padding-bottom:20px;}
.links-text a{ color:#868686}

.xgnews1{padding-left:25px; border:1px dashed #F5F5F5; padding:10px; width:628px; margin-left:24px;background:#F9F9F9; border-bottom:none; line-height:25px; margin-top:10px;}
.xgnews{ padding-left:25px; padding:10px; width:628px; margin-left:24px; }
.xgnews li{ line-height:35px;}
.xgnews li a{ font-size:16px;}

.xgnews li a{  display:inline; margin-top: 10px; font-size: 16px; }
.xgnews li {list-style: none; overflow: hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f1f1f1; }
.xgnews li img{ width: 200px; float:left; margin-right:10px; }
.xgnews li p{     margin-top: 10px;
    line-height: 22px;
    color: #7b7b7b;
    font-size: 14px; }

.xgnews li span{    font-size: 22px;
    font-weight: bold;}




.nycjwt{ background:#f5f5f5;}
.nycjwt2 td a{ font-size:13px; height:25px; line-height:25px;}

.news_two_date {
    width: 80px;
    float: right;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    color: #999;
    padding: 36px 66px 0 0;
    transition: all .3s ease-out 0s;
}


.news2017{ width:1200px; margin:0 auto; position:relative}
.news_two_ul li { width: 100%; height: 159px; border: 1px solid transparent; margin-bottom: 20px }
.news_two_img { width: 198px; height: 128px; padding: 16px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}

.news_two_txt span {font-size: 18px; color: #545454; display: block; height: 24px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span { color: #333 }
.news_two_box i { display: block;
    float: left;
    width: 600px;
    font-style: normal;
    color: #7D7D7D;
    line-height: 24px;}



.news_two_txt {
    width: 562px;
    float: left;
    padding: 36px 0 0px 34px;
    transition: all .3s ease-out 0s;
}
.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px;
}
.ser_but {
    position: absolute;
    top: 72px;
    right: 50px;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedfe1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_date span {
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
}

.ser_but i {
    width: 15px;
    height: 9px;
    background: url("icon.png")/*tpa=https://www.topzhong.com/skin/lz/images/icon.png*/ no-repeat -110px -11px;
    display: block;
    margin: 13px 0 0 11px;
}

.news_two_box:hover .ser_but i {
    background: url("icon.png")/*tpa=https://www.topzhong.com/skin/lz/images/icon.png*/ no-repeat 0 -71px;
}


.team_thr_r_txt { margin-top: 10px; }
.team_two_txt strong { color: #757575; }
.team_two_ul li .show_bot_but { bottom: -65px; height: 25px; transition: all .3s ease-out 0s;}
.team_two_but { transition: all 0.3s ease-out 0s; }
.team_two li:hover .team_two_but { background-color: transparent; transition: all 0.3s ease-out 0s;}
.team_two_ul li .show_bot_but i { margin-top: 8px; }
.team_two li:hover .team_two_img { bottom: -180px; transition: all 0.3s ease-out 0s; }
.news_two_box { background: transparent; height: 180px; padding-top: 10px; position:relative}
.news_two_txt { padding-left: 155px; width: 600px; }


.news_two_txt span:before {width: 35px;height: 1px;content: ' ';background:#BFBFBF;position: absolute;top: 56px;left: 90px;transition: all 0.3s ease-out 0s;}
.news_two_box:hover .news_two_txt { padding-left: 175px; }
.news_two_box:hover .news_two_txt span:before {width: 60px;transition: all 0.3s ease-out 0s; background:#7D7D7D;}


.news_two_box:hover .news_two_date span { color: #333; }
.news_two_txt i { color: #7D7D7D; font-style: normal; }
.news_two_ul {}
.news_two_ul li { height: 180px; border-bottom: 1px solid rgba(0, 0, 0, .06); margin-bottom: 4px; }
.news_two_img { float: right; }
.news_two_box:hover .news_two_img { background: transparent; }
.news_two_box:hover {box-shadow: none; }
.news_two_date i { float: left; color: #ABABAB; font-size: 0; }
.news_two_ul .ser_but { border-radius: 0; left: 0; }
.news_two_but { top: 90px; left: 33px; border: 1px solid transparent; }
.news_two_date span { float: left; line-height: 36px; height: 36px; }
.news_two_date { position: absolute; left: 0; float: left; padding-top: 30px; }
.news_two_box:hover .ser_but { background: #2C8BE9; border: 1px solid #2C8BE9; margin-left: 0; }
.news_two_box:hover .news_two_date { padding: 30px 42px 0 0; }


.news_two_img img {
    width: 200px;
    height: 130px;
}


.show_two_nav .active {
    background-color: transparent;
    color: #111;
}
.show_two_nav a{ position:relative}
.show_two_nav .active::before {
    background: #AAA;
    transition: all 0.3s ease-out 0s;
	width:52px;
}
.show_two_nav a::before {
    content: '';
    width:0px;
    height: 1px;
    background: transparent;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    z-index: 1;
}

.show_two_nav a {
    color: #666;
}
.show_two_nav a {
    height:45px;
    line-height:45px;
    margin-right:40px; 
    border-radius: 16px;
    color: #666;
    font-size: 13px;
    float: left;
}

.show_two_nav a:hover::before {
    background: #AAA;
    transition: all 0.3s ease-out 0s;
	width:52px;
}

.head_title,.head_titletwo,.head_titlethree{ height:80px; width:1200px; margin:0 auto; margin-top:0px; margin-bottom:20px;}

.head_title{ margin-top:50px; margin-bottom:150px;}
.head_titletwo{ padding-top:50px;}
.head_titleal{ margin-top: 0px;
    background-color: #000;
    width: 100%;
    height: 312px;
    padding-top: 190px;
    background: url("albg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/albg.jpg*/ center top; color:#FFF}



.head_titlethree{ margin-bottom:40px; width:100%; height:330px; background:url("webnew.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/webnew.jpg*/ no-repeat center; background-size: cover !important;
    background-position: 50% 50% !important; position: relative;}
	
.head_titlethree .bgbg{ width:100%; height:100%;     background: rgba(0, 0, 0, 0.4);}
.head_title h1,.head_titletwo h1,.head_titlethree h1{ height:40px; line-height:40px;width:430px; font-size:18px; text-indent:12px; color:#333; font-family: "Microsoft YaHei"; margin:0 auto; text-align:center; font-size:40px; font-weight:100;}
.head_titleal h1{ width:570px; color:#FFF; height:55px;}
.head_title h1,.head_titlethree h1{ margin-top:40px;}
.head_title p,.head_titletwo p,.head_titlethree p{ margin:0 auto; text-align:center; margin-top:10px; font-size:20px;}
.head_titleal p{line-height: 35px;}

.head_title h2,.head_titletwo h2,.head_titlethree h2{ height:40px; line-height:40px; width:190px; font-size:30px; margin-top:40px; float:left; color:#6f6f6f; font-family: "Microsoft YaHei";}
.head_title h2 a,.head_titlethree h2 a{ font-weight:bold; color:#000}


.casesbg{ width:100%; background:url("1-16120211032M15.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/1-16120211032M15.jpg*/; background-position: center;
    background-repeat: no-repeat;
    background-size: cover; background-attachment:fixed;position:relative; height:100%;padding:0px;}

.casesbg i{position: absolute; cursor:pointer;
    left: 50%;
    margin-left: -25px;
    color: #FFF;
    font-size: 38px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-clip: padding-box;
    z-index: 1;
    text-decoration: none; bottom:50px;
	animation: aimteaa 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s infinite alternate;
    -webkit-animation: aimteaa 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s infinite alternate;
}
.casesbg i::before {
    content: " "; font-style:normal; display:block; background:url("xljtjt.png")/*tpa=https://www.topzhong.com/skin/lz/images/xljtjt.png*/ no-repeat center; width:50px; height:50px;
}


@keyframes aimteaa
{ 
  from{
    bottom:50px;
	opacity:1;
  } 
  to{
	  opacity:0.6;
	   bottom:40px;
	 }
}
@-webkit-keyframes aimteaa
{ 
  from{
    bottom:50px;
	opacity:1;
  } 
  to{
	  opacity:0.6;
	   bottom:40px;
	 } 
}



.casesbg h1{ color:#FFF; margin-bottom:20px; top:40%; position:absolute; width: 100%;}
.casesbg p{ color:#FFF; position:absolute; top:49%; width: 100%;}
.casestype{ width:87%; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.casestype li{height:34px; float:left; margin-right:15px;}
.casestype li a {
    display: inline-block;
    background: #fff;
    margin: 0px;
    height: 34px;
    line-height: 34px;
    color: #7e7e7e;
    font-size: 18px;
    text-align: center;
}

.casestype li a:hover{color:#eb3900}
.casestype .hover{ color: #175eb6; }


.head_title .postion ,.head_titlethree .postion{ float:right; color:#919191; background:url("postion.png")/*tpa=https://www.topzhong.com/skin/lz/images/postion.png*/ no-repeat left center; text-indent:20px; height:30px; line-height:30px;}
.head_title .postion p,.head_titletwo .postion p,.head_titlethree .postion p{ color:#919191; font-size:12px; margin-top:0px;}
.head_title .postion a,.head_titletwo .postion a,.head_titlethree .postion a{ color:#919191; font-size:12px;}
.head_title .postion a:hover,.head_titlethree .postion a:hover{ color:#23aae8}


.head_titlethree h2{ margin-top:160px; color:#FFF;}
.head_titlethree h2,.head_titlethree .postion{ position:absolute; left:2%;  font-weight:100;}
.head_titlethree h2 a{color:#FFF;}
.head_titlethree .postion{top:280px; color:#FFF;}
.head_titlethree .postion p{ color:#FFF; }
.head_titlethree .postion a{ color:#FFF;}
.head_titlethree .postion a:hover{ color:#FFF;}
.head_titlethree .postion{background: url("postionnr.png")/*tpa=https://www.topzhong.com/skin/lz/images/postionnr.png*/ no-repeat left center; }

.main .Solution1{ width:1200px;background:url("Solutionbg1.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/Solutionbg1.jpg*/ no-repeat left center; height:354px; margin:0 auto; margin-bottom:50px;}
.main .Solution1 p{ display:block; width:400px; margin-left:75px; margin-top:50px; font-size:14px; font-family: "Microsoft YaHei"; line-height:20px; float:left}
.main .Solution1 img{ float:right; margin-top:5px;}

.main .Solution2{ width:100%; display:block; text-align:center; font-family: "Microsoft YaHei"; font-size:18px; background:url("Solutionbg3.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/Solutionbg3.jpg*/ no-repeat center; margin-bottom:20px;}


.main .Solutionright{ background:url("Solutionbg4.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/Solutionbg4.jpg*/no-repeat left top; }

.main .Solutionright h1{float: left;
    margin-left: 70px;}

.main .Solutionright ul{ background: #ffffff;
    color: #6f6f6f;
    font-size: 16px;
    border-left: 3px solid #e2e2e2;
    padding-left: 15px;
    margin-top: 40px;
    margin-bottom: 70px; }

.main .Solutionright ul li{ line-height:37px}
.products_list{ width:100%; font-family:"Microsoft YaHei";font-size:14px; padding-top:20px; padding-bottom:40px; margin:0 auto; position:relative}
.products_list li{float: left;
    width: 217px;
    height: 150px;
    padding-top: 100px;
    text-align: center;
    width: 33.5%;
	width: 20%;
    margin-left:0;
    margin-right:0;}

.myserver{ width:100%; padding-top:40px; padding-bottom:40px; overflow:hidden}
.mainnr .products_list li{ width: 33.333%;}
.myserver .products_list{ width:96%; margin-left:2%;}
.products_list .flickity-page-dots li{ width:15px; height:15px; padding:0px;}
.products_list h2{font-size:18px;}
.products_list h2 a{color: #000;}
.products_list code{ margin-left:24px;}
.products_list code a{ color:#658fbd}
.products_list p{  line-height:22px; width:80%; margin:0 auto; margin-top:15px;     color: #909090;}
.products_list .products_list1{background: url("website.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/website.png*/ no-repeat top;}
.products_list .products_list2{background: url("guche.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/guche.png*/ no-repeat top;}
.products_list .products_list3{background: url("group.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/group.png*/ no-repeat top;}
.products_list .products_list4{background: url("app.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/app.png*/ no-repeat top;}
.products_list .products_list5{background: url("weixin2.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/weixin2.png*/ no-repeat top;}
.products_list .products_list6{background: url("yx.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/yx.png*/ no-repeat top;}
.products_list .products_list7{ background:url("diq.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/diq.png*/ no-repeat top;}
.products_list .products_list8{ background:url("hlwj.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/hlwj.png*/ no-repeat top;}
.products_list .products_list9{ background:url("xiao.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/xiao.png*/ no-repeat top;}








.page{text-align:right; margin-top:0px; height:40px; width:1200px; margin:0 auto; margin-top:40px; margin-bottom:40px;}

.page a {
	background: rgb(213, 219, 226); border: 1px solid rgb(221, 221, 221); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(128, 135, 146); line-height: 35px; float: left; margin-right:10px;
}
.page a:hover {
	background: rgb(0, 71, 177); border: 1px solid rgb(0, 71, 177); border-image: none; color: rgb(255, 255, 255);
}
.page b {
	background: rgb(0, 71, 177); border: 1px solid rgb(0, 71, 177); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: left; margin-right:10px;
}

.page .nextpage{ width:60px;}
.page .pripage{ width:60px;}





.footer { width:100%; margin:0 auto; height:160px; margin-top:10px; background: #F7F7F7; border-top:1px solid #EFEFEF}
.footer .footer_1{ float:left;}
.footer .footer_2{text-align:center; line-height:20px; padding-top:15px; width:1000px; margin:0 auto;}
.footer .footer_2 p{ margin-bottom:10px;}


.kfcen{width:52px; height:160px; position: fixed; top:140px; right:0; background:url("qq.png")/*tpa=https://www.topzhong.com/skin/lz/images/qq.png*/ no-repeat; text-align:center; padding-top:30px; padding-right:10px;}
.kfcen .onlidh{ display:block; width:50px; height:35px; text-align:center; line-height:35px; background:#FFF;
 -moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px; margin-bottom:5px;}

.link {width:1180px; margin:0 auto; line-height:150%;  padding:10px; margin-top:10px; padding-left:0px; color:#D5D5D5}
.link a{ margin:3px; color:#D5D5D5}

.plxq{ padding:24px; padding-right:22px; font-size:13px;}
.pltitle td{ height:25px; line-height:25px; background:#EFEFEF; color:#575757; font-weight:bold; padding-left:10px; padding-right:10px;  font-size:13px;}
.wypl { line-height:30px; padding-top:8px;  font-size:13px;}
.wypl input{ width:250px; border:1px solid #EFEFEF; margin-right:5px;  font-size:13px;}
.wypl textarea{ width:645px; border:1px solid #EFEFEF; margin-right:5px;  font-size:13px;}
.wypl .subpl{ width:90px; padding-top:4px; border:none}
.plnr{ padding:24px;  font-size:13px; padding-top:0px;}
.plnr td{font-size:13px;}




.main .soljs{width:614px; margin-left:70px; font-size:14px; font-family: "Microsoft YaHei"; line-height:20px; margin-top:20px; float:left}

.main .Solutionright h2{ font-size: 20px;
    font-weight: bold;
    color: #23aae8;
    border-left: 9px solid #23aae8;
    padding-left: 10px;}
.main .Solutionright p{ line-height: 170%;
    font-size: 16px;
    margin-top: 15px;}

.Solutionother{ width:1200px; height:223px; margin:0 auto; margin-top:20px;}
.Solutionother .Solutionother1{ width:25%; float:left; background:#CCC; height:200px; text-align:center; line-height:200px; position:relative}
.Solutionother .Solutionother1 img{ width:100%;}
.Solutionother .Solutionother1 a{ position:absolute; z-index:5; display:block; line-height:200px; top:0; text-align:center; width:100%; color:#FFF; font-size:25px; font-family: "Microsoft YaHei";}
.Solutionother .Solutionother1 span{ display:block; background:#39F; position:absolute; z-index:4; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0)}


.banner-i { width:408px; height:280px; margin-bottom:50px; overflow:hidden; float:right; margin-top:15px;}
.banner-cont-i { position:relative; height:280px; width:408px; overflow:hidden;}
.banner-solve-i { position:relative; height:280px; overflow:hidden;}
.banner-scroll-i { position:absolute; top:0; left:0; padding-top:0px; background:url("s-bg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/s-bg.jpg*/ no-repeat left top;}
.banner-text-i,.banner-img-i { float:left;}
.banner-text-i { width:339px; height:136px; margin-left:20px; background:url("s-l-ii.png")/*tpa=https://www.topzhong.com/skin/lz/images/s-l-ii.png*/ no-repeat; padding:60px 23px; font-size:18px; color:#1a1a1a; font-family:"Microsoft YaHei";}
.banner-text-i p { text-indent:25px; }
.banner-img-i { width:408px; height:255px; margin:0 0 0 0px; border:1px solid #F5F5F5}
.banner-sbtn-i { width:100px; height:18px; position:absolute; bottom:0; _bottom:-3px; left:158px; z-index:1000; top:260px;}
.banner-sbtn-i a { background:url("jdbg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/jdbg.jpg*/ no-repeat 0px 0px; cursor:pointer; width:10px; height:10px; float:left; margin:2px; line-height:2000px; overflow:hidden;}
.banner-sbtn-i a.activeSlide { background-position:-10px 0px;}

.fadownload{ margin-top:15px; padding:13px; background: #EAEAEA; border:1px solid #C8C8C8; width:300px; text-align:center}


.kf{ width:57px; position:fixed; left:100%; height:158px; top:50%; margin-top:-79px; margin-left:-57px; z-index:5; background: rgba(0, 0, 0, 0.55);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; padding-top:7px;}

.kf .kf2,.kf .kf4{ display:none}

.kf li{ width:57px; height:50px; text-align:center; line-height:50px; font-family: "Microsoft YaHei"; font-size:15px; color:#FFF; position:relative;}
.kf li:hover{cursor:pointer; color:#fff} 
.kf li a{ color:#fff}
.kf li a:hover{ color:#FFF}
.kf .kf1{
	background:url("tel.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/tel.png*/ no-repeat left center;
    width: 238px;
    padding-left: 57px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}

.kf .kf1:hover{ margin-left: -239px;
    background:url("tel.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/tel.png*/ no-repeat left center rgba(0, 0, 0, 0.55); }
	
	
.kf .tela{    
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
	}





.kf .kf2 a{ display:block; width:57px; height:58px;}
.kf .kf4 a{ display:block; width:57px; height:58px;}

.kf .kf5{ border: none;
    background: none;
    line-height:50px;
    cursor: default;
    overflow: hidden;
    background: url("qq-1.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/qq.png*/ no-repeat left center;
    width: 189px;
    padding-left: 57px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}	
.kf .kf5:hover{
	background: url("qq-1.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/qq.png*/ no-repeat left center rgba(0, 0, 0, 0.63);
	margin-left:-189px;
	
	}	
	
	
	
	
	
.kf .kf5 a{ display:inline-block; vertical-align:sub;     margin-right: 10px; margin-left: 14px;}
.kf .kf6{ background:url("totop.png")/*tpa=https://www.topzhong.com/skin/lz/images/totop.png*/ no-repeat 6px 20px; border: none; opacity:0; filter:alpha(opacity=0)}
.kf .kf6:hover{background:url("totop2.png")/*tpa=https://www.topzhong.com/skin/lz/images/totop2.png*/ no-repeat 7px 20px; border: none}



.kf .kf11{ background: url("weixin.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/weixin.png*/ no-repeat left center; }
.kf .weixin{ 
	position: absolute;
    height: 218px;
    width: 216px;
    margin-left:-140px;
    line-height: 25px;
    font-family: "Microsoft YaHei";
    background: rgba(0, 0, 0, 0.55);
    border-right: none;
    margin-top:-98px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
	}
	
.kf .kf11:hover .weixin{ 

	 margin-left:-245px; margin-top: 2px;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);

}
	
	
	

.morecasbtn{ width:134px; height:62px; background:url("xm.gif")/*tpa=https://www.topzhong.com/skin/lz/images/xm.gif*/ no-repeat; position: fixed; left:50%; margin-left:-60px; bottom:0px;}
.morecase{ width:100%; height:220px; background:#FFF; position: fixed;overflow:hidden; bottom:-235px; border-top:3px solid #EBEBEB; padding-bottom:10px;}
.morecase h2{ height:60px; line-height:60px; font-family: "Microsoft YaHei"; font-size:18px; margin-left:10px; display:block}
.morecase ul{ padding-bottom:20px; padding-top:30px;}
.morecase li{ float:left; width:230px; height:152px; background:#EAEAEA; margin-top:0px; margin-left:10px; margin-right:10px; position:relative; overflow:hidden;}
.morecase li img{ width:230px}
.morecase span{ display:block; position:absolute; top:0; opacity:0; filter:alpha(opacity=0);}
.morecase .aa1{ height:40px; background:#5868DA; color:#FFF; width:218px; margin-left:6px; top:140px; z-index:4; padding-top:8px; line-height:20px; font-size:14px}
.morecase .aa2{width:218px; height:140px; border:6px solid #5868DA; z-index:3}
.morecase .aa3{ background:url("mroefd.png")/*tpa=https://www.topzhong.com/skin/lz/images/mroefd.png*/ no-repeat; z-index:5; width:44px; height:44px; top:30px; left:90px}




.main .fyh1{ width:920px; margin-bottom:20px; border-left:10px solid #0074bf; text-indent:10px; font-size:30px; font-family: "Microsoft YaHei";}
.main .fyjj{ line-height:22px; width:930px; font-size:14px; margin-bottom:20px; font-family: "Microsoft YaHei";}
.main .fyjj p{font-size:14px; margin-bottom:10px; font-family: "Microsoft YaHei";}
.main .fytitlebg{ width:930px; height:49px; line-height:49px; text-indent:10px; background:url("fytitlebg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/fytitlebg.jpg*/ repeat-y; display:block; font-size:18px; color:#FFF;font-family: "Microsoft YaHei";}
.main .fytitlebg2{ height:30px; line-height:30px; text-indent:10px; color:#5F5F5F; background:#f1f1f1; width:180px; margin-top:10px; margin-bottom:10px;}
.main .fynr{ line-height:25px; font-size:14px; padding-left:0px; width:930px; color:#3c3c3c; letter-spacing:1px; margin-bottom:25px;}
.main .fynr p{ font-size:14px;}
.main .fynr strong{ font-size:14px;}
.main .fynr td{ vertical-align:top; line-height:22px; padding-bottom:10px;}
.main .fynr a{ font-size:14px; color:#0074bf}
.main .fynrimg{ float:right; margin-right:200px; padding:40px;}
.main .fynr table{ padding-bottom:10px;}
.main .fydh{  height:100%;  position:absolute; top:0; left:50%; margin-top:100px; margin-left:376px; width:220px;}
.main .fydh dl{ position:fixed; bottom:150px; }
.main .fydh dl dd{ background:url("fydhbg1.jpg.png")/*tpa=https://www.topzhong.com/skin/lz/images/fydhbg1.jpg*/ no-repeat; width:222px; height:28px; line-height:28px; text-indent:35px; margin-bottom:15px; margin-left:4px; color:#FFF}
.main .fydh dl dd:hover{background:url("fydhbg1hover.jpg.png")/*tpa=https://www.topzhong.com/skin/lz/images/fydhbg1hover.jpg*/ no-repeat; cursor:pointer}
.main .fydh .hover{background:url("fydhbg1hover.jpg.png")/*tpa=https://www.topzhong.com/skin/lz/images/fydhbg1hover.jpg*/ no-repeat; cursor:pointer}
.main .fydh dl dd a{ color:#FFF}


.bominfo{width:1200px;overflow:hidden; margin:0 auto; border:1px solid #F3F3F3; background:url("shuminbg.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/shuminbg.jpg*/ no-repeat 10px 6px;}
.bominfo ul{padding-top:8px;}
.bominfo li{height:60px;float:left;width:180px;padding-right:10px;line-height:18px; padding-left:50px; color:#9a9a9a}


.lqpic {width:1200px;
    margin: 0 auto;
    margin-bottom: 20px; background:#fff;}
.lqpic_1 li{ width:20%;
    display: inline-block; }
.lqpic_1 li:hover{}
.lqpic_1 li a{    display: inline-block;
    width: 100%;
    height: 30px;
    padding-top: 90px;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: url("nav_icons_new.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_new.png*/ no-repeat 92px 20px;}
.lqpic_1 li a:hover{ color:#175eb6;}

.lqpic_1 li .lqpic-index{   background-position:92px 20px;   }
.lqpic_1 li .lqpic-safe{  background-position: -156px 20px;  }
.lqpic_1 li .lqpic-keywords{  background-position: -401px 20px;  }
.lqpic_1 li .lqpic-search{   background-position:-647px 20px;  }
.lqpic_1 li .lqpic-fk{   background-position: -897px 20px; }

.lqpic_1 li .lqpic-index:hover{ background: url("nav_icons_newhover.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_newhover.png*/ no-repeat 92px 20px;   }
.lqpic_1 li .lqpic-safe:hover{  background: url("nav_icons_newhover.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_newhover.png*/ no-repeat  -156px 20px;  }
.lqpic_1 li .lqpic-keywords:hover{  background: url("nav_icons_newhover.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_newhover.png*/ no-repeat -401px 20px;  }
.lqpic_1 li .lqpic-search:hover{   background: url("nav_icons_newhover.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_newhover.png*/ no-repeat -647px 20px;  }
.lqpic_1 li .lqpic-fk:hover{   background: url("nav_icons_newhover.png")/*tpa=https://www.topzhong.com/skin/lz/images/nav_icons_newhover.png*/ no-repeat -897px 20px; }












.xlone{height:280px; background: rgba(0, 0, 0, 0.8); position:fixed;top:50px;  z-index:100; width:100%; min-width:1200px; height:0px; overflow:hidden;
}
.xlone ul{ width:1200px; margin:0 auto; padding-top:40px; overflow:hidden}
.xlone li{ float:left;}
.xlone li a{ font-size:14px; color:#FFF}
.xlone .xlone_1,.xlone .xlone_2{ width:299px; height:198px; border:1px solid #f9f9f9; margin-right:20px;}
.xlone .xlone_2{ margin-right:100px;}
.xlone .xlone_1 img,.xlone .xlone_2 img{ width:299px; height:198px}

.xlone .xlone_3,.xlone .xlone_4,.xlone .xlone_5,.xlone .xlone_6,.xlone .xlone_7,.xlone .xlone_8{ width:220px; height:30px; line-height:30px; padding-top:10px; padding-bottom:10px;}


.xltwo{ background: rgba(0, 0, 0, 0.8); height:280px; position:fixed; top:119px;z-index:100; width:777px;  left:50%; margin-left:-350px; padding-left:40px; height:0px; overflow:hidden;}
.xltwo ul{ width:777px; margin:0 auto; padding-top:40px; overflow:hidden; background:url("fabg.png")/*tpa=https://www.topzhong.com/skin/lz/images/fabg.png*/ no-repeat 524px 50px;}
.xltwo li{ float:left;}
.xltwo li a{ font-size:14px; color:#FFF}
.xltwo .xlone_1,.xltwo .xlone_2{ width:299px; height:198px; border:1px solid #f9f9f9; margin-right:20px; margin-right:60px;}
.xltwo .xlone_1 img,.xltwo .xlone_2 img{ width:299px; height:198px}

.xltwo .xlone_3,.xltwo .xlone_4,.xltwo .xlone_5,.xltwo .xlone_6,.xltwo .xlone_7,.xltwo .xlone_8{ width:200px; height:30px; line-height:30px; padding-top:10px; padding-bottom:10px; }


.xlthree{ background: rgba(0, 0, 0, 0.8); height:280px;position:fixed;top:119px; z-index:100; width:100%; min-width:1200px; height:0px; overflow:hidden;}

.taocan{ width:1200px; margin:0 auto; overflow:hidden}
.taocan .taocan1{ width:220px; float:left; margin-left:15px; margin-right:15px; padding-top:50px; text-align:center}
.taocan .taocan1 a{ font-size:18px; color:#FFF}
.taocan h3{font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; font-weight:100; text-align:center;  font-size:18px; color:#000;   margin-top: 10px; display:block}
.taocan p{ margin-top:10px; text-align:center; font-size:12px; line-height:20px; padding-left:5px; padding-right:5px; color:#d0d0d0}
.taocan .taocanmx{ width:120px;padding-top:130px;}
.taocan .taocanmx a{ font-size:15px; font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; display:block; border:1px solid #dcdcdc; padding:5px;}


.xlfour{height:280px; background: rgba(0, 0, 0, 0.8); position:fixed;top:119px;  z-index:100; width:400px; height:0px; overflow:hidden; left:50%; margin-left:20px;}
.xlfour ul{ width:360px; margin:0 auto; padding-top:40px; overflow:hidden; background:url("fabg.png")/*tpa=https://www.topzhong.com/skin/lz/images/fabg.png*/ no-repeat 170px 30px;}
.xlfour li{ float:left; width:150px; height:40px; line-height:40px; margin-left:26px;}
.xlfour li a{ font-size:14px; color:#FFF}







.zxnews{ min-width:1200px; width:90%; overflow:hidden; margin:0 auto; margin-bottom:20px;}

.zxnews.zxnews_app{ width:80%; margin-top:20px; }

.zxnews .zxnews_1{width:21%; height:422px; overflow:hidden; float:left}
.zxnews .zxnews_1 h3{ height:40px; padding-top:12px; line-height:40px; color:#000; font-family: Arial, Microsoft YaHei; font-size:20px; font-weight:400;}
.zxnews .zxnews_1 h3 a{ float:right; display:block; text-align:center; width:101px; color:#6b6b6b; font-size:14px; text-indent:0px; font-weight:100}

.zxnews .zxnews_1 ul{ padding:10px; margin-top:10px; padding-left:0px; }
.zxnews .zxnews_1 ul li{ height:40px; line-height:40px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.zxnews .zxnews_1 ul li:hover{ margin-left:10px;}
.zxnews .zxnews_1 ul li a{ font-size:14px; color:#696969; font-family: Arial, Microsoft YaHei; display:block; width:100%; height:100%;    white-space: nowrap;
    text-overflow: ellipsis;     overflow: hidden; }
.zxnews .zxnews_1 ul li a:hover{ color:#175eb6}

.zxnews .zxnews_2{ margin-left:1%;}


.zxnews .zxnews_wx{ width:60%; height:auto; }
.zxnews .zxnews_wx ul li{ width:49%; margin-right:2%; float:left; height:auto; webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none; line-height:25px; position:relative; text-indent:0; margin-bottom:20px; }
.zxnews .zxnews_wx ul{ overflow:hidden;}
.zxnews .zxnews_wx ul li:hover{ margin-left:0px; } 
.zxnews .zxnews_wx ul li a{ display: inline; }
.zxnews .zxnews_wx ul li:nth-child(2n){ margin-right:0px;}
.zxnews .zxnews_wx ul li img{ float:left; margin-right:15px; width:200px; height:130px; }
.zxnews .zxnews_wx ul li span{     color: #383838; margin-bottom: 10px;text-indent: 0; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.zxnews .zxnews_wx ul li  p{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-indent: 0; line-height:23px;     color: #969696; font-size:14px; }

.zxnews .zxnews_wx ul li  em{ color: #ababab;  position: absolute;  bottom: 0; }


@media screen and (max-width:1400px) {
	
.zxnews .zxnews_wx ul li img{    width: 150px; height: auto;}
.zxnews .zxnews_wx ul li span{ font-szie:18px; }
.zxnews .zxnews_wx{  width: 70%; }
	}



@media screen and (max-width:800px) {
	
.zxnews .zxnews_1{ max-width:290px; }	
	
	}





.zxnews .zxnews_3{ float:right; width:35%; height:422px; overflow:hidden; position:relative}


.zxnews .zxnews_3 h3{ height:40px; padding-top:12px; line-height:40px; color:#6b6b6b; font-family: Arial, Microsoft YaHei; font-size:18px;}
.zxnews .zxnews_3 h3 a{ float:right; display:block; text-align:center; width:101px; color:#6b6b6b; font-size:14px; text-indent:0px; font-weight:100}




.zxnews_3 .LeftBotton{ width:70px; height:60px; background:url("jta1.png")/*tpa=https://www.topzhong.com/skin/lz/images/jta1.png*/ no-repeat center; position: absolute; cursor: pointer; left:340px; top: 1px;}
.zxnews_3 .LeftBotton:hover{ background:url("jta1hover.png")/*tpa=https://www.topzhong.com/skin/lz/images/jta1hover.png*/ no-repeat center; }





.zxnews_3 .Cont{float:left; width:542px; height:180px; overflow:hidden; margin-top:30px;}
.zxnews_3 .Cont .boxal{ float:left; width:542px; margin-top:0px; position:relative; font-family: Arial, Microsoft YaHei; }
.zxnews_3 .Cont .boxal a{ color:#B3B3B3;  }
.zxnews_3 .Cont .boxal .title{ display:block; font-size:14px;color:#515050; margin-bottom:5px;}
.zxnews_3 .Cont .boxal .time{ font-size:12px; color:#B3B3B3}
.zxnews_3 .Cont .boxal p{ margin-top:10px; line-height:22px; font-size:13px; color:#B3B3B3}

.zxnews_3 .Cont .boxal img{ width:280px; float:left; margin-right:15px; height:180px;}

.zxnews_3 .RightBotton{width:70px; height:60px; background:url("jtb1.png")/*tpa=https://www.topzhong.com/skin/lz/images/jtb1.png*/ no-repeat center;  position: absolute;cursor: pointer; left:411px; top: 1px;}
.zxnews_3 .RightBotton:hover{  background:url("jtb1hover.png")/*tpa=https://www.topzhong.com/skin/lz/images/jtb1hover.png*/ no-repeat center; }



.zxnews_3 .typemore{ position:absolute; width:34px; height:37px; position:absolute; margin-left:197px; margin-top:151px;z-index:1000; opacity:0; filter:alpha(opacity=0);}
.zxnews_3 .typemore a{ display:block; background:url("morego.png")/*tpa=https://www.topzhong.com/skin/lz/images/morego.png*/ no-repeat; width:34px; height:37px; } 
.zxnews_3{ float:left; width:135px; height:188px;}
.zxnews_3 span{ display:block}
.zxnews_3 .main_2_1{ color:#007dc6; font-size:14px; font-weight:bold; margin-top:15px; margin-left:25px;}
.zxnews_3 .main_2_2{ color:#84be45; font-family:Arial, Helvetica, sans-serif; font-size:10px;  margin-left:25px;}
.zxnews_3 .main_2_3{ margin-top:112px; margin-left:25px; background:url("more1.png")/*tpa=https://www.topzhong.com/skin/lz/images/more1.png*/ no-repeat; width:42px; height:16px;}
.zxnews_3 .main_2_3:hover{background:url("more2.png")/*tpa=https://www.topzhong.com/skin/lz/images/more2.png*/ no-repeat;}
.zxnews_3 .main_2_3 a{ display:block; width:100%; height:100%}



.zxnews_3 .zxqy{ width:100%; margin:0 auto; overflow:hidden; margin-top:13px;}
.zxnews_3 .zxqy li{ height:46px; float:left; width:271px; margin-top:11px; margin-bottom:11px;}
.zxnews_3 .zxqy li a{font-family: Arial, Microsoft YaHei; color:#B3B3B3;}
.zxnews_3 .zxqy .title{display:block; font-size:14px;color:#515050; margin-bottom:5px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.zxnews_3 .zxqy .time{font-size:12px;}
.zxnews_3 .zxqy img{ float:left; width:46px; height:46px; margin-right:15px;}




@media screen and (max-width:800px) {
	
	.zxnews .zxnews_1{width:24%;}
	.zxnews .zxnews_3 {

		width: 282px;

	}
	
	
}




.wm_xg{ width:87%; margin:0 auto; overflow: hidden;}
.wm_xg h2{ margin-bottom:15px; display:block; font-size: 20px; font-weight: 400;}
.wm_xg .wm_xg_1{ width:35%; float:left; margin-right:2%;}
.wm_xg ul { overflow:hidden;}
.wm_xg ul li{
    width:100%;
    line-height:30px;
    overflow: hidden; margin-bottom: 10px;}

.wm_xg ul li:nth-child(3n) {
    margin-right: 0px;
}

.wm_xg ul li img {
    width: 150px;
    height: 96px;
    float: left;
    margin-right: 10px;
	border: 1px solid #f1f1f1;
}

.wm_xg ul li span {
    color: #191919;
    font-size: 16px;
    line-height: 23px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wm_xg ul li p {
    overflow: hidden;
    line-height: 20px;
    color: #9c9c9c;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wm_xg ul li a{ font-size: 14px;
    color: #696969;
    font-family: Arial, Microsoft YaHei;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.wm_xg ul li:nth-child(1) a{ display:inline; }

.wm_xg ul li a:hover {
    color: #175eb6;
}

.youshi{background-color: #F5F5F5;height:290px; padding:126px 0 0; font-family: Arial, Microsoft YaHei; margin-bottom:20px; position:relative; overflow:hidden;}
.linzh{height:85px;text-align: center; position:relative; z-index:2}
.linzh .title{color: #333;font-size: 30px;line-height: 30px; font-weight: bold; font-family: Arial, Microsoft YaHei;}
.linzh p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;}


.youshi video{position: absolute;
    top: -430px;
    width: 1920px;
    height: 1460px;
    left: 0px;
    }

.youshi .youbg{position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.86);
    z-index: 1;
    top: 0px;
    left: 0px;
}


.youshitwo{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px; position:relative; z-index:2}
.youshitwo div{width: 298px;float: left; text-align:left; line-height:25px;}
.youshitwo div h4{font-size:24px; font-weight:bold;margin-top:0px; text-align:left; padding-top:0px;}
.youshitwo div img{margin:0 auto; margin-top:30px; float:left;}
.youshitwo-a{display: block; position: relative;text-decoration: none;}
.youshitwo-a{color: #666; font-size:16px;}
.youshitwo-a u{ color:#2f89e6; text-decoration:none; font-size:14px;}
.youshitwo-a u:hover{ color:#f87500; font-size:14px; text-decoration:underline;}
.youshitwo span{width:28px; float: left;height: 109px;}

.aone{ padding-left:90px; background:url("a1.png")/*tpa=https://www.topzhong.com/skin/lz/images/a1.png*/ no-repeat left top}

.bone{ padding-left:80px; background:url("a2.png")/*tpa=https://www.topzhong.com/skin/lz/images/a2.png*/ no-repeat left top}

.cone{ padding-left:80px; background:url("a3.png")/*tpa=https://www.topzhong.com/skin/lz/images/a3.png*/ no-repeat left top}




.step{ width:100%; padding-top:50px; padding-bottom:50px;}
.step h1{ text-align:center; width:500px; font-size:30px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    padding: 20px; margin:0 auto;}
.step .shum{
    color: #000000;
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight:bold; width:500px; margin:0 auto; display:block; position:relative;
} 

.step .shum:after {
    content: "";
    width: 36px;
    height: 2px;
    background: #175eb6;
    position: absolute;
    bottom: 0px;
    left: 50%; 
    margin-left: -18px;
}

.step .lcjs{ width:700px; text-align:center; margin:0 auto; line-height:25px; color:#ADADAD; font-size:14px;}

.step ul{ width:1200px ;box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; overflow:hidden; margin:0 auto; margin-top:50px;}
.step ul li{width: 150px;
    height: 150px;
    margin: 0 25px;
    border: 1px solid #E4E4E4;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    color: #7FBE25;
    float: left;
    color: #9E9E9E;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    list-style: none;
    cursor: pointer;}
.step ul li p{ position:absolute; bottom: 36px; text-align:center; left:0; width:100%; font-size:14px;}
.step li span{    position: absolute;
    top: 40px;
    display: block;
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 25px;
    font-weight: bold;
    left: 54px;
    border-radius: 50%;
    background: #B9B9B9;
    color: #FFF;
    text-align: center; line-height:25px;}
.step li:hover{background:#2C8BE9; color:#FFF; border:1px solid #2C8BE9}
.step li:hover span{ background:#FFF; color:#2C8BE9}
.step6{ margin-right:0px;}

.step .imgimg{ width:100%; text-align:center}


.otherpage{ width:1200px; text-align:center; margin:0 auto; margin-top:50px;}
.otherpage a{ display:inline-block;margin: 0px 5px;
    width: 109px;
    height: 26px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; background:#000}
.otherpage a:hover{ background:#2C8BE9; color:#FFF;}
.otherpage a.hover{ background:#2C8BE9; color:#FFF;}


.server_lione{ width:786px; margin:0 auto; overflow:hidden}
.server_lione li{float: left;
    width: 120px;
    height: 100px;
    margin: 0px 50px;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    padding-top: 40px;}

.server_tx{ text-align:center; color:#000; font-size:18px; margin-top:60px; margin-bottom:30px;}
.server_tx p{ width:500px; margin:0 auto; text-align:center; font-size:14px; color:#ADADAD; margin-top:10px;}
.server_litwo{ width:1200px; margin:0 auto; overflow: hidden;}
.server_litwo li{width: 238px;
    padding: 0px;
    float: left;
    border: 1px solid #C5C5C5;
    margin: 0px 20px;
    font-size: 14px;
    height: 100px;
    padding: 10px;
    text-align: center;  border-radius:5px;}
.server_litwo li p{ margin-top:10px;}
.server_litwo li em{ display:inline-block; font-style:normal;
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 25px;
    font-weight: bold;
    left: 54px;
    border-radius: 50%;
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 25px;}

.service_tel{ width:100%; text-align:center; margin-top:70px;}
.service_tel li{ width:50%; height:250px; float:left; color:#FFF; text-align:center;     font-size: 30px;}
.service_tel li img{ margin-top:50px;}
.service_tel li span{ font-size:18px;}
.service_tel .service_tel_1{ background:url("service_tel1_bg.jpg")/*tpa=https://www.topzhong.com/skin/lz/videopic/service_tel1_bg.jpg*/ right top;}
.service_tel .service_tel_2{ background:url("service_tel2_bg.jpg")/*tpa=https://www.topzhong.com/skin/lz/videopic/service_tel2_bg.jpg*/ right top;}

.topnr{ min-height:500px;}


.wm_ser{ margin-top:50px; }
.wm_ser .title{ font-size: 28px; text-align:center; margin-bottom:10px; }
.wm_ser .title_p{color: #8d8c8c; font-size: 14px;  line-height: 26px; text-align:center;}
.wm_ser ul{width:90%; margin:0 auto; min-width:1200px; margin-top:40px; padding-bottom: 24px;}
.wm_ser ul li{ box-shadow:1px -1px 27px 3px rgba(0,0,0,0.07); width: 30%; margin-left: 1.6%;  margin-right: 1.6%; float: left; text-align:center; padding-top:50px; padding-bottom:50px; position: relative; }

.wm_ser ul li h2{font-size: 26px; color: #111;font-weight: 400;}
.wm_ser ul li p{ width:80%;margin:0 auto; font-size: 16px; text-align: center; color: #555;  line-height: 30px;  margin-top: 25px;}

.wm_ser ul li span{ color:#fff; display:block; background: #ffaa06; height: 48px; line-height: 48px; border-radius: 24px; left:35%; width:30%; position: absolute; bottom:-24px; }

.wm_ser ul li span i{overflow: hidden; display: inline-block;}
.wm_ser ul li span i::before{ content:" "; width:10px;height:2px; background:#fff; display:block; float:left; margin-top: 4px;}

.wm_ser ul li span i::after{ content:" "; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; display:block; float:left;}

.sys{ width: 100%;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 50px 0px;
    margin-top: 60px;}
	.sys h3{ color: #555; text-align:center; font-weight:400; font-size:32px; }
	.sys .sys_0{ text-align: center;     margin:8px 0; color: #999; letter-spacing:1px;  font-size: 14px}
	.sys .sys_0 strong{ margin:0 5px; color:#ffaa06 }
	
	.sys .sys_1{width:87%; margin:0 auto; height:800px; background:url("1.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/1.jpg*/ no-repeat center center;  position: relative;}
	
	.sys .sys_1 span{ z-index:6; left: 50%;  position: absolute; background: #feaa06; color: #fff; border-radius: 20px;padding: 5px 15px;font-size: 14px; letter-spacing:1px;
		-moz-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.08);box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.08); }
		
	.sys .sys_1 .sys_1_1{margin-left: -75px; top: 120px;}
	
	.sys .sys_1 .sys_1_2 {top: 230px;  margin-left: -260px;}
	
	.sys .sys_1 .sys_1_3 {top:370px;  margin-left: -400px;}
	
	.sys .sys_1 .sys_1_4 {top:240px;  margin-left:360px;}
	
	.sys .sys_1 .sys_1_5 {top:370px;  margin-left:330px;}
	
	.sys .sys_1 .sys_1_6 {top:100px;  margin-left:360px;}
	
	.sys .sys_1 .sys_1_7 {top:480px;  margin-left:260px;}
	
	.sys .sys_1 .sys_1_7 {top:480px;  margin-left:260px;}
	
	.sys .sys_1 .sys_1_8 {top:500px;  margin-left:-510px;}
	
	.sys .sys_1 .sys_1_9 {top:600px;  margin-left:-490px;}
	
	.sys .sys_1 .sys_1_10 {top:670px;  margin-left:-150px;}
	
	.sys .sys_1 .sys_1_11 {top:600px;  margin-left:100px;}
	
	.sys .sys_1 .sys_1_12 {    font-size: 30px; padding: 20px;  width: 150px; text-align: center;  top: 330px;  margin-left: -60px; background: #fff;  color: #feaa06; font-weight: bold;}
	
	







.fu_li{ width:90%; margin:0 auto; background:url("12.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/12.jpg*/ no-repeat right top; padding-top:50px;}
.fu_li h2::before{ content:"WHY CHOOSE US"; display:block; font-size: 16px; line-height: 24px; color: #999; font-weight:400; text-transform: uppercase; }
.fu_li h2{ font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a; }
.fu_li h2 span,.fu_li .commiaoshu span {color: #d90000;}
.fu_li .commiaoshu{position: relative; padding: 20px 37% 86px 0; font-size: 16px; line-height: 30px}



.fu_li_1{ overflow:hidden;}
.fu_li_1 dl{ padding-top:80px; float:left; position:relative; width:20%; margin-right: 6.6%; -webkit-transition: all ease .3s;-o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; border-bottom:1px solid #d2d2d2; height: 270px; }
.fu_li_1 dl::before{ content:"01"; display:block; position: absolute; right:0px;top:-12px;  font-size: 100px; line-height: 100px; color: #f2f2f2;font-weight: bold; -webkit-transition: all ease .3s;-o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.fu_li_1 dl:nth-child(2)::before{content:"02";}
.fu_li_1 dl:nth-child(3)::before{content:"03";}
.fu_li_1 dl:nth-child(4)::before{content:"04";}


.fu_li_1 dl:nth-child(1){ background:url("li1.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/li1.jpg*/ no-repeat left top;  }
.fu_li_1 dl:nth-child(1):hover{background:url("li1_hover.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/li1_hover.jpg*/ no-repeat left top;}

.fu_li_1 dl:nth-child(2){ background:url("li2.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/li2.jpg*/ no-repeat left top;  }
.fu_li_1 dl:nth-child(2):hover{background:url("li2_hover.jpg")/*tpa=https://www.topzhong.com/skin/lz/images/li2_hover.jpg*/ no-repeat left top;}


.fu_li_1 dl:nth-child(3){ background:url("li3.png")/*tpa=https://www.topzhong.com/skin/lz/images/li3.png*/ no-repeat left top;  }
.fu_li_1 dl:nth-child(3):hover{background:url("li3_hover.png")/*tpa=https://www.topzhong.com/skin/lz/images/li3_hover.png*/ no-repeat left top;}

.fu_li_1 dl:nth-child(4){ background:url("li4.png")/*tpa=https://www.topzhong.com/skin/lz/images/li4.png*/ no-repeat left top; margin-right:0; }
.fu_li_1 dl:nth-child(4):hover{background:url("li4_hover.png")/*tpa=https://www.topzhong.com/skin/lz/images/li4_hover.png*/ no-repeat left top;}

.fu_li_1 dl:hover dt{color: #d80000; }
.fu_li_1 dl:hover::before{color: #ccc}
.fu_li_1 dl dt{padding: 10px 0 21px;  font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a;  }
.fu_li_1 dl dd{display: block; line-height: 36px; color: #666;}
.fu_li_1 dl dd a{ font-size: 14px; transition:none; color: #666}
.fu_li_1 dl dd a::before{content:"-"; margin-right:20px;}
.fu_li_1 dl dd a:hover{ color:#d80000; }


.price_1 {background:#f1f1f1; padding:40px 0px; margin-bottom:30px;}
.price_1 h2{font-size: 32px; font-weight: 600; text-align:center; display:block}

.price_1 ul{ overflow:hidden; width:80%; min-width:1200px; margin:0 auto;}
.price_1 .price_p{width: 100%;
    text-align: center;
    font-size: 18px;
    color: #888; padding:30px 0;}
.price_1 ul li img{box-sizing: border-box;}
.price_1 ul li{

background: #ffffff; float:left; width:41%; margin-right:2%; margin-bottom:2%; padding:2% 4%; overflow:hidden;
}
.price_1 ul li:nth-child(2n){ margin-right:0;}

.price_1 ul li img{ float:right;}
.price_1 ul li div{ float:left; font-size:30px; font-weight:bold;margin-top:7px; line-height:30px; width:70%; }
.price_1 ul li div p{font-size:14px; font-weight:100}
.price_1 ul li div em{  font-style:normal; font-weight:100; font-size:18px; }
.price_1 h4{font-size: 16px; margin-bottom:10px;}


@media screen and (max-width: 640px){
	
	.cases-pic li.huodon:after{ bottom:20px; left: 20px; width: 53%;}

	.cases-pic li.huodon p{     top: 0px;
    text-indent: 0px; padding: 0px;     font-size: 20px; }
	
	.cases-pic li.huodon span {top: 55px;
    left: 0px;
    margin: 20px;
        font-size: 12px; line-height:25px; margin-top:0px;
    }
	
	.cases-pic li.huodon span em {
    font-size: 15px;
}
}