@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, 微软雅黑, 新細明體, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #333;}
div,form,img,ul,ol,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
ul,ol,li { list-style:none;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
.fl { float: left;} .fr { float: right;}
a { color:#333; text-decoration:none;}
a:hover { color:#ff5807;}
.spc_cont { width: 1200px; margin: 0px auto;}
.p60 { padding: 60px 0px 20px;}


.ban_top {
	width: 100%;
	height: 70px;
	line-height: 70px;
	position: fixed;
	z-index: 1000;
	padding: 0px 50px;
	background: #fff; 
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
	}
.ban_top .ban_top_nav {
	max-width: 1170px;
    display: flex;
    justify-content: space-between;
	margin: 0px auto;
	}
.ban_top .logo {
	width: 135px;
	height: 70px;
	line-height: 70px;
	background: url(/pd/gncs/logo.png) center center no-repeat;
	background-size: contain;
	}
.ban_top .logo a {
	display: block;
	height: 70px;
	text-indent: -9999px;
	}
.ban_top .logo img {
    display: inline-block;
	vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.ban_r{ flex: 1;}
.ban_nav {
	margin-left: 20px;
	display: flex;
	justify-content: space-around;
	padding-top: 10px;
	}
.ban_nav li {
	text-align: center;
	position: relative;
	padding: 0px 15px;
	}
.ban_nav li:hover dl { display: block;}
.ban_nav li dl {
	width: 100%;
	display: none;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 5px 10px rgb(0,0,0,.1);
	position: absolute;
	left: 0px;
	top: 50px;
	padding-top: 8px;
	}
.ban_nav li:hover .dir {color: #f78a2f;}
.ban_nav li:hover dd a:hover {background: rgb(247, 138, 47, .08); border-bottom: none; }
.ban_nav li a {
	display: block;
	font-size: 16px;
	padding: 0px 10px;
	line-height: 48px;
	position: relative;
	}
.ban_nav li a:hover {color: #f78a2f; border-bottom: 2px solid #f78a2f;}
.ban_nav li:first-child a{ color: #f78a2f; border-bottom: 2px solid #f78a2f;}

/***搜索**/
.searchbox {
	float: right;
	width: 240px;
	padding-top: 15px; 
	display: inline-table;
	}
.searchbox .sx{
	border: 1px solid #ccc;
	border-right: none;
	width: 179px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 15px;
	display: inline-block;
	color:#ccc;
	font-size: 14px;
	float: left;
	background: none;
	border-radius: 30px 0px 0px 30px;
	outline: none;
	}
.searchbox .btn {
	float: left;
    height: 40px;
	line-height:40px;
	padding:0px 30px;
	cursor:pointer;
	background:url(/pd/gncs/search2.png) center center no-repeat;
	border:1px solid #ccc;
	border-left: none;
	border-radius: 0px 30px 30px 0px;
	}	
/**/
.spc_tit {
	text-align: center;
	padding: 50px 0px;
	}
.spc_tit label {
	font-size: 36px;
	display: block;
	position: relative;
	}
.spc_tit label:after {
	content:"";
	position: absolute;
	width: 120px;
	height: 1px;
	background: #ccc;
	left: 50%;
	margin-left: -60px;
	bottom: -15px;
	}
.spc_tit label:before {
	content:"";
	position: absolute;
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #aaa;
	left: 50%;
	margin-left: -5px;
	bottom: -19px;
	z-index: 1;
	}
.spc_tit label font { color: #145fbc;}
.spc_tit label span { color: #fff;}
.spc_tit p {
	font-size: 16px;
	color: #777;
	}

.sp_more { text-align: center;}
.sp_more a {
	display: inline-block;
	font-size: 18px;
	color: #ff7a01;
	border: 1px solid #ff7a01;
	border-radius: 4px;
	padding: 0px 50px;
	line-height: 50px;
	margin: 30px auto;
	}
.sp_more a:hover { background: #ff7a01; box-shadow: 0px 0px 20px rgba(0,0,0,.3); color: #fff; text-decoration: none;}
.sp_more a:nth-child(2) { background: #ff5807;}
/** banner **/


.sci_ban {
	width: 100%;
	background: url(/pd/gncs/banner.jpg) bottom center no-repeat;
	padding: 130px 0px 170px;
	overflow: hidden;
	}

.sci_ban .ban_title { position: relative;}
.sci_ban .ban_title h1 {
	color: #fff600;
	font-size: 80px;
	line-height: 90px;
	text-align:center;
	position: absolute;
	width: 240px;
	top: 15%;
	left: 50%;
	margin-left: -120px;
	}
.sci_ban .ban_title ul {
	display: flex;
	justify-content: center;
	height: 360px;
	padding: 0px 150px;
	}
.sci_ban .ban_title ul li {
	margin: 0px 10px;
	width: calc(20% - 20px);
	}
.sci_ban .ban_title ul li p{
	position: relative;
	padding: 25px 15px;
	text-align: center;
	}
.sci_ban .ban_title ul li p:after {
	content:"";
	position: absolute;
	display: inline-block;
	width: 3px;
	height: 50px;
	background: url(/pd/gncs/icon6.png) 0 0 no-repeat;
	left: 50%;
	margin-left: -2px;
	bottom: -30px;
	}
.sci_ban .ban_title ul li p i {
	display: inline-block;
	width: 90px;
	height: 90px;
	background: rgb(39,243,252,.3);
	border: 2px dashed #27f3fc;
	border-radius: 50%;
	position: relative;
	}
.sci_ban .ban_title ul li p i img {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	}
.sci_ban .ban_title ul li p span {
	display: block;
	margin: 15px 0px;
	font-size: 24px;
	line-height: 24px;
	color: #28f7ff;
	}
.sci_ban .ban_title ul li:nth-child(2) p{ margin-top: 200px; margin-left: -150px;}
.sci_ban .ban_title ul li:nth-child(3) p{ margin-top: 315px; }
.sci_ban .ban_title ul li:nth-child(4) p{ margin-top: 200px; margin-right: -150px;}
	
.sci_ban .ban_title a {
	display: inline-block;
	margin: 5px 5px;
	color: #fff;
	background: linear-gradient(45deg, #37baff, #4f8cfe);
	border-radius: 10px;
	line-height: 50px;
	padding: 0px 40px;
	font-size: 20px;
	box-shadow: 0px 0px 20px rgb(36,103,252,.3);
	}
.sci_ban .ban_title a:hover {
	background: linear-gradient(45deg, #4f8cfe, #37baff);
	box-shadow: 0px 0px 30px rgb(36,103,252,.5);
	}
	
.fwts_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
	}
.fwts_box li {
	margin: 25px 25px;
    width: calc(33.3334% - 50px);
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	background: #fff url(/pd/gncs/ico-5.png) bottom left no-repeat;
	transition:transform 0.6s ease;
	box-shadow: 0px 0px 20px rgb(0,0,0,.1);
	}
.fwts_box li:hover{transform:translateY(-20px); box-shadow: 0px 0px 30px rgb(255,122,0,.3);}
.fwts_box li a {
	display: block;
	height: 100%;
	padding: 30px 0px;
	}
.fwts_box li h4 {
    font-size: 24px;
	display: block;
	line-height: 60px;
	}
.fwts_box li p {
    font-size: 18px;
    color: #777;
    line-height: 20px;
	}	
.fwts_box li span {
	margin-top: 10px;
    display: inline-block;
    width: 140px;
    height: 39px;
    line-height: 39px;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(90deg, #ffa812, #ff7a01);
	}

/**问答**/
.ask_bg {
	width: 100%;
	background: url(/pd/gncs/ask_bg.png) center top no-repeat;
	padding-bottom: 200px;
	}
.ask_box {
	height: 560px;
	background: url(/pd/gncs/ask.png) left center no-repeat;
	background-size: contain;
	padding: 50px 0px 30px 650px;
	margin-top: 80px;
	}
.ask_box strong {
	font-size: 30px;
	display: block;
	line-height: 80px;
	}
.ask_box p {
	font-size: 22px;
	line-height: 50px;
	position: relative;
	padding-left: 30px;
	border-left: 1px dashed #ccc;
	}
.ask_box p:before {
	content:"";
	position: absolute;
	display: inline-block;
	width: 21px;
	height: 21px;
	border: 1px solid #0f3d72;
	border-radius: 50%;
	left: -12px;
	top: 50%;
	margin-top: -12px;
	}
.ask_box p i {
	content:"";
	position: absolute;
	display: inline-block;
	width:9px;
	height: 9px;
	background: #0f3d72;
	border-radius: 50%;
	left: -5px;
	top: 50%;
	margin-top: -5px;
	border: 1px solid #0f3d72;
	}
.ask_box p:nth-child(7) { color: #f00;}
.ask_box a {
	display: inline-block;
	color: #fff;
	background: linear-gradient(45deg, #37baff, #4f8cfe);
	border-radius: 10px;
	line-height: 50px;
	padding: 0px 50px;
	font-size: 20px;
	box-shadow: 0px 0px 20px rgb(36,103,252,.3);
	margin: 50px 0px 50px;
	}
.ask_box a:hover {
	background: linear-gradient(45deg, #4f8cfe, #37baff);
	box-shadow: 0px 0px 30px rgb(36,103,252,.5);
	}

/**选择我们**/
.xz_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
	}
.xz_box li {
	margin: 25px 15px;
    width: calc(25% - 30px);
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	background: #fff url(/pd/gncs/ico-5.png) bottom left no-repeat;
	transition:transform 0.6s ease;
	box-shadow: 0px 0px 20px rgb(0,0,0,.1);
	}
.xz_box li:hover{transform:translateY(-20px); box-shadow: 0px 0px 30px rgb(255,122,0,.3);}
.xz_box li a {
	display: block;
	height: 100%;
	padding: 30px 0px;
	}
.xz_box li img {
	max-width: 100%;
	height: 140px;
	}
.xz_box li h4 {
    font-size: 24px;
	display: block;
	line-height: 60px;
	}
.xz_box li p {
    font-size: 16px;
    color: #777;
    line-height: 24px;
	min-height: 72px;
	padding: 0px 25px;
	}	
.xz_box li span {
	margin-top: 10px;
    display: inline-block;
    width: 140px;
    height: 39px;
    line-height: 39px;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(90deg, #ffa812, #ff7a01);
	}

.sp_f8 { background: #f8f8f8; padding-bottom: 50px;}
/**文章**/
.sp_new {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 30px;
	}
.sp_new li {
	margin: 10px 10px;
	width: calc(33.3334% - 20px);
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.05);
	transition:all 500ms ease 0s;
	border-radius: 4px;
	}
.sp_new li:hover {transform:translate(0, -10px); box-shadow: 0px 0px 25px rgb(0,0,0,.15);}
.sp_new li a {
	display: block;
	height: 100%;
	padding: 10px 25px 20px;
	}
.sp_new li h4 {
	font-size: 16px;
	line-height: 40px;
	}
.sp_new li p {
	font-size: 13px;
	line-height: 24px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	color: #777;
	}
.sp_new li span {
	color: #ff5807;
	border: 1px solid #ff5807;
	display: inline-block;
	line-height: 30px;
	padding: 0px 20px;
	margin-top: 5px;
	}
.sp_new li:hover span {
	background: #ff5807;
	color: #fff;
	}


/***/
.lc_bg {
	width: 100%;
	padding-bottom: 40px;
	}
.lc_box {
	margin-bottom: 20px;
	}
.lc_box ul {
	display: flex;
	justify-content: center;
	background: url(/pd/gncs/lc-icon.png) center top no-repeat;
	padding: 150px 89px 0px;
	}
.lc_box ul li {
	margin: 0px 5px;
	width: calc(16.6667% - 10px);
	text-align: center;
	}
.lc_box ul li strong {
	display: block;
	line-height: 50px;
	font-size: 20px;
	}
.lc_box ul li p{
	font-size: 14px;
	line-height: 24px;
	}




/**/
.sp_footer {
	width: 100%;
	padding-bottom: 20px;
	background: #222;
	margin-bottom: 70px;
	}
.sp_footer .sp_foot_nav {
	display: block;
	text-align: center;
	padding: 20px 0px;
	}
.sp_footer .sp_foot_nav a {
	display: inline-block;
	line-height: 15px;
	padding: 0px 5px;
	border-right: 1px solid #aaa;
	color: #aaa;
	}
.sp_footer .sp_foot_nav a:hover { color: #fff;}
.sp_footer .sp_foot_nav a:last-child { border-right: none;}

.sp_foot_inner {
	line-height: 30px;
	color: #aaa;
	text-align: center;
	}
.sp_foot_inner a { color: #fff;}

/**频道表单***/
.sp_bd_bg {
	width: 100%;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	background: #333;
	padding: 5px 0px;
	}
.sp_bd_form{
	width: 80%;
	margin: 0px auto;
	text-align: center;
	display: block;
	}
.sp_bd_form h3 {
	font-size: 20px;
	color: #333;
	display: inline-block;
	font-weight: normal;
	float: left;
	height: 80px;
	position: relative;
	}
.sp_bd_form h3:after {
	content:"";
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(/pd/gncs/sp_bd_zx.png) 0px 0px no-repeat;
	background-size: contain;
	border-radius: 50%;
	border: 5px solid #7b89f2;
	left: 0px;
	top: 0px;
	}
.sp_bd_form h3 span {
	display: block;
	line-height: 58px;
	background: #7b89f2;
	color: #fff;
	border-radius: 50px;
	margin-top: 11px;
	padding: 0px 25px 0px 90px;
	}
.sp_bd_form form { padding-top: 10px;}
.sp_bd_form form input {
	line-height: 40px;
	width: 18%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 0px 10px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.sp_bd_form select{
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 18%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
    color: #999;
    padding:0px 10px;
	outline: none;
	box-sizing: border-box;
	}
.sp_bd_form button {
	height: 42px;
	line-height: 42px;
	background: #c8203e;
	box-shadow: 0px 0px 20px rgb(200,32,62,.2);
	color: #fff;
	font-size: 20px;
	padding: 0px 30px;
	display: inline-block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: bottom;
	}
	
.wap_nav {
	transform: scale3d(1, 1, 1);
	background: #fff;
	position: fixed;
	width: 100%;
	max-width: 415px;
	box-shadow: 0px 5px 10px rgb(0,0,0,.1);
	z-index: 99;
	display: none;
	}
.wap_nav ul {
	display: flex;
	justify-content: space-around;
	}
.wap_nav ul li {
	display: inline-block;
	position: relative;
	}
.wap_nav ul li a {
	display: block;
	line-height: 24px;
	padding: 10px 5px;
	position: relative;
	font-size: 12px;
	}
.wap_nav ul li:hover dl { display: block;}
.wap_nav ul li dl {
	position: absolute;
	display: none;
	left: 0px;
	top: 44px;
	z-index: 999;
	background: #fff;
	width: 100%;
	text-align: center;
	}
.wap_nav ul li dl dd a { display: block; padding: 3px 2px!important;}

	
@media screen and (max-width:640px) {
	body { max-width: 415px; width: 100%; margin: 0px auto;}
	.wap_nav { display: block;}
	.spc_cont { width: 100%;}
	.ban_top { display: none;}
	.sci_ban { background-size: auto 100%; padding: 45px 0px 10px;}
	.sci_ban .ban_title h1 { font-size: 25px; line-height: 30px; top: 20%;}
	.sci_ban .ban_title ul { padding: 0px 25px; height: 200px;}
	.sci_ban .ban_title ul li { margin: 0px 0px; width: calc(20% - 0px);}
	.sci_ban .ban_title ul li p { padding: 15px 0px;}
	.sci_ban .ban_title ul li p span { font-size: 14px; line-height: 16px; margin: 5px 0px;}
	.sci_ban .ban_title ul li p i { width: 50px; height: 50px;}
	.sci_ban .ban_title ul li p i img { height: 40%;}
	.sci_ban .ban_title ul li:nth-child(2) p { margin-top: 80px; margin-left: -40px;}
	.sci_ban .ban_title ul li:nth-child(4) p { margin-top: 80px; margin-right: -40px;}
	.sci_ban .ban_title ul li:nth-child(3) p { margin-top: 120px;}
	.sci_ban .ban_title a { font-size: 12px; line-height: 30px; padding: 0px 15px;}
	
	.fwts_box { margin-bottom: 20px;}
	.fwts_box li {width: calc(33.3334% - 10px); margin: 10px 5px;}
	.fwts_box li a { padding: 20px 0px;}
	.fwts_box li h4 { font-size: 16px; line-height: 40px;}
	.fwts_box li img { max-width: 100%; height: 60px;}
	.fwts_box li p { font-size: 12px; line-height: 18px;}
	.fwts_box li span { width: auto; font-size: 14px; height: 30px; line-height: 30px; padding: 0px 10px;}
	
	.ask_bg { padding-bottom: 0px; background-size: auto 100%;}
	.ask_box { padding: 0px 0px 0px 15px; margin-top: 20px; height: 300px; background-size: auto 50%; background-position: right 20%;}
	.ask_box strong { font-size: 18px; line-height: 40px;}
	.ask_box p { font-size: 16px; line-height: 30px; padding-left: 15px;}
	.ask_box a { margin: 20px 0px; font-size: 16px; line-height: 34px; padding: 0px 30px;}
	
	.xz_box { margin-bottom: 20px;}
	.xz_box li {width: calc(25% - 6px); margin: 10px 3px;}
	.xz_box li a { padding: 15px 0px;}
	.xz_box li img { height: 60px;}
	.xz_box li h4 { font-size: 15px; line-height: 30px;}
	.xz_box li p { font-size: 12px; padding: 0px 2px; line-height: 18px;}
	.xz_box li span { width: auto; font-size: 14px; height: 30px; line-height: 30px; padding: 0px 10px;}
	
	.spc_tit { padding: 10px 0px 30px;}
	.spc_tit label { font-size: 18px;}
	.spc_tit p { font-size: 12px;}
	
	.sp_f8 { padding-bottom: 0px;}
	.sp_new { padding-bottom: 0px;}
	.sp_new li {width: calc(100% - 10px); margin: 5px 5px;}
	.sp_new li a { padding: 5px 10px 10px;}
	.sp_new li h4 { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
	.sp_new li p { font-size: 12px; line-height: 18px;}
	.sp_new li span { font-size: 12px; line-height: 24px; }
	.sp_more a { line-height: 40px; font-size: 14px; padding: 0px 20px;}
	
	.lc_bg { padding-bottom: 0px;}
	.lc_box ul { background-size: contain; padding: 65px 0px 0px;}
	.lc_box ul li { margin: 0px 3px; width: calc(16.6667% - 6px);}
	.lc_box ul li strong { font-size: 14px; line-height: 18px; margin-bottom: 5px;}
	.lc_box ul li p { font-size: 12px; line-height: 16px;}
	
	.sp_footer { margin-bottom: 90px;}
	.sp_foot_inner { line-height: 18px; font-size: 12px; padding: 0px 10px;}
	.sp_footer .sp_foot_nav { padding: 10px 0px;}
	.sp_footer .sp_foot_nav a { font-size: 12px;}
	.sp_bd_form { width: 96%;}
	.sp_bd_form h3 { font-size: 12px; height: 50px;display:none;}
	.sp_bd_form h3:after { width: 40px; height: 40px;}
	.sp_bd_form h3 span { line-height: 30px; margin-top: 10px; padding: 0px 15px 0px 60px;}
	.sp_bd_form form input, .sp_bd_form select { width: 46%; font-size: 12px; margin: 5px 0px;}
	.sp_bd_form form input { padding: 0px 5px; line-height: 30px;}
	.sp_bd_form select { height: 32px; line-height: 32px;}
	.sp_bd_form button { height: 32px; line-height: 32px; vertical-align: middle; width:46%; font-size: 14px;}
	.pop_l { display: none;}
	}
@media screen and (max-width:375px) {
	.ask_box p { font-size: 14px;}
	.sci_ban .ban_title ul { height: 175px; padding: 0px 5px;}
	.sci_ban .ban_title ul li:nth-child(2) p { margin-top: 65px; margin-left: -40px;}
	.sci_ban .ban_title ul li:nth-child(4) p { margin-top: 65px; margin-right: -40px;}
	.sci_ban .ban_title ul li:nth-child(3) p { margin-top: 100px;}
	}
@media screen and (max-width:320px) {
	.wap_nav ul li a { padding: 10px 2px;}
	.sci_ban .ban_title ul li p span { font-size: 12px;}
	.fwts_box li {margin: 5px 3px; width: calc(33.3334% - 6px);}
	.ask_box p { font-size: 12px;}
	.ask_box {background-size: auto 40%; background-position: right 35%;}
	.xz_box li h4 { font-size: 12px;}
	.xz_box li {width: calc(25% - 2px); margin: 5px 1px;}
	.lc_box ul li { margin: 0px 1px; width: calc(16.6667% - 2px);}
	}


.pop_l {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	}
.pop_l ul {
	border-radius: 8px;
	width: 80px;
	
	}
.pop_l ul li {
	display: block;
	text-align: center;
	font-size: 15px;
	position: relative;
	margin-bottom: 10px;
	background: #2188b7;
	line-height: 18px;
	box-shadow: 0px 0px 10px #ddd;
	}
.pop_l ul li:hover { background: #1781b1}
.pop_l ul li:first-child { background: none; box-shadow: none;}
.pop_l ul li:first-child img{ max-width: 100%; }
.pop_l ul li a {
	display: block;
	height: 100%;
	padding: 10px 20px;
	color: #fff;
	}
.pop_l ul li:last-child { border-bottom: none;}
.pop_l ul li p {
	position: absolute;
	display: none;
	width: 125px;
	top: 0px;
	right: 85px;
	padding: 5px 5px;
	font-size: 13px;
	border: 1px solid #ddd;
	line-height: 18px;
	background: #fff;
	}
.pop_l ul li p img {
	display: block;
	max-width: 100%;
	}
.pop_l ul li:hover p { display: block;}