@charset "utf-8";

/* CSS Document */

html {
    width: 100%;
    height: 100%;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
blockquote,
th,
td,
p,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    color: #333;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}

ul,
ol {
    list-style-type: none;
}

img {
    border: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #333
}

.header {
    width: 100%;
    background: #f7f7f7;
    overflow: hidden;
}

.header hr {
    margin-top: 1px;
}

.head {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.nav {
    height: 40px;
    line-height: 40px;
}

.nav a {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0px 6px;
}

.nav a:hover {
    text-decoration: underline;
    color: #f00;
}

.site {
    height: 40px;
    line-height: 40px;
}

.site a:hover {
    text-decoration: underline;
    color: #f00;
}

.banner {
    width: 100%;
    height: 528px;
    background: url(../image/banner.jpg) center top no-repeat;
    margin: 0 auto;
}


/* 顶部固定 */

.title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #0073A9;
}

.title ul {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.title li {
    width: 125px;
    height: 100%;
    text-align: center;
}

.title li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 17px;
    color: #fff;
}
.title li a:hover{
    color: #ff1600;
}
.omit-more:link,
.omit-more:visited {
    color: #ff1600;
}

.omit-more {
    font-family: "simsun";
    font-size: 12px;
}

.main {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

.part {
    overflow: hidden;
}

.heading {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    overflow: hidden;
}

.heading .line {
    width: 400px;
    height: 1px;
    background-color: #e1e1e1;
    margin-top: 34px;
}

.heading h3 {
    display: inline-block;
    font-size: 30px;
    font-family: "宋体";
    color: #C3252C;
    font-weight: bold;
}

/* 十大新闻 */

.newsWrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.newsWrap li {
    width: 460px;
    margin-bottom: 10px;
}

.newsWrap li h3 {
    margin: 10px 0;
}
.newsWrap li h3 a{
    font-size: 16px;
    color: red;
}
.newsWrap li p {
    font-size: 14px;
    color: #333;
}
.newsWrap li hr{
    margin: 20px auto 10px;
}
.newsWrap li span{
    font-size: 16px;
    font-weight: bold;
}

/*十大新品*/


.Product-bottom .active {
    background-color: red;
    color: #fff;
}
.ProductWrap{
    width: 100%;
    overflow: hidden;
}
.ProductWrap .Product-top{
    width: 100%;
    height: 210px;
    overflow: hidden;
    margin-bottom: 40px;
}
.ProductWrap .Product-top li{
    width: 100%;
    overflow: hidden;
}
.ProductWrap .Product-top .ProductContent{
    width: 515px;
    overflow: hidden;
}
.ProductWrap .Product-top .ProductContent h3{
    font-size: 16px;
    color: red;
    margin: 10px 0;
}
.ProductWrap .Product-top .ProductContent p{
    font-size: 14px;
    height: 110px;
}
.ProductWrap .Product-top .ProductContent span{
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    border: 1px solid #FF0000;
}

.ProductWrap .Product-bottom{
    width: 100%;
    overflow: hidden;
}
.ProductWrap .Product-bottom li{
    width: 9%;
    height: 150px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1%;
    overflow: hidden;
    text-align: center;
    line-height: 150px;
    background-color: #f8f8f8;
}
.ProductWrap .Product-bottom .active {
    background-color: red;
    color: #fff;
}
/*十大企业*/

.EnterpriseWrap{
    width: 100%;
    height: 515px;
}
.EnterpriseWrap li{
    width: 195px;
    height: 255px;
    margin-top: 10px;
    margin-right: 5px;
}
.EnterpriseWrap li:nth-of-type(1){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(2){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(3){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(4){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(5){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(6){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(7){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(8){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(9){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li:nth-of-type(10){
    background: url("../image/Enterprise.png") no-repeat center;
}
.EnterpriseWrap li div{
    width: 185px;
    height: 235px;
    background-color: rgba(255,0,0,.5);
    display: block;
    padding: 10px 5px;
    text-align: center; 
    display: none;
}
.EnterpriseWrap li div.active{
    display: block;
}
.EnterpriseWrap li div h3{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.EnterpriseWrap li div p{
    font-size: 14px;
    color: #fff;
}


/* 十大风云人物 */



/* 十大技术交流 */
.skill-bottom .active {
    background-color: red;
    color: #fff;
}
.skillWrap{
    width: 100%;
    overflow: hidden;
}
.skillWrap .skill-top{
    width: 100%;
    
    overflow: hidden;
    margin-bottom: 40px;
}
.skillWrap .skill-top li{
    width: 100%;
    overflow: hidden;
}
.skillWrap .skill-top .skillContent{
    width: 515px;
    overflow: hidden;
}
.skillWrap .skill-top .skillContent h3{
    font-size: 16px;
    color: red;
    margin: 10px 0;
}
.skillWrap .skill-top .skillContent p{
    font-size: 14px;
    height: 85px;
}
.skillWrap .skill-top .skillContent span{
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    border: 1px solid #FF0000;
}

.skillWrap .skill-bottom{
    width: 100%;
    overflow: hidden;
}
.skillWrap .skill-bottom li{
    width: 9%;
    height: 150px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1%;
    overflow: hidden;
    text-align: center;
    line-height: 150px;
    background-color: #f8f8f8;
}
.skillWrap .skill-bottom .active {
    background-color: red;
    color: #fff;
}

/* 十大数据 */
.dataWrap{
    width: 100%;

}
.dataWrap li{
    text-align: center;
    width: 100%;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}
.dataWrap li .dataTitle{
    position: relative;
    width: 100%;
    height: 65px;
    font-size: 30px;
    line-height: 65px;
    background-color:#d9d9d9; 
}
.dataWrap li .dataTitle img{
    position:  absolute;
    bottom: 0;
    left: 68px;
}
.dataWrap li div.active{
    color: #fff;
    background-color:#dc1300; 
}

.dataWrap li h3{
    font-size: 16px;
    color: #dc1300;
    margin: 10px 0;
}
.dataWrap li p{
    font-size: 14px;
    color: #686666;
    text-align: left;
}
/* 十大关键词 */

.antistopWrap {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}
.antistopWrap .cpImg{
    margin-right: 20px;
}
.antistopWrap h2{padding: 18px 0;}

.antistopWrap .antistopTopBg{
    width: 100%;
    padding-top: 10px;
    background-color: #f3f3f3;
}
.antistopWrap .antistopTopBg h3{
    font-size: 16px;
    color: #dc1300;
    margin: 10px 0;
}

.antistopWrap .antistopTopBg p{
    width: 700px;
    height: 40px;
    font-size: 14px;
    margin-top:15px;
    overflow: hidden;
}
.antistopWrap .antistop-box{
    width: 100%;
    overflow: hidden;
}
.antistopWrap .antistop-box li{
    width: 96px;;
    height: 22px;
    margin-right: 3px;
}
.antistopWrap .antistop-box li.active{
    background: url("../image/dsj.png") no-repeat center;
}
.antistopWrap .antistop-bottom{
    width: 100%;
    height: 105px;
    overflow: hidden;
}
.antistopWrap .antistop-bottom li{
    width: 96px;
    height: 105px;
    line-height: 105px;
    margin-right: 3px; 
    text-align: center;
    background-color: #c8c6c6;
}
.antistopWrap .antistop-bottom li.active{
    width: 96px;
    height: 105px;
    line-height: 105px;
    margin-right: 3px; 
    text-align: center;
    border: 1px solid red;
    color: #fff;
    background-color: #353535;
}

/* 十大言论 */
.speechWrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.speechWrap li {
    width: 460px;
    margin-bottom: 10px;
}

.speechWrap li h3 {
    margin: 10px 0;
}
.speechWrap li h3 a{
    font-size: 16px;
    color: red;
}
.speechWrap li p {
    font-size: 14px;
    color: #333;
}
.speechWrap li hr{
    margin: 20px auto 10px;
}
.speechWrap li span{
    font-size: 16px;
    font-weight: bold;
}