@charset "utf-8";
/* CSS Document */
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #1f1f24;
	background: #FFFFFF;
	min-width: 1170px;
	-webkit-font-smoothing: antialiased;
}
.os_mac, .os_mac div, .os_mac p, .os_mac span, .os_mac td, .os_mac th, .os_mac textarea, .os_mac select, .os_mac input, body, div, p, span, td, th, textarea, select, input {
	font-family: 'Microsoft Yahei', '微软雅黑', STXihei, STSong;
	outline: none;
}
input,select,button
{
	-webkit-appearance: none;
	box-shadow:none; 	
}
#from1 {
	display: none;
}
a, a:link, a:visited, a:active, a:hover {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #53afee;
	text-decoration: underline;
}
.row, .clearfix {
 *zoom: 1;
	clear: both;
}
.row:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}
.row .col {
	display: inline-block;
	float: left;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.container {
	width: 100%;
	clear: both;
 *zoom: 1;
}
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.main {
	width: 1170px;
	margin: 0 auto;
}
.contents {
	color: #606060;
	line-height: 200%;
	font-size: 14px;
}
.contents p {
	margin: 10px 0;
	padding: 0;
	text-indent: 2em;
}
/****************头部************/
.header {
	width: 100%;
	background-color: #1f1f24;
	height: 84px;
	overflow: hidden
}
.header_fix {
	width:100%;
	height:84px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	opacity: 0.99;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	background-color: #1f1f24;
	z-index:100001;
}
.main-cont
{
	margin-top:84px;	
}
.header .logo {
	width: 270px;
	float: left;	
}

.header .logo a,
.header .logo a:link,
.header .logo a:active,
.header .logo a:visited,
.header .logo a:hover
{
	display:block;
	width:100%;
	height:84px;
	/*background-color:#3399cc;
	background-color:#000000;*/
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	color:#3399cc;		
}
.header .logo span
{
	display:block;
	font-size:14px;
	font-family: 'Microsoft Yahei', '微软雅黑', STXihei, STSong;
	color:#cee4ef;
	text-align:center;
	height:22px;
	line-height:22px;
	letter-spacing:2px;
	display:none;	
	
}

.header .logo i
{
	display:block;
	font-size:52px;
	height:45px;
	line-height:45px;
	padding-top:12px;
	color:#FFFFFF;
	text-align:center;
	font-style:normal;
	height:60px;
	line-height:60px;	
	color:#33ccff;	
}
.header .nav {
	width: 685px;
	float: left;
}
#nav { display:none; }
.header .search {
	width: 215px;
	float: left;
}
#btnSend
{
	display:none;	
}
.nav-menu {
	width: 90%;
	margin: 0 auto;
}
.nav-menu li {
	float: left;
	width: 16%;
	text-align: center;
}
.nav-menu li.lg {
	width: 20%;
}
.nav-menu li a {
	display: inline-block;
	margin: 0 auto;
	height: 84px;
	line-height: 84px;
	color: #7a7f88;
	font-size: 15px;
	text-align: center;
}
.nav-menu li a:hover, .nav-menu li.active a {
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/mm_curr.png) center bottom repeat-x;
}
.nav-more {
/* background: url(../images/mm_dd.png) center 60px no-repeat; */
}
.mobi-mm {
	display: none;
}
.search-box {
	border-radius: 6px;
	background: #35373d url(../images/ico_search.png) 10px center no-repeat;
	height: 38px;
	margin-top: 22px;
	padding-left: 42px;
}
.search-box-act {
	background-color: #47494f;
}
.search-box-act input, .search-box input {
	width: 165px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #35373d;
	background-color: #35373d;
	color: #FFFFFF;
	margin: 8px 0 0 0;
	padding: 0;
}
.search-box-act input {
	border: 1px solid #47494f;
	background-color: #47494f;
}
/****************底部************/
.i-list {
	background-color: #f1f6fc;
	padding: 50px 0;
}
.i-list ul li {
	width: 25%;
	float: left;
	text-align: center;
}
.i-list ul li:hover {
	background-color: rgba(255,255,255,0.2);
	box-shadow: 0 0 15px rgba(128,128,128,0.1);
}
.i-list .box {
	padding: 30px;
}
.i-list .ico {
	padding: 8px 0;
}
.i-list .ico a {
	display: block;
	height: 131px;
	width: 131px;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.i-list h2 {
	font-size: 24px;
	color: #414141;
	padding: 15px 0;
	line-height: 25px;
	margin: 0;
}
.i-list ul li:hover h2 {
	color: #53afee;
}
.i-list .info {
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	padding: 5px 0;
	height:40px;
	overflow:hidden;
}
.i-list .more {
	padding: 20px 0;
}
.i-list .more a {
	color: #53afee;
	font-size: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	padding-right: 12px;
	background: url(../images/ico_more.png) right center no-repeat;
	width: 60px;
	margin: 0 auto;
}
.ico1 {
	background-image: url(../images/ico_h01.png);
}
.ico2 {
	background-image: url(../images/ico_h02.png);
}
.ico3 {
	background-image: url(../images/ico_h03.png);
}
.ico4 {
	background-image: url(../images/ico_h04.png);
}
/****************底部************/
.footer {
	padding: 40px 0;
	background: url(../images/foot_bg.png) left top repeat;
}
.footer, .footer a {
	color: #80878e;
	font-size: 12px;
}
.footer h2 {
	color: #FFFFFF;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	padding: 10px 0;
	margin: 0;
}
.footer ul li {
	float: left;
}
.footer .f-share {
	width: 25%;
}
.footer .f-info {
	width: 30%;
}
.footer .f-nav {
	width: 40%;
}
.footer .f-nav a {
	display:inline-block;
	height: 22px;
	line-height: 22px;
	width:50%;
	float:left;
}
.footer .f-nav a:hover {
	color: #efefef;
}
.footer .f-qr {
	width: 30%;
}

.footer .f-qr .qr
{
	float:left;
	width:35%;	
}

.footer .f-qr .share-bds
{
	float:left;
	width:45%;
}

.f-copyright
{
	line-height:35px;
	height:35px;
	padding:10px 0 0 30%;	
}

.f-copyright img
{
	vertical-align:middle;	
}

.footer p {
	text-indent: 0;
	margin: 0;
	padding: 0;
	line-height: 22px;
}
.foot-mobi {
	display: none;
}
.share-bds {
}
.share-bds .bdsharebuttonbox {
}
.footer .box {
	padding: 0 30px 0 0;
}
.share-bds .bdsharebuttonbox .bds_qzone {
	background: url(../images/ico_qzone.png) center top no-repeat;
}
.share-bds .bdsharebuttonbox .bds_sqq {
	background: url(../images/ico_qq.png) center top no-repeat;
}
.share-bds .bdsharebuttonbox .bds_weixin {
	background: url(../images/ico_wx.png) center top no-repeat;
}
.share-bds .bdsharebuttonbox .bds_tsina {
	background: url(../images/ico_sina.png) center top no-repeat;
}
.share-bds .bdsharebuttonbox .bds_tqq {
	background: url(../images/ico_weibo.png) center top no-repeat;
}
/****************Banner************/
.banner {
	width: 100%;
	height: 800px;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.banner-box {
	position: absolute;
	left: 50%;
	top: 0;
	height: 800px;
	margin-left: -960px;
	width: 1920px;
}
.banner-main {
	height: 800px;
}
.banner-main img {
	width: 1920px;
	height: 800px;
}
.scrolltop {
	display: none;
	position: fixed;
	bottom: 10%;
	left: 50%;
	margin-top: -25px;
	margin-left: 600px;
	width: 50px;
	height: 50px;
	_position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||50)-(parseInt(this.currentStyle.marginBottom, 10)||50)));
}
.scrolltop a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/ico_stop2.png) left top no-repeat;
}
.scrolltop a:hover {
	background: url(../images/ico_stop.png) left top no-repeat;
}
.span1, .span2, .span3, .span4, .span6, .span8 {
	float: left;
}
.pager {
	height: 30px;
	padding: 20px 0;
}
.cmnPager {
	margin: 0 auto;
	text-align: center;
}
.cmnPager a, .cmnPager a:hover, .cmnPager a:active, .cmnPager a:visited, .cmnPager a:link {
	color: #202020;
	border: 1px solid #dddddd;
	padding: 8px 10px;
	display: inline-block;
	border-radius: 4px;
	margin: 0 5px;
	text-decoration: none;
}
.cmnPager a:hover, .cmnPager a.on {
	border: 1px solid #3399cc;
	color: #FFF;
	background-color: #3399cc;
}
.cmnPager a.btn_nums { display:none; }
.span1 {
	width: 98%;
	padding: 0 1%;
}
.span2 {
	width: 15%;
	padding: 0 0.5%;
}
.span3 {
	width: 23%;
	padding: 0 1%;
}
.span4 {
	width: 30%;
	padding: 0 1.5%;
}
.span6 {
	width: 45%;
	padding: 0 2.5%;
}
.span8 {
	width: 60%;
	padding: 0 3%;
}
.center {
	text-align: center;
}
.item-gray {
	background-color: #f5f5f5;
}
.br6 img, .br6 {
	border-radius: 6px;
}
.br4 img, .br4 {
	border-radius: 4px;
}
.brt6 img, .brt6 {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.page-title {
	padding: 20px 0;
	background-color: #f5f5f5;
}
.about {
}
.intro {
	color: #adadb3;
	font-size: 13px;
	font-weight: normal;
	width: 80%;
	padding: 15px 0;
	margin: 0 auto;
	line-height: 22px;
}
.intro p
{
	margin:0;
	padding:0;	
}
.about-item {
	padding: 40px 0;
}
.title {
	font-size: 32px;
	font-weight: normal;
	color: #38383a;
	margin: 0;
	padding: 0 10px;
	line-height: 35px;
}

.about-item h1,
.about-item h2,
.about-item h3,
.title-sm {
	font-size: 18px;
	color: #3399cc;
}
h1.title-sm {
	font-size: 24px;
}
.about .conts {
	font-size: 15px;
	line-height: 30px;
	color: #6d747a;
}
.about .conts p {
	text-indent: 2em;
}

#aboutitem4 .conts,
#aboutitem4 .conts p
{
	text-indent:0;
	text-align:justify;	
}

.page-items {
	padding: 50px 0;
}
.pageitem {
	margin-bottom: 40px;
}
.pageitem .box {
	background-color: #f0f0f0;
}
.pageitem:hover .box
{
	background-color:#DDDDDD;	
}
.pageitem .thu {
	position:relative;
}
.pageitem .thu a
{
	display:block;	
}
.pageitem .thu em
{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/ico_zoom.png) center center no-repeat;
	display:none;
	border-top-left-radius:6px;
	border-top-right-radius:6px;	
}
.pageitem .thu img {
	width: 100%;
	height: auto;
	height:234px;
}
.pageitem .ninfo {
	padding: 20px;
}
.pageitem .tl {
	margin: 5px 0;
	line-height:24px;
	height:27px;
	overflow:hidden;
}
.pageitem .tl a {
	color: #3399cc;
	font-size: 18px;
	font-weight: normal;
}

