@charset "utf-8";
/* CSS Document */

#indexbanner{ height:430px; width:100%; background-repeat:no-repeat; background-position: center top; left:0px; position:relative; z-index:1;}
#focus {width:100%; height:430px; /*position:relative;*/ margin:0px auto; z-index:2;}
#focus .tupian {width:100%; height:430px; overflow:hidden; position:relative;}
#focus ul { padding:0px; margin:0px; list-style:none; width:100%; height:430px; overflow:hidden; position:absolute;}
#focus ul li{padding:0px; margin:0px; list-style:none; float:left; width:100%; height:430px; overflow:hidden;}
#focus ul li a{ display:block;width:100%; height:430px; overflow:hidden; background-position:center top; background-repeat:no-repeat;}
#focus .anniu{ width:1000px; margin:0px auto; position:relative; height:1px;}
#focus .btn {position:absolute;  HEIGHT:18px; left:40%; bottom:20px; /* WIDTH:175px;display:none;*/}
#focus .btn span{ MARGIN:0px 12px 0px 12px; WIDTH:18px; DISPLAY:inline-block; FLOAT: left; HEIGHT:18px; cursor:pointer; background-color:#FFFFFF}
#focus .btn span.active {background-color:#004ea1}

#focus .preNext {width:70px; height:70px; position:absolute; top:-300px; cursor:pointer; display:none;}
/* #focus .pre {left:-70px; background:url(../img/bleft.png) no-repeat center top; } */
/* #focus .next {right:-70px; background:url(../img/bright.png) no-repeat center top;} */


.can{width:1100px; height:216px; padding-top:44px;}
.can .biaoti{width:1100px; height:40px;}
.can .biaoti .zhi{width:110px; height:20px; float:left; text-align:left; line-height:20px; font-size:19px; font-weight:bold;}
.can .biaoti .xian{width:942px; height:20px; float:left; font-size:10px; line-height:20px;letter-spacing:2px; color:#9c9c9c;overflow:hidden;}
.can .biaoti .more{width:48px; height:20px; float:right; background:url(../img/index/index_24.png); text-align:center; line-height:20px;}
.can .biaoti .more a{ color:#FFF;}
/*.can ul{width:1100px; height:176px; position:relative;}
.can ul li{width:284px; height:176px; background:url(../img/index/index_22.png); float:left;}*/


.pn{width:1100px; height:298px; padding-top:43px; overflow:hidden;}
.pn .product{width:691px; /*height:298px;*/ float:left; margin-left:6px;}
.pn .product .biaoti{width:691px; height:20px;}
.pn .product .biaoti .zhi{width:145px; height:20px; float:left; text-align:left; line-height:20px; font-size:19px; font-weight:bold;}
.pn .product .biaoti .xian{width:478px; height:20px; float:left; font-size:10px; line-height:20px;letter-spacing:2px; color:#9c9c9c;overflow:hidden;}
.pn .product .biaoti .more{width:48px; height:20px; float:right; background:url(../img/index/index_24.png); text-align:center; line-height:20px;}
.pn .product .biaoti .more a{ color:#FFF;}

.pn .product .lb{width:691px; /*height:278px; */overflow:hidden; font-size:16px; text-align:center;}
.pn .product .lb ul{width:702px; /*height:260px;*/ padding-left:15px; padding-top:18px;overflow:hidden;}
.pn .product .lb ul li{width:188px; height:240px; float:left; margin-right:46px; position:relative; z-index:1;overflow:hidden;}
.pn .product .lb ul li u{ position:absolute;left:0px; top:0px; z-index:2}
.pn .product .lb ul li i{ position:absolute;left:0px; top:0px; z-index:3}
.pn .product .lb ul li p{ position:absolute; top:195px; width:188px; text-align:center;}
.pn .product .lb ul li a{ color:#000000;}

.pn .shu{width:1px; height:298px; float:left; margin-left:27px; /*padding-top:5px;*/}

.pn .news{width:330px; height:298px; float:right; margin-right:6px;}
.pn .news .biaoti{width:330px; height:20px;}
.pn .news .biaoti .zhi{width:71px; height:20px; float:left; text-align:left; line-height:20px; font-size:19px; font-weight:bold;}
.pn .news .biaoti .xian{width:193px; height:20px; float:left; font-size:10px; line-height:20px;letter-spacing:2px; color:#9c9c9c;overflow:hidden;}
.pn .news .biaoti .more{width:48px; height:20px; float:right; background:url(../img/index/index_24.png); text-align:center; line-height:20px;}
.pn .news .biaoti .more a{ color:#FFF;}

.pn .news .lb{width:330px; height:248px; padding-top:30px;}
.pn .news .lb li{width:330px; height:70px; margin-bottom:40px;}
.pn .news .lb li .date{width:87px; height:70px; background:#e6e6e6; float:left;}
.pn .news .lb li .date .shang{width:87px; height:37px; text-align:center; font-size:24px; text-align:center; color:#a4a4a5; line-height:39px;}
.pn .news .lb li .date .xia{width:87px; height:23px; background:url(../img/index/index_33.png); font-size:13px; color:#FFF; text-align:center; line-height:26px;}
.pn .news .lb li .zhi{width:200px; height:70px; float:left; margin-left:22px; font-size:12px; color:#666666; line-height:21px;overflow:hidden;}
.pn .news .lb li .zhi p{ font-size:16px; color:#000000; line-height:23px; height:23px; overflow:hidden;}

#demo {overflow: hidden; width:1100px; height:174px;}
#indemo { float: left; /*width: 800%;*/ }
#demo1 { float: left; }
#demo2 { float: left; }

.indexpro li{ float:left; /*margin-left:-15px;*/ margin-left:-8px;  background:url(../img/index/index_22.png) no-repeat center; width:190px; height:160px; padding:7px 47px; position:relative; cursor:pointer;}
.indexpro li img{ width:190px; height:160px;}
/*.indexpro{ width:1614px;}*/
.indexpro li p{ position:absolute; left:14px; top:56px; font-size:20px; color:#FFFFFF; /*font-weight:bold;*/
    /*background:url(../img/probg.png);*/
    background-color: #004ea1; 
    width:256px; height:64px; text-align:center; line-height:64px; overflow:hidden; display:none;}
.indexpro li p a, .indexpro li p a:hover{color:#FFFFFF;}
.xian{background:url(../img/index/xian.jpg) repeat-x center;}