@charset "gb2312";
/* CSS Document */

body,td,th {
	font-family: 微软雅黑;
	font-size: 12px;
	color: #666666;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
li{ list-style:none;}
a {
	font-size: 12px;
	color: #666666;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0DA3E2;
}
a:active {
	text-decoration: none;
}
a:focus {outline:none;-moz-outline:none;}
div,ul,li,p,dl,dt,dd,s,b,form{list-style:none;margin:0px;padding:0px;}
input,button,select,textarea{outline:none;outline:none;}
.none{clear: both;}
.nk1200{width: 1200px;margin-right: auto;margin-left: auto;}
.nk1210{width: 1210px;margin-right: auto;margin-left: auto;}
.nk1003{width: 1200px;margin:0 auto;}
.nk300{width: 300px;margin-right: auto;margin-left: auto;}
.nk320{width: 320px;margin-right: auto;margin-left: auto;}
img{border: 0px none #FFFFFF;}
.zi{line-height: 23px;}
.xy{border: 1px solid #DDDDDD;}

.bj1 {
width:100%;
height:110px;
background:#f3f3f3;
border-bottom:#a1a1a1 2px solid;
}
.sc1 a {
	font-size: 14px;
	color: #245796;
	padding-left:3px;
}
.sc1 a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.so3 {
	height: 25px;
	color: #999999;
	width: 370px;
	line-height: 25px;
	font-size: 14px;
	background:#fff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
}

.nav{
}
.nav li{
	float: left;
	line-height: 40px;
	background:#e6e6e6;
	border-left:1px #fff solid;
	text-align:center;
	font-size:16px;
	width: 102px;
}
.nav li a,.nav li a:visited,.nav li a:hover{
	height:40px;
	font-size:16px;
	color:#000;
	display:block;
	text-decoration: none;
	font-family: "微软雅黑";
}
	.nav li a:hover, li.dh_li.on a{ /*,.nav li a.hover*/
		color: #fff;
		background: #376bd2;
	}
.nav li.img a {
	background-image: url(images/nav0.png);
	background-repeat: no-repeat;
	background-position: 82px 31px;
}
.nav li.img a:hover {
	background-image: url(images/nav0b.png);
}

.xiala{
	font-size:12px;
	float:left;
	margin:0px;
	padding:0px;
    }
/*
下拉覆盖网站DIV
	position: relative;
	z-index: 9999;
*/
.xiala ul{
	width:102px;
	list-style:none;
}
.xiala li{background-color: #8d9ed2;margin:1px 0 0 0;}
.xiala li a,.xiala  li  a:visited{
	font-size:16px;
	color:#fff;
	height:30px;
	display:block;
	font-family: "微软雅黑";
	line-height: 30px;
	text-align: center;
}
.xiala li a:hover{
	color: #fff;
}
.bj2 {
	padding:42px 0; border-bottom:3px solid #e4e4e4;height:200px;
}
.p05-Pinpai-nav{}
.p05-Pinpai-nav li{
	float: left;
	width: 112px;
	height:200px;
	margin:0 94px;
	background:url(../images/blue.png) no-repeat top center;
}
.p05-Pinpai-nav a{
	width: 112px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	display: block;
	padding-top: 165px;
	font-family: "微软雅黑";
}
.p05-Pinpai-nav .PPlc_1 a{ background:url(../images/home.png) no-repeat top center;}
.p05-Pinpai-nav .PPlc_2 a{background:url(../images/shop.png) no-repeat top center;}
.p05-Pinpai-nav .PPlc_3 a{background:url(../images/compass.png) no-repeat top center;}
.p05-Pinpai-nav .PPlc_4 a{background:url(../images/grid.png) no-repeat top center;}
.p05-Pinpai-nav .PPlc_4 a:hover{}
.t2 {padding-top:14px; font-size:18px; color:#333;font-family: "微软雅黑";}
.foot {
	background-color: #376bd2;height:50px;	line-height: 50px;
	color: #fff; text-align:center;
}
.foot a{color: #fff;}

/* 分页css代码 白加红*/
.mblistpage{
	MARGIN: 3px;
	TEXT-ALIGN: center;
	padding: 5px;
}
.mblistpage A,.mblistpage A:visited{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #333333;font-weight: bold;PADDING-TOP: 5px;TEXT-DECORATION: none;border: 1px solid #CCCCCC;background-color: #FFFFFF;margin-top: 5px;margin-right: 4px;margin-bottom: 3px;margin-left: 4px;}
.mblistpage A:hover{COLOR: #FFFFFF;border: 1px solid #990000;background-color: #CC0000;}
.mblistpage A:active{COLOR: #FFFFFF;border: 1px solid #990000;background-color: #CC0000;}
.mblistpage SPAN.current{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #FFFFFF;font-weight: bold;PADDING-TOP: 5px;background-color: #CC0000;border: 1px solid #990000;margin-top: 5px;margin-right: 4px;margin-bottom: 4px;margin-left: 4px;}
.mblistpage SPAN.disabled{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #333333;font-weight: bold;PADDING-TOP: 5px;background-color: #FFFFFF;border: 1px solid #CCCCCC;margin-top: 5px;margin-right: 4px;margin-bottom: 4px;margin-left: 4px;}
/*end*/

.gkuang {
	border: 1px solid #DFDFDF;
}


.about1,.about1 a {
	font-size: 16px;
	font-weight: bold;
}
.about1 a:hover {
}
.about2,.about2 a {
	font-size: 15px;
	font-weight: bold;
}
.about2 a:hover {
}
.about3, .about3:link {
	font-size: 12px;
	color: #0DA3E2;
}
.about3:hover {
}

.about4{
	background-image: url(images/wz2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 10px;
	padding-top: 2px;
}


.zi28{line-height: 23px;}
.zi14, .zi14 a, zi14 td {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 24px;
}
.fuwu, .fuwu  a {
	font-size: 15px;
	font-weight: bold;
	color: #13A3DF;
}
.foot_rwm {
	position: fixed;
	right: 10px;
	bottom: 10px;
}
.Seodiv{padding:15px  0 5px 0;}
.logodiv{float: left;
    width: 530px;padding-top:35px;}
.top_right{float: right;}

.bj3{ background:#f1f1f1; height:140px; border-top:1px solid #fff;}
.bj4{ background:#8eaef1; height:226px;}
.bj4_pic{ background:url(../images/ditu.png) no-repeat right top; height:226px;}
.Khan_pic{width:100%;}
.Khan_pic li{width:155px;height:62px; padding:15px 20px 20px 20px; float:left;}

.bj4_pic .bj4_left{float:left;width:700px;padding-top:36px; text-align:center;}
.bj4_pic .bj4_right{float:right;padding-top:60px; text-align:center; line-height:30px; color:#fff; font-size:14px;}
.xia_dh_lm td{font-size:15px; color:#4a4a4a; line-height:25px; font-weight:bold;}
.xia_dh li a{ font-size:14px; color:#fff; line-height:24px; }

#doSearch {
	background-image: url(../images/seo.jpg);
	width: 19px;
	border: 0px;
	/* line-height: 0px; */
	background-position: center;
	cursor: pointer;
}
td.ssssssk {
	vertical-align: middle;
	padding: 5px 5px;
}
.nav_li {
	position: absolute;
	margin-left: 104px;
	visibility: hidden;
	width: 102px;
	margin-top: 40px;
	z-index: 11;
}
.nav_li_0 {
	margin-left: 0px;
}
.nav_li_1 {
	margin-left: 104px;
}
.nav_li_2 {
	margin-left: 207px;
}
.nav_li_3 {
	margin-left: 310px;
}
.nav_li_4 {
	margin-left: 413px;
}
.nav_li_5 {
	margin-left: 516px;
}
td.dbdh.dbdh_44 {
	display: none;
}
td.dbdh_li.dbdh_li_44 {
	display: none;
}
.khan_img {
	width:155px;
	height:62px;
}

/* 本例子css */
.khan .picScroll-left {
	overflow: hidden;
	position: relative;
	/*border: 1px solid #ccc;*/
}

	.khan .picScroll-left .hd {
		overflow: hidden;
		height: 30px;
		background: #f4f4f4;
		padding: 0 10px;
	}

		.khan .picScroll-left .hd .prev, .picScroll-left .hd .next {
			display: block;
			width: 5px;
			height: 9px;
			float: right;
			margin-right: 5px;
			margin-top: 10px;
			overflow: hidden;
			cursor: pointer;
			background: url("../images/arrow.png") 0 0 no-repeat;
		}

		.khan .picScroll-left .hd .next {
			background-position: 0 -50px;
		}

		.khan .picScroll-left .hd .prevStop {
			background-position: -60px 0;
		}

		.khan .picScroll-left .hd .nextStop {
			background-position: -60px -50px;
		}

		.khan .picScroll-left .hd ul {
			float: right;
			overflow: hidden;
			zoom: 1;
			margin-top: 10px;
			zoom: 1;
		}

			.khan .picScroll-left .hd ul li {
				float: left;
				width: 9px;
				height: 9px;
				overflow: hidden;
				margin-right: 5px;
				text-indent: -999px;
				cursor: pointer;
				background: url("../images/icoCircle.gif") 0 -9px no-repeat;
			}

				.khan .picScroll-left .hd ul li.on {
					background-position: 0 0;
				}

	.khan .picScroll-left .bd {
		padding: 10px;
	}

		.khan .picScroll-left .bd ul {
			overflow: hidden;
			zoom: 1;
		}

			.khan .picScroll-left .bd ul li {
				margin: 0 8px;
				float: left;
				_display: inline;
				overflow: hidden;
				text-align: center;
			}

				.khan .picScroll-left .bd ul li .pic {
					text-align: center;
				}

					.khan .picScroll-left .bd ul li .pic img {
						width: 120px;
						height: 90px;
						display: block;
						padding: 2px;
						border: 1px solid #ccc;
						width: 155px;
						height: 62px;
						padding:0px;
						border:0px;
					}

					.khan .picScroll-left .bd ul li .pic a:hover img {
						border-color: #999;
					}

				.khan .picScroll-left .bd ul li .title {
					line-height: 24px;
				}


.phone {
	display:none;
}

li.dh_li.on {
}


* {
-webkit-transform: all 1s;
	-ms-transform: all 1s;
	-o-transform: all 1s;
	transform: all 1s;
	/*animation-name: colorchange; /**这里引用了前面定义的动画**/
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal; /* normal：默认，从0%执行到100% | reverse：动画从100%执行到0% | alternate：动画在0%到100%之间往复执行|alternate-reverse与alternate一致，不过是从100%开始 */
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
	-webkit-animation: zoomIn 1s linear 1s 1;
	-o-animation: zoomIn 1s linear 1s 1;
	animation: zoomIn 1s linear 1s 1;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

.zoomInDown {
	 -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

.Khan_pic img:hover,.p05-Pinpai-nav li a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.datu .fullSlide {
    width: 100%;
    position: relative;
    background: #000;
}


    .datu .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }


        .datu .fullSlide .bd ul {
            width: 100% !important;
        }


        .datu .fullSlide .bd li {
            width: 100% !important;
            overflow: hidden;
            text-align: center;
        }


            .datu .fullSlide .bd li a {
                display: block;
            }


    .datu .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        height: 30px;
        line-height: 30px;
    }


        .datu .fullSlide .hd ul {
            text-align: center;
        }


            .datu .fullSlide .hd ul li {
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                width: 30px;
                height: 10px;
                overflow: hidden;
                background: #000;
                filter: alpha(opacity=50);
                opacity: 0.5;
                line-height: 999px;
            }

            .datu .fullSlide .hd ul .on {
                background: #f00;
            }


.datu .fullSlide .prev, .fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 15%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}


.datu .fullSlide .next {
    left: auto;
    right: 15%;
    background-position: -6px -137px;
}
.datu .fullSlide {
    height: 500px;
}

    .datu .fullSlide .bd li {
        width: 100% !important;
        height: 500px;
    }

        .datu .fullSlide .bd li a {
            height: 500px;
        }