.pageitem:hover .tl a
{
	color:#2387b9;	
}
.pageitem .info {
	color: #6d747a;
	font-size: 12px;
	line-height: 18px;
	height: 38px;
	overflow: hidden;
	margin: 10px 0;
}
.pageitem:hover .info
{
	color:#545a60;		
}
.pageitem .date {
	color: #999;
	margin: 10px 0;
}
.pageitem:hover .date
{
	color:#727272;	
}
.pageitem .more {
	margin: 10px 0;
}
.pageitem .more a {
	width: 166px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	display: block;
	margin: 0 auto;
	color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #3399cc;
}

.pageitem:hover .more a,
.pageitem .more a:hover {
	background-color: #40ade4;
}
.title-ln {
	border-radius: 6px;
	background-color: #DDDDDD;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	padding: 10px;
	color: #202020;
}
.title-ln:hover {
	color: #FFFFFF;
	background-color: #3399cc;
}
.page-cont {
	padding: 20px 0 100px 0;
}
.news-back {
	padding: 30px 0;
}
.news-back a {
	display: block;
	width: 200px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #3399cc;
	margin: 0 auto;
	border-radius: 6px;
	font-size: 15px;
	text-decoration: none;
}
.news-back a:hover {
	background-color: #2289bc;
}
.nav-cate {
	padding: 15px 0;
	text-align: center;
}
.nav-cate a {
	display: inline-block;
	text-align: center;
	min-width: 100px;
	height: 36px;
	line-height: 36px;
	border-radius: 20px;
	background-color: #818182;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	margin: 10px 6px;
}
.nav-cate a:hover, .nav-cate a.active {
	background-color: #3399cc;
}
.nav-cate a i {
	font-style: normal;
	display: inline-block;
	padding: 0 20px;
}
.nav-cate .active i {
	padding-left: 45px;
	background: url(../images/ico_pcate_on.png) 20px center no-repeat;
}

