.banner1 { display: none;}

.banner {

	position: relative;

	display: block;

	max-width: 1440px;

	height: 497px;

	margin: 0 auto;

	overflow: hidden;

	z-index: 0;

}

#flashs .bgitem {

	position: absolute;

	top: 0;

	z-index: 1;

}

#flashs .btn{

	position: absolute;

	bottom: 40px;

	right: 50%;

	margin-right: -26px;

	padding: 5px 6px;

	z-index: 7;

}

#flashs .btn span{

	color: #fff;

	height: 10px;

	width: 10px;

	font-size: 0;

	line-height :20px;

	background-color: #acce22;

	cursor: pointer;

	display: inline-block;

	margin-left: 10px;

	text-align: center;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.5);

}

#flashs .btn span.cur{ background-color: #fff;}

@media screen and (max-width: 767px) {

.banner { display: none;}

.banner1{position: relative; display: block;}

.banner1 .slider {z-index: 1; display:block; margin:0 auto; width:100%;overflow:hidden;position:relative;}

.banner1 .slider .sliderlist{ position:absolute; width:100%; left:0; top:0px;}

.banner1 .slider .sliderlist li{ float:left; width:100%; display:block; text-align:center;}

.banner1 .slider .sliderlist li span{ width:100%; margin:0 auto; display:inline-block;}

.banner1 .slider .sliderlist li img{ width:100%;}

.banner1 .slider #pagenavi{position:absolute;left:0;bottom:0px;text-align:right;width:100%; height:15px; line-height:15px; background-color:rgba( 255, 255, 255, 0.4);}

.banner1 .slider #pagenavi a{width:8px;height:8px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1; margin-top: 3px;}

.banner1 .slider #pagenavi a.active{ background:#072d54;}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.banner { display: none;}

.banner1{position: relative; display: block;}

.banner1 .slider {z-index: 1; display:block; margin:0 auto; width:100%;overflow:hidden;position:relative;}

.banner1 .slider .sliderlist{ position:absolute; width:100%; left:0; top:0px;}

.banner1 .slider .sliderlist li{ float:left; width:100%; display:block; text-align:center;}

.banner1 .slider .sliderlist li span{ width:100%; margin:0 auto; display:inline-block;}

.banner1 .slider .sliderlist li img{ width:100%;}

.banner1 .slider #pagenavi{position:absolute;left:0;bottom:0px;text-align:right;width:100%; height:15px; line-height:15px; background-color:rgba( 255, 255, 255, 0.4);}

.banner1 .slider #pagenavi a{width:8px;height:8px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1; margin-top: 3px;}

.banner1 .slider #pagenavi a.active{ background:#072d54;}

}





