*{ padding:0px; margin:0px; list-style-type: none}
a {
    color: #4B4948;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

a:hover {
    color: #DA391D;
}

body{ color: #4B4948; }

.header {
    position: fixed;
    top: 0;
    height: 100px;
    background: #fff;
    width: 100%;
    z-index: 10000;
	line-height: 1rem;
}

.header .logo {
    float: left;
    margin-top:20px; margin-left:20px;
}
.header .logo img{ width:100%; vertical-align: middle;  }

.nav {
    float: right;
}

.nav a {
    position: relative;
    display: inline-block;
    height: 100px;
    margin: 0 26px;
    line-height: 100px;
}

.nav a.active {
    color: #DA391D;
}
.hide-mb {
    display: block;
}

.nav a:first-child:after {
    content: " ";
    position: absolute;
    top: 43px;
    right: -30px;
    width: 1px;
    height: 15px;
    background-color: #CCCCCC;
}


.banner {
	z-index: -1;
	width: 100%;
	background-color: #ccc;
	margin-top:100px;
}



.swiper01 {
	width: 100%;
	height: 600px;
}
.swiper01 .swiper-slide {
	position: relative;
	height: 600px;
	background-position: top center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.swiper05 .swiper-pagination-bullet,
.swiper03 .swiper-pagination-bullet,
.swiper01 .swiper-pagination-bullet {
	width: 0.08rem !important;
	height: 0.08rem !important;
	background: none !important;
	border: 0.03rem solid #fff !important;
	
	opacity: 1;
}
.swiper05 .swiper-pagination-bullet-active,
.swiper03 .swiper-pagination-bullet-active,
.swiper01 .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 0.9) !important;
}
.swiper03.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0px;
}
.swiper03.sab .swiper-pagination-bullet {
	border: 0.03rem solid #4D4948 !important;
}
.swiper03.sab .swiper-pagination-bullet-active{
	background: rgba(77, 73, 72, 0.9) !important;
}
/*banner text*/
.swiper01 .swiper-slide .pic01 {
	position: absolute;
	top: 50%;
	left: -webkit-calc(50% - 730px);
}


.swiper-pagination-bullet{ padding:5px; margin:0px 5px; }


.swiper01 .swiper-slide p{ position: absolute;
    width:80%;
    left:10%;
    color: #fff;
    font-size:20px;
    top: 230px;line-height: 30px;
 }

.swiper01 .swiper-slide p strong{    
	font-size: 30px;
    display: block;
}

.main{ width:100%; padding-top:100px; }

.main h2{ text-align: center;
    font-size: 24px;
    margin-bottom: 1rem;
    font-weight: bold;
    text-transform: Uppercase;
    letter-spacing: 1.8px; display:block; }

.main p{
    	font-weight: normal; 
		text-align: center;
	    font-size: 16px;
}



.shum {
	margin-top:20px;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 1.8px;
}

.main h3 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 24px;
    font-weight: 400;
}


.main ul {
    margin: 0 auto;
    width:90%;
	overflow: hidden;
}

.main ul li {
    margin-top: 72px;
    position: relative;
    text-align: center;
    width:25%; float:left;
	height:750px; overflow: hidden
}

.main ul li img{ position:absolute; bottom:0px; left:0; }
.main .bg{ 

	background-color: rgba(0, 0, 0, .7);
    transition: all .5s;
    height: 100%;
    z-index: 5;
    position: absolute;
    width: 100%;

}


.main .txt{
	
	position:absolute;
	top:100px;
	text-align: center;
	width:100%;
	color:#fff;
	z-index:6;
	
	
}

.main .txt h2 a{ color:#fff; }
.main .txt h2 a::after{ content:' '; display:block; height:1px; background:#fff; width:80px; margin:0 auto; margin-top:40px; margin-bottom:30px; transition: all .5s; }

.main .txt p{ line-height:50px;}
.main .txt h2 a:hover::after{ width:150px; }



.case{ width:90%; margin:0 auto; margin-top:100px; }

.case ul li{ float: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    transition: all 0.2s ease-in-out 0s;
    width: 32%;
	}

.case h2{ text-align:center}
.case p{ text-align:center; line-height:50px;}

.case ul {margin-top:30px; }

.case ul li:nth-child(2){ margin-left:2%; margin-right:2%;  }

.case ul li img{ width:100%; display:block;}

.case ul 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);}

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



