/* CSS Document */
/* * { margin: 0; padding: 0; }

html { font-size: 62.5%; height: 100%; background-color: #fff; }

body { margin: 0 auto; font-size: 12px; font-size: 1.2rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; } */

.clear { clear: both; }

.maln { margin-left: auto !important; }

/* input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; } */

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.wp { position: relative; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.mbn { margin-bottom: 0 !important; }

.mtn { margin-top: 0 !important; }

/* @media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } } */



/*lun bo*/
.index_focus {position: relative;width: 100%;height:720px;margin: 0 auto; overflow:hidden; z-index:9}
.page_banner.index_focus{height: 500px;}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:32px; left:50%; margin-left:-36px; z-index:9998 }
.index_focus .slide_nav a{ width:16px; height:16px; cursor:pointer;float:left; margin-right:6px; margin-left:6px;background:url(../image/dot1.png) no-repeat center center;  }

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:url(../image/dot.png) no-repeat center center; }


.index_focus_pre,.index_focus_next {display: block;position: absolute;top: 55%;margin-top:-38px;width:41px;height:90px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}


@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:576px;}
.page_banner.index_focus{height: 400px;}
.index_focusn img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 80px;height:5px;bottom: 13px;left: 52%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: transparent;
	transition: all 0.3s ease 0s;
	border: solid 1px #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.carousel ol li.cur{width: 10px;background:#FFFFFF;}
.carousel ol li:last-child{margin: 0;}


}