﻿@charset "utf-8";
/*
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
For HMS 首页模板
*/
.column{ width: 1200px; margin: 0 auto; overflow: hidden; padding: 0 0 20px;} 
.columnA{padding: 20px 0;}
#content{z-index: 80; width: auto; background: none;}
.left-box{width: 570px;height: 400px;float: left;}
.right-box{width: 600px;height: 400px;float: right;}
#yyxw .hd h3{ background: url(images/yyimg/yyxw_hd.png) 0 50% no-repeat;padding-left: 28px;}
#yyxw .hd h3 a:hover{color: #1b75c2;}
#yyxw .bd{margin-top: 20px;}
#yyxw .bd .topicList .t{border: none;padding-bottom: 20px;}
#yyxw .bd .topicList .t .date{float: left;width: 70px;height: 70px;background-color: #f5f5f5;margin-right: 20px;}
#yyxw .bd .topicList .t .date dd{width: 70px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;color: #1b75c2;}
#yyxw .bd .topicList .t .date dt{width: 70px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #1b75c2;}
#yyxw .bd .topicList .t .title{font-size: 18px;line-height: 25px;font-weight: 600;}
#yyxw .bd .topicList .t .title a{color: #1b75c2;}
.topicList li .intro{margin-top: 7px;}
#yyxw .bd .topicList .t .intro,#yyxw .bd .topicList .t .intro .more{font-size: 14px;line-height: 18px;color: #999999;text-indent: 0;}
#yyxw .bd .topicList .n{padding: 0;background: url(images/yyimg/line.jpg) 4px 50% repeat-y;}
#yyxw .bd .topicList .n .title{padding: 0;height: 40px;line-height: 40px;background: url(images/yyimg/list-icon-off.png) 0 50% no-repeat;padding-left: 29px;}
#yyxw .bd .topicList .n .title:hover{background: url(images/yyimg/list-icon-on.png) 0 50% no-repeat;}
#yyxw .bd .topicList .n .tit{font-size: 16px;}
#yyxw .bd .topicList .n .date{font-size: 16px;color: #999999;}

/* 通用-焦点图切换- 数字 */
.focusBox{position:relative;z-index: 1;width: 600px;height: 400px;float: left;}
.focusBox .hd{position:absolute;z-index:2;right: 20px;bottom: 20px;height: 10px;overflow: hidden;}
.focusBox .hd ul{overflow: hidden;}
.focusBox .hd ul li{position: relative;float:left;margin-left: 5px;width: 10px;height: 10px;line-height: 12px;text-align:center;cursor:pointer;background-color: #5c6061;border-radius: 25px;}
.focusBox .hd ul li span{color: white;display: none;}
.focusBox .hd ul li.on{background-color: #fff;}
.focusBox .bd{ position:relative; }
.focusBox .bd .pic{overflow: hidden;}
.focusBox .bd .pic img{width: 600px;height: 400px;}
.focusBox .bd .con{width: 100%;height: 50px;line-height: 50px;position: absolute;z-index: 1;left: 0;bottom: 0;}
.focusBox .bd .con .title{position: absolute;z-index: 2;bottom:0;left: 18px;}
.focusBox .bd .con .title a{font-size: 15px;font-weight:normal;color:white;}
.focusBox .bd .con .title a:hover{color: #ff0;}
.focusBox .bd .bg{display: block;width: 100%;float: left;height: 50px;background-color: black;opacity: 0.7;filter:alpha(opacity=70);position: absolute;z-index: 1;left: 0;bottom: 0;}

.toolsHd li{float: left;width: 220px;height: 90px;border-radius: 5px;margin-left: 25px;}
.toolsHd li .tit{position: relative;height: 90px;line-height: 90px;}
.toolsHd li .tit i{height: 90px;width: 36px;background: url(images/yyimg/toolsHd_icons.png) 0 0 no-repeat;display: block;transition: all 0.8s;margin-left: 34px;}
.toolsHd li .tit a{font-size: 18px;color: #ffffff;font-weight: 600;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-indent: 89px;}
.toolsHd .li1{margin: 0;background-color: #429754;}
.toolsHd .li2{background-color: #478cc7;}
.toolsHd .li3{background-color: #8095c0;}
.toolsHd .li4{background-color: #40adce;}
.toolsHd .li5{background-color: #f5a222;}
.toolsHd .li1 .tit i{background-position: 0 28px;}
.toolsHd .li2 .tit i{background-position: 0 -116px;}
.toolsHd .li3 .tit i{background-position: 0 -252px;}
.toolsHd .li4 .tit i{background-position: 0 -386px;}
.toolsHd .li5 .tit i{background-position: 0 -516px;}
.toolsHd li:hover .tit i{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}

.columnC{background-color: #f5f5f5;padding-bottom: 20px;}
.columnC .hd{width: 499px;height: 46px;background-color: #ffffff;border-radius: 5px;border: solid 1px #1b75c2;margin: 40px auto;overflow: hidden;}
.columnC .hd li{float: left;width: 99px;height: 46px;line-height: 46px;text-align: center;border-left: 1px solid #429754;}
.columnC .hd li:first-child{border: none;}
.columnC .hd li a{font-size: 18px;color: #1b75c2;}
.columnC .hd li.on{background-color: #1b75c2;border-color: #1b75c2;}
.columnC .hd li.on a{color: #ffffff;font-weight: 600;}
.columnC .bd .infoList li{float: left;width: 570px;height: 40px;line-height: 40px;background: none;padding: 0;}
.columnC .bd .infoList li:nth-child(2n){float: right;}
.columnC .bd .infoList li .date{float: left;font-size: 16px;margin-right: 20px;}
.columnC .bd .infoList li a{font-size: 16px;}
.columnC .bd .infoList li:hover a{color: #d12d24;}