.nav-cate-items
{
	display:none;
	position:absolute;
	width:150px;
	left:0;
	top:0;
	z-index:9999;
	background-color:rgba(255,255,255,0.01)
}

.nav-cate-items a
{
	display:block;
	text-align: center;
	min-width: 80px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
	background-color: #949494;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	margin:5px 0;	
}

.research-form {
	padding: 20px 0;
}
.research-form .form {
	max-width: 500px;
	_width: 500px;
	margin: 0 auto;
	border-radius: 6px;
	background: #35373d url(../images/ico_search.png) 10px center no-repeat;
	height: 38px;
	padding-left: 42px;
}
.research-form .fld {
	width: 80%;
	height: 20px;
	line-height: 20px;
	border: 1px solid #35373d;
	background-color: #35373d;
	color: #FFFFFF;
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
}
.research-form .btn {
	outline: none;
	width: 15%;
	text-align: center;
	color: #FFFFFF;
	background-color: #3399cc;
	font-size: 15px;
	border: 1px solid #3399cc;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 38px;
	line-height: 38px;
	padding: 0;
	float: right;
}
.research-form .form:hover {
	background-color: #47494f;
}
.research-form .form:hover .fld, .research-form .fld:focus {
	border: 1px solid #47494f;
	background-color: #47494f;
}
.research-list {
	padding: 50px;
}
.research-list .item {
	margin-bottom: 20px;
	background: #efefef url(../images/ico_02.png) 15px center no-repeat;
	padding: 10px 20px 10px 30px;
	border-radius: 6px;
	display:block;
}
.research-list .item:hover {
	background: #3399cc url(../images/ico_022.png) 15px center no-repeat;
}