.caselist{ text-align: center;width:100%; height:500px; margin-top:100px; background: url("69d499aaf3ab85a02c3bcc45a739766c.png")/*tpa=https://www.topzhong.com/skin/qipai/images/69d499aaf3ab85a02c3bcc45a739766c.png*/ no-repeat; }
.caselist.caselisttwo{ background: url("s_04.png")/*tpa=https://www.topzhong.com/skin/qipai/images/s_04.png*/ no-repeat center #f5b00e; height:800px;  }

.caselist h2{ color:#fff; padding-top:200px;     font-size: 36px;
    margin-bottom: 15px;}

.caselist.caselisttwo h2{ padding-top:80px; }


.caselisttwo span{ color:#fff; margin-top:500px; display: block; font-size: 30px; }


.caselist p{ color:#fff;  }

.view-all {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    height: 65px;
    font-family: Raleway-Regular, sans-serif;
    font-size: 14px;
    line-height: 3.78571;
    letter-spacing: .2em;
    line-height: 65px;
    text-transform: uppercase;
}

.view-all:hover {
    background-color: #ee7325;
    color: #fff;
}


.faq{ text-align: center; margin:0 auto; padding-top:50px; background:#f1f1f1; margin-top:40px; padding-bottom:40px; margin-bottom:40px; }

.faq h2 {
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: 400;
    padding: 20px 0px 0px;
}
.faq ul{ width:90%; margin: 0 auto; padding-top:20px; }

.faq ul li{ float: left;  width:16%;  margin-right:5%; border-radius:5px; overflow: hidden;
	-moz-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2); 
}
.faq ul li:nth-child(5n){ margin-right:0px;}

.faq ul li h4{width: 100%;
    background: url("newsbg.jpg")/*tpa=https://www.topzhong.com/skin/qipai/images/newsbg.jpg*/ no-repeat;
    height:100px;
    color: #fff;
    line-height:100px;
    font-size:20px; font-weight:400; }


.faq ul li:nth-child(5n) h4{ background: url("newsbg2.jpg")/*tpa=https://www.topzhong.com/skin/qipai/images/newsbg2.jpg*/ no-repeat; }
.faq ul li:nth-child(2n) h4{ background: url("newsbg4.jpg")/*tpa=https://www.topzhong.com/skin/qipai/images/newsbg4.jpg*/ no-repeat; }
.faq ul li:nth-child(3n) h4{ background: url("newsbg5.jpg")/*tpa=https://www.topzhong.com/skin/qipai/images/newsbg5.jpg*/ no-repeat; }
.faq ul li:nth-child(4n) h4{ background: url("newsbg3.jpg")/*tpa=https://www.topzhong.com/skin/qipai/images/newsbg3.jpg*/ no-repeat; }

.faq ul li p{ padding:25px 10px; font-size:14px; line-height:28px; font-weight: 400; }




.section_5{ width:80%; margin:0 auto; margin-top:80px;}
.section_5 ul{ overflow: hidden;}
.section_5 ul li{ float:left; width:25%; line-height:40px; }

.section_5 ul li a{ font-size:14px; color:#363636; }
.section_5 ul li span{ color:#d0d0d0; font-size:16px;  display:inline-block;  margin-right:25px;}





.section_footer{ background: #222; margin-top:60px; font-size:12px; }
.section_footer .section_footer_1 { width:80%; min-width:1200px; margin: 0 auto; padding-top:30px; color:#ccc; font-size:14px; overflow: hidden}


.section_footer .footer_logo{ float:left; background:url("logo.png")/*tpa=https://www.topzhong.com/skin/lz/videopic/logo.png*/ no-repeat; width: 400px; height: 200px;}

.section_footer dl{ float:left; padding-left:50px; padding-right:50px;}

.section_footer dl dt{ margin-bottom:15px; }

.section_footer dl dd a,.section_footer dl dd{ color:#ccc; line-height:30px; }

.section_footer .section_footer_2{ width:80%; min-width:1200px; margin: 0 auto; color:#ccc;     width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    color: #ccc;
    line-height: 25px;
    padding-bottom: 20px; }
.section_footer .section_footer_2 a{ color:#ccc; }
.section_footer .section_footer_2 ul { overflow: hidden; }
.section_footer .section_footer_2 ul li{ float:left; margin-right:10px; }





.fu_pfile{ text-align:center; margin-top:50px; }
.fu_pfile h3{font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;}

.fu_pfile p{    font-size: 16px;
    color: #666666;
    margin-bottom: 55px;
    text-align: center;}


.fu_1{ overflow: hidden; background:#f6f7f9; position: relative; min-height:220px; padding-top:100px; padding-bottom: 100px; }

.fu_1 h2{ margin-left:20%; margin-top:50px; }
.fu_1 p{ margin-left:20%; width:500px; margin-top:20px; line-height:24px; }

.fu_1 img{ position: absolute; top:50px; left:50%; }


.fu_2{ overflow: hidden;  position: relative; min-height:220px; padding-top:100px; padding-bottom: 100px; }

.fu_2 h2{ margin-left:50%; margin-top:50px; }
.fu_2 p{ margin-left:50%; width:500px; margin-top:20px; line-height:24px; }

.fu_2 img{ position: absolute; top:50px; left:20%; }



.zxnews{ min-width:1200px; width:90%; overflow:hidden; margin:0 auto; margin-bottom: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; }	
	
	}