.center-top-bg { background-color: #f2f2f1;}

.center-top {

	position: relative;

	margin-top: -202px;

	z-index: 2;

}

@media screen and (max-width: 767px) {

.center-top { display: none;}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.center-top { display: none;}

}

.center-top .tab-hd {

	position: relative;

	width: 975px;

	height: 66px;

	padding-left: 1px;

	padding-right: 2px;

	border: 1px #dcdbdb solid;

	background-color: #fff;

}

.center-top .tab-hd li {

	float: left;

	width: 195px;

	height: 66px;

	overflow: hidden;

}

.center-top .tab-hd li a {

	display: block;

	width: 110px;

	line-height: 66px;

	padding-left: 85px;

	background-position: 45px center !important;

	background-repeat: no-repeat !important;

	font-size: 14px;

	color: #202020;

}

.center-top .tab-hd li.ico1 a { background-image: url(../images/ico1.jpg);}

.center-top .tab-hd li.ico2 a { background-image: url(../images/ico2.jpg);}

.center-top .tab-hd li.ico3 a { background-image: url(../images/ico3.jpg);}

.center-top .tab-hd li.ico4 a { background-image: url(../images/ico4.jpg);}

.center-top .tab-hd li.ico5 a { background-image: url(../images/ico5.jpg); background-position: 35px center !important;}

.center-top .tab-hd li.ico1 a:hover { background: url(../images/ico11.jpg);}

.center-top .tab-hd li.ico2 a:hover { background: url(../images/ico22.jpg);}

.center-top .tab-hd li.ico3 a:hover { background: url(../images/ico33.jpg);}

.center-top .tab-hd li.ico4 a:hover { background: url(../images/ico44.jpg);}

.center-top .tab-hd li.ico5 a:hover { background: url(../images/ico55.jpg); background-position: 35px center !important;}

.center-top .tab-hd li.active.ico1 a { background: url(../images/ico11.jpg);}

.center-top .tab-hd li.active.ico2 a { background: url(../images/ico22.jpg);}

.center-top .tab-hd li.active.ico3 a { background: url(../images/ico33.jpg);}

.center-top .tab-hd li.active.ico4 a { background: url(../images/ico44.jpg);}

.center-top .tab-hd li.active.ico5 a { background: url(../images/ico55.jpg);}

.center-top .active a {

	color: #072d54 !important;

}

.center-top .tab-bd { height: 172px;}

.center-top .tab-bd div { display:none;}

.center-top .tab-bd div.yfcx,.center-top .tab-bd div.ydcx {

	width: 246px;

	height: 172px;

	margin-left: 151px;

	background-color: rgba( 255, 255, 255, 0.6);

}

.center-top .tab-bd div.ydcx { margin-left: 0;}

.center-top .tab-bd div.yfcx h4,.center-top .tab-bd div.ydcx h4 {

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	background-color: #005ca4;

}

.center-top .tab-bd div.yfcx h4 a,.center-top .tab-bd div.ydcx h4 a {

	float: left;

	display: block;

	width: 122px;

	height: 36px;

	line-height: 36px;

	border-left: 1px #00477f solid;

	font-size: 14px;

	font-weight: normal;

	color: #fff;

	text-align: center;

}

.center-top .tab-bd div.yfcx h4 a:first-child,.center-top .tab-bd div.ydcx h4 a:first-child {

	border-left: 0;

	border-right: 1px #006dc2 solid;

}

.center-top .tab-bd div.yfcx ul,.center-top .tab-bd div.ydcx ul { padding: 0 11px;}

.center-top .tab-bd div.yfcx ul li {

	margin-top: 9px;

	font-size: 12px;

}

.wplx {

	width: 151px;

	height: 14px;

	padding: 0 5px;

	border: 1px #c9def2 solid;

}

.mdd {

	width: 163px;

	height: 14px;

	padding: 0 5px;

	border: 1px #c9def2 solid;

}

.bgzl {

	width: 120px;

	height: 14px;

	padding: 0 5px;

	border: 1px #c9def2 solid;

}

.cm-c {

	width: 22px;

	height: 14px;

	padding: 0 5px;

	border: 1px #c9def2 solid;

}

.center-top .tab-bd div.yfcx ul li span { padding: 0 4px;}

.center-top .tab-bd div.yfcx ul li span:first-child { padding-left: 9px;}

.center-top .tab-bd div.ydcx ul li { margin-top: 9px;}

.wby {

	width: 212px;

	height: 80px;

	padding: 5px;

	border: 1px #c9def2 solid;

	resize: none;

	font-family: "Microsoft Yahei";

}

.cx {

	padding: 0 20px;

	border: 1px #005ca4 solid;

	background-color: #005ca4;

	font-family: "Microsoft Yahei";

	color: #fff;

}



.special { padding: 35px 0;}

.special ul li {

	position: relative;

	float: left;

	width: 238px;

	height: 146px;

	margin-left: 9px;

	_margin: 0 3px;

	overflow: hidden;

}

.special ul li:first-child { margin-left: 0;}

.special ul li img {

	width: 238px;

	height: 146px;

}

.special ul li div {

	position: absolute;

	width: 238px;

	height: 146px;

	top: 0;

	left: 0;

}

.special ul li div p.sp2 {

	height: 37px;

	line-height: 37px;

	margin-top: 109px;

	background-color: rgba( 32, 32 , 32, 0.7);

	font-size: 14px;

	color: #fff;

	text-align: center;

}

.special ul li a:hover div {

	background-color: rgba( 255, 255, 255, 0.6);

	transition:all .5s;

}

@media screen and (max-width: 767px) {

.special {

	padding: 5% 0;

	width: 100%;

}

.special ul li {

	position: relative;

	float: left;

	width: 46%;

	height: auto;

	margin-left: 0;

	margin: 1% 2%;

	overflow: hidden;

}

.special ul li:first-child { margin-left: 2%;}

.special ul li img {

	width: 100%;

	height: auto;

}

.special ul li div {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.special ul li div p.sp2 {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	margin-top: 0;

}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.special { width: 98%;}

.special ul li {

	position: relative;

	float: left;

	width: 22%;

	height: auto;

	margin-left: 4%;

	overflow: hidden;

}

.special ul li:first-child { margin-left: 0;}

.special ul li img {

	width: 100%;

	height: auto;

}

.special ul li div {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.special ul li div p.sp2 {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	margin-top: 0;

}

}





.title {

	height: 40px;

	line-height: 40px;

	padding-left: 13px;

	background-image: url(../images/title_bg.jpg);

	background-position: left bottom;

	background-repeat: no-repeat;

	font-size: 14px;

	font-weight: normal;

	color: #383433;

}

.title a {

	float: right;

	margin-top: 17px;

}



.faq {

	width: 305px;

	margin-top: 17px;

}

.faq ul { margin-top: 13px;}

.faq ul li {

	height: 34px;

	line-height: 34px;

	padding-left: 27px;

	overflow: hidden;

	border-bottom: 1px #ddd dashed;

	background-image: url(../images/wt_li_bg.jpg);

	background-position: left center;

	background-repeat: no-repeat;

}

.faq ul li a { color: #8d8d8d;}

.faq ul li a:hover {

	color: #005ca4;

	transition:all .5s;

}



.news {

	width: 640px;

	margin-top: 17px;

}

.news ul { margin-top: 19px;}

.news ul li {

	position: relative;

	float: left;

	width: 210px;

	height: 239px;

	margin-left: 5px;

	_margin: 0 1px;

	overflow: hidden;

}

.news ul li:first-child { margin-left: 0;}

.news ul li img {

	width: 210px;

	height: 239px;

}

.news ul li div {

	position: absolute;

	width: 210px;

	height: 239px;

	top: 0;

	left: 0;

}

.news ul li div p.sp2 {

	height: 47px;

	line-height: 47px;

	margin-top: 192px;

	background-image: url(../images/news_bg.png);

	background-position: center top;

	background-repeat: no-repeat;

	font-size: 14px;

	color: #fff;

	text-align: center;

}

.news ul li a:hover div {

	background-color: rgba( 255, 255, 255, 0.6);

	transition:all .5s;

}

@media screen and (max-width: 767px) {

.middle { width: 98%;}

.faq { width: 100%;}

.faq ul li span { float: right;}



.news { width: 100%;}

.news ul { margin-top: 19px;}

.news ul li {

	width: 32%;

	height: auto;

	margin-left: 1%;

}

.news ul li:first-child { margin-left: 1%;}

.news ul li img {

	width: 100%;

	height: auto;

}

.news ul li div {

	width: 100%;

	height: 100%;

}

.news ul li div p.sp2 {

	position: absolute;

	width: 100%;

	margin-top: 0;

	bottom: 0;

	left: 0;

}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.middle { width: 98%;}

.faq { width: 31%;}



.news { width: 65%;}

.news ul { margin-top: 19px;}

.news ul li {

	width: 32%;

	height: auto;

	margin-left: 1%;

}

.news ul li:first-child { margin-left: 1%;}

.news ul li img {

	width: 100%;

	height: auto;

}

.news ul li div {

	width: 100%;

	height: 100%;

}

.news ul li div p.sp2 {

	position: absolute;

	width: 100%;

	margin-top: 0;

	bottom: 0;

	left: 0;

}

}





.about,.internet,.case {

	width: 305px;

	margin-top: 35px;

}

.about p,.internet p {

	width: 305px;

	height: 169px;

	margin-top: 10px;

}

.about p img,.internet p img {

	width: 305px;

	height: 169px;

}



.internet {

	margin-left: 31px;

	_display: inline;

}

.cs-cx { margin-top: 10px;}

.cx-cx {

	width: 91px;

	height: 17px;

	padding: 0 5px;

	margin-right: 1px;

	border: 1px #e3e2e2 solid;

	font-family: "Microsoft Yahei";

}

@media screen and (max-width: 767px) {

.about,.internet,.case {

	width: 100%;

	margin-top: 5%;

}

.about p,.internet p {

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.about p img,.internet p img {

	width: 100%;

	height: auto;

}



.internet { display: none;}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.about,.internet,.case {

	width: 31%;

	margin-top: 35px;

}

.about p,.internet p {

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.about p img,.internet p img {

	width: 100%;

	height: auto;

}



.internet { margin-left: 3.5%;}

.cs-cx { margin-top: 10px; display: none;}

}



.caselist {

	position: relative;

	width: 305px;

	height: 169px;

	margin-top: 10px;

}

.caselist img {

	width: 305px;

	height: 169px;

}

.caselist div {

	position: absolute;

	width: 173px;

	height: 132px;

	top: 20px;

	right: 7px;

	overflow: hidden;

}

.caselist div h4 {

	height: 29px;

	line-height: 29px;

	border-bottom: 1px #bebebe solid;

	font-size: 14px;

	font-weight: normal;

	color: #383433;

}

.caselist div p {

	height: 88px;

	line-height: 22px;

	margin-top: 7px;

	padding-bottom: 5px;

	overflow: hidden;

	border-bottom: 1px #a6a6a6 dashed;

	color: #383433;

}

@media screen and (max-width: 767px) {

.caselist {

	width: 100%;

	height: auto;

}

.caselist img {

	width: 100%;

	height: auto;

}

.caselist div {

	position: absolute;

	width: 57%;

	height: 78%;

	top: 12%;

	right: 2%;

	overflow: hidden;

}

.caselist div h4 {

	height: 29px;

	line-height: 29px;

}

.caselist div p {

	height: 64%;

	line-height: 22px;

}

}



@media screen and (min-width: 768px) and (max-width: 979px) {

.caselist {

	width: 100%;

	height: auto;

}

.caselist img {

	width: 100%;

	height: auto;

}

.caselist div {

	position: absolute;

	width: 57%;

	height: 78%;

	top: 12%;

	right: 2%;

	overflow: hidden;

}

.caselist div h4 {

	height: 29px;

	line-height: 29px;

}

.caselist div p {

	height: 64%;

	line-height: 22px;

}

}





.partner {

	margin-top: 14px;

	margin-bottom: 65px;

}

.partner ul {

	width: 975px;

	height: 160px;

	overflow: hidden;

	margin-top: 16px;

	margin-left: 2px;

}

.partner ul li {

	position: relative;

	float: left;

	width: 195px;

	height: 80px;

	margin-top: -1px;

	margin-left: -1px;

	border-left: 1px #d6d6d6 solid;

	border-top: 1px #d6d6d6 solid;

}

.partner ul li img {

	width: 195px;

	height: 80px;

}

.partner ul li p {

	position: absolute;

	width: 195px;

	height: 80px;

	top: 0;

	left: 0;

}

.partner ul li a:hover p {

	background-color: rgba( 255, 255, 255, 0.6);

	transition:all .5s;

}

@media screen and (max-width: 767px) {

.partner ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-left: 0;

}

.partner ul li {

	width: 49.9%;

	height: auto;

}

.partner ul li img {

	width: 100%;

	height: auto;

}

.partner ul li p {

	width: 100%;

	height: 100%;

}
.link_bg{ display:none;}
}



@media screen and (min-width: 768px) and (max-width: 979px) {

.partner ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-left: 0;

}

.partner ul li {

	width: 20%;

	height: auto;

}

.partner ul li img {

	width: 100%;

	height: auto;

}

.partner ul li p {

	width: 100%;

	height: 100%;

}
.link_bg{ display:none;}
}
.link_bg {
	height: 44px; 
}
.link { 
	width: 980px; 
	margin: 0 auto; 
	height: 44px;
	line-height: 44px;
	overflow: hidden;
}
.link_left {
	/*width: 100px;
	padding-right: 15px;
	font-size: 15px;*/
	font-weight: bold;
}
.link_right { 
	width: 860px;
	line-height: 44px;
}
.link_right a { 
	margin: 0 8px; 
}