@charset "utf-8";
/* =reset 网页样式重置
------------------------------------------------------------------------------------------------------------------------------*/
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑动条*/}
body { font-size:0.75em;  width:100%; min-width:1200px; text-align:center;}
a:link, a:visited { text-decoration:none; color:#000}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var,p { margin:0; padding:0; text-align:left; }
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em;}
img, input, button, select, textarea { vertical-align:middle;outline:none;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
      -ms-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
		  font-family:"微软雅黑", Arial, sans-serif; line-height:32px; font-size:16px
}
.jz{ text-align:center}
.fr{ float:right}
.fl{ float:left}
.clear{ clear:both; float:none;}
.k12{ width:1200px; margin:0px auto}
.tb{ background:#1a3174; height:32px; padding:5px 0;}
.tb .k12 p{ color:#fff; font-size:14px}
.logo,.logo img{ width:1200px; height:120px;}
.logo2{ display:none;}
.logo h1{ position:relative; margin-top:}
.nav{ height:45px; background:#1a3174}
.navs a{ display:block; height:45px; line-height:45px; width:140px; float:left; text-align:center; color:#fff; font-weight:bold}
.hh{ background:#2b448f}
.navs a:hover{background:#2b448f}

#banner_main {
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	min-width: 1200px;
}
#banner_main .banner {
	height: 430px;
}
#banner {
	width: 100%;
	min-width: 1300px;
	position: relative;
	overflow: hidden;
}
#banner, .banner ul {
	width: 100%;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 40px;
	z-index: 13;
}
#banner .tip span {
	width: 50px;
	height: 10px;
	margin: 0 12px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-color: #a2a7ac;
}
#banner .tip span.cur {
	background-color: #003e92;
}
#banner #btn_prev, #banner #btn_next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 214px;
	z-index: 5;
	display: none;
}
#banner #btn_prev {
	background-position: -54px -0px;
	left: 8%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -106px -0px;
	right: 8%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 7.6%;
	background-position: -0px -0px;
}
#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	right: 7.6%;
	background-position: -160px -0px;
}

#body{ width:100%; text-align:center}
.about-t{ text-align:center; height:56px; background:url(../img/ab.png) no-repeat center top; text-align:center; min-height:56px; margin:25px auto;}
.about-t h2{ font-size:36px; color:#023682; margin:0px auto; line-height:56px; height:56px; text-align:center;}
.about-x{ height:340px; min-height:340px; background:#f2f2f2; padding-left:35px; position:relative; display:inline-block; width:1165px; overflow:hidden}
.gsimg{ width:400px; height:340px; margin-left:25px;}
.about-x h3{ font-size:22px; color:#023682; margin-top:20px !important; display:block; width:400px; height:42px; line-height:42px; position: relative}
.about-x p{ text-indent:2em;}
.srhlsnkd {
	width: 130px;
	height: 51px;
	background: #0067d0;
	margin-right: 1px;
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 51px;
	text-align: center; margin-top:20px
}
.srhlsnkd a {
	width: 130px;
	height: 51px;
	background: #0067d0;
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 51px;
	text-align: center;
	display: block;
}
.srhlsnkd a:hover {
	width: 130px;
	height: 51px;
	background: #d7030c;
	float: left;
	font-size: 16px;
	color: #ff0;
	line-height: 51px;
	text-align: center;
	display: block;
}
.fbt2{text-align:center; height:88px; background:url(../img/show.png) no-repeat center top; text-align:center; min-height:56px; margin:25px auto;}
.fbt2 h3{font-size:36px; color:#023682; margin:0px auto; line-height:56px; text-align:center;}
.fbt2 p{ text-align:center; display:block; width:100%; height:32px;}
#tabs {
	width: 1200px;
	margin: 0 auto;
	text-align:center;
}
#tabs ul{
	display:inline-block;
	text-align:center;	
}
#tabs li {
	float: left;
	background: #003e92;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	margin-left:7px; margin-right:7px;
	text-align: center;
	width: 150px;
	color: #fff;
	margin-bottom: 12px;
	border-radius: 10px;
}
#tabs li a {
	float: left;
	background: #003e92;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	text-align: center;
	width: 150px;
	color: #fff;
	border-radius: 5px;
}
#tabs li.currents {
	background: #d7030c;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	width: 150px;
	margin-left: 15px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}
