* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	margin: 0 auto;
	font-family: "microsoft yahei";
	font-size: 14px;
	background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
	margin: 0;
}
#divStayTopLeft{position: fixed; right: 25px; top:30%; bottom: 40%;}

ul,
li,
p {
	list-style: none;
	font-size: 14px;
	margin: 0;
}

a,
a:hover {
	height: auto;
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.w100 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.bule {
	background-color: #0c63ab;
}
.gray{background-color: #f4f4f4;}
.main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.logo {
	margin: 15px 0;
	max-width: 720px;
	padding: 0;
}

.logor {
	max-width: 470px;
	float: right;
	padding: 0;
}
.logor p{margin-top: 20px; height: 30px; line-height: 30px; font-size: 20px; color: #2993cc;}
.logor h5{margin-top: 20px; height: 30px; line-height: 30px; font-size: 30px; color: #2993cc;}

.banner {
	position: relative;
	width: 100%; height: auto; margin: 0 auto;
	padding: 0 !important;
	max-height: 390px;
	
	overflow: hidden;
}

.banner2 {width: 100%; height: auto; margin: 0 auto;
	padding: 0;
	max-height: 150px;overflow: hidden;
}

.banner2 img {
	width:100%; height:auto; display:block;
}

.banner .hd {
	list-style: none;
	position: absolute;
	right: 50%;
	bottom: 20px;
	height: 10px;
	z-index: 1;
	display: block;
}

.banner .hd ul li {
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	text-align: center;
	line-height: 10px;
	cursor: pointer;
	border: 1px solid #fff;
	
	background-color:none;
	margin: 0 3px;
}

.banner .hd ul li.on {
	background-color: #fff;
}

.banner .bd li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.banner .bd li img {
	width: 100%;
	max-height: 670px;
	height: auto;
}

.banner .prev {
	position: absolute;
	left: 0;
	top: 40%;
	width: 34px;
	height: 65px;
	z-index: 9;
	background: url("https://www.joyrosario.com/images/prev.png") no-repeat center center;
}

.banner .next {
	position: absolute;
	right: 0;
	top: 40%;
	width: 34px;
	height: 65px;
	z-index: 9;
	background: url("https://www.joyrosario.com/images/next.png") no-repeat center center;
}

.lm{float: left; width: 100%; height: 50px; background: url("https://www.joyrosario.com/images/hr_lm.png") no-repeat center bottom;}
.lm img{float: left; margin: 14px 0;}
.lm h5{float: left; padding-left: 10px; line-height: 50px;color: #0c63ab; width: 60%; font-size: 20px; font-weight: bold;}
.more{width: 40px; float: right;line-height: 50px;}
.more a{color: #0C63AB;}

.m_left{width: 282px; padding: 0;}
.m_center{width: 400px;margin:0 59px; padding: 0;}
.m_right{width: 400px; padding: 0;}
.quick{width: 100%; float: left;}
.quick .lm img{margin-top: 15px;}
.quick ul{width: 100%; margin-top: 20px;}
.quick li{float:left;margin-top: 5px; width:100%; text-align: center; line-height: 48px; height: 48px; background-color: #3b90d6;}
.quick li a{color: #fff; font-size: 20px;}
.quick li img{margin-right: 5px;}

.lxwm{width: 100%; float: left; padding-bottom: 20px;  margin-top: 1px; height: auto; background-color: #eeeeee;}
.lxwm h4{text-align: center; line-height: 60px; height: 60px; font-size: 24px; color: #333;}
.lx_wb{width: 50%; margin:0 5%; float:left; line-height: 30px;text-align: right;}
.lx_wb img{margin-right: 10px;}
.lx_img{width: 30%;margin:0 5%; float:left; text-align: center; line-height: 40px;}

.alerts .lm img{margin: 15px 0;}
.video .lm img{margin: 17px 0;}
.news{width: 100%;}
.news ul{width: 100%; float: left;}
.news ul li{width: 100%; margin: 5px 0; height: 35px; line-height: 35px; background: url("https://www.joyrosario.com/images/list_gray.png") no-repeat left center; text-indent:10px;}
.news ul li a{ float:left;width: 80%; height: 35px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; color: #333;}
.news ul li span{float:left;width: 20%;}
.news ul li:hover{background-image: url("https://www.joyrosario.com/images/list_bule.png");}
.news ul li:hover a{color: #0C63AB;}


.scoll{width: 100%; overflow:hidden; position:relative; padding: 20px 0;}
		.scoll .hd{display: none;}
		.scoll .bd{width: 100%;}
		.scoll .bd ul{ overflow:hidden; zoom:1; }
		.scoll .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.scoll .bd ul li .pic{ text-align:center; }
		.scoll .bd ul li .pic img{ width:275px; height:140px; display:block; padding:2px; }
		.scoll .bd ul li .pic a:hover img{ border-color:#999;  }
		.scoll .bd ul li .title{ line-height:24px;   }



.video{width: 100%;}
.video ul{width: 100%; float: left; margin-top: 20px;}
.video ul li{width: 49%; height:auto; overflow: hidden;text-align: center; }
.video ul li video{height: 130px; width: 100%; float: left;}
.video ul li a span{float: left; width: 100%; color: #333;line-height: 30px;}
.link{width: 100%; max-width: 1200px; float: none;height: 45px; padding: 0; margin: 0 auto; line-height: 45px;}
.link span{width: 100px; float: left; text-align: center; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold;}
.link ul{width: 1100px; float: left;}
.link li{float: left; padding: 0 30px;}
.link li a{color: #fff; font-size: 14px;}
.footer{width: 100%; height: auto; background-color:#0C63AB; border-top: 1px solid #333;}
.foot{max-width: 680px; width: 100%;float: left;padding: 0;}
.foot img{margin: 10px auto;}
.copy{max-width: 520px; padding: 0; width: 100%;}
.copy_xx,.copy_img{padding: 0; margin-top: 30px;}
.copy_xx p{color: #fff; line-height: 30px;}

.dq{border-bottom: 1px solid #d6d6d6; height: 49px; line-height: 50px;}
.dqwz{max-width: 1200px; width: 100%;margin: 0 auto; padding: 0; float: none;}
.dqwz a{color: #666; padding: 0 5px;}
.content_l{float: left; width: 100%; max-width: 275px; height: auto; overflow: hidden; padding: 0; margin: 5px 0 0; }
.content_l ul{width: 100%;}
.content_l ul li{float:left;width: 100%; height: 55px; text-indent:20px; line-height: 55px; border-bottom: 1px solid #d6d6d6;}
.content_l ul li a{color: #333;}
.content_l ul li.current,.content_l ul li.current a,.content_l ul li:hover,.content_l ul li:hover a{background-color: #89bce6;color: #fff; }
.content_r{float: left;width: 100%; max-width: 925px; height: auto; min-height:500px; overflow: hidden; margin-top: 5px; padding: 0px 10px 0 30px;border-left: 1px solid #d6d6d6;}
.lm_nav{width: 100%; margin-top: 55px;font-size: 18px; line-height: 55px; height: 55px; border-bottom: 2px solid #e4e4e4;}
.lm_nav h4{float: left; max-width: 90%;  line-height: 55px; height: 55px; border-bottom: 2px solid #3b90d6; }
.lm_nav span{float:right; max-width: 10%;}
.lm_nav span a{color: #333;cursor:pointer;}
.lb{width: 100%;}
.lb ul{width: 100%;}
.lb ul li{width: 100%; height: 55px; line-height: 55px; background: url("https://www.joyrosario.com/images/list_bule.png") no-repeat left center; text-indent:10px;}
.lb ul li a{width: 85%; float: left;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }
.lb ul li span.sj{float: left;width: 15%; text-align: center;}
.fy{margin: 20px auto; height: 30px;}
.content{width: 100%;}
.wzbt{width: 100%; height: 60px;}
.wzbt h3{float: left; width: 75%;line-height: 60px; font-size: 18px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.wzbt span{float: left; width: 25%; height: 30px; font-size: 12px; color: #3b90d6; line-height: 30px; margin-top: 30px; text-align: center;}
.nr{width: 100%; margin-bottom: 50px;}
.nr p{line-height: 30px;}
.nr img{margin: 0 auto; width: 100%; display: block; height: auto;}
.link_ly{width:100%; padding:15px 0;}
.link_ly ul{width: 100%;}
.link_ly ul li{float: left;padding:5px 15px;}
.link_ly ul li a{color: #000;}
.lx1{display:block;}
.lx2{display:none}
@media only screen and (max-width:1024px ) {
	.logo{max-width: 500px;}
	.logo img{width: 100%; height: auto; display: block;}
	.logor p{font-size: 19px;}
	.logor h5{margin-top: 15px; font-size: 28px;}
	.m_center{margin: 0 10px; width: 360px;}
	.m_right{width: 360px;}
	.news ul li a{width: 78%;}
	.news ul li span{width: 22%;}
	.link{max-width: 1024px;}
	.link ul{width: 90%;}
	.foot{max-width: 500px;}
	.scoll .bd ul li .pic img{ width:250px; height:auto;}
	.dqwz,.main{max-width: 100%;}
	.content_r{padding-left: 20px; max-width: 749px;}
}
@media only screen and (max-width:823px ) {
#divStayTopLeft{display:none;}
	.logo{max-width: 100%; padding: 0 15px;}
	.logor{display: none;}
	.m_left{margin: 0 ; padding: 0; width: 100%;}
	.quick{width: 282px;margin: 0 15px;}
	.lxwm{width: 481px; margin: 0 15px; height: 314px;}
	.lx_wb{text-align: right;}
	.lx_wb,.lx_img{width: 50%; margin:0;}
	.m_center{width: 400px; height: auto; margin-bottom: 20px; clear: both; margin: 0 15px 0 15px;}
    .link ul{width: 85%;}
    .foot{max-width: 400px;}
    .foot img{width: 100%; height: auto; display: block;}
    .copy{max-width: 423px; padding: 0 15px;}
    .copy_xx, .copy_img{margin-top: 10px;}
    .content_l{max-width: 100%; padding: 0 15px;}
    .content_l ul li{width: 33%; height: auto;}
    .dqwz{padding: 0 15px;}
    .content_r{max-width: 100%; padding: 0 15px; border-left: none;}
    .lm_nav{margin-top: 10px;}
    .wzbt{height: auto;}
    .wzbt h3{width: 100%; line-height: 40px;white-space: normal; text-align: center; }
    .wzbt span{width: 100%; margin-top: 0px; text-align: center; }
}
@media only screen and (max-width:812px ) {
	.m_left{margin: 0 ; padding: 0; width: 100%;}
	.quick{width: 282px;margin: 0 15px;}
	.lxwm{width: 470px;}
	.link{height: auto; overflow: hidden;}
	.link li{padding: 0 15px;}
    .copy{max-width: 412px;}
   
}

@media only screen and (max-width:768px ) {
	.lxwm{width: 426px; }
	.m_center,.m_right{width: 360px;}
    .copy{max-width: 368px;}
}
@media only screen and (max-width:736px ) {
	.lxwm{width: 394px; }
	.m_center,.m_right{width: 350px;}
    .copy{max-width: 315px;}
}
@media only screen and (max-width:731px ) {
	.lxwm{width: 388px; }
    .copy{max-width: 315px;}
}
@media only screen and (max-width:667px ) {
	.lxwm{width: 325px; }
	.m_center,.m_right{width: 333px; margin: 0; padding: 0 15px;}
	.news ul li a{width: 70%;}
	.news ul li span{width: 30%;}
	.foot{max-width: 352px;}
    .copy{max-width: 315px;}
}
@media only screen and (max-width:640px ) {
	.lxwm{width: 298px; }
	.m_center,.m_right{width: 320px; margin: 0; padding: 0 15px;}
	.link ul{width: 84%;}
	.foot{max-width: 325px;}
}
@media only screen and (max-width:568px ) {
	.main{max-width: 100%;}
	.quick,.lxwm{width: 100%; margin:15px 0; height: auto; padding: 0 15px;}
	.lm{border-bottom: 3px solid #0C63AB; background: none;}
	.quick li{width: 49%; margin: 5px 0.5% 0;}
	.news ul li a{width: 85%;}
	.news ul li span{width: 15%;}
	.m_center, .m_right{width: 100%;}
	.link ul{width: 100%;}
	.foot,.copy{max-width: 100%; padding: 0 15px;}
	.content_l ul li{width: 100%;}
}
@media only screen and (max-width:414px ) {
.lx1{display:none;}
.lx2{display:block}
.video ul li{width:100%;}
.video ul li video{height:auto}
	.news ul li a,.lb ul li a{width: 100%;}
	.news ul li span,.lb ul li span.sj{display: none;}
	.link_ly ul li{width:100%;}
}
@media only screen and (max-width:411px ) {
	
}
@media only screen and (max-width:375px ) {
	
}
@media only screen and (max-width:360px ) {
	
}
@media only screen and (max-width:320px ) {
.lm_nav h4{max-width:85%}
.lm_nav span{max-width:15%}	
}

.nr table {
    overflow: auto;
        margin: 0 auto;
}