﻿/*main*/
.main{width: 100%; padding: 20px 0px; background: #fff;}


.txtScroll-top { width: 1100px; height: 120px; border-radius: 5px; padding: 20px 100px 0; background: url(news-bg.png) left top no-repeat #FFF; margin: 0px auto 0px auto; box-sizing: border-box; overflow: hidden;
    position: relative;}
.txtScroll-top a { display: inline-block; color: #005293; width: 100%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hltit a { font-size: 35px; font-weight: bold; }
.hlmore a { margin-top: 15px; }

/*newBox*/
.newBox{width: 1100px;height:500px;margin: 0 auto 0 auto; padding-top: 30px; overflow: hidden;}
/* picFocus */
.picFocus{width:541px;height: 500px;position:relative;overflow:hidden;zoom:1;}
.picFocus .hd{width:548px;margin-top:6px;overflow:hidden; }
.picFocus .hd ul{overflow:hidden;zoom:1;}
.picFocus .hd ul li{float:left;}
.picFocus .hd ul li img{width:130px;height:90px;cursor:pointer;margin-right: 7px;}
.picFocus .hd ul li.on img{border:1px solid #f60;box-sizing: border-box;}
.picFocus .bd{position:relative;z-index:0;}
.picFocus .bd li{position: relative;}
.picFocus .bd img{width:540px;height:370px;display:block;}
.picFocus .bd p{position: absolute;bottom: 0;left: 0;width: 580px;height: 40px;line-height: 40px;font-size: 16px;background:url("p-bg.png") top left repeat-x;text-indent: 10px;z-index: 1;}
.picFocus .bd p a{color: #fff;}
/*headline*/
.headline{width: 540px;height: 115px;border-bottom: 1px dashed #ccc;}
.headline h2{font-size: 20px;color: #cb3332;line-height: 40px;text-align: center;}
.headline h2 a{color: #cb3332;}
.headline p{font-size: 16px;line-height: 28px;text-indent: 2em;}
/*slideTxtBox*/
.slideTxtBox{width: 540px;height: 276px;}
.slideTxtBox .hd ul{width: 540px;height:50px;line-height: 48px;border-bottom: 1px solid #ececec;}
.slideTxtBox .hd ul li{float:left;width: 180px;text-align: center;font-size: 18px;}
.slideTxtBox .hd ul li a{color: #666;}
.slideTxtBox .hd ul li.on{border-bottom: 2px solid #2261c2;}
.slideTxtBox .bd ul{width: 540px;margin: 10px auto;}
.slideTxtBox .bd ul li{overflow: hidden;font-size: 16px;height: 37px;line-height: 37px;text-indent:10px;
    background: url("li-bg.png") center left no-repeat;}
.slideTxtBox .bd ul li a{color: #333; float: left; width: 440px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.slideTxtBox .bd ul li a:hover{color: #cb3332;}
.slideTxtBox .bd li span{float:right;color:#999;font-size: 14px;}
/* imgBox */
.imgBox{width: 1100px; margin: 20px auto 0 auto; overflow: hidden; background: #f5f5f5; padding: 10px; box-sizing: border-box; border: 1px #ccc solid; }
.imgBox a:first-child{margin-left: 0;}
.imgBox a{margin-left: 16px;width: 530px;height: 110px;float: left;}
.imgBox a img{display: block;width: 530px;height: 110px; background: #fff;}
/*conBox*/
.conBox{width: 1100px; margin: 20px auto 0 auto; overflow: hidden;}
.leftBox{width: 790px;}
.title{width: 280px;line-height: 38px;border-bottom: 1px solid #ccc;}
.title p{font-size: 18px;border-bottom: 2px solid #2261c2;}
.title span a{color: #2261c2;font-size: 14px;}
.list{width: 280px;}
.list ul{width: 280px;margin: 10px auto 0;}
.list ul li{overflow: hidden;font-size: 16px;height: 36px;line-height: 36px;text-indent:10px;
    background: url("li-bg.png") center left no-repeat;}
.list ul li a{color: #333;display: block;width: 280px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list ul li a:hover{color: #cb3332;}
.title1{width: 480px;}
.picList{width: 480px;}
.picList ul{width: 500px;overflow: hidden;}
.picList ul li{float: left;width: 146px;height: 54px;line-height: 54px;margin-top: 20px;margin-right: 20px;border-radius: 5px;border: 1px solid #2261c2;overflow: hidden;}
.picList ul li img{display: block;float: left;margin-top: 11px;margin-left: 10px;}
.picList ul li p{float: right;width: 100px;text-align: center;font-size: 15px;}
.list1{width: 480px;overflow: hidden;margin-top: 15px;}
.list1 ul{width: 240px;float: left;margin: 6px auto 0;}
.list1 ul li{width: 240px;}
.list1 ul li a{width: 240px;}
.hdList{width: 280px;}
.hdList ul{width: 300px;overflow: hidden;}
.hdList ul li{width: 130px;height: 70px;background: #eaeaea;border-radius: 5px;float: left;margin-top: 10px;margin-right: 17px;}
.hdList ul li img{display: block;margin: 5px auto;}
.hdList ul li p{text-align: center;font-size: 16px;}
.hdList ul li .p-one{margin-top: -8px;font-size: 14px;}
.list2{width: 480px;}
.list2 ul{width: 480px;margin:0 auto;}
.list2 ul li{width: 480px;}
.list2 ul li a{width: 480px;}
.list3 ul{margin: 0 auto;width: 480px;}
.list3 ul li{float: left;}
.picTitle{width: 480px;height: 26px;margin-top: 10px;margin-bottom: 10px;background: url("pict-bg.jpg") center center no-repeat;}
.picTitle1{margin-top: 0;background: url("pict-bg.jpg") center center no-repeat;}
.picTitle h2{width: 100%;text-align: center;font-weight: bold;font-size: 18px;}
/*ztBox*/
.ztBox{width: 280px;padding-bottom: 10px;}
.ztBox img{display: block;width: 248px;height: 100px;}
.ztBox .picScroll-top{width: 280px;overflow:hidden;border: 1px solid #ccc; margin-top: 10px;}
.picScroll-top .bd{width: 248px;margin: 0 auto;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; width: 248px;margin: 0 auto;}
.picScroll-top .bd ul li{ text-align:center; zoom:1; width: 248px;height: 100px;margin-top: 10px}
.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width: 248px;height: 85px;display:block;border:1px solid #ccc; }

/*link*/
.link{width: 1100px; margin:20px auto 0 auto; line-height: 38px;}
.link p{width: 72px;font-size: 18px;border-bottom: 2px solid #2261c2;}
.link .links{width: 1100px;overflow: hidden;border: 1px solid #ccc;}
.link .links select {float: left;width: 333px; height: 36px;border: 1px #CCC solid;margin: 15px; font-size: 16px;line-height: 30px;}



@media screen and (max-width:768px){
.main{ padding: 20px 1%; width: 100%;margin: 0 auto;}

.txtScroll-top{width: 100%; margin: 0 auto; padding: 20px 25px 0; }
.hltit a{font-size: 18px;}

.newBox{width: 100%; margin: 0 auto; height: auto; overflow: hidden; padding-top: 1rem;}
.picFocus{width: 100%;height: auto;}
.picFocus .bd img{width: 100%; height: 60vw;}
.picFocus .hd{width: 100%;}
.picFocus .hd ul li{ width: 25%; }
.picFocus .hd ul li img{ width: 100%; height: 20vw;}
.headline{width: 100%;overflow: hidden; height: auto;}
.slideTxtBox{ width: 100%; margin-top: 0.5rem;}
.slideTxtBox .bd ul{ width: 100%;}
.slideTxtBox .hd ul{ width: 100%;}
.slideTxtBox .hd ul li{ width: 33%;}
.slideTxtBox .bd ul li a{width: 75%;}
.slideTxtBox .bd ul li span{ width: 25%;}

.imgBox{width: 99%; margin: 1rem auto;}
.imgBox a{ width: 100%;float: initial;}
.imgBox a img{width: 100%;}


.conBox{width: 99%; margin: 0 auto;}
.leftBox{width: 100%;}
.zuob{width: 100%;}
.zhongj{width: 100%;}
.title{width: 100%;}
.list{width: 100%;}
.list ul{width: 100%;}
.list ul li a{width: 100%;}
.hdList{width: 100%;}
.hdList ul{width: 100%;}
.hdList ul li{width: 45%;}
.picList{width: 100%;}
.picList ul{width: 100%;}
.picList ul li{width: 43%;}
.picTitle{width: 100%;}
.list1{width: 100%;display: none;}
.list3{display: block;}
.ztBox{width: 100%;}

.ztBox .picScroll-top{width: 100%;}
.ztBox .picScroll-top .bd{width: 100%;}
.ztBox .picScroll-top .bd ul{width: 100%;}
.ztBox .picScroll-top .bd ul li{width: 48%;float: left; margin: 1rem 1%;}
.ztBox img{width: 100%;}

.link{width: 99%; margin: 0 auto;}
.link .links{width: 100%;}
.link .links select{width: 92%;}
}