@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin:0; padding:0; border:0; font-size:100%; font:inherit; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{ font-size:14px; font-family: "微软雅黑"; font: 14px/22px Microsoft YaHei; }
ol, ul{list-style: none;}
blockquote, q{	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content:'';	content:none; }
table {	border-collapse: collapse;	border-spacing: 0; }

*{margin:0; padding:0;}
a{text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
a:link, a:visited{color:#666666; text-decoration:none;}
a:hover, a:active{color:#044fac; text-decoration:none;}

.clear { clear: both; *height: 0; *font-size: 0; *line-height:0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }


/* header开始 */
.zsk_head{background: url(../images/ZSK/zsk_bj.jpg)no-repeat center center;width: 100%;}
.head_con{width: 1180px;margin: 0 auto;height: 380px;box-sizing: border-box;padding-top: 30px;}
.head_fir .head_nav{float: right;box-sizing: border-box;padding-top: 18px;}
.head_nav p{width: 80px;float: left;}
.head_nav p a{color: #fff;font-size: 20px;font-weight: bold;}
.head_con .head_sec{margin-top: 60px; }
.head_sec p{color: #fff;font-size: 48px;font-weight: bold;line-height: 50px;}
.search{margin-top: 28px;}
.search_inp{width:460px;height: 50px;float: left;box-sizing: border-box;padding: 0 10px;color:#999;}
.ipt-btn{background-color: #004d93;color: #fff;font-size: 16px;border: 0;height:50px;width: 120px;float: left;}
/* header结束 */




/* 问题类型start */
.cont{width: 1180px;margin: 38px auto 40px;background-color: #fdfdfd;}
.title{width:100%;height: 35px;box-sizing: border-box;position: relative;}
.title span{color: #004d93;font-size: 20px;text-align: center;border-bottom: 3px solid #004d93;display: inline-block;height: 33px;width:110px;}
.title i{position: absolute;border-top: 1px solid #bfbfbf; width: 100%;bottom: 2px;}
.lis{background-color: #fdfdfd;}
.lis ul li{width:270px;height:210px;margin-top: 34px;background-color: #fff;float:left;box-shadow: 3px 3px 3px #fdfdfd; margin-left: 5px;}
.lis ul li+li{margin-left: 30px;}
.lis ul li img{display: block;margin: 45px auto 30px;}
.lis ul li p{font-size: 18px;color:#333;text-align: center;}
/* 问题类型end */


/* 最新留言 */
.sec{background-color: #f5f5f5;box-sizing: border-box;padding-top: 40px;}
.conten{width: 1180px;margin:0 auto;}
.msg-title {font-size: 18px;height: 60px; line-height: 30px;overflow: hidden;text-overflow: ellipsis; /* white-space: nowrap; */color: #333;margin-bottom: 15px;}
.msg-content {font-size: 16px; color: #666;line-height: 25px;height: 80px;text-align: left;height: 130px;}
.picScroll-left{width: 100%;height: auto;overflow: hidden;position: relative;margin-left: auto;margin-right: auto;}
.tempWrap{margin: 0px auto;}
.picScroll-left .hd{position: absolute;width:100%}
.picScroll-left .hd .prev{display:block; width: 35px; float: left; margin-top: -135px;  overflow:hidden; cursor:pointer;}
.picScroll-left .hd .next{ display:block; width: 35px; float: right; overflow:hidden;cursor:pointer;margin-top: -135px;}	 
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{  width: 370px;display: inline;overflow: hidden;margin-top: 40px;}
.picScroll-left .bd ul li div{ width: 80%;float: right;}
.picScroll-left .bd ul li .pic a{color:#666666;}
.picScroll-left .bd ul li .pic img{ display:block; }
.picScroll-left .bd ul li .title{ line-height:50px;}


.title .gd{float: right;}
.title .gd a{font-size: 15px;color: #004d93;}
.list ul li{width: 270px;height: 50px;margin-top: 20px;background-color: #f5f5f5;float: left;margin-left: 30px;line-height: 50px;box-sizing: border-box;padding-left: 40px;}
.list ul li a{font-size: 16px;color: #333333;display: block;}
.list ul .first{margin-left: 0;}
/*尾部*/

.foot {
	width: 100%;
	background: #004d93;
	margin: 0 auto;
	overflow: hidden;
}

.foot-first {
	margin: 0 auto;
	border-bottom: 2px solid #267fcf;
}

.foot-first ul li {
	float: left;
	line-height: 85px;
}

.foot-first ul li a {
	color: #FFFFFF;
}

.foot-second {
	margin: 0 auto;
	padding-top: 30px;
}

.foot-second-left {
	border-right: 1px solid #308bde;
	//padding-top: 15px;
}

.foot-second-left img {
	margin-top: 10px;
}

.foot-second-left table {
	border-collapse: separate;
	//margin: -20px 0 0 15px;
}

.foot-second-left table a {
	color: #FFFFFF;
	font-size: 12px;
}

.foot-second-center {
	border-right: 1px solid #308bde;
	padding: 0 25px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

.foot-second-center div {
	margin-top: -10px;
}

.foot-second-center p {
	line-height: 19px;
}

.foot-second-right {
	margin-top: 16px;
}

.rf-list {
	width: 100%;
	margin: 0 auto;
}

.rf-list table {
	border-collapse: separate;
	border-spacing: 9px 10px;
	width: 103.5%;
	margin-left: -9px;
}

.rf-list table tr th {
	border: 1px solid #f2f2f2;
	padding-left: 24px;
	height: 50px;
}

.rf-list table tr th span {
	padding-left: 20px;
}

@media only screen and (max-width: 500px) {
	.lt-search {
		top: 14px;
		margin: 0 0 0 5px;
	}
	.lt-button {
		width: 21px;
		top: 20px;
	}
}

@media only screen and (max-width: 430px) {
	.rf-list table tr th {
		padding-left: 0;
	}
.rf-list table tr th span {padding-left:0;}

}

@media only screen and (max-width: 767px) {
.open-right {
padding: 0;
	}
.rs-list {margin-top: 20px;}
.open-right{margin-top: 20px;}

#open-title-span1 {
	margin-left: -5px;
}

#open-title-span2 {
	margin-left: -7px;
}

#open-title-span3 {
	margin-left: -7px;
}
.first-bottom ul {
	margin-left: 35px;
}
.navbar-brand {
	padding: 0 0;
	font-size: 18px;
}
.colors a {
	
	font-size: 12px !important;
}
	.second {
		height: auto;
		width: 100%;
		overflow: hidden;
	}
	.second-out {
		background: url(${root_path}images/second-background_02.png) no-repeat center;
		height: auto;
		width: 100%;
	}
	.second-list {
		width: 100%;
		margin: 0 auto;
	}
	.second-list ul li {
		width: 100%;
		float: none;
	}
	.third-list ul li {
		margin-top: 20px;
	}
	.li {
		margin-left: 0;
	}
	.second-list ul li a img {
		width: 100%;
		height: 180px;
	}
	.first-line-right1 {
		margin-left: 30px;
	}
	.fouth {
		height: auto;
		background: #004d93;
	}
	.fouth-left {
		height: 480px;
	}
	.fouth-right {
		padding: 40px 0;
	}
	.first-left div {
		left: 0;
	}
	.fouth-list ul li {
		height: 480px;
		margin-top: 20px;
	}
	.fouth-left img {
		margin: 145px auto 0;
	}
	.int-first-left {
		padding: 20px 0;
	}
	.int-first-right {
		padding: 20px 0;
	}
	.int-second-left {
		padding: 20px 0;
	}
	.int-second-right {
		padding: 20px 0;
		margin-top: 20px;
	}
	.int-third {
		padding: 20px 0;
	}
	.int-fouth {
		padding: 20px 0;
	}
	.int-fouth-left {
		padding: 20px 0;
	}
	.int-fouth-center {
		padding: 20px 0;
		margin-top: 15px;
	}
	.int-fouth-right {
		padding: 20px 0;
		margin-top: 20px;
	}
	.isl-center table {
		margin-left: -4px;
	}
	.isr-center {
		text-align: center;
	}
	.isrc-content {
		text-align: left;
		width: 100%;
		margin: 0 auto;
	}
	.isrc-content p {
		width: 100%;
		text-align: justify;
	}
	.it-bottom table {
		width: 76%;
	}
	.it-bottom table tr td {
		float: left;
	}
	.circular {
		float: none;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid #e9e9e9;
		text-align: center;
		font-size: 12px;
		color: #333333;
		line-height: 39px;
		margin: 0 auto;
	}
	.msg {
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	.lf-spans {
		float: none;
	}
	.lf-q {
		margin-top: 15px;
		text-align: center;
	}
	.lf-q-right {
		float: none;
		width: 84%;
		margin-top: 0;
		text-align: center;
		margin: 0 auto;
	}
	.lf-q-right ul li {
		background: #eeeeee;
		text-align: center;
		height: 76px;
		margin-top: 10px;
		line-height: 74px;
	}
	.lf-q-right ul li a {
		color: #666666;
		font-size: 18px;
	}
	.rf-bottom ul li {
	}
	.rs-list ul li {
		width: 20%;
	}
	.ztzl {
		width: 95%;
		margin: 15px auto 0;
	}
	.ztzl ul {
		height: auto;
	}
	.ztzl img {
		width: 100%;
	}
	.ztzl ul li {
		width: 10%;
	}
	.lf-q-right ul li {
		width: auto;
	}
	.lis1 {
		margin-left: 0;
	}
.foot {
		height: auto;
	}
	.foot-first {
		width: 100%;
		height: auto;
	}
	.foot-right {
		margin-left: 1.5%;
	}
	.foot-second {
		width: 100%;
		text-align: center;
	}
	.foot-second-left {
		float: none;
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.foot-second-center {
		width: 100%;
		float: none;
		overflow: hidden;
padding: 0 !important;
	}
	.foot-second-left img {
		float: none;
	}
	.foot-second-left table {
		float: none;
		width: 100%;
		border-spacing: 67px 10px;
	}
	.foot-second-center div {
		margin-top: 10px !important;
	}
	.foot-second-right {
		float: none;
		overflow: hidden;
		height: auto;
	}
	.foot-second-right img {
		margin-left: 10px;
	}
}

@media only screen and (min-width: 768px) {
.open-right {
padding: 0;
	}
	.myli {
		width: 20%;
	}
	.rf-bottom ul li {
		width: 20%;
	}
	.ztzl img {
		width: 100%;
	}
	.ztzl ul li {
		width: 10%;
	}
.foot {
		height: auto;
	}
	.foot-first {
		width: 100%;
		height: auto;
	}
	.foot-right {
		margin-left: 3.5%;
	}
	.foot-second {
		width: 100%;
	}
	.foot-second-left {
		float: left;
		width: 32%;
	}
	.foot-second-center {
		float: left;
		width: 32%;
		height: 98px;
	}
	.foot-second-left img {
		float: left;
	}
	.foot-second-left table {
		float: left;
		border-spacing: 10px 10px;
	}
	.foot-second-right {
		float: left;
	}
	.foot-second-right img {
		margin-left: 10px;
	}
}

@media only screen and (min-width: 992px) {
.open-right {
padding: 0;
	}
	
	.int-second-right {
    margin-top: 20px;
	}
	
	.rf-bottom ul li {
		width: 10%;
padding: 0;
	}
	.rs-list ul li {
		width: 194px;
	}
	.ztzl {
		margin: 15px auto 0;
	}
	.ztzl ul {
		height: auto;
	}
	.lis2 {
		margin-left: 12%;
	}
	.ztzl img {
		width: 100%;
	}
	.ztzl ul li {
		width: 10%;
	}
.foot {
		height: auto;
	}
	.foot-first {
		width: 1190px;
		height: 88px;
	}
	.foot-right {
		margin-left: 5.5%;
	}
	.foot-second {
		width: 100%;
	}
	.foot-second-left {
		width: 30%;
		height: 83px;
	}
	
	.foot-second-center {
		width: 30%;
	}
	.foot-second-left table {
		border-spacing: 10px 10px;
	}
	.foot-second-right img {
		margin-left: 49px;
	}
}

@media only screen and (min-width: 1200px) {
.int-first-left-bottom-left {width: 55%;}
.container {
    width: 1180px;
}
	.second-inside {
		width: 1180px;
	}
	.second-list {
		width: 1180px;
	}
	.colome-list {
		width: 1180px;
	}
	.logos {
		width: 1180px;
	}
	.first {
		width: 1180px;
	}
	.first-left {
		width: 571px;
	}
	.first-right {
		width: 539px;
		float: right;
	}
	.third {
		width: 1180px;
	}
	.third-list {
		width: 102%;
	}
	.third-list ul li {
		width: 220px;
	}
	.fouth-out {
		width: 1180px;
	}
	.fouth-list {
		width: 1180px;
	}
	.fouth-left {
		height: 280px;
	}
	.fouth-list ul li {
		height: 280px;
		float: left;
	}
	.fouth-right {
		height: 280px;
		width: 940px;
	}
	.fifth {
		width: 1180px;
	}
	.fifth-list ul li {
		width: auto;
                height: 290px;
                padding-right: 0;
                padding-left: 0;
               
	}
	.video-js {
		width: 570px !important;
	}
	.video {
		width: 570px;
	}
	.video-right {
		margin-left: 40px;
	}
	/*互动*/
	.int-first {
		width: 1180px;
	}
	.int-second {
		width: 1180px;
	}
	.int-first-left {
		width: 825px;
	}
	.int-first-right {
		width: 350px;
padding-right: 0;
	}
	.int-second-left {
		width: 765px;
	}
	.int-second-right {
		width: 333px;
		float: right;
    margin-top: 0;
	}
	.int-third {
		width: 1180px;
	}
	.int-fouth {
		width: 1180px;
	}
	.int-fouth-left {
		width: 430px;
	}
	.int-fouth-center {
		width: 355px;
		margin-left: 20px;
	}
	.int-fouth-right {
		width: 355px;
		float: right;
	}
	.open-home {
		width: 1190px;
	}
	.open-left {
		width: 625px;
	}
	.open-right {
		width: 520px;
height: 161px;
		float: right;
padding: 0;
	}
	.ls-lists {
		height: 202px;
	}
	.rf-bottom ul li {
		width: 100px;
padding: 0;
	}
	.lis2 {
		margin-left: 5px;
	}
	.ztzl ul {
		height: 161px;
	}
	.rs-list {
		margin-top: 21px;
	}
	.rs-list ul li {
		width: 104px;
	}
	.rel-ul {
		margin-top: 41px;
	}
.foot {
		height: 250px;
	}
	.foot-first {
		width: 1190px;
	}
	.foot-right {
		margin-left: 76px;
	}
	.foot-second {
		width: 1190px;
	}
	.foot-second-left {
		width: 380px;
	}
	.foot-second-center {
		width: 405px;
	}
	.foot-second-left table {
		border-spacing: 65px 10px;
	}
}

@media only screen and (max-width: 1199px) {
.open-right {
padding: 0;
	}
	.int-first-right {
		margin-top: 20px;
padding: 0;
	}
	.int-fouth-center {
		margin-top: 20px;
	}
	.int-fouth-right {
		margin-top: 20px;
	}
}