/*ͨ�ÿ�*/
.index_top{width: 1200px;margin:24px auto!important;}
@media screen and (max-width:960px){
.index_top{width: 100%;margin:-25px auto!important;}
.c-nav {margin-top: 55px!important;}
}

/*��ҳ��һ�� ��ർ��*/
.l-main-l{width: 260px;height: 300px;z-index:77;float: left;background: #f8f8f8;border: 1px #2ca6e0 solid;position: relative;margin-right: 20px;}
.l-main-l h2{width: 96%; height: 40px; line-height: 40px; font-size: 18px;color: #2ca6e0; background: #def0fd; font-weight: 700; margin-bottom: 8px; padding-left: 4%;float: left;}
.l-main-l h2 a{font-size: 18px;color: #f9770e;font-weight: 700;background-position: 0px -588px;background-image: url(../images/index_bg_icon.png);background-repeat: no-repeat;padding-left: 30px;}
.l-main-l ul{width:86%;margin:auto;height:auto;overflow:hidden;padding-bottom: 12px;}
.l-main-l ul li{ width:33%; float:left; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#fff; }
.l-main-l ul li a{font-size:14px;color: #333;}
.l-main-l  .e-1{width: 680px;height:300px;overflow:hidden;background: #ffffff;position:absolute;z-index:5;top: -1px;left: 260px;display:none;border: 1px solid #2ca6e0;border-left: 0;}
.l-main-l  .e-1 dt{ font-size:18px; color:#e84e40; height:50px; line-height:50px; box-sizing:border-box; padding-left:25px;}
.l-main-l  .e-1 .y-r{ width:104px; border-right:#dbdbdb dashed 1px; box-sizing:border-box;}
.l-main-l  .e-1 .y-r p{ font-size:16px; color:#202020; text-align:center; height:32px; line-height:32px; cursor:pointer;}
.l-main-l  .e-1 .y-r p:hover{ color:#d01716;}
.l-main-l  .e-1 .y-l{ width:466px;}
.l-main-l  .e-1 .y-l h4{ font-size:16px; font-weight: 700;color:#333; display:inline-block; padding:0 2px; text-align:center; height:30px; line-height:30px;}
.l-main-l  .e-1 .y-l p{ font-size:15px; color:#333; display:inline-block; padding:0 2px; text-align:center; height:30px; line-height:30px;}
.l-main-l  .e-1 .y-l p a{color: #e34700;font-size: 15px;font-weight: 200;padding:0 5px 0 5px; }
.l-main-l  .e-1 .y-l a:hover {color:#d01716;}
.l-main-l dl dd{margin: 0 2%;float: left;width: 96%;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.l-main-bg1{transition:all 0.3s;width:100%;height:auto;cursor:pointer;}
.l-main-bg1:hover{background:#fff;}
.l-main-bg1:hover h2 a{ color:#2ca6e0;}
.l-main-bg1:hover ul li a{ color:#2ca6e0;}
.l-main-bg1:hover .e-1{ display:block;}
.l-main-bg1 ul li a:hover{font-weight:600}

/*��ҳ��һ�� �в�ͼƬads*/
.new_box{ float: left; width: 100%}
.new_box {float: left;width: 100%;margin-top: 10px;}
.new_box .n_mid{width: 650px;float: left;}
.new_box .banner{height: 300px;overflow: hidden;position: relative;width: 650px;float: left;}
.new_box .banner ul.bannerBg{float: left; height: 300px; left: 0; position: absolute; top: 0; width: 500%;}
.new_box .banner ul.bannerBg li{float: left;height: 300px;width: 650px;}
.new_box .banner ul.bannerBg li img{float: left;height: 300px;width: 650px;}
.new_box .banner ul.bannerBg li span{position: absolute;float: left;width: 100%;background: rgba(51, 51, 51, 0.33);bottom: 0;height: 38px;color: #fff;line-height: 38px;padding-left: 10px;}
.new_box .bannerCont{bottom: 10px;position: absolute;right: 0px;z-index: 9;height: 28px;line-height: 28px;width: 100%;text-align: center;}
.new_box .bannerCont a{background: rgba(249, 249, 249, 0.82);height: 6px;margin-right: 5px;width: 14px;float: left;margin-top: 18px;}
.new_box .bannerCont em{background: #97cc51;height: 6px;position: absolute;top: 18px;width: 15px;display: inline-block;float: left;}



/*��ҳ��һ�� �Ҳ�α��汾*/
.n_right{width: 260px;float: right;}
.n_keben{width: 180px;float: left;background: #f8f8f8;padding: 5px 10px 10px;}
.n_head{ font-size: 18px; color: #B48340; height: 30px;background:url(../images/index_bg_icon.png) 2px -503px no-repeat;}
.n_head span {height: 12px;margin: 0 8px;width: 1px;background: #2ca6e0;display: inline-block;}
.new_box, .hot{ float: left; width: 100%}
.n_keben{width: 235px;float: right;background: #f8f8f8;padding: 5px 10px 10px;}
.n_head h2 {padding-left: 30px;font-weight: bold;color: #2ca6e0;background-position: 0px -505px;background-image: url(../images/index_bg_icon.png);background-repeat: no-repeat;}
.n_keben a{line-height: 120px;text-align: center;font-size: 16px;height: 80px;width: 112px;float: left;font-weight: 400;display: block;color: #333;overflow: hidden;text-decoration:none;background: 

url(../images/index_bg_icon.png) 4px 0px no-repeat rgb(255, 255, 255);}
.n_keben a:hover{color: #fff !important;}
.n_keben .rj{ margin: 0 10px 8px 0 }
.n_keben .rj:hover{background-position: 4px -80px;}
.n_keben .sj {background-position: -110px 0;margin: 0 0 8px;}
.n_keben .sj:hover{background-position:-112px -80px; }
.n_keben .bsd{background-position: 4px -160px;margin: 0 10px 8px 0;}
.n_keben .bsd:hover{background-position: 4px -240px}
.n_keben .hj{background-position: -110px -160px;margin: 0 0 8px}
.n_keben .hj:hover{background-position: -112px -240px}
.n_keben .yw{background-position: 4px -320px;margin: 0 10px 0 0;}
.n_keben .yw:hover{background-position: 4px -400px;}
.n_keben .xs{background-position: -110px -320px;}
.n_keben .xs:hover{background-position: -112px -400px}

.n_box{width: 232px;border: 1px solid #f1f1f1;padding:5px 10px 0px;float: right;margin-top: 12px;}
.n_box h2{height: 28px;padding:0 10px;position: relative;color: #2CA6E0;font-weight: bold;line-height: 28px;font-size: 16px;}
.n_box li {height: 36px;line-height: 36px;border-bottom: 1px solid #f2f2f2;padding: 0px 10px;overflow: hidden;}
.n_box li:last-child{border-bottom:0}
.n_box li a {color: #333;font-size: 14px;}
.n_box font {font-size: 16px;margin-right: 5px;color: #bbbbbb;font-weight: 700;}


/*�̲���ʾ*/
.top_news{float:right ;width: 1200px;margin-top: auto ;}
.index_comtitle h2 {float: left;font-size: 14px;width: 100%;height: 34px;line-height: 34px;border-bottom: 2px solid #e2e2e2;margin: 10px 0 0;}
.index_comtitle h2 a{color: #333;float: left;height: 34px;line-height: 34px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #0e9fd8;}
.more{float: right;}
.index_comtitle .more a{color: #0e9fd8;background: none;font-size: 12px;font-weight: 400;border: 0px;}
.index_subnav{float: left;width: 140px;text-align:center!important;font-size: 14px;background:#efefef;padding: 5px 0;height: 490px;}
.index_subnav li{ line-height: 26px; height: 26px;text-align:center!important; }
.index_subnav a{display: block;}
.index_subnav a:hover{ color: #ec7814!important;}
.index_pic_right{width: 1200px;}
.index_pic_right li{float: left;width: 165px;height: 245px;margin:5px 1px 1px 5px;display: block;text-align: center!important;overflow: hidden;}
.index_pic_right li a{color: #333;font-size: 14px;}
.index_pic_right .preview {display: block;}
.index_pic_right .text {display: block;padding-top: 5px;}
.index_pic_right li img {width: 160px;height: 200px;}


@media screen and (min-width: 750px) and (max-width: 960px){
.new_box,.banner,.n_right{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 10%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 18.5%;height: auto;display: block;margin:0% 0.5% 0.5% 0.5%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 100%!important;;}
}


@media screen and (min-width: 600px) and (max-width: 750px){
.new_box,.banner,.n_right{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 10%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 23.5%;height: auto;display: block;margin:0% 0.5% 0.5% 0.5%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 70%!important;;}
}

@media screen and (min-width: 400px) and (max-width: 600px){
.new_box,.banner,.n_right{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 10%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 30.5%;height: auto;display: block;margin:0% 0.5% 0.5% 2%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 70%!important;;}
}

@media screen and (max-width:400px){
.new_box,.banner,.n_right{display:none}
.index_comtitle .more{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 12.9%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 45%;height: auto;display: block;margin:1% 1% 1% 3%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 80%;}
}