.research-list .item a.tl,
.research-list .item a.tl:link,
.research-list .item a.tl:active,
.research-list .item a.tl:hover,
.research-list .item a.tl:visited {
	display: inline-block;
	line-height: 25px;
	font-size: 15px;
	color: #202020;
	max-width: 90%;
	float: left;
	_width: 90%;
	text-decoration: none;
	word-wrap: break-word;
	word-break: break-all;
}
.research-list .item a.tl:hover, .research-list .item:hover a.tl {
	color: #FFFFFF;
}
.research-list .item a.tl span {
	font-weight: bold;
	margin-right: 10px;
}
.research-list .item a.down {
	float: right;
	width: 10%;
	height: 25px;
	display: inline-block;
	background: url(../images/ico_down.png) right center no-repeat;
}
.research-list .item:hover a.down {
	background: url(../images/ico_down2.png) right center no-repeat;
}
.hide {
	display: none;
}
.cont-pic {
	text-align: center;
}
.cont-pic img {
	width: auto;
	max-width: 100%;
	height: auto;
	box-shadow: 0 0 15px rgba(128,128,128,0.5);
}
.pic-title {
	color: #3399cc;
	font-size: 18px;
	font-weight: normal;
}
.prod-citem {
	padding: 20px 0 50px 0;
}
.wdp60 {
	width: 60%;
	margin: 0 auto;
}
.wdp80 {
	width: 80%;
	margin: 0 auto;
}
.product-view .conts {
	color: #6d747a;
	font-size: 14px;
	line-height: 30px;
}

.product-view .conts ul li {
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../images/ico_li.png) 5px 12px no-repeat;
	line-height: 30px;
}
.about-item .conts h1, .about-item .conts h2, .about-item .conts h3,
.product-view .conts h1, .product-view .conts h2, .product-view .conts h3 {
	font-size: 18px;
	color: #47535d;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 5px 0;
}

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

