@charset "utf-8";
/* CSS Document */
/* 02企业简介 */
.qiyejianjie{ padding: 100px 0 30px;}
h2.special{ color: #06559a; font-size: 30px; font-family: '微软雅黑'; line-height: 32px; 
	padding-left: 36px; background:url('../images/kuang.png') left 3px no-repeat;}
h2.special span{ color: #00b4ff; font-size: 26px; margin-left: 18px; font-family: 'Times New Roman'; display: inline-block;}
@media screen and (max-width:480px) {
	 h2.special{ font-size: 24px;}
	 h2.special span{ font-size: 20px;}
}
.qiyejianjie .jjcon{ margin: 25px 0 70px; color: #333; text-indent: 2em;}
.qiyejianjie .jjcon span.dblue{ font-weight: 600;}
.qiyejianjie .jjcon span.lblue{ font-weight: 600;}
@media screen and (max-width:1200px) { .qiyejianjie{ padding:100px 2% 30px;}}


/* 03新闻列表 */
.newslist{ margin-top: 30px; margin-bottom: 70px;}
.newslist li{ border-bottom: 1px solid #ccc; padding: 30px 0; overflow: hidden;}
.newslist .pic{ float: left; width: 200px; height: 100%; margin-right: 35px;} 
.newslist .pic img{ width: 200px; height: 125px;}

.newslist .mid{ float: left; width: 800px;}
.newslist .mid h3{ line-height: 24px; font-size: 18px; font-family: '微软雅黑'; color: #333; margin-bottom: 10px;}
.newslist .mid p{ line-height: 20px; color: #666; font-size: 12px; margin-top: 12px; height: 40px; overflow: hidden;}
.newslist .mid i{ display: block; line-height: 20px; color: #666; font-size: 12px; margin-top: 10px;}
.newslist .mid i:hover{ color: #009cff;}

.newslist .date{ float: right; width: 125px; height: 125px; background-color: #eee;  color: #009cff;
	text-align: center; line-height: 28px; font-size: 16px; font-weight: bold; font-family: 'arial';}
.newslist .date span{ display: block; width: 42px; height: 28px; padding-top: 34px; 
	  border-bottom: 2px solid #009cff; margin: 0 auto;}
.newslist .date em{ display: block;}

.newslist li:hover{ border-bottom-color: #009cff;}
.newslist li:hover .mid h3{ color: #009cff;}
.newslist li:hover .date{ background-color: #009cff; color: #fff;}
.newslist li:hover .date span{ border-bottom-color: #fff;}


.jiansuo{ width: 100%; height:60px; background-color: #f3f3f3; font-size: 12px;
	 margin-top: 18px; border-bottom: 2px solid #ddd; line-height: 60px;}
.jiansuo .fl{ padding-left: 20px;}
.jiansuo .fr{ padding-right: 20px;}
.jiansuo .fr a{ margin: 0 10px;}
.jiansuo .fr a:hover,.jiansuo .fr a.on{ color: #00b4ff;}

.xiala{ width: 98px; height: 28px; position: relative; display: inline-block;
	color: #333; text-indent: 12px; line-height: 28px; cursor: pointer; border: 1px solid #ccc;
 	background: #fff url('../images/down.png') 76px center no-repeat; }
.xialalinks { position: absolute; width: 100%; left: -1px; top: 28px; z-index: 1; 
	background-color: #fdfdfd; display: none; overflow: hidden; border: 1px solid #ccc;}
.xialalinks a{ display: block; height: 30px; line-height: 30px;
	 border-bottom: 1px solid #ddd; text-indent: 10px;}
.xialalinks a:hover{ background-color: #0bf;}

@media screen and (max-width:1200px){
	.newslist{ padding: 0 2%;}
	.jiansuo{display: none;}
	.newslist li{ padding-left: 220px;}
	.newslist .pic{ margin-left: -220px; margin-right: 0;}
	.newslist .mid{ float: none; width: auto;}
	.newslist .mid p{ height: auto;}
	.newslist .date{ display: none;}}
	/* .newslist .date{ float: none; width: auto; height: auto; background-color: transparent;
	 color: #666; text-align: left; font-weight: normal; margin-top: 10px;}
	.newslist .date span{ display: inline; padding-top: 0; border-bottom: none; margin-right: 10px;}
	.newslist .date em{ display: inline; } */
@media screen and (max-width:540px){
	.newslist li{ padding-left: 0; padding-top: 20px;}
	.newslist .pic{ width: 100%; height: auto; float: none; margin-left: 0; margin-bottom: 30px; text-align: center;}
	.newslist .pic img{ width: 300px; height: auto;}
}
	



/* 04新闻详情  07文化专题详情*/
.article{ width: 1200px; margin: 0 auto 50px; position: relative;}
.article h1{ color: #009cff; font-size: 26px; line-height: 1em; padding: 50px 0;
	 text-align: center; border-bottom: 1px solid #ccc;}
.artinfo-out{ height: 30px; position: relative; top: -15px; z-index: 1; text-align: center; margin-bottom: 35px;}
.art-info{ display: inline-block; width:120px; height:30px; background-color: #009cff;}
.art-info span{ font-size: 16px; color: #fff; font-weight: bold; line-height: 30px; font-family: 'arial';}

.art-con{ font-size: 12px; line-height: 24px; color: #666;}
.art-con h5{ font-weight: bold;}
.art-con img{ max-width: 100%;}

.artpn-out{ width: 100%; background-color: #eee;}
.artpn{ width: 1200px; overflow: hidden; padding: 33px 0; margin: 0 auto; position: relative;
	 color: #666; font-size: 12px; line-height: 30px;}

.artprev{ float: left; width: 540px; height: 41px; overflow: hidden;}
.artnext{ float: right; width: 540px; height: 41px; overflow: hidden; text-align: right;}
.artprev a,.artnext a{ display: inline-block; width: 400px; overflow: hidden; margin: 0 15px; color: #666;}
.artnext a{ float: left;}
.artprev label,.artnext label{ display: inline-block; width: 96px; height: 30px; vertical-align: top;
	border: 2px solid #aaa; background-color: #ddd;text-align: center;}

.artprev a:hover,.artnext a:hover{ color: #009cff;}

.artpn .fan{ width: 100px; height: 34px; text-align: center; background-color: #749cc2; line-height:34px;
	color: #fff; font-size: 12px; position: absolute; top:33px; left:50%; margin-left: -50px;}
.artpn .fan:hover{ background-color: #469;}

@media screen and (max-width:1200px){
	.article{ width: 96%; padding: 0 2%;}
	.artpn{ width: 96%; padding: 33px 2%;}
	.artprev{ float: none; width: 100%;}
	.artnext{ float: none; text-align: left; width: 100%;}
	.artnext a{ float: none;}
	.artpn .fan{ right: 2%; left:auto; margin-left: 0;}
	.artprev a,.artnext a{ width: auto; display: inline;}
} 


/* 05文化理念 */
.linian-out{ width: 100%;  background-color: #f8f8f8; margin-bottom: 45px;}
.linian{ overflow: hidden;}
.linian h2{ margin: 58px 0;}
.linian div{ width: 50%; float: left; color: #333;}
@media screen and (max-width:1200px){
	.linian{ width: 96%; padding: 0 2%;}}
@media screen and (max-width:480px){
	.linian h2{ margin: 40px 0;}
	.linian div{ width: 100%; float: none; margin-bottom: 20px;}}


/* 06榜样在身边 */
.bangyang-out{ width: 100%; background-color: #f6f6f6; padding-bottom: 65px;}
.bangyang h3{ width: 300px; height: 62px; font-family: '微软雅黑'; text-align: center;
	line-height: 62px; color: #009ae0; border-top: 3px solid #009ae0;}
.bangyanglist{ width: 100%; overflow: hidden; font-size: 0; }
.bangyanglist li{ display: inline-block; width: 200px; height: 200px; position: relative;}
.bangyanglist li img{ width: 100%;}
.bangyanglist li label{ display: none; position: absolute; top:0; left:0; width: 80px; height: 30px;
	z-index: 1; font-family: '微软雅黑'; font-size: 18px; line-height: 30px; text-align: center;
	color: #fff; background-color: #06559a;}
.bangyang .byconout{ width:0; height:100%;background-color: #06559a;
	 position:absolute; top:0; left:0; z-index:1; overflow: hidden;
	transition: width 0.3s ease-in; -moz-transition: width 0.3s ease-in; 
	-webkit-transition: width 0.3s ease-in; -o-transition: width 0.3s ease-in;}
.bangyang .bycon{ /* width: 520px; height: 120px; */ padding: 40px; color: #fff; text-align: left;}
.bangyang .bycon h4{ font-family: '微软雅黑'; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden;}
.bangyang .bycon h4 em{ margin-right: 5px; font-weight: bold;}
.bangyang .bycon h4 i{ float: right;}
.bangyang .bycon p{ font-size: 12px; line-height: 20px; margin-top: 20px; height: 60px; overflow: hidden;}
.bangyang .bycon a{ font-size: 12px; color: #00b4ff;}

@media screen and (max-width:1200px){
	.bangyanglist li{ width: 25%; height: auto;}
}
@media screen and (max-width:750px){
	.bangyanglist li{ width: 200px; height: 200px;}
	.bangyang .byconout{ display: none;}
	.bangyanglist li label{ display: block;}
}
@media screen and (max-width:400px){ .bangyanglist li{ width: 300px; height: 300px;}}


/* .bangyanglist li:hover .byconout{ width: 600px;} */
/* 08文化动态列表*/

.dongtaiout{ width: 1200px; max-width: 100%; overflow: hidden; margin-bottom: 70px;}
.dongtailist{ width: 1240px; overflow: hidden;}
.dongtailist li{ float: left; width: 580px; height: 170px; border-bottom: 1px solid #ddd;
 padding: 30px 0; margin-right: 40px;}
.dongtailist .pic{ float: left; width: 270px; margin-right: 30px;}
.dongtailist .pic img{ width: 270px; height: 170px;}

.dongtailist .mid{ float: left; width: 280px;}
.dongtailist .mid h3{ line-height: 20px; color: #333; height: 40px; overflow: hidden; margin-top: 10px;}
.dongtailist .mid p{ line-height: 20px; color: #666; font-size: 12px;
 	margin-top: 12px; height: 60px; overflow: hidden;}
.dongtailist .mid i{ display: block; width: 100px; height: 30px; line-height: 30px; background-color: #9a9a9a;
  color: #fff; text-align: center; font-size: 12px; margin-top: 18px;}

.dongtailist li:hover .mid h3{ color: #06559a;}
.dongtailist li:hover .mid i{ background-color: #00b4ff;}
@media screen and (max-width:1200px){
	.dongtailist{ width: 96%; padding: 0 2%;}
	.dongtailist li{ float: none; width: auto; padding-left: 300px; margin-right: 0;}
	.dongtailist .pic{ margin-left: -300px; margin-right: 0;}
	.dongtailist .mid{ float: none; width: auto;}}
@media screen and (max-width:600px){
	.dongtailist li{ padding-left: 0; height: auto;}
	.dongtailist .pic{ float: none; margin: 0 0 30px; width: 100%; text-align: center;}
	.dongtailist .pic img{ width: 80%; height: auto;}
	.dongtailist .mid{ width: 80%; min-width: 320px; margin: 0 auto;}
}

/* 09博物馆 */

.bowuone{ border: 2px solid #07559a; padding-left: 400px; margin-top: 50px;}
.bowuone .pic{ width: 400px; height: 130px; background: #065598 url('../images/dasunyuan.jpg') center no-repeat;
	float: left; margin-left: -400px;}
.bowuone p{ margin: 15px 20px; height: 100px; overflow: hidden; font-size: 12px; line-height: 20px; color: #666; }

@media screen and (max-width:750px){
	.bowuone{ padding-left: 0;}
	.bowuone .pic{ width: 100%; margin-left: 0; float: none;}
	.bowuone p{ height: auto;}
}

.fivezone{ margin-top: 15px;}
.fivezone h3{ line-height: 36px; font-size: 30px; padding: 40px 0; text-align: center;
	color: #666; font-family: '微软雅黑';}
.fivezone h3 em{color: #12599a; font-weight: bold; display: inline-block;}

.zonelist{ width: 100%; position: relative; font-size: 0;}
.zonelist li{ display: inline-block; width: 240px; height: 220px; position: relative; z-index: 1;}
.zonelist li .pic{ margin: 0 auto; width: 100px; height: 100px; background-color: #ddd; text-align: center;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius:50px; line-height: 100px; overflow: hidden;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.zonelist li .pic img{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.zonelist li .pic .pic01{ height:48px;}
.zonelist li .pic .pic02{ height:0;}
.zonelist li:hover .pic{ background-color: #155b9b;}
.zonelist li:hover .pic .pic01{ height: 0;}
.zonelist li:hover .pic .pic02{ height: 48px;}

.zonelist li .txt{ width: 180px; max-width: 100%; max-height: 80px; margin: 30px auto 0; text-align: center;
	 font-size: 12px; color: #666; line-height: 20px;}
.zonelist .huitiao{ position: absolute; width: 80%; height: 5px; background-color: #ddd;
	left:10%; top:47px; z-index: 0;}
@media screen and (max-width:1200px){
	.zonelist .huitiao{ display: none;}
	.zonelist li{ width: 25%;}}
@media screen and (max-width:750px){ .zonelist li{ width: 33.3%;}}
@media screen and (max-width:550px){ .zonelist li{ width: 50%;}}

.picMarquee-left{ width: 100%;  overflow:hidden; position:relative; margin-top: 70px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; position: relative;}
.picMarquee-left .bd ul li .pic{ text-align:center;}
.picMarquee-left .bd ul li .pic img{ width:475px; height:315px; display:block;}
.picMarquee-left .bd .title{ position: absolute; width: 100%; height: 315px; top:0; left:0; z-index: 1; color: #fff;
	background-color: #155b9b; opacity: 0; filter:alpha(opacity=0); line-height: 315px; text-align: center;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.picMarquee-left .bd li:hover .title{ opacity: 0.9; filter:alpha(opacity=90);}


/* 10科普基地 */

.kepuone{ padding: 60px 0 40px; border-bottom: 1px solid #ddd; margin-bottom: 45px;}
.kepuyear{ float: left; width: 112px; height: 112px; background:url('../images/yearbg.png'); margin-right: 20px;}
.kepuyear span{ display: inline-block; width: 80px; height: 100px; margin-left: 15px; margin-top: 6px;
	 font-family: 'arial'; color: #fff; font-size: 64px; line-height: 50px; font-style: italic;}
.kepuone h3{ float: left; width: 390px; margin: 0 20px 10px 0;
	 font-family: '微软雅黑'; font-size: 30px; line-height: 40px; color: #666;}
.kepuone h3 em{ color: #155b9b; font-weight: bold;}
.kepuone p{ float: right; width: 560px; font-size: 12px; color: #666;}

.kepupics{ width: 100%; height: 376px; position: relative; margin:0 auto 60px;}
.kepupics li{ position: absolute;}
.kepupics li img{ width: 100%; height: 100%;}
.kepupics li p{ position: absolute; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);
	background-color: #155b9b; left:0; top:0; z-index: 1; text-align: center; 
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.kepupics li:hover p{ opacity: 0.9; filter:alpha(opacity=90);}
.kepupics li p span{position: absolute; width: 100%; height: 28px; top: 50%; left:0;
	 color: #fff; margin-top: -14px; overflow: hidden;}

.kepupics li.kp1{ left: 0; top:0; width: 397px; height: 376px;}
.kepupics li.kp4{ right: 0; top:0; width: 505px; height: 376px;}
.kepupics li.kp2{ left:400px; top:0; width: 291px; height: 186px;}
.kepupics li.kp3{ left: 400px; top:190px; width: 291px; height: 186px;}

@media screen and (max-width:1200px){
	.kepuone{ padding: 60px 2% 40px;}
	.kepuone p{ float: none; width: auto;}
	
	.kepupics{ width: 700px; height: 755px;}
	.kepupics li.kp4{ left: 0; bottom:0; top:auto; right:auto;}
}
@media screen and (max-width:700px){
	.kepupics{ width: 600px; height: 945px;}
	.kepupics li.kp2{ left:0; top:380px;}
	.kepupics li.kp3{ left:294px; top:380px;}
}
@media screen and (max-width:600px){
	.kepuone h3{ float: none; width: auto;}
	.kepupics{ width: 100%; height: auto;}
	.kepupics li{ position: relative; margin: 10px auto; max-width: 100%;}
	.kepupics li.kp1,.kepupics li.kp2,.kepupics li.kp3,
	.kepupics li.kp4{ left:auto; right:auto; top:auto; bottom:auto; height: auto;}
}


/* 11产品列表 */

.profenlei{ width: 1200px; max-width: 100%; height: 60px; margin: 20px auto 44px; position: relative;
	background-color: #f3f3f3; font-size: 12px; border-bottom: 1px solid #ddd;}
.profenlei-in{ height: 60px;}
.profenlei a{ float: left; padding: 0 25px; height: 57px; background-color: #f3f3f3;
	border: 1px solid #f3f3f3; border-bottom: 2px solid #ddd; color: #666; line-height: 57px;}
.profenlei a.on,.profenlei a:hover{ background-color: #fff; color: #00b4ff; border-color: #ddd;
	border-bottom-color: #06559a;}


.prolist{ width: 1200px; max-width: 100%; margin-bottom: 50px; font-size: 0; text-align: center;}
.prolist li{display: inline-block; width: 218px; height: 318px; border: 1px solid #eee;
	 margin: 0 10px 20px; font-size: 12px; outline: 4px solid #fff; position: relative;
	 transition: all 0.3s linear; -moz-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.prolist li:hover{ outline: 4px solid #00b4ff;}
.prolist .pic{ width: 100%; height: 220px; text-align: center; line-height: 220px;}
.prolist .pic img{ max-width: 90%; max-height:90%;}
.prolist .name{ color: #666; padding: 0 20px; line-height: 20px; height: 20px;
	 overflow: hidden; margin-bottom: 20px; font-size: 12px;}
.prolist .info{ color: #259fff; padding: 0 20px; line-height: 18px; height: 36px; font-size: 12px; overflow: hidden;}
.prolist i{ position: absolute; right: 13px; top: 10px; z-index: 1; width: 17px; display: none;
	height: 17px; background: url('../images/promore.png') center;}
.prolist li:hover i{ display: block;}



/* 12招聘 */
.zp{ width: 100%; height: 300px; margin: 70px auto 100px;
	 font-family: '微软雅黑'; text-align: center;}
.zp a{ display: block; width: 100%; height: 100%; color: #fff;}
.zp01{ background:url('../images/zp01.jpg') center; float: left;}
.zp02{ background:url('../images/zp02.jpg') center; float: right;}
.zp01,.zp02{ width: 48%; height: 300px; }
.zp span{ display: block; font-size: 36px; line-height: 1em; padding-top: 128px;}
.zp em{ display: block; font-size: 20px; line-height: 1em; margin-top: 20px;}
@media screen and (max-width:580px) { 
	.zp{ height: auto; margin: 30px auto;}
	.zp01,.zp02{ float: none; width: 100%; margin-bottom: 20px;}}

/* 13福利 */
.fuli-1{ width: 100%; height: 172px; margin: 0 auto 10px; text-align: center; font-family: '微软雅黑';
	background: url('../images/fulibg.jpg') center no-repeat; font-size: 20px; }
.fuli-1 span{ display: block;font-weight: bold; color: #06559a; padding-top: 50px;}
.fuli-1 em{ display: block; color: #333;}


.fuli-3{ width: 100%; height: 70px; margin: 10px auto 45px; line-height: 70px;
	background:url('../images/fulibg2.jpg') top no-repeat;}
.fuli-3 span{ font-family: '微软雅黑'; font-size: 16px;  margin-left: 105px; color: #fff;}
.fuli-3 a{ float: right; padding-right: 30px; margin-right: 30px; font-size: 12px; color: #fff;
	background:url('../images/toright.png') right no-repeat; font-weight: bold;}
@media screen and (max-width:1080px) { .fuli-3 span{ margin-left: 20px;}}
@media screen and (max-width:480px) { .fuli-3 span{ display: none;}}

.fuli-2{ width: 100%;overflow: hidden;}
.fuli-2 .kuai{ float: left; width: 33%; height: 450px; margin-bottom: 5px;}
.fuli-2 .kuai1{ background-color: #deecff; margin-right: 0.5%;}
.fuli-2 .kuai2{ background-color: #dffdff; margin-right: 0.5%;}
.fuli-2 .kuai3{ background-color: #fff3df;}
.fuli-2 h3{ height: 48px; border-bottom: 2px solid #00b4ff; background-color: #eee; font-family: '微软雅黑';
	line-height: 48px; text-align: center; font-size:20px; color: #06559a; overflow: hidden;}

.fuli-2 ul{ padding: 25px 18px 0; overflow: hidden; font-size: 0; text-align: center;}
.fuli-2 ul li{ display: inline-block; width: 33%; padding: 30px 0;}
.fuli-2 ul li div{ height: 48px; text-align: center;}
.fuli-2 ul li p{ font-size: 12px; color: #666; line-height: 1em;}

@media screen and (max-width:768px) { 
	.fuli-2 ul li{ width: 50%;}
	.fuli-2 .kuai{ height: 591px;}}
@media screen and (max-width:600px) { 
	.fuli-2 ul li{ width: 100%;}
	.fuli-2 .kuai{ height: 1035px;}}
@media screen and (max-width:400px) { 
	.fuli-2 ul li{ width: 33.3%;}
	.fuli-2 .kuai{ width: 100%; float: none; height: 450px;}}


/* 14生产基地 */
.jidi{ width: 100%; overflow: hidden; margin-bottom: 80px;}

.xijie{ width: 600px; float: left; z-index: 1; position: relative; margin-bottom: 20px;}
.xijie img#bigpic{ width: 600px; height: 400px; display: block; margin-bottom: 20px;}
.xijie .xijiebar{ padding: 0 40px; position: relative; height: 80px;}
.xijie .xijiebar a{ position: absolute; top: 0; width: 30px; height: 100%;}
.xijie .xijiebar .xiejie-prev{ left: 0; background: #ccc url(../images/xiaoyu01.png) center no-repeat;}
.xijie .xijiebar .xiejie-next{ right: 0; background: #ccc url(../images/dayu01.png) center no-repeat;}
.xijie .xijiebar a:hover{ background-color: #1ea6e4;}

.xijie .smallpic-out{ width: 100%; overflow: hidden; height: 100%; position: relative;}
.xijie .smallpic{ width: auto; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.xijie .smallpic li{ float: left; width: 116px; height: 76px;  position: relative;
	 margin: 0 5px; border: 2px solid #ddd;}
.xijie .smallpic li img{ width: 100%; height: 100%; cursor: pointer; opacity: 0.6; filter:alpha(opacity=60);}
.xijie .smallpic li:hover img,.xijie .smallpic li.on img{ opacity: 1; filter:alpha(opacity=100); border-color: #1ea6e4;}


.jidiright{ width: 600px; float: right;}
.jidiright h3{ width: 595px; position: relative; background-color: #eee; padding: 30px 0;
	 color: #06559a; line-height: 40px; font-family: '微软雅黑';font-size: 20px; text-align: center;}
.jidiright h3 i{ width: 32px; height: 32px; position: absolute; top:25px; right: -5px; background-color: #06559a; 
	color: #fff; font-size: 12px; line-height: 16px; padding: 9px; overflow: hidden; z-index: 1;}
.jidiinfo{ color: #999; text-indent: 2em; padding: 25px 10px 0 45px;}

@media screen and (max-width:1200px){
	.jidiright{ width: auto; float: none;}
	.jidiright h3{ width: auto; padding: 30px 10px;}
	.jidiright h3 i{ right: 0;}
	.jidiinfo{ padding-left: 10px;}
	.xijie{ margin-right: 20px;}
}
@media screen and (max-width:840px){.xijie{ float: none; margin: 0 auto 20px;}}
@media screen and (max-width:600px){
	.xijie{ width: 100%;}
	.xijie img#bigpic{ width: 100%; height: auto;}
}


/* 15营销网络 */
.network{ width: 1200px; max-width: 100%; margin:50px auto; overflow: hidden;}
.netleft{ float: left; width: 660px;}

#map{ margin-top: 30px; position: relative;}
.map{ width: 100%; text-align: center; display: none; margin-top: 30px;}
#map:after{ content: ''; position: absolute; right: 0; bottom:0; z-index: 0; pointer-events: none;
	width: 84px; height: 110px; background: url('../images/nanhai.png') center no-repeat;}
.map img{ max-width: 100%;}
.netright{ float: right; width: 510px; overflow: hidden;}
.netright a.jump{ display: block; width: 100%; height: 50px; color: #fff; text-align: center; 
	background: #00b4ff url('../images/sandayu.png') 90% center no-repeat;
	font-family: '微软雅黑';font-size: 16px; line-height: 50px;}
.netright p{ font-size: 12px; color: #999; margin: 30px 0 40px; text-indent: 10px;}

.shengfen{ width: 100%; overflow: hidden; margin-left: -1px; margin-bottom: 50px;}
.shengfen a{ float: left; width: 61px; height: 16px; border-left: 1px solid #999; margin-bottom: 16px;
	text-align: center; line-height: 16px; font-size: 14px; color: #333;} 
.shengfen a:hover,.shengfen a.on{ color: #00b4ff;}

dl.lianxi{ width: 100%; border-top: 2px solid #ddd;}
dl.lianxi dt{ height: 48px; color: #06559a; text-align: center; font-weight: bold;
 font-family: '微软雅黑';font-size: 16px; line-height: 3em; background-color: #f6f6f6;}
dl.lianxi dd{ width: 100%; margin-top: 3px; background-color: #f6f6f6; overflow: hidden;}
dl.lianxi dd span,dl.lianxi dd em{ float: left; width: 50%; height: 100px;
	color: #333; line-height: 130px; text-align: center;}
dl.lianxi dd span{ background: url('../images/user.png') center 30px no-repeat;}
dl.lianxi dd em{ background: url('../images/sj.png') center 30px no-repeat;}
@media screen and (max-width:1200px){
	.network{ width: auto; padding: 0 20px;}
	.netleft{ float: none; width: 610px; margin: 0 auto;}
	.netright{ float: none; width:610px; margin: 20px auto 0;}
}
@media screen and (max-width:640px){
	.network{ padding: 0 10px;}
	.netleft{ width: 100%;}
	.netright{ width: 100%;}
	#map{ display: none;}
	.map{ display: block;}
}



/* 首页 */

.fmain{ width: 1200px; margin: 25px auto 30px; max-width: 100%;}
.fthree{ width: 100%; overflow: hidden;}
.fnews{ float: left; width: 67%;}
.fnews-h{ height: 40px; text-indent: 160px; line-height: 40px;
	background: #eaf6ff url('../images/fbt02.jpg') left center no-repeat;}
.fnews-h .more{ float: right; margin-right: 12px; color: #007fef; text-indent: 0;}

.flinks{ float: right; width: 30%; overflow: hidden;}
.flinks a{ display: block; margin-bottom: 20px; text-align: center;}
.flinks a img{ max-width: 100%;}

ul.ftxtnews{ width: 100%; border-top: 1px solid #e3e3e3;}
ul.ftxtnews li{ height: 40px; border-bottom: 1px dotted #c5c5c5; line-height: 40px; padding-left: 20px; position: relative;
	background: url('../images/right01.png') 3px center no-repeat; padding-right: 80px; overflow: hidden;}
ul.ftxtnews li:hover{ background-image: url('../images/right02.png');}
ul.ftxtnews li a{display: block; height: 40px; color: #666; font-size: 12px; font-weight: bold; overflow: hidden;}
ul.ftxtnews li:hover a{ color: #259fff;}
ul.ftxtnews li span{ position: absolute; top:0; right: 0; width: 80px; color: #999; font-size: 12px; text-align: center;
font-family: 'Arial'; background: url('../images/datebg.png') left center no-repeat;}

ul.fpicnews .pic{float: left; width: 200px; margin-left: -220px;}
ul.fpicnews .pic img{ max-width: 100%;}
ul.fpicnews .txt{ width: auto;}
ul.fpicnews .fpicin{ padding-left: 220px; overflow: hidden;}
ul.fpicnews h3{ position: relative; height: 30px; line-height: 30px; padding-right: 80px; overflow: hidden; margin-bottom: 10px;}
ul.fpicnews h3 a{ display: block; height: 30px; color: #666; overflow: hidden; font-weight: bold; font-size: 16px;}
ul.fpicnews h3 span{position: absolute; top:0; right: 0; width: 80px; color: #999; font-size: 12px; text-align: center;
font-family: 'Arial'; background: url('../images/datebg.png') left center no-repeat;}
ul.fpicnews .con{ width: 100%; color: #666; font-size: 12px; line-height: 20px; overflow: hidden;}
ul.fpicnews a.more{ color: #666; font-size: 12px; margin-top: 10px;}
ul.fpicnews h3:hover a,ul.fpicnews a.more:hover{ color: #259fff;}
ul.fpicnews .con:hover{ color: #259fff;}
@media screen and (max-width:1230px){
	.fmain{ width: auto; padding: 0 15px;}
}
@media screen and (max-width:840px){
	.fnews{ float: none; width: 100%;}
	.flinks{ float: none; width: 100%; margin-top: 10px;}
	.flinks a{ float: left; width: 50%; margin-bottom: 0;}
}
@media screen and (max-width:840px){
	ul.fpicnews h3{ padding-right: 0;}
	ul.fpicnews h3 span{ display: none;}
	.fmain{margin-top: 10px;}
}
@media screen and (max-width:540px){
	ul.fpicnews .fpicin{ padding-left: 0;}
	ul.fpicnews .pic{float: none; width: 100%; margin-left: 0; text-align: center;}
	ul.fpicnews .pic img{ width: 300px;}
	ul.fpicnews .txt{ width: 300px; max-width: 100%; margin: 20px auto 0;}
	.fmain{margin-top: 0;}
}

#fpicnews{ width: 100%; margin: 20px auto;  overflow:hidden; position:relative;}
#fpicnews .bd{ position:relative; padding: 0 35px; z-index:0;}
#fpicnews .bd li{ width: 100%; zoom:1; position: relative; overflow: hidden;}

/* 下面是前/后按钮代码 */
#fpicnews .prev,#fpicnews .next{ position:absolute; top:50%; margin-top:-30px; display:block; 
	width:35px; height:60px; }
#fpicnews .prev{ left: 0;  background:url(../images/xiaoyu02.png) left center no-repeat;} 
#fpicnews .next{ right:0;  background:url(../images/dayu02.png) right center no-repeat;}
#fpicnews .prev:hover{ background-image: url(../images/xiaoyu02a.png)}
#fpicnews .next:hover{ background-image: url(../images/dayu02a.png)}

@media screen and (max-width:420px){
	.flinks a{ float: none; width: 100%; margin-bottom: 20px;}
	#fpicnews .prev,#fpicnews .next{ width: 20px;}
	#fpicnews .bd{ padding: 0 20px;}
	
	ul.ftxtnews li{ padding-right: 10px;}
	ul.ftxtnews li span{ display: none;}
}

.fprolist{ width: 100%; overflow: hidden;}
.fprolist li{ float: left; width: 33.3%; overflow: hidden; border-right: 1px solid #ccc;
	margin-right: -1px; height: 190px;}
.fprolist .pic{ float: right; width: 50%; text-align: center; line-height: 190px;}
.fprolist .pic img{ max-width: 90%; max-height: 100%;}
.fprolist .txt{ float: left; width: 45%; padding-left: 5%; padding-top: 40px;}
.fprolist h3{ width: 100%; height: 40px; overflow: hidden; font-family: '微软雅黑';}
.fprolist h3 a{ color: #666; font-size: 20px; font-weight: bold;}
.fprolist h3 a:hover{ color: #06559a;}
.fprolist .con{ width: 100%; height: 36px; overflow: hidden; color: #259fff; font-size: 12px; line-height: 18px;}
.fprolist .more{ display: block; margin-top: 15px; background:url('../images/promore.png');
	width: 17px; height: 17px; opacity: 0.4;filter:alpha(opacity=40);}
.fprolist .more:hover{  opacity: 1;filter:alpha(opacity=100);}

.picScroll-left{ width:100%; overflow:hidden; position:relative; margin-bottom: 5px;}

.picScroll-left .hd{ overflow:hidden; width: 100%; height:33px; text-align: center;
	 background:url('../images/shadow.png') center no-repeat;}
.picScroll-left .hd ul{ display: inline-block; overflow:hidden; zoom:1; vertical-align: top;}
.picScroll-left .hd ul li{ float:left;  width:50px; height:5px;  margin:0 5px;
	 text-indent:-999px; cursor:pointer; background-color: #89cfd9;}
.picScroll-left .hd ul li.on{ background-color: #1864a2;}
.picScroll-left .bd{ margin: 22px 0 16px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ _display:inline;}
@media screen and (max-width:750px){
	.fprolist .txt{ display: none;}
	.fprolist .pic{ float: none; width: 100%;}
}


.fpros-h{ height: 40px; text-indent: 160px; line-height: 40px; position: relative; overflow: hidden;
	background: #eaf6ff url('../images/fbt01.jpg') left top no-repeat;}
.fpro-souout{ position: absolute; top:6px; right: 5px; height: 28px; line-height: 28px; text-indent: 0}
.fpro-souout img{ vertical-align: top; margin-right: 14px;}
.fpro-sou{ display: inline-block; overflow: hidden; border: 1px solid #bcc;
	height: 26px; position: relative;}
.fpro-sou .shuru{ text-indent: 10px; border:none; width: 220px; height: 26px; padding: 0; 
	background:url('../images/jianbian.png'); font-size: 12px; line-height: 26px;
	float: left;}
.fpro-sou .anniu{ width: 26px; height: 26px; border:none; cursor: pointer;
	background:url('../images/glass.png') center; float: right;}
@media screen and (max-width:750px){
	.fpros-h{ padding-bottom: 40px;}
	.fpro-souout{ top:46px;}
}
@media screen and (max-width:750px){
	.fpro-souout img{ display: none;}
}



.ffri-out{ width: 100%; padding: 15px 0; border-top: 1px solid #259fff; background-color: #eee;}
.ffri{ overflow: hidden;}
.ffri .fri-h{ float: left; height: 50px; margin: 20px 0; line-height: 50px;}
.ffri .fri-logo{ float: left; height: 50px; margin: 20px 5px; position: relative;}
.ffri .fri-logo img{ height: 50px;}
.ffri .fri-logo span{ display: inline-block; height: 32px; position: relative;
	 z-index: 1; vertical-align: middle; background-color: #259fff; left: -3px;
	font-size: 12px; line-height: 16px; color: #fff; padding: 8px 15px;}
.ffri .fri-logo span i{ position: absolute; width: 8px; height: 16px;
	background:url('../images/left01.png'); left:-8px; top:17px;}
@media screen and (max-width:1240px){
	.ffri .fri-h{ float: none; display: block; margin-left: 20px;}
	.ffri.cer{ padding: 0 10px; width: auto;}
}
@media screen and (max-width:360px){
	.ffri .fri-logo{ margin: 20px 0;}
}

 
.fside{ position: absolute; top: 575px; right: 20px; z-index: 3; border: 3px solid #6381b3;
	 background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.fside-in{ background-color: #254f95; border: 1px solid #1e4079; width: 165px; height: 298px;
  text-align: center;}
.fside .close{ width: 20px; height: 20px; position: absolute; cursor: pointer;
	background:url('../images/cha.png') center; top:-10px; right:-10px;}

.fside img.sideewm{ display: block; margin: 20px auto 0;}
.fside p{ color: #fff; font-size: 12px; line-height: 34px;}
.fside .hotline{ display: block; margin: 0 auto; padding-top: 10px;
	width: 120px; border-top: 1px dashed #677ead; text-align: center;}
.fside .telno{ margin-top: 15px;}
 @media screen and (max-width:1200px){ .fside{ display: none;}}