#header{
	position: fixed;
	top:0;
	width:100%;
	min-width: 1260px;
	height:73px;
	background-color:#232427;
	z-index: 1;
}

.inner{
	position: relative;
	width:1260px;
	margin-left:auto;
	margin-right:auto;
}

.sec-block .inner{
	width:1000px;
}

.btn-backMain{
	display: inline-block;
	margin-top:27px;
	margin-left: 20px;
	font-size:18px;
	color:#8ec71a;
}

.icon{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	vertical-align: middle;
}

.icon-back{
	width:12px;
	height:18px;
	margin-top:-3px;
	background-image: url(../img/icon-back.png);
}

.logo{
	position: absolute;
	top:14px;
	left:50%;
	margin-left:-65.5px;
	border-style:none;
}

.nav a{
	position: relative;
	margin-right: 15px;
	display: inline-block;
	width:100px;
	height:73px;
	line-height: 73px;
	font-size:18px;
	color:#fff;
	text-align: center;
}

.nav .btn-tg{
	background-color:#8ec71a;
	color:#fff;
}

.nav .btn-zp{
	color:#8ec71a;
}

.icon-tg-bottom,
.icon-down-arrow{
	position: absolute;
	top:73px;
	left:50%;
}

.icon-tg-bottom{
  margin-left: -67px;
  width: 134px;
	height:9px;
	background-image: url(../img/icon-tg-bottom.png);
	background-position: top center;
	background-size: contain;
}

.icon-down-arrow{
	margin-left:-13.5px;
	width:27px;
	height:18px;
	background-image: url(../img/icon-down-arrow.png);
}

.backqm{
	position: absolute;
	top:28px;
	right:20px;
	font-size: 14px;
	color:#8ec71a;
}

#banner{
	width:100%;
	min-height:400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#banner img{
	width:100%;
	height:auto;
	vertical-align: middle;
}

body{
	padding-top:73px;
}

.zp-box,
.tg-form{
	margin-top:60px;
}

.zp-box{
	margin-left:20px;
	margin-right: 20px;
	overflow: hidden;
}

.zp-list{
	margin-right: -20px;
}

.zp-list li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:228px;
	height:235px;
	box-shadow: 0 2px 2px 2px #ddd;
	border-radius: 3px;
}

.zp-list li .zp-img{
	width:100%;
	height:158px;
	overflow: hidden;
}

.zp-img a{
	display: block;
	width:100%;
	height:158px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}

.zp-list li:hover .zp-img a{
	-webkit-transform: rotate(-10deg) scale(1.3);
	-moz-transform: rotate(-10deg) scale(1.3);
	-ms-transform: rotate(-10deg) scale(1.3);
	-o-transform: rotate(-10deg) scale(1.3);
	transform: rotate(-10deg) scale(1.3);
}

.zp-list li .zp-info{
	text-align: center;
}

.zp-info p,
.zp-info h2{
	color:#000;
	line-height: 26px;
}

.zp-info p{
	margin-top:10px;
	font-size:14px;
}

.zp-info h2{
	margin-top:5px;
	font-size:18px;
}

.page{
	margin-top:80px;
	margin-bottom:80px;
	text-align: center;
}

.page a{
	margin-right:15px;
	font-size:14px;
	color:#aaa9a9;
}

.page a:last-child{
	margin-right:0;
}

.page a.act{
	color:#000;
}

/*投稿页面*/
.tg-form{
	width:686px;
	margin-left:auto;
	margin-right:auto;
}

.tg-rules{
	margin-bottom:45px;
}

.tg-rules h1{
	font-size:30px;
	color:#333;
	text-align: center;
	margin-bottom:35px;
}

.tg-rules h1 span{
	display: block;
	width:47px;
	height:6px;
	background-color:#333;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
}

.tg-rules p{
	font-size:14px;
	color:#666;
	line-height: 36px;
}

.tg-rules p label{
	color:#333;
}

.form-group{
	margin-bottom:20px;
}

.tg-title{
	position: relative;
	height:42px;
}

.tg-title span,
.tg-title input{
	height:42px;
	line-height: 42px;
	font-size:14px;
}

.tg-title span{
	position: absolute;
	left:0;
	top:0;
	width:69px;
	text-align: center;
	background-color:#666;
	color:#fff;
	border-radius: 3px 0 0 3px;
}

.tg-title input{
	width:100%;
	padding:4px 10px 4px 79px;
	border:1px solid #ccc;
	color:#666;
	border-radius: 3px;
	outline: none;
}

.form-name{
	position: relative;
	display: inline-block;
	padding-left: 10px;
	width:115px;
	height:36px;
	line-height: 36px;
	font-size:14px;
	color:#666;
}

.form-name span{
	position: absolute;
	left:0;
}

.form-input{
	width:224px;
	height:36px;
	line-height: 36px;
	padding:4px 10px;
	border:1px solid #ccc;
	border-radius: 3px;
	vertical-align: middle;
}

/*a  upload */
.a-upload {
    width:224px;
	height:36px;
	line-height: 36px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius: 3px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #888;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.upMsg{
	font-size:14px;
	color:red;
}

.btn-sub{
	display: block;
	width:224px;
	height:42px;
	line-height: 42px;
	text-align: center;
	font-size:20px;
	color:#fff;
	margin:80px auto;
	background-color:#8ec71a;
	border-radius: 3px;
}