#tabs li.currents a {
	background: #d7030c;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	width: 150px;
	color: #fff;
	cursor: pointer;
	border-radius: 10px;
}
#contents {
	width: 1200px;
	margin: 0 auto;
}
.prod_row2 {
	padding-top: 10px;
}
.prod_row2 .divproduct_new_div:after {
	content: '';
	display: block;
	clear: both;
}
.prod_row2 .divproduct_new_div_item {
	float: left;
	width: 285px;
	position: relative;
	height: 282px;
	transition: 0.3s all ease-in-out;
	overflow: hidden;
	margin: 20px 20px 0px 0;
}
.prod_row2 .divproduct_new_div_item:nth-child(4n) {
	margin-right: 0;
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic a, .prod_row2 .divproduct_new_div_item .product_div_item_pic a img {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.3s all ease-in-out
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic {
	position: absolute;
	width: 275px;
	border: 1px solid #d0d0d0;
	padding: 4px;
	height: 206px;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: auto;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content {
	height: 36px;
	padding: 15px;
	position: absolute;
	width: 255px;
	top: auto;
	left: 0;
	bottom: 0;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:before {
	content: '';
		width: 15px;
	height: 20px;
	position: absolute;
	bottom: 23px;
	right: 18px;
	display: block;
	z-index: 2;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #d0d0d0;
	display: block;
	left: 0;
	top: auto;
	transition: 0.3s all ease-in-out;
	bottom: -65px;
}
.prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content:after {
	bottom: 0;
	background: #003e92;
}
.prod_row2 .divproduct_new_div_item_body {
	transition: 0.3s all ease-in-out;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_a {
	display: block;
	line-height: 26px;
	font-size: 16px;
	padding: 5px 0 5px;
	color: #222;
	position: relative;
	z-index: 3; text-align:center
}
.prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_a {
	color: #fff;
	transition: 0.3s all ease-in-out;
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic a {
	width: auto;
	height: auto;
}


.divproduct_new_div_item_title{ text-align:center; overflow:hidden}
.prod_row2 .divproduct_new_div_item:hover .product_div_item_pic a img {
	transform: scale(1.1);
}
.syban{ width:100%; height:200px;  text-align:center; background:url(../img/syban.jpg) no-repeat center top; margin:35px auto; min-height:200px;}
.box2{ width:585px;}
.box2 img{ width:585px; height:128px; margin-bottom:20px}
.syxw li{ height:32px; overflow:hidden; border-bottom:1px dashed #CCC; margin:5px 0; background:url(../img/li.jpg) no-repeat 0px 8px; text-indent:25px}
.syxw li span{ float:right;}
.syxw li a:hover{ color:#03C}
#foot{ background:#1a3174; width:100%; text-align:center; padding:55px 0 35px 0; margin-top:35px; color:#fff }
#foot > div { color:#fff}
#foot > div a{ color:#fff}
.foot1{ width:370px;}
.foot1 p{ margin-bottom:15px}
.foot1 span{ font-size:28px;}
.foot2{ width:600px;}
.foot2 dl{ width:140px; float:left}
.foot2 dl dd a{ font-size:14px; color:#5e83f2 !important}
.foot2 dl dd a:hover{ color:#fff !important}
.foot3{ width:200px;}
.copy{  text-align:center; margin:20px 0; font-size:14px;}
.copy a{ font-size:14px}
.links{ background:#f2f2f2; margin:35px auto; padding:20px 25px; width:1150px;}
.links span{ color:#1a3174; font-weight:bold; font-size:14px}
.links a{ margin-right:10px; font-size:12px;}
.didiv{	position: fixed; text-align:center;	left: 50%;	z-index: 99;	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);	-o-transform: translate(-50%,0);	transform: translate(-50%,0);
	bottom: 0;	width: 100%;	height: 60px;	line-height: 60px;	background: rgba(0,0,0,0.6);
}
.didiv01{ width:310px; font-size:28px; color:#3488ea; height:60px; line-height:60px; font-weight:bold}
.didiv02{ width:570px; height:60px; line-height:60px; font-size:18px; color:#FFF}
.didiv02 ol li{ float:left; height:60px; line-height:60px; background:url(../img/dili.png) no-repeat 0px 18px; text-indent:35px; margin-right:25px}
.didiv03{ width:290px; font-size:28px; color:#f91f02; height:60px; line-height:60px; font-weight:bold;  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #f91f02 -1px 0 0, #f91f02 0 -1px 0;}
.didiv03 span{font-size: 14px;	background: #ff6800;	border-radius: 5px;	color: #fff;	text-align: center;
	line-height: 16px;	padding: 7px;	margin-top: 8px; display:block; width:40px; float:left; margin-right:15px; text-shadow: none}
.ban-a{ height:200px; width:1200px; margin:20px auto; min-height:200px;}
.ban-a1{ background:url(../img/ban-a.jpg) no-repeat center top;}
.left-box{ width:240px; overflow:hidden}
.right-box{ width:930px; overflow:hidden}
.r-t span{ float:right}
.r-t h3{ color:#1a3174; background:url(../img/t2bj.jpg) no-repeat 0px 7px; text-indent:40px}
.r-t{ background:url(../img/r-t.jpg) no-repeat 0px 38px; height:40px;}
.xx{ padding:35px 0; width:100%; min-height:500px; height:auto; overflow:hidden}
.xx > p{ text-indent:2em; margin-bottom:15px}
.l-t{ background:#1a3174; padding:20px 0;}
.l-t span{ color:#fff; font-size:28px; border-bottom:1px solid #fff; margin-left:20px; height:60px; line-height:60px; display:inline-block}
.l-b{ border:1px solid #CCC; margin-bottom:25px;}
.l-b ul{ padding:20px;}
.l-b ul li{ background:url(../img/n-li.jpg) no-repeat 160px 18px; height:46px; line-height:46px; border-bottom:1px dashed #CCC}
.l-b ul li a{ line-height:46px; height:46px; width:100%; display:block; }
.l-b ul li a:hover{ color:#03C}
.l-t2{ background:#1a3174; color:#fff; height:50px; line-height:50px; text-indent:20px; font-weight:bold}
.l-b ol{ padding:20px 15px;}
.l-b ol li a { font-size:12px;}
.l-b ol li i{ background:#06C; font-size:8px; height:20px; line-height:20px; padding:0px 5px;border-radius: 2px; color:#fff; margin-right:5px	}
.l-b ol li:first-child i{ background: #ff6800;}
.nxw ul li{height:140px; text-indent:1em; overflow:hidden; margin-bottom:10px}
.nxw ul li h3{ display:block; width:100%; height:32px; background:#f2f2f2; overflow:hidden}
.nxw ul li p{ display:block; padding:10px; font-size:12px; text-indent:2em; margin:10px 0;}
.nxw ul li p span{ font-size:12px; color:#F30}
.page{ clear:both; width:100%; padding:10px 0; height:40px; text-align:center; margin:15px 0;border-top:1px solid #666}
.page a,.page span{ padding:5px 5px; margin:0px 5px; border:1px solid #999; font-size:12px }
.nx h1{ text-align:center; color:#1a3174}
.mark{ text-align:center; margin:10px 0; font-size:12px; color:#666; background:#f1f1f1}
.sx{ clear:both; float:none; width:100%; border-bottom:1px solid #999; border-top:1px solid #999; padding:5px 0; margin-bottom:25px}
.ncp dl{ width:310px; float:left; text-align:center}
.ncp dl dt{ width:270px; margin:0px auto; height:202px; overflow:hidden}
.ncp dl dt img,.ncp dl dt a img{ width:270px; height:202px;}
.ncp dl dd{ background:#f3f3f3; text-align:center; width:270px; height:32px; margin:15px auto; overflow:hidden}
.didiv2{ display:none}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	body{ min-width:100%;}
	.k12{ width:100%;}
	.logo{ display: none}
	.logo2{ width:100%; height:120px; display:inline}
	.logo2 img{width:100%; height:120px}
	.nav{ height:90px; background:#1a3174; overflow:hidden}
.navs a{ display:block; height:45px; line-height:45px; width:33%; float:left; text-align:center; color:#fff; font-weight:bold; overflow:hidden}
.navs a:hover{ color:#36F}
#banner_main {
	min-width:100%;
}
#banner_main .banner {
	height: 430px;
}
#banner {
	width: 100%;
	min-width:100%;
}
.banner li img {
	width:1920px;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 100%;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom: 40px;
	z-index: 13;
}
#body,#contents{ width:100%}
.about-t,.fbt2{ width:100%; overflow:hidden}
.about-t h2,.fbt2 h3{ font-size:26px;}
.about-x{ background:#f2f2f2;  position:relative; display:inline-block;  overflow:hidden; width:100%; height:auto; padding:0}
.gsimg{ width:270px; height:200px; margin-left:25px; float:none !important}
.about-x h3{ font-size:22px; color:#023682; margin-top:20px !important; display:block; width:100%; height:42px; line-height:42px; position: relative; text-align:center}
.about-x p{ text-indent:2em; width:90%; padding:5%}
.srhlsnkd { width:32%}
#tabs{ display: none}
.prod_row2 .divproduct_new_div_item {
	width:90%;
	margin: 10px; text-align:center
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic {
	width: 95%;
 margin:0px auto
	 
}
.syban{  background:url(../img/syban.jpg) no-repeat -1080px 0; }
.box2{ width:90%; float:none; margin-left:5%}
.box2 img{ width:100%; height:128px; margin-bottom:20px}
.box2 ul{ margin-bottom:20px}
.links{ background:#f2f2f2; margin:35px auto; padding:20px 25px; width:80%;}
.foot1{ width:88%; padding-left:9%; padding-right:3%}
.foot1 p{ margin-bottom:15px}
.foot1 span{ font-size:28px;}
.foot2{ width:600px; display:none}
.foot3{ width:100%; clear:both; float:none; text-align:center}
.foot3 img{ margin:0px auto}

.didiv{display:none;}
.didiv2{ display:inline; position: fixed; text-align:center;	left: 50%;	z-index:99;	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);	-o-transform: translate(-50%,0);	transform: translate(-50%,0);
	bottom: 0;	width: 100%;	height: 90px;	line-height: 90px;	background: rgba(0,0,0,0.6); text-align:center}
.didiv2 p{ height:60px; width:70%; margin:15px auto; background:#F00; color:#fff; text-align:center; font-size:20px; font-weight:bold;border-radius: 5px;}
.didiv2 p a{color:#fff;  font-size:30px; font-weight:bold; line-height:60px}
.ban-a1{ background:url(../img/ban-a2.jpg) no-repeat center top; width:100% !important}
.left-box{ display:none}
.right-box{ width:90%; padding:10px 5%}
.r-t span{ float:right; width:60%; overflow:hidden; height:32px;}
}