@charset "utf-8";
/* CSS Document */
.my_top {
  width: 100%;
  height: 40px;
  background-color: #2b303b;
  line-height: 40px;
  color: #cccccc;
  font-size: 12px
}
.my_kj {
  width: 1200px;
  margin: 0px auto;
}
.top_left {
  float: left
}
.top_right {
  float: right;
}
.my_logo {
  height: 83px;
  width: 412px;
  line-height: 83px;
  float: left;
}
.my_nav {
  float: right;
  width: 650px;
}
.my_nav a {
  display: block;
  height: 83px;
  line-height: 83px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  transition: all .2s linear;
}
.my_nav a:hover {
  color: #FFFFFF;
  background-color:#0078d4; 
  transition: all .2s linear;
}
.my_banner {
  width:100%;
  height: 530px;
  clear: both;
/*  background-color: #7cbadf;*/
}
.n_banner{
	width:100%;
	height:230px;
	background-image:url(n_ban.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	font-size:24px;
	color:#ffffff;
	padding-top:100px;
	text-align:center;
}
.n_banner span{
	display:block;
	text-align:center;
	line-height:50px;
	clear:both;
}
.my_dbt{
	float: left;
	font-size: 24px;
	color: #333333;
	width: 300px;
	height: 40px;
	line-height: 40px;
}
.my_xxk {
  float: right;
  height: 40px;
}
.my_xxk span {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  width: 100px;
  margin-left: 20px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  transition: all .2s linear;
}
.my_xxk .lion {
  color: #FFFFFF;
  height: 40px;
  line-height: 40px;
  background-color: #0078d4;
  transition: all .2s linear;
}
.my_xxk span:hover {
  color: #FFFFFF;
  transition: all .2s linear;
}
.my_xbk{
	padding-top: 30px;
	padding-bottom: 30px;
}
.my_xbk ul li{
	width: 222px;
	height: 230px;
	float: left;
	margin:9px;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	transition: all .2s linear;
}
.my_xbk ul li:hover{
	transform: translate3d(0,-8px,0);
	transition: all .2s linear;
}
.my_xbk ul li img{
	margin-top: 20px;
}
.my_xbk ul li span{
	font-size: 14px;
	color: #333333;
    display: block;
	line-height: 40px;
	margin-bottom: 10px;
}
.my_xbk ul li a{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	background-color: #f5f5f5;
	border: 1px solid #c0e4ff;
	transition: all .2s linear;
}
.my_xbk ul li a:hover{
	color: #ffffff;
	background-color: #0078d4;
	transition: all .2s linear;
}
.my_tzbj{
	width: 100%;
	height: 586px;
	background-image: url("tzbj.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.my_tzbk{
	padding-top: 24px;
	padding-bottom: 24px;
}
.my_tzbk a{
	width: 240px;
	height: 330px;
	padding: 20px;
	display: block;
	float: left;
	margin:9px;
	color:#333333;
	transition: all .2s linear;
}
.my_tzbk a:hover{
	transform: translate3d(0,-8px,0);
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
	background-color: #ffffff;
	color:#0078d4;
	transition: all .2s linear;
}
.my_tzbt{
	font-size:16px;
	line-height:22px;
	clear:both;
}
.my_tzsj{
	color:#666666;
	font-size:12px;
	line-height:30px;
}
.my_tjjs{
	font-size:14px;
	color:rgba(0,0,0,0.6);
	line-height:22px;
	margin-bottom:20px;
}
.my_more{
	text-align:center;
}
.my_more a{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	background-color: #f5f5f5;
	border: 1px solid #c0e4ff;
	transition: all .2s linear;
}
.my_more a:hover{
	color: #ffffff;
	background-color: #0078d4;
	transition: all .2s linear;
}
.my_about{
	background-color:#ffffff;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	clear:both;
	padding:24px;
	width:1152px;
	height:260px;
}
.my_jj{
	float:left;
	width:730px;
}
.my_jj p{
	font-size:14px;
	color:rgba(0,0,0,0.7);
	line-height:27px;
	text-indent:2em;
	margin-bottom:10px;
}
.about_tp{
	float:right;
}
.my_jj a{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	background-color: #f5f5f5;
	border: 1px solid #c0e4ff;
	transition: all .2s linear;
}
.my_jj a:hover{
	color: #ffffff;
	background-color: #0078d4;
	transition: all .2s linear;
}

.my_hzmore{
	float:right;
}
.my_dbt span{
	font-size:14px;
	color:rgba(0,0,0,0,6);
	line-height:30px;
	padding-left:20px;
}
.my_hzmore a{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	background-color: #f5f5f5;
	border: 1px solid #c0e4ff;
	transition: all .2s linear;
}
.my_hzmore a:hover{
	color: #ffffff;
	background-color: #0078d4;
	transition: all .2s linear;
}
.my_hzlogo ul li{
	width:222px;
	height:100px;
	float:left;
	margin:9px;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	transition: all .2s linear;
}
.my_hzlogo ul li:hover{
	cursor:pointer;
	transform: translate3d(0,-8px,0);
	transition: all .2s linear;
}
.my_youshi{
	text-align:center;
}
.zsbj{
	background-color:#4091ff;
	height:300px;
	width:100%;
	background-image:url(zsbj.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}
.zsbt{
	font-size:30px;
	color:#ffffff;
	text-align:center;
	clear:both;
}
.zsms{
	display:block;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	clear:both;
}
.zsbut{
	text-align:center;
}
.bd_1{
	width:200px;
	height:36px;
	line-height:36px;
	font-size:14px;
	border-radius:4px;
	margin-right:10px;
	padding-left:10px;
}
.bd_2{
	width:100px;
	height:40px;
	color:#ffffff;
	background-color:#0078d4;
	font-size:14px;
	border-radius:4px;
}
.foot{
	width:100%;
	height:150px;
	background-color:#2b303b;
	text-align:center;
}
.foot p{
	font-size:14px;
	color:#cccccc;
	line-height:24px;
}
.foot p a{
	color:#cccccc;
}
.foot p a:hover{
color:#F00;
}
.about_kj{
	width: 100%;
	min-height: 450px;
	background-color: #ffffff;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.about_kj h2{
	font-size: 24px;
	color: rgba(0,0,0,0.85);
	text-align: center;
	padding-top: 50px;
}
.about_nr{
	padding: 30px 30px;
}
.about_nr p{
	width: 100%;
	text-indent: 2em;
	line-height: 35px;
	color: rgba(0,0,0,0.7);
	
}
.list_lb{
	padding: 0px 20px;
}
.list_lb a{
	width: 328px;
/*	height: 80px;*/
	padding: 20px;
	display: block;
	float: left;
	margin:9px;
	color: rgba(0,0,0,0.7);
	border-radius: 4px;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	transition: all .2s linear;
}
.list_lb a:hover{
	transform: translate3d(0,-8px,0);
	color:#0078d4;
	transition: all .2s linear;
}

.list_lbb{
	padding: 0px 20px;
}
.list_lbb a{
	width: 328px;
/*	height: 80px;*/
	padding: 20px;
	display: block;
	float: left;
	margin:9px;
	color: rgba(0,0,0,0.7);
	border-radius: 4px;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	transition: all .2s linear;
}
.list_lbb a:hover{
	transform: translate3d(0,-8px,0);
	color:#0078d4;
	transition: all .2s linear;
}

.list_lqb{
	padding: 0px 10px;
}
.wzlist{
	width: 100%;
	clear: both;
	height: 35px;
	line-height: 35px;
}

.list_lqb a{
	display: block;
	float: left;
	color: rgba(0,0,0,0.7);
	transition: all .2s linear;
	background-image: url(/images/jt.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 20px;
	clear: both;
	padding-left: 20px;
}
.list_lqb a:hover{
	transform: translate3d(0,-8px,0);
	color:#0078d4;
	transition: all .2s linear;
}
.list_lqb span{
	float: right;
	color: rgba(0, 0, 0, 0.5);
	display: block;
}



.fwleft{
	width:120px;
	float:left;
}
.fwright{
	width:200px;
	float:right;
}

.my_fy{
	clear: both;
	width: 100%;
	height: 40px;
	margin-top:20px;
	line-height: 40px;
	text-align:right;
}
.my_fy a{
	padding:10px;
	color: rgba(0,0,0,0.7);
}
.my_fy a:hover{
	color: #0078d4;
}
.current{
	padding:10px;
	background-color:#0078d4;
	color:#ffffff;
}
.xw_rq{
	text-align: center;
	color:#999999;
	font-size: 12px;
	padding-bottom: 30px;
	width: 94%;
	margin: 0px auto;
	border-bottom: 1px dashed #cccccc;
}
.my_xwfy{
	font-size: 14px;
	color:rgba(0,0,0,0.6);
	padding: 10px 30px
}
.my_xwfy li a{
	color:rgba(0,0,0,0.6);
}
.my_xwfy li a:hover{
	color: #0078d4;
}

.sy_zhengshu{border:solid 1px #eee; width:100%; clear:both; margin:0px auto}
.sy_zhengshu th{height:40px; line-height:40px; border-bottom:solid 1px #eee; text-indent:0px; text-align:left; text-align:center; background-color: #fafafa;border-right:1px solid #eeeeee;}
.sy_zhengshu td{line-height:40px; text-indent:0px; border-right:solid 1px #eee; border-bottom:solid 1px #eee;}
.sy_zhengshu thead td{ text-indent:0px; text-align:center; background-color:#FAFAFA}


.main-im {
    position: fixed;
    right: 10px;
    top: 300px;
    z-index: 100;
    width: 110px;
    height: 272px
}

.main-im .qq-a {
    display: block;
    width: 106px;
    height: 116px;
    font-size: 14px;
    color: #0484cd;
    text-align: center;
    position: relative
}

.main-im .qq-a span {
    bottom: 5px;
    position: absolute;
    width: 90px;
    left: 10px
}

.main-im .qq-hover-c {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 18px;
    top: 10px;
    overflow: hidden;
    z-index: 9
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 109px;
    height: 118px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #ddd;
    background: url(qq-icon-bg.png) no-repeat center 8px
}

.main-im .img-qq {
    max-width: 60px;
    display: block;
    position: absolute;
    left: 6px;
    top: 3px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.main-im .im-qq:hover .img-qq {
    max-width: 70px;
    left: 1px;
    top: 8px;
    position: absolute
}

.main-im .im_main {
    background: #f9fafb;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f9fafb;
    display: none
}

.main-im .im_main .im-tel {
    color: #000;
    text-align: center;
    width: 109px;
    height: 105px;
    border-bottom: 1px solid #ddd
}

.main-im .im_main .im-tel div {
    font-weight: 700;
    font-size: 12px;
    margin-top: 6px
}

.main-im .im_main .im-tel .tel-num {
    font-family: Arial;
    font-weight: 700;
    color: #e66d15
}

.main-im .im_main .im-tel:hover {
    background: #fafafa
}

.main-im .im_main .weixing-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #ddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(weixing-icon.png) no-repeat center center;
    float: left
}

.main-im .im_main .weixing-show {
    width: 112px;
    height: 172px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    position: absolute;
    left: -125px;
    top: -126px
}

.main-im .im_main .weixing-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 6px;
    left: 112px;
    top: 134px;
    position: absolute;
    z-index: 2
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ddd;
    border-width: 8px;
    left: 112px;
    top: 132px;
    position: absolute
}

.main-im .im_main .weixing-show .weixing-ma {
    width: 104px;
    height: 103px;
    padding-left: 5px;
    padding-top: 5px
}

.main-im .im_main .weixing-show .weixing-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    width: 100px;
    margin: 0 auto;
    text-align: center
}

.main-im .im_main .go-top {
    width: 50px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(totop-icon.png) no-repeat center center;
    float: right
}

.main-im .im_main .go-top a {
    display: block;
    width: 52px;
    height: 47px
}

.main-im .close-im {
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 100;
    width: 24px;
    height: 24px
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(close_im.png) no-repeat left top
}

.main-im .close-im a:hover {
    text-decoration: none
}

.main-im .open-im {
    cursor: pointer;
    margin-left: 68px;
    width: 40px;
    height: 133px;
    background: url(open_im.png) no-repeat left top
}