/*index.html css*/
.sec-content{
	padding-top:65px;
	padding-bottom:65px;
}

.sec-title{
	width:156px;
	height:36px;
	line-height: 36px;
	margin-left:auto;
	margin-right:auto;
	font-size: 20px;
	color:#333;
	border-radius: 20px;
	border:1px solid #333;
	text-align:center;
}

.bg232427{
	background-color:#232427;
}

.bg232427 .sec-title{
	color:#fff;
	border:1px solid #fff;
}

.sec-title-line{
	width:47px;
	height:6px;
	margin:47px auto;
	background-color:#333;
}

.bg232427 .sec-title-line{
	background-color:#fff;
}

.sec-name{
	font-size: 30px;
	color:#333;
	font-weight: 700;
	text-align: center;
	line-height: 72px;
}

.bg232427 .sec-name{
	color:#fff;
}

.trademark-group{
	margin-top:15px;
	margin-bottom: 15px;
	text-align:center;
}

.trademark-group img{
	margin-left:15px;
	margin-right:15px;
	vertical-align: middle;
}

.trademark-group p{
	color:#fff;
	font-size:14px;
	line-height: 36px;
}

.sm-txt{
	margin-top:30px;
	margin-right:-50px;
	overflow: hidden;
}

.sm-txt li{
	float:left;
	width:305px;
	margin-right:45px;
}

.sm-txt li span{
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	color:#333;
	padding-bottom: 10px;
	border-bottom:6px solid #333;
	text-align: center;
}

.sm-txt li h2{
	margin-top:50px;
	line-height: 60px;
	font-weight: 700;
	font-size:30px;
	color:#333;
}

.sm-txt li p{
	font-size:16px;
	line-height: 36px;
	color:#666;
}

.sm-txt li p b{
	color:#000;
	text-decoration: underline;
}

.line-box{
	width:1000px;
	height:118px;
	position: relative;
	margin-top:80px;
	margin-bottom:100px;
	background:url(../img/3.png) no-repeat center / 100% 100%;
}

.time-block,
.time-line{
	position: absolute;
}

.time-block{
	top:134px;
	font-size:18px;
	color:#fff;
	text-align:center;
}

.time-block.p1{
	left:-35px;
}

.time-block.p2{
	left:506px;
}

.time-block.p3{
	left:654px;
}

.time-block.p4{
	left:802px;
}

.time-block.p5{
	right:-32px;
}

.time-line{
	width:1021px;
	height:20px;
	left:-10.5px;
	bottom:-10px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-image: url(../img/3-1.png);
}

.time-line.green{
	width:300px;
	background-size: auto 100%;
	background-position: left center;
	background-image: url(../img/3-2.png);
}

.pw-box{
	display: inline-block;
	width:196px;
	text-align: center;
	margin-bottom:20px;
}

.pw-box .pw-pic{
	overflow: hidden;
	display: inline-block;
	width:141px;
	height:141px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
}

.pw-box .pw-pic a{
	display: block;
	width:100%;
	height:100%;
}

.pw-box .pw-name,
.pw-box .pw-zw{
	width:80%;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

.pw-box .pw-name{
	margin-top:20px;
	font-size: 16px;
	color:#010101;
	line-height: 24px;
	font-weight: 700;
}

.pw-box .pw-zw{
	font-size: 16px;
	color:#666666;
	line-height: 20px;
}

.sec-content .zp-list{
	padding-left: 13px;
}

.sec-content .zp-list li{
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.sec-content .zp-list li:hover{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0 4px 4px 4px #ddd;
}

.more-zp{
	display: block;
	margin-top:50px;
	font-size:14px;
	color:#333;
	text-align: center;
}

.bg232427 .pw-name,
.bg232427 .pw-zw{
	color:#fff;
}

#footer{
	width:100%;
	height:321px;
	background-color:#343434;
}

#footer .inner{
	padding-bottom:0;
}

#footer .sec-title{
	color:#fff;
	border:1px solid #fff;
}

.contactUs{
	width:365px;
	margin:55px auto 30px;
}

.contactUs p{
	font-size:16px;
	line-height: 36px;
	color:#fff;
}

.copyright{
	border-top:1px solid #676767;
	padding-top:20px;
}

.copyright p{
	font-size:14px;
	color:#676767;
	text-align: center;
}

#company .pw-box{
	width:160px;
}

#company .pw-pic{
	width:120px;
	height:120px;
}

.cut-line{
	position: relative;
	margin-top: 20px;
	margin-bottom:60px;
	text-align: center;
}

.cut-line:after,
.cut-line:before{
	position: absolute;
	top:9px;
	content:'';
	width:388px;
	height:1px;
	background-color:#666;
}

.cut-line:after{
	right:0;
}

.cut-line:before{
	left:0;
}

.cut-line span{
	font-size:14px;
	color:#666;
}
.content-main-footer{text-align: center;}
.page-list2{
    display: inline-block;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}

.page-list2 span,
.page-list2 a{
    list-style: none;
    padding:0;
    margin:0;
    float:left;
    overflow: hidden;
    border-radius: 4px;
    height:35px;
    width:35px;
    margin-left:3px;
    margin-right:3px;
    background-color:#fff;
    border:1px solid #ddd;
    
    display: block;
    line-height: 35px;
    text-align: center;
    color:#333;
    font-size: 14px;
}


.page-list2 .current{border:1px solid #59ab36;}