@import url("reset.css");
@import url("header.css");
@import url("footer.css");
.box{width: 100%; height: 300px; overflow: hidden;}
.box .focusBox{ width: 602px; height: 300px; position: relative; float: left;}
.box .focusBox .pic{width: 602px; height: 300px; position: relative;}
.box .focusBox .pic li{ overflow:hidden; position: absolute; width: 602px;left: 0; top: 0;}
.box .focusBox .pic li a{display:block; overflow:hidden; width: 100%; height: 100%;}
.box .focusBox .pic li a img{ width: 602px;height: 300px;transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.box .focusBox .pic li a img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.box .focusBox .txt-bg{ position: absolute;bottom:0;z-index: 1; height: 50px; width: 100%;background: url(img_10.png) repeat;}
.box .focusBox .txt{position: absolute; bottom:0; left: 20px; z-index: 2; height: 50px; width: 480px; overflow: hidden;}
.box .focusBox .txt li { height: 50px; line-height: 50px;position: absolute; bottom: -50px; width: 100%;}
.box .focusBox .txt li a{color: #fff; width:95%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .focusBox .txt li a:hover{color: #34a3f2;}
.box .focusBox .num{position: absolute; z-index: 3; bottom: 20px;right: 10px;}
.box .focusBox .num li {float: left;margin: 0 2px; width: 10px;height: 10px;overflow: hidden;cursor: pointer; zoom: 1; background:#FFFFFF;}
.box .focusBox .num .on{ background: #36a4ef;}

.box .dtzx{ width: 542px; height: 300px; float: right;}
.box .dtzx .hd{ height: 37px; width: 100%;}
.box .dtzx .hd h3{width: 115px; height: 35px; line-height: 35px; float: left; border-bottom: 2px solid #36a4ef; text-align: center;}
.box .dtzx .hd h3 a{font-size: 18px; color: #2772a9; width: 100%; height: 100%; display: block;}
.box .dtzx .hd .more{float: right; text-align: center; width: 85px;  height: 35px; line-height: 35px;} 
.box .dtzx .hd .more a{color: #666666; font-size: 16px; width: 100%; height: 100%; display: block;}
.box .dtzx .hd a:hover{color: #34a3f2;}
.box .dtzx .bd{width: 100%; height: auto; margin-top: 10px; overflow: hidden;}
.box .dtzx .bd ul li{ height: 30px; height: 27px; line-height: 30px; *line-height: 27px; padding: 3px 0px;}
.box .dtzx .bd ul li em{float: left; text-align: center; font-style: normal; height: 18px; line-height: 18px; margin-right: 10px; margin-top: 6px; width: 18px; display: block; background: #e4e4e4; color: #666666; font-size: 16px; font-weight: bold;}
.box .dtzx .bd ul li em.m1,.box .dtzx .bd ul li em.m2,.box .dtzx .bd ul li em.m3{ background: #36a4ef; color: #FFFFFF;}
.box .dtzx .bd ul li a{width:70%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.box .dtzx .bd ul li span{float: right; width: 20%; text-align: right;}
.box .dtzx .bd ul li a:hover{color: #34a3f2;}

.box1{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.box2{width: 701px; height: auto; overflow: hidden; float: left;}
.lygl{width: 100%; height: 398px; overflow: hidden; margin-top: 5px;}
.lygl h3{ height: 40px; line-height: 40px;}
.lygl h3 a{color: #2772a9; font-size: 20px; font-weight: bold; display: block; height: 100%;}
.lygl h3 a:hover{color: #34a3f2;}
.lygl .lyglcon{ border: 1px solid #dedede; height: 345px; overflow: hidden;}
.lygl .hd{ height: 40px; width: 100%; border-bottom: 2px solid #dddddd; background: #f4f4f4;}
.lygl .hd ul li{ font-size: 14px;float: left; width: 139px; border-right: 1px solid #dddddd; height: 40px; line-height: 40px; text-align: center;}
.lygl .hd ul li a{font-size: 18px; color: #333333;}
.lygl .hd ul li.on{ background: #36a4ef;}
.lygl .hd ul li.on a{color: #fff;}
.lygl .hd ul li.m5{ border-right:none;}
.lygl .bd{width: 100%; height: auto; overflow: hidden;}
.lygl .bd .lygl_con{ height: 138px; overflow: hidden; padding: 10px 20px;}
.lygl .bd .lygl_con ul li{ height: 35px;line-height: 35px; width: 25%; float: left;}
.lygl .bd .lygl_con ul li a{width:95%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #666666;}
.lygl .bd .lygl_con ul li a:hover{color: #34a3f2;}
.lygl .bd .lygl_img{width: 100%; height: 131px; overflow: hidden;}
.lygl .bd .lygl_img ul li{ height: 131px; width: 213px; float: left; padding: 0px 10px;}
.lygl .bd .lygl_img ul li a{width:100%;height: 100%;display:block;}
.lygl .bd .lygl_img ul li img{ height: 131px; width: 213px;}

.box4{width: 100%; height: 361px; overflow: hidden; margin-top: 20px;}
.tqzx{float: left; width: 340px; height: 361px; overflow: hidden;}
.lylx{float: right; width: 340px; height: 361px; overflow: hidden;}
.box4 h3{ height: 23px; line-height: 23px; font-weight: bold; padding-left: 20px; border-left: 7px solid #36a4ef; margin-bottom: 17px;}
.box4 h3 a{color: #2772a9; font-size: 18px;}
.box4 h3 a:hover{color: #34a3f2;}
.box4 .box4_con{ height: 316px; overflow: hidden; border: 1px solid #e8f0f7;}
.box4 .box4_con img{ width: 338px; height: 166px;}
.box4 .box4_con ul{ width: 100%; height: auto; overflow: hidden;}
.box4 .box4_con ul li{ height: 35px;line-height: 35px; background: url(ldian.png) 15px center no-repeat; text-indent: 27px;}
.box4 .box4_con ul li a{width:95%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box4 .box4_con ul li a:hover{color: #34a3f2;}

.lyjd{ height: 355px; overflow: hidden; border: 1px solid #dedede;}
.lyjd h3{ height: 33px; line-height: 43px; margin-bottom: 6px; background: url(lines.png) left 20px repeat-x; margin-left: 24px; margin-right: 20px;}
.lyjd h3 a{color: #2772a9; font-size: 18px; font-weight: bold; width: 168px; display: block; height: 100%; background: #FFFFFF;}
.lyjd h3 a:hover{color: #34a3f2;}
.lyjd .hd{ float: left; height: auto; overflow: hidden; width: 165px; margin-left: 2px;}
.lyjd .hd ul li{ width: 100%; height: 30px; line-height: 30px; margin-top: 12px;}
.lyjd .hd ul li a{width: 100%; height: 100%; display: block;}
.lyjd .hd ul li em{ width: 12px; height: 12px; margin: 9px 9px 9px 13px; float: left; display: block; background: #99cccc;}
.lyjd .hd ul li span{font-size: 16px; color: #333333; float: left; display: block; width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lyjd .hd ul li.on{background: #36a4ef;}
.lyjd .hd ul li.on em{background: #fff;}
.lyjd .hd ul li.on span{color: #fff;}
.lyjd .bd{float: right; width: 485px; height: 300px; overflow: hidden; margin-right: 20px;}
.lyjd .view{width: 100%; height: auto;}
.lyjd .view p{ color: #333333; font-size: 14px; line-height: 28px; text-indent: 2em;}
.lyjd .view p a{color: #34a3f2;}
.lyjd .view ul{width: 100%; height: 103px; overflow: hidden; margin-top: 15px;}
.lyjd .view ul li{width: 157px; height: 103px; float: left; margin: 0px 2px; position:relative;}
.lyjd .view ul li img{width: 157px; height: 103px; position:relative;}
.lyjd .view ul li span{width: 147px;height: 93px;position: absolute; left:0; top:0; text-align:center; background: url(img_10.png) repeat; color:#fff; padding:5px; display:none;}
.lyjd .view ul li:hover span{display:block;}

.box3{width: 440px; height: auto; overflow: hidden; float: right;}
.lyxc{width: 100%; height: 380px; overflow: hidden;}
.lyxc h3{ height: 23px; line-height: 23px; font-weight: bold; padding-left: 20px; border-left: 7px solid #36a4ef; margin-bottom: 17px;}
.lyxc h3 a{color: #2772a9; font-size: 18px;}
.lyxc h3 a:hover{color: #34a3f2;}

.lyjy{height: 355px; overflow: hidden; padding: 0px 17px; border: 1px solid #dedede; margin-top: 20px;}
.lyjy h3{ height: 40px; line-height: 40px; margin-bottom: 6px; background: url(lines.png) left center repeat-x;}
.lyjy h3 a{color: #2772a9; font-size: 18px; font-weight: bold; width: 96px; display: block; height: 100%; background: #FFFFFF;}
.lyjy h3 a:hover{color: #34a3f2;}
.lyjy .lyjy_con{width: 100%; height: auto; overflow: hidden;}
.lyjy .lyjy_con img{float: left; width: 218px; height: 290px;}
.lyjy .lyjy_con ul{float: right; width: 170px; height: 290px; overflow: hidden;}
.lyjy .lyjy_con ul li{ height: 24px;line-height: 24px; margin-bottom: 14px;}
.lyjy .lyjy_con ul li a{width:98%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color: #2772a9;}
.lyjy .lyjy_con ul li a:hover{color: #34a3f2;}

.lyqt{height: 352px; overflow: hidden; margin-top: 20px;}
.lyqt ul li{width: 134px; height: 166px; float: left; text-align: center; border-radius: 5px; -moz-border-radius: 5px; margin-right: 19px;}
.lyqt ul li a{width: 100%; height: 100%; display: block;}
.lyqt ul li i{ width: 66px; height: 55px; display: block; background: url(img_25.png) no-repeat; margin: 35px auto 0;}
.lyqt ul li span{ display: block; color: #feffff; font-size: 18px; width: 100%; line-height: 60px;}
.lyqt ul li.m1{background: #5b9cee;}
.lyqt ul li.m2{background: #f7bb41;}
.lyqt ul li.m3{background: #fb6e52;}
.lyqt ul li.m4{background: #36bc9b; margin-top: 20px;}
.lyqt ul li.m5{background: #3baeda; width: 287px; margin-top: 20px;}
.lyqt ul li.m5 span{ line-height: 47px;}
.lyqt ul li.m1 i{background-position: -11px -16px;}
.lyqt ul li.m2 i{background-position: -171px -16px;}
.lyqt ul li.m3 i{background-position: -324px -16px;}
.lyqt ul li.m4 i{background-position: -12px -200px; height: 61px; margin: 29px auto 0;}
.lyqt ul li.m5 i{background-position: -228px -188px;width: 100px; height: 81px; margin: 15px auto 0;}
.lyqt ul li.m3,.lyqt ul li.m5{margin-right: 0px;}
.lyqt ul li:hover{background: #34a3f2;}