@charset "utf-8";
.pd50{padding: 50px 0;}
@media (max-width:768px) {
	.pd50{padding: 25px 0;}
}

.category-title{position: relative; text-align: center; font-family: arial;}
.category-title h3{font-size: 26px;}
.category-title h3 b{color: #0f74fb; font-weight: normal;}
.category-title p{ font-size: 16px; color: #777;text-transform: uppercase;}
.category-title fieldset{position: relative; margin: 0 auto; max-width: 220px; border-width: 1px 0 0;border-color: #eee;}
.category-title fieldset legend{ padding: 0 15px; font-size: 16px; text-transform: uppercase; color: #777;}
.category-title:before {position: absolute;bottom: -10px;left: 50%;content: '';width: 40px;height: 2px;margin-left: -20px;background-color: #399BEF;}
@media (max-width:768px) {
	.category-title h3{padding-bottom: 10px; font-size: 22px;}
}

.page-coop-process ul{margin: 35px 0 0;}
.page-coop-process li{position: relative; float: left; width: 20%; padding: 15px; text-align: center; font-family: arial; /* border-right: 1px solid #eee; */ list-style: none;box-sizing: border-box;}
.page-coop-process li img{max-width: 100%;}
/* .page-coop-process li:last-child{border-right: 1px solid transparent;} */
.page-coop-process li .line{position: absolute; top: 50px; right: 0;}
.page-coop-process li span{margin: 25px auto 15px; display: block; border-radius: 50%; line-height: 22px; color: #777;font-size: 28px; font-weight: bold; }
.page-coop-process li h3{padding: 0 15px; margin-bottom: 5px;}
.page-coop-process li p{font-size: 14px;color: #777;}
@media (max-width:768px) {
	.page-coop-process li{ width: 50%; border-right: none;}
	.page-coop-process li .line{display: none;}
}
@media (max-width:640px) {
	.page-coop-process li{ width: 100%; border-right: none;}
	.page-coop-process li h3{padding: 0 10px;}
}
/*  */
.gszc-material{ margin: 25px 0 45px; padding: 25px 45px; background-color: #f5f5f5; overflow: hidden;}
.gszc-material-left{padding-left: 80px; box-sizing: border-box;}
.gszc-material-right{padding-right: 80px; box-sizing: border-box;}
.gszc-material-text{float: left; width: 60%; padding-top: 30px;}
.gszc-material-text h3{font-size: 22px;}
.gszc-material-text ul{padding-left: 0; margin-left: 0;}
.gszc-material-text ul li{float: left; width: 50%; font-size: 16px; list-style: none; }
.gszc-material-text ul li span{display: inline-block; width: 20px; height: 20px; line-height: 22px; text-align: center; border-radius: 50%; background-color: #399BEF; color: #fff; vertical-align: middle;}
.gszc-material-pic{float: left; width: 40%;}
.gszc-material-pic img{width: 100%;}

@media (max-width:1200px) {
	.gszc-material-text{float: left; width: 100%; padding: 0!important;}
	.gszc-material-pic{display: none;}
}
@media (max-width:840px) {
	.gszc-material{ padding: 15px; }
	.gszc-material-text ul li{width: 100%;}
}


.gszc-reg{background-color: #fff; overflow: hidden;}
.gszc-reg ul{margin: 0; margin-right: -25px;padding-top: 40px;}
.gszc-reg ul li{float: left; width: 33.33%;padding-right: 25px; text-align: center; list-style: none; box-sizing: border-box;}
.gszc-reg ul li a{display: block;}
.gszc-reg-pic{position: relative;}
.gszc-reg-pic img{width: 100%;}
.gszc-reg-pic h3{position: absolute; bottom: 0; left: 0; margin: 0; padding: 10px; color: #fff; font-size: 16px;}

.gszc-reg-txt{padding-bottom: 35px; border: 1px solid #eee;}
.gszc-reg-txt h3{margin: 15px 0; text-align: left; padding-left: 15px; border-left: 3px solid  #399BEF;}
.gszc-reg-txt p{padding: 0 15px; height: 66px; overflow: hidden; line-height: 22px;text-align: left; color: #777; font-size: 14px;}
.gszc-reg-txt span{display: inline-block; padding: 0 30px; line-height: 40px; border: 1px solid #eee; font-size: 16px;color: #777;}
.gszc-reg ul li a:hover .gszc-reg-txt span{ background-color: #399BEF; color: #fff; }

@media (max-width:960px) {
	.gszc-reg ul li{ width: 50%;}
}

@media (max-width:768px) {
	.gszc-reg ul li{ width: 100%; }
}


.page-category-title{padding: 45px 25px 0;}
.page-category-title h3{ padding-bottom: 25px; border-bottom: 1px solid #eee;font-size: 16px;font-weight: 600;}
.page-category-title h3 span{float: right; font-size: 16px;}

.page-huati{padding: 50px 0 150px 0;}
.page-huati li {float: none;}
.page-huati-left{float: left; width: 70%;background-color: #fff; box-sizing: border-box;padding: 0 20px;}

@media (max-width:768px) {
    .page-huati-left{padding: 0 10px;}
}

.page-huati-list{margin: 0;padding: 0 25px 45px;  }
.page-huati-list li{padding: 15px 0; line-height: 25px; border-bottom: 1px solid #eee; font-family: arial; list-style: none; }
.page-huati-list li a{display: block; font-size: 16px; color: #666;}
.page-huati-list li a span {float: right; width: 20%; font-size: 14px; color: #777; text-align: right; box-sizing: border-box;}
.page-huati-list li a i{font-size: 12px; font-style: inherit; position: relative; top: 4px;}
.page-huati-list li a i b{color: #777;}
.page-huati-list li a i img{ margin:0 5px;}
.page-huati-list li a:hover{color:#1B8EEE;}

.page-huati-right{float: left; width: 30%; padding-left: 30px; overflow: hidden;box-sizing: border-box;}
.page-sider-box{background-color: #fff;padding: 2px 0 8px;}
.page-sider-box h3{padding-left: 15px; font-size: 16px; line-height: 50px; border-bottom: 1px solid #eee; font-weight: bold;}

.page-sider-list{margin: 0; padding: 0 15px;}
.page-sider-list li{ list-style: none;}
.page-sider-list li a{ position: relative; display: block; padding-left: 15px; line-height: 35px; font-size: 14px; color: #777;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.page-sider-list li a:before{position: absolute; top: 50%; left: 0;content: ""; margin-top: -3px; width: 4px; height: 4px; background-color: #ccc;}

.page-sider-list li a:hover{color: #1B8EEE;}

.page-sider-top{margin: 0; padding: 0 15px;}
.page-sider-top li{ list-style: none;}
.page-sider-top li a{ position: relative; display: block; padding-left: 20px; line-height: 35px; font-size: 14px; color: #777;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.page-sider-top li a:before{position: absolute; top: 50%; left: 0;content: ""; margin-top: -8px; width: 16px; height: 16px; background-color: #1B8EEE; color: #fff;}
.page-sider-top li:first-child a:before {content: '1'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(2) a:before {content: '2'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(3) a:before {content: '3'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(4) a:before {content: '4'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(5) a:before {content: '5'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(6) a:before {content: '6'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(7) a:before {content: '7'; line-height: 16px; text-align: center;}
.page-sider-top li:nth-child(8) a:before {content: '8'; line-height: 16px; text-align: center;}
.page-sider-top li a:hover{color: #1B8EEE;}


.page-sider-ad{margin: 0;list-style: none;} 
.page-sider-ad li{margin-bottom: 15px; box-sizing: border-box;}
.page-sider-ad li img{width: 100%;}

.pagination ul li{float:left;}
@media (max-width:1140px) {
	.page-huati-left{ width: 100%;}
	.page-huati-left dl dt{ padding: 15px;}
	.page-huati-right{width: 100%; padding-left:0;}
	.page-huati-con,.page-huati-time{ padding-top: 0;}
	.page-huati-path{line-height: 35px;}
	.page-huati-path-left ,
	.page-huati-path-right{float: none;}
}
@media (max-width:860px) {
	.page-huati-con{width: 72%;}
	.page-huati-txt{width: 100%; padding-left: 0; }
	.page-huati-time{ display: none;}
	.page-sider-ad li {float: left; width: 50%;margin-bottom: 0; }
}
@media (max-width:768px) {
	.page-huati-more{text-align:center;}
	.page-huati-more span{font-size: 14px; }
	.page-huati-list li{ padding-bottom:15px; border-bottom: 1px solid #ccc; margin: 15px 0; }
	.page-huati-list ul li{padding:15px 0 ; border-bottom: 1px dashed #eee;}
	.page-huati-pic{float: left; width: 100%; }
	.page-huati-con{float: left;width: 100%; padding-left: 0; padding-top: 10px;}
	.page-huati-con h3{font-size: 16px;}
	.page-huati-con p{display: none;}
}


/*  */
.page-huati-box{padding: 25px 0;box-sizing: border-box;}
.page-huati-post{line-height: 45px; vertical-align: middle;}
.page-huati-post{display: flex; justify-content: space-between; align-items: flex-start;}
.page-huati-post div:first-child>img{display: inline-block; width: 45px; height: 45px; margin-right: 10px; border-radius: 50%;}

.page-huati-post h3{font-size: 16px;}
.page-huati-post div:last-child span{float: right; margin-top: 10px; font-size: 14px; color: #999;}
.page-huati-post div:first-child>i{font-size: 18px;}
.more_t {display: inline;}
.page-huati-contnet{padding: 10px 0;}
.page-huati-contnet h1 {font-size: 26px;margin-bottom: -6px;line-height: 38px;}
.page-huati-contnet, .page-huati-contnet p, .page-huati-contnet span {font-size: 14px;line-height: 2;margin-bottom: 15px;}
.page-huati-contnet img {max-width: 100%;height: auto;}
.page-huati-tag p {font-size: 14px;line-height: 2;margin: 20px 0;padding: .25em .6em .35em .9em;background-color: #eee;color: #aaa;border-left: 10px solid #e9e9e9;}
.page-huati-tag em {margin-right: 10px;}
.page-huati-send{border-top: 20px solid #F7F7F7;border-bottom: 1px solid #F7F7F7; padding: 25px;box-sizing: border-box;}
.page-huati-send textarea{ width: 100%; padding: 10px; margin-bottom: 10px; font-size: 14px; font-family: "microsoft yahei";box-sizing: border-box;}
.page-huati-send button{padding: 0 30px; line-height: 40px;border: none; font-size: 16px; color: #fff; background-color: #1B8EEE;}

.page-pinglun-list{ padding: 0 50px 25px 10px;}
.page-pinglun-list>h3{ margin-bottom: 20px; font-size: 18px; }
.page-pinglun-list>h3 span{font-size: 14px; color: #777;}
.page-pinglun-list cite{font-style: inherit; font-weight: bold;}

.page-pinglun-list ul{margin: 0; list-style: none; }
.page-pinglun-list ul li{margin: 0; list-style: none;}
.page-pinglun-list>ul>li{ padding-top:15px}
.page-pinglun-list>ul>ul.children{padding-bottom: 15px; border-bottom: 1px solid #eee;}
.page-pinglun-list .children{ padding-left: 50px; }
.page-pinglun-list .children li{padding: 15px; background-color: #f9f9f9; border-bottom: 1px solid #eee;}

.page-pinglun-box{position: relative; padding-left: 50px; box-sizing: border-box;}
.page-pinglun-box h3{ margin-bottom: 10px; font-size: 16px;}
.page-pinglun-box p{ margin-bottom: 10px; font-size: 14px; }
.page-pinglun-box p strong{color: #333;}
.page-pinglun-box>img{position: absolute; top: 0; left: 0;border-radius: 50%;}
.page-pinglun-item div{float: right;}
.page-pinglun-item div span{margin-left: 10px; vertical-align: middle;}
.page-pinglun-replay{margin-top: 20px; padding: 0 20px; background-color: #f5f5f5;overflow: hidden;}


@media (max-width:768px) {
    .social-share{ line-height: 40px!important;}
    
	.page-pinglun-list .children{ padding-left: 15px; }
	.more_t {display: block;} 
    
	.page-pinglun-replay{margin-top: 15px; padding: 0 15px;}
	.page-pinglun-list{ padding: 0 0 25px 10px;}
}

@media (max-width:480px) {
    
    .page-huati-post{flex-direction: column;}
    
    .page-huati-post img{width: 35px; height: 35px;}
    
     .social-share{text-align: left!important; float: none!important;}
    .social-share .social-share-icon{margin: 0 5px 0 0 !important;}
    
    .page-huati-contnet h1 {font-size: 20px;}
    
    .page-huati-post div:last-child span{float: none; font-size: 12px; margin: 0 10px 0 0!important; }
    
	
}

