/*iscroll*/

.banner {
	width:100%;
	margin:0 auto;
	padding:0;

}

.navi {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 35px;
	MARGIN-BOTTOM: 0px;
	HEIGHT: 35px;
	FONT-SIZE: 18px;
	background-image: url(../images/nav_li_bj.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #95bb2e;
}
.navi LI {
	WIDTH: 20%;
	FLOAT: left;
	COLOR: #ffffff;
	background-image: url(../images/nav_li_bj1.jpg);
}
.navi LI A {
	COLOR: #ffffff
}
.navi LI A:hover {
	COLOR: #00B6DE
}








#wrapper {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	
}

#scroller {
	height:auto;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller li a{
	
	display:block;
	padding:0;
	margin:0;
}
#scroller li p{
	position:absolute;
	z-index:2;
	display:block;
	width:100%;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	color:#F4F4F4;
	font-size:14px;
	text-indent: 55px;
	line-height:24px;
	text-align: left;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
}
#nav {
	float: right;
    margin-top: -15px;
    padding: 0;
    position: relative;
    width: auto;
	color:#FFFFFF;
    z-index: 3;
}

#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}

#next {
	float:right;
	text-align:right;
}

#indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#888;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#DDDDDD;
}

#indicator > li:last-child {
	margin:0 8px 0 0;
}


fw {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: inherit; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
.fw {
	 WIDTH: 100%; OVERFLOW: hidden; margin-top:10px; margin-bottom:10px;
}
.fw UL LI {
	BORDER-BOTTOM: #fff 2px solid; TEXT-ALIGN: center; LINE-HEIGHT: 52px; WIDTH: 25%; FLOAT: left; HEIGHT: 52px
}
.fw UL LI A {
	BORDER-LEFT: #fff 2px solid; DISPLAY: block; BACKGROUND: #0b5b40; COLOR: #fff; FONT-SIZE: 20px
}
.fw UL LI A:hover {
	TEXT-ALIGN: center
}


.tt {
	BORDER-BOTTOM: #f2f2f2 2px solid; POSITION: relative; TEXT-INDENT: 22px; WIDTH: 100%; FONT: 24px/53px microsoft Yahei, simsun; BACKGROUND: #00B6DE; HEIGHT: 53px; COLOR: #fff; OVERFLOW: hidden; BORDER-TOP: #e2e2e2 3px solid
}
.tt P {
	DISPLAY: inline; FLOAT: left
}
.tt P SPAN {
	POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; BACKGROUND: #024863; FLOAT: left; HEIGHT: 55px; TOP: 0px; LEFT: 0px
}
.tel {
	MARGIN-TOP: 10px;
	WIDTH: 15%;
	DISPLAY: inline-block;
	FLOAT: right;
	HEIGHT: 33px;
	MARGIN-RIGHT: 10px;
	background-size: 100% 100%;
	background-image: url(../images/pp.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.tel A {
	WIDTH: 50%; DISPLAY: block; FLOAT: left; HEIGHT: 100%
}
.tt2 {
	WIDTH: 100%; MARGIN-BOTTOM: 20px; BACKGROUND: #e9f8f6; HEIGHT: 58px
}
.tt2 P {
	TEXT-INDENT: 10px; DISPLAY: inline; FONT: 16px/58px simsun; FLOAT: left
}


#content {
	PADDING-BOTTOM: 5px
}
#content .c_title1 {
	BORDER-BOTTOM: #aeacac 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; MARGIN-BOTTOM: 10px; COLOR: #666; FONT-SIZE: 18px; PADDING-TOP: 10px
}
#content .c_title1 A {
	COLOR: #154576
}
#content .c_title2 {
	TEXT-ALIGN: center; FONT-SIZE: 16px
}
#content .c_title3 {
	BORDER-BOTTOM: #c7c7c7 1px dashed; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; FONT-SIZE: 18px; BORDER-TOP: #95bb2e 5px solid; PADDING-TOP: 5px
}
#content .c_title3 A {
	COLOR: #656565
}
#content .c_title3 .right {
	FLOAT: right; FONT-SIZE: 14px
}
#content .c_text1 {
	PADDING-BOTTOM: 10px
}
#content .c_text1 A {
	COLOR: #5dc9db
}
#content .c_text2 {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 10px; COLOR: #666666; FONT-SIZE: 12px
}
#content .c_text3 {
	WIDTH: 78%; FLOAT: right
}
#content .indent {
	LINE-HEIGHT: 180%; PADDING-LEFT: 5px; PADDING-RIGHT: 5px
}
#content .indent IMG {
	WIDTH: 100%
}
#content .c_box1 {
	PADDING-LEFT: 1%; WIDTH: 23%; PADDING-RIGHT: 1%; MARGIN-BOTTOM: 10px; FLOAT: left
}
#content .c_box1 A {
	COLOR: #666666
}
#content .c_box1 .title {
	
}
#content .c_box1 .title IMG {
	DISPLAY: block; MAX-WIDTH: 100%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#content .c_box1 .txt {
	TEXT-ALIGN: center; LINE-HEIGHT: 18px; COLOR: #666666; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 10px
}
#content .news_text {
	BACKGROUND-IMAGE: url(../images/arrow.jpg); BORDER-BOTTOM: #bbbbbb 1px solid; PADDING-BOTTOM: 4px; padding-left:20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left 50%; MARGIN-BOTTOM: 5px
}
#content .news_text A {
	COLOR: #666666
}
#content .box_line {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 2%; WIDTH: 96%; PADDING-RIGHT: 2%; MARGIN-BOTTOM: 10px
}
#content .c_date {
	MARGIN-BOTTOM: 8px; COLOR: #154575; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