body {
	min-width: 100%;
}
.span1, .span2, .span3, .span4, .span6, .span8 {
	float: none;
	display: block;
	width: auto;
	padding: 0 2%;
}
.banner-cont {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.banner-cont img {
	position: absolute;
	max-width: none;
	width: 766px;
	left: 50%;
	top: 0;
	margin-left: -383px;
}
.header {
	width:100%;
	height:84px;
	left:0;
	top:0;
	position:fixed;
	background-color: #1f1f24;
	z-index:100001;
}

.header_mobi_fix {
	width:100%;	
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	opacity: 0.99;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	background-color: #1f1f24;
	z-index:100001;
	height:84px;
}

.row, .clearfix {
	clear: both;
}
.row:after, .clearfix:after {
	
}

.header .search {
	display: none;
}
.header .nav {
	display:none;
}

#main-cont
{
	margin-top:84px;	
}

.main {
	width: auto;
	padding: 0 5px;
}
.header .main { margin:0; padding:0; } 
.header .logo
{
	width:240px;	
}

.header .top {
	width:100%;	
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	opacity: 0.99;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	background-color: #1f1f24;
	z-index:100001;
	height:84px;
}

.header .logo a i
{
	font-size:48px;	
}
.header .logo a span
{
	font-size:13px;	
}

.mobi-menu {
	width:100%;
	display:none;
	position:fixed;
	top:84px;
	left:0;
	z-index:999;
	background-color:#3399cc;
	background-color:rgba(32,32,36,0.85);
	padding:5px 0;
}

.mobi-menu li
{
	display:block;
	width:100%;
	float:none;	
}

.mobi-menu li a
{
	display:block;
	text-align:center;
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	background-color:rgba(32,32,36,0.15);
	font-size:14px;
	text-decoration:none;
	font-weight:700;
}

.mobi-menu li a.active,
.mobi-menu li a:hover
{
	color:#d1f0ff;
	background-color:rgba(51,153,204,0.75);
	background-color:#3399cc;
}

#foot-pc {
	display: none;
}
.f-copyright
{
	display:none;	
}
.footer {
	padding: 10px 0;
}
.foot-mobi {
	display: block;
	color: #80878e;
	font-size: 12px;
}
.foot-mobi .box {
}
.foot-mobi span {
	color: #CCCCCC;
}

.row img {
	max-width: 100%;
}
.page-items {
	padding: 20px 0;
}
.research-list {
	padding: 20px;
}
.i-list {
	padding: 20px 0;
}
.i-list ul li {
	display: block;
	float: none;
	width: 100%;
}
.prod-citem {
	padding: 20px 0 20px 0;
}
.banner {
	height: 320px;
}
.banner-box {
	position: absolute;
	left: 50%;
	top: 0;
	height: 320px;
	margin-left: -383px;
	width: 766px;
}
.banner-main {
	height: 320px;
}
.banner-main img {
	width: 766px;
	height: 320px;
}
.about-item {
	padding: 20px 0;
}
.about-item .thu
{
	text-align:center;	
}
.research-list .item {
	padding: 10px 10px 10px 30px;
}
.research-list .item:hover {
	background: #3399cc url(../images/ico_022.png) 15px center no-repeat;
}
.research-list .item a.tl,
.research-list .item a.tl:link,
.research-list .item a.tl:active,
.research-list .item a.tl:visited,
.research-list .item a.tl:hover
 {
	width: 100%;
	display:block;
	max-width: none;
	font-size: 14px;
}
.research-list .item a.down {
	display: none;
}
.cmnPager a.btn_num, .cmnPager a.btn_home, .cmnPager a.btn_last {
	display: none;
}
.cmnPager a.btn_nums { display:inline-block; }
.scrolltop {
	position: fixed;
	bottom: 10%;
	right: 20px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	_position: absolute;
}
.mobi-mm {
	background: url(../images/ico_menu2.png) center center no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 26px;
	right: 26px;
}
.mobi-mm:hover {
	background: url(../images/ico_menu.png) center center no-repeat;
}

.title { font-size:24px; }

.nav-cate {
	padding: 10px 0;
	text-align: center;
}
.nav-cate a {
	display: inline-block;
	text-align: center;
	min-width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	background-color: #818182;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	margin: 5px;
}

.nav-cate-items
{
	display:none;
	position:absolute;
	width:150px;
	left:0;
	top:0;
	z-index:9999;
}

.nav-cate-items a
{
	display:block;
	text-align: center;
	min-width: 80px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
	background-color: #818182;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	margin:5px 0;	
}


.jobitem .br6 img { margin-top:0; }

.wdp60 {
	width:100%;
}
.wdp80 {
	width: 100%;
}
}