#content .c_date A {
	COLOR: #333
}
#content .c_text {
	COLOR: #656565
}
#content .c_copy {
	TEXT-ALIGN: center; PADDING-BOTTOM: 10px; COLOR: #656565; FONT-SIZE: 16px; PADDING-TOP: 10px
}
#content .c_link {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 10px; COLOR: #5dc9db
}
#content .c_link A {
	COLOR: #5dc9db
}
#content .c_link2 {
	TEXT-ALIGN: center; MARGIN-TOP: 20px
}
#content .c_link2 A {
	COLOR: #666666
}
#content .c_btn {
	MARGIN-TOP: 20px; WIDTH: 20%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#content .c_pic1 {
	WIDTH: 80%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#content .c_pic2 {
	WIDTH: 20%; FLOAT: left
}


.navx {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 35px;
	MARGIN-BOTTOM: 0px;
	padding-left:10px;
	HEIGHT: 35px;
	color:#FFFFFF;
	FONT-SIZE: 15px;
	background-color: #00B6DE;
}
.infoto{width:304px;height:175px;margin:20px auto 0;}

article{line-height:30px;color:#333;padding:10px; font-size:16px;}
article p{color:#333; margin-bottom:15px;}
article p a{color:#333;margin-right:10px;}
article p a:hover{color:#F39700}
article img{margin:0 auto 10px;}
article h3{margin:0 auto 10px;}



.tt1 {
	BORDER-BOTTOM: #f2f2f2 2px solid; POSITION: relative; TEXT-INDENT: 22px; WIDTH: 100%; FONT: 24px/53px microsoft Yahei, simsun; BACKGROUND: #00B6DE; HEIGHT: 53px; COLOR: #fff; OVERFLOW: hidden; BORDER-TOP: #e2e2e2 3px solid;overflow:hidden;margin:1px auto;clear:both;
}
.tt1 P {
	DISPLAY: inline; FLOAT: left
}
.tt1 P SPAN {
	POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; BACKGROUND: #0b5b40; FLOAT: left; HEIGHT: 55px; TOP: 0px; LEFT: 0px
}

/*新闻*/
.news{width:98%;height:30px;border-bottom:solid 1px #D3D3D3;clear:both;padding:3px;}
.news dd{width:15px;height:16px; margin-top:10px;float:left;}
.news dt{float:left;padding-left:15px;width:90%;}
.news dt h3{line-height:24px;font-size:13px;padding:5px 0 0 0;}
.news dt p{font-size:12px;padding:5px 0 0 2px;color:#B9D1D8}
.news dt p a{color:#B9D1D8;}

/*列表*/
.list{height:70px;padding:20px 15px;font-size:12px;background:url(../../images/mobile/pic28.jpg) repeat-x  0 105px;}
.list h3{font-size:14px;}
.list p{line-height:20px;color:#B5B5B5;padding:10px 0 0 0;}
.list p a{color:#DD5321}
.list p a:hover{color:#F39700;}
.page {text-align:center;padding:15px 0;clear:both;overflow:hidden}
.page ul{width:270px;margin:0 auto;}
.page li{float:left;padding-right:10px}
.page li.thisclass a{color:#4D9F0A;font-weight:bold;;}

.pagelist {
height:50px;
text-align:center;
line-height:50px;}

.fy_page {
float:left;width:22px; height:22px; line-height:22px; background-color:#F0F4F5; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;
display:none}
.fy_page a{color:#1F3A87;}
.fy_page2 {
float:left;width:22px; height:22px; line-height:22px;color:#1F3A87;padding:0; margin-right:6px;}
.fy_page3 {
float:left;width:22px; height:22px; line-height:22px; background-color:#1F3A87; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;
color:#FFFFFF; font-weight:bold}
.fy_page3 a{
color:#FFFFFF; font-weight:bold}

.fy_page4 {
float:left;width:22px; height:22px; line-height:22px; background-color:#F0F4F5; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;}
.fy_page4 a{color:#1F3A87;}



.index_list{margin:0 2% 3% 2%;}
.index_list li a{display:block; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.5, #dedede), to(rgb(222, 222, 222))) ;
background-image: -moz-linear-gradient(top, #fafafa, #dedede) ; color:#333; border:1px solid #bbbbbb; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; overflow:hidden; margin-bottom:1.5%; }
.index_list li a span{ display:block; font-size:140%; text-align:center;  background: -webkit-gradient(linear, left top, left bottom, from(#144490), color-stop(1, #1c66ac), to(rgb(28, 102, 172))) ;background-image: -moz-linear-gradient(top, #144490, #1c66ac) ; line-height:100%; float:left; width:25%; padding:3.6% 0; color:#FFF; font-weight:bold; }
.index_list li a span font{font-size:80%; font-weight:normal;}
.index_list li a b{ display:block; font-weight:normal; float:right; padding:0 0 0 1%; width:74%; line-height:380%; margin-top:2%; }


/*产品*/
.cp{width:98%;height:98px;border-bottom:solid 1px #D3D3D3;clear:both;padding:3px;}
.cp dd{width:28%;height:98px; margin-top:10px;float:left;}
.cp dt{float:left;padding-left:15px;width:65%;}
.cp dt h3{line-height:24px;font-size:13px;padding:5px 0 0 0;}
.cp dt p{font-size:12px;padding:5px 0 0 2px;color:#B9D1D8}
.cp dt p a{color:#B9D1D8;}


.index_jjz{ font-size:12px; color:#666666; line-height:23px;}
.index_jjz a{ font-size:12px; color:#666666; line-height:23px;}









#columnL1 .arrL1 {
	MARGIN-TOP: 80px;WIDTH: 26px; BACKGROUND: url(../../images/left.jpg) no-repeat; HEIGHT:38px; OVERFLOW: hidden; CURSOR: pointer
}
#columnL1 .arrR1 {
	MARGIN-TOP: 80px;WIDTH: 26px; background:url(../../images/right.jpg) no-repeat; HEIGHT:38px; OVERFLOW: hidden; CURSOR: pointer
}
#columnL1 .arrL1 {
	FLOAT: left;
	margin-left:20px;
}
#columnL1 .arrR1 {
	BACKGROUND-POSITION: -0px 0px; FLOAT: right;margin-left:0px;
	margin-right:20px;
}