/* CSS Document */
@import url("base.css"); /* 基本样式 */
/*head*/
.head{width:950px; margin:0 auto; height:85px}
.head .logo{ width:auto; padding:7px 20px 0px 10px; float:left}
.head .s{width:165px; float:right; height:64px;}
.head .s li {width:auto; float:left; padding:20px 10px 0px 20px; color:#666 }
.head .s li a{ color:#333;text-decoration:none}
.head .s li a:hover{ color:#FF4400; text-decoration:none}
/*nav*/
.nav{ width:100%; height:65px; background:url(../images/nav_mid.jpg) repeat-x;}

/*New Nav Style*/
#nav_wrap { width:950px; margin:0 auto;}
#nav{  width:950px;height:40px;/* background:url(../images/navbg.gif) repeat-x;*/  position:relative;;float:left;}
#nav .l{ background:url(../images/nav_left.gif) no-repeat 0px 0px; height:40px; width:20px; float:left}
#nav .r{/* background: url(../images/nav_right.gif) no-repeat 0px 0px;*/ height:40px; width:20px; float:right}
#nav .bt_qnav { float:right; }	
#nav .bt_qnav a{ width:31px; height:40px; line-height:40px;display:block;padding:9px 2px 0 0;}
#nav .c{ float:left;margin:0;padding:0}

/*main_menu*/
#nav li { float:left; list-style:none; }
#nav li .v{ width:116px;height:40px; text-align:center; line-height:40px; float:left; background:url(../images/nav_line.jpg) no-repeat right;}
#nav li .v a{ width:116px;height:40px; text-align:center; line-height:40px; display:block; color:#FFF; /*background:url(images/menuline.gif) no-repeat 0 7px;*/ float:left; font-size:14px;  font-weight:bold;}
#nav li .v a:hover,#nav li .v .sele{background:url(../images/lihover.jpg) no-repeat center; color:#0074CE; line-height:40px; font-weight:bold; text-decoration:none;}
#nav li:last-child .v{ background:none;}

/*sub_menu*/
#nav .kind_menu{ height:24px;*height:24px; /*background:url(../images/submenu_bg.gif) repeat-x;*/ line-height:24px;vertical-align:middle; position:absolute; top:40px;*top:40px; left:15px; width:400px; text-align:left; display:none; color:#000; }
#nav .kind_menu span{ background:url(../images/submenu_li.gif) no-repeat;}
#nav .kind_menu a {color:#000; float:left; text-align:center; width:75px; font-family:Arial, Helvetica, sans-serif;background:url(images/menubg.gif) no-repeat;*background:url(images/menubg.gif) no-repeat 6px 2px;}
#nav .kind_menu a:hover { color:#ff4300; background:url(images/menubg.gif) no-repeat;*background:url(images/menubg.gif) no-repeat 6px 2px;}
#nav .kind_menu span { font-size:12px;  color:#cecece; line-height:30px; *line-height:26px; float:left }	
#tmenu{ height:28px;/* border-bottom:1px solid #e6e4e4; */ }

/*banner*/
.banner{width:950px; margin:0 auto; padding-top:8px;}
.banner .indBan{position:relative;overflow:hidden;height:100%; border:3px solid #666;}
.banner .indBan .swiper-slide{position:relative;height:300px;overflow:hidden;}
.banner .indBan .swiper-slide .ban_img{width:950px;height:300px; position:absolute; left:50%; top:0; margin-left:-475px; max-width:none;}
.banner .indBan .ban-pagination{bottom:0px;left:0;margin:0; padding:0;color: transparent;position: absolute;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:100; text-align:right;}
.banner .indBan .ban-pagination .swiper-pagination-bullet{position:relative;margin:0;display:inline-block;width:21px;height:15px;border:0;overflow:hidden;z-index:99;opacity:1; border-radius:0px; transition:all .5s ease;background:rgba(0,0,0,.5); cursor:pointer; border-left:1px solid #dadada; color:#fff; text-align:center; line-height:13px;}
.banner .indBan .ban-pagination .swiper-pagination-bullet::after{content:attr(data-num);position:absolute;left:0;top:0;display:block;width:100%;height:100%; color:#FFF; font-size:12px; font-family:"宋体";}
.banner .indBan .ban-pagination .swiper-pagination-bullet-active{ opacity:1; background:#cc0000; width:30px; height:18px; cursor:pointer; line-height:16px;}
.banner .indBan .swiper-notification{display:none;}
.banner .indBan .ban_prev,.banner .indBanner .ban_next{ display:none;}
/*mainbody*/
.mainbody{width:950px; margin:0 auto;}
/*left*/
.left{width:210px; float:left; }
/*cate*/
.cate{width:210px; height:auto;min-height:153px;float:left;_height:153px;}
.cate .cateList{position:relative;overflow:hidden;height:100%; border:1px solid #707070; margin-bottom:5px;}
.cate .cateList .swiper-slide{position:relative;height:197px;overflow:hidden;}
.cate .cateList .swiper-slide .ban_img{width:210px;height:197px; position:absolute; left:50%; top:0; margin-left:-105px; max-width:none;}
.cate .cateList .cate-pagination{bottom:0px;left:0;margin:0; padding:0;color: transparent;position: absolute;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:100; text-align:right;}
.cate .cateList .cate-pagination .swiper-pagination-bullet{position:relative;margin:0;display:inline-block;width:21px;height:13px;border:0;overflow:hidden;z-index:99;opacity:1; border-radius:0px; transition:all .5s ease;background:rgba(0,0,0,.5); cursor:pointer; border-left:1px solid #dadada; color:#fff; text-align:center; line-height:13px;}
.cate .cateList .cate-pagination .swiper-pagination-bullet::after{content:attr(data-num);position:absolute;left:0;top:0;display:block;width:100%;height:100%; color:#FFF; font-size:12px; font-family:"宋体";}
.cate .cateList .cate-pagination .swiper-pagination-bullet-active{ background:#cc0000; width:28px; height:16px; cursor:pointer; line-height:16px;}
.cate .cateList .swiper-notification{display:none;}

.cate .tit{width:210px; float:left; background:url(../images/left.jpg) no-repeat left; color:#fff;
font-size:14px; font-weight:bold; padding:10px 0px 0px 0px; height:51px; text-align:center}
.cate .mid{width:208px; height:80px; float:left; border:1px solid #cbeef8; border-bottom:none; border-top:none;}
.cate .mid ul{width:190px; padding:10px 5px 0px 10px; background:#fff; float:left}
.cate .mid li{width:190px;height:30px; line-height:30px; font-size:12px; font-weight:bold;background:url(../images/ab.jpg) repeat-x;float:left}
.cate .mid li a{width:173px; padding:0px 0px 5px 20px; float:left; color:#0074CE;}
.cate .mid li a:hover{width:173px; padding:0px 0px 5px 20px; float:left;}
.cate .bt{width:210px; height:12px; background:url(../images/left_bt.jpg) no-repeat; float:left; overflow:hidden}
/*event*/
.event{width:210px; float:left; }
.event .tit{width:210px; float:left; background:url(../images/left.jpg) no-repeat left; color:#fff;
font-size:14px; font-weight:bold; padding:10px 0px 0px 0px; height:51px; text-align:center}
.event .mid{width:208px; height:160px; float:left; border:1px solid #cbeef8; border-bottom:none; border-top:none;}
.event .mid ul{width:193px; padding:5px 5px 5px 10px; background:#fff; float:left}
.event .mid li{width:173px; background:url(../images/event.jpg) no-repeat 0px 3px;padding:5px 0px 5px 20px; float:left; border-bottom:1px dashed #ccc;}
.event .mid li a{width:173px; padding:5px 0px 5px 20px; float:left;}
.event .mid li a:hover{width:173px; padding:5px 0px 5px 20px; float:left}
.event .bt{width:210px; height:12px; background:url(../images/left_bt.jpg) no-repeat; float:left; overflow:hidden}
/*tel*/
.tel{width:210px; float:left;}
.tel .tit{width:210px; float:left; background:url(../images/left.jpg) no-repeat left; color:#fff;
font-size:14px; font-weight:bold; padding:10px 0px 0px 0px; height:51px; text-align:center}
.tel .mid{width:208px; height:auto; min-height:125px; float:left; border:1px solid #cbeef8; border-bottom:none; border-top:none;_height:125px;}
.tel .mid ul{width:193px; padding:5px 4px 0px 8px; background:#fff; float:left;}
.tel .mid li{width:193px;padding:5px 0px 5px 0px; float:left}
.tel .bt{width:210px; height:12px; background:url(../images/left_bt.jpg) no-repeat; float:left; overflow:hidden}

/*right*/
.right{width:730px; float:right;}
.about{width:728px; height:214px; float:left; border:1px solid #cbeef8; overflow:hidden;}
.about .tit{width:728px; height:30px; float:left; }
.about .tit .a{width:165px; height:30px; line-height:30px; padding-left:25px;background:url(../images/about_tit.jpg) no-repeat bottom;
 float:left; font-size:16px; font-weight:bold; color:#04AADA;}
.about .tit .b{ width:538px;height:30px; background:url(../images/about_m.jpg) repeat-x bottom; float:left}
.about .tit .b a{padding:8px 10px 0px 0px; float:right}
.about .mid{width:708px; padding:10px 10px 10px 10px; float:left}
.about .mid1{width:708px; padding:10px 10px 9px 10px; float:left;}
.about .mid .img{width:auto; padding-right:10px; float:left} 
.about .mid img{width:190px; padding:1px 1px 1px 1px ;float:left} 
.about .mid .p{line-height:150%;}
/*new*/
.new{width:358px; height:230px; float:left; border:1px solid #cbeef8}
.new .tit{width:358px; height:30px; float:left; }
.new .tit .a{width:165px; height:30px; line-height:30px; padding-left:25px;background:url(../images/about_tit.jpg) no-repeat bottom;
 float:left; font-size:16px; font-weight:bold; color:#04AADA;}
.new .tit .b{ width:168px;height:30px; background:url(../images/about_m.jpg) repeat-x bottom; float:left}
.new .tit .b a{padding:8px 10px 0px 0px; float:right;height:22px;}
.new .mid{width:338px; padding:10px 10px 9px 10px; float:left;}
.new .mid li{ width:338px; height:26px; vertical-align:bottom;  float:left; background:url(../images/new_line.gif) repeat-x 5px 18px; float:left}
.new .mid li a{float:left; display:block; padding-left:15px; background:url(../images/news_ico.jpg) no-repeat 0px 1px;}
.new .mid li span{ float:right; display:block; padding-right:5px; color:#999;}


/*link*/
.link{width:950px; margin:0 auto; padding-top:10px;border-top:2px solid #cbeef8; }
.link ul{width:950px; float:left;}
.link ul li{ width:auto; float:left; padding:5px 5px 0px 0px; white-space:nowrap; overflow:hidden}
.link ul li a:hover{text-decoration:underline}
/*bottom*/
.bottom{width:950px; margin:0 auto; }
.bottom ul{width:950px; float:left; border-top:1px solid #27BFE8}
.bottom ul li{width:950px; text-align:center; padding-top:10px;}
.bottom ul li a{text-decoration:underline; color:#666 }
.bottom ul li a:hover{ text-decoration:underline; }

/*page*/
.page{width:728px; float:right;border:1px solid #cbeef8;}
.page .tit{width:708px; height:30px; margin:0 auto; background:url(../images/about_m.jpg) repeat-x 0px -10px;}
.page .tit .a{width:20px; height:30px; line-height:30px; padding-left:10px;background:url(../images/about_lf.jpg) no-repeat 0px -10px;
 float:left;}
.page .tit .b{ width:auto; float:left;height:30px; line-height:30px; padding:0px 8px 0px 8px; background:#fff; font-size:16px; font-weight:bold; color:#04AADA;}
.page .tit .b a{color:#04AADA;}
.page .mid{width:708px; padding:0px 10px 10px 10px; float:left; height:auto; min-height:592px; _height:592px;}
.page .mid .m{width:708px; text-align:center;  float:left; padding:5px 0px 5px 0px; border-bottom:1px solid #ccc; font-weight:bold; font-size:14px;}
.page .mid .n{width:708px; text-align:center; float:left; padding:5px 0px 5px 0px; color:#999;}
.page .mid .n img{padding:1px 1px 1px 1px; border:1px solid #ccc}
.page .mid .p{width:708x; line-height:200%}
.list{ width:708px; float:left; }
.page .mid td{padding-top:5px}
.list ul{padding:5px 0px 0px 0px; float:left}
.list ul li{ width:708px; height:26px; vertical-align:bottom;  float:left; background:url(../images/new_line.gif) repeat-x 5px 18px; float:left}
.list ul li a{float:left; display:block; padding-left:15px; background:url(../images/left_ico.gif) no-repeat 2px 0px;}
.list ul li span{ float:right; display:block; padding-right:5px; color:#999;}
.list ul li p{ float:right;  padding-right:5px; color:#999;}
/*项目*/
.lay{width:708px; padding:0px; float:left}
.lay li{float:left;width:154px;padding:12px 5px 5px 10px;text-align:center;overflow:hidden;height:140px;}
.lay li span{width:150px; float:left;}
.lay li .font{width:150px; padding-top:5px; float:left}
.lay li img{width:145px; height:120px;padding:1px 1px 1px 1px; float:left; border:1px solid #999; 
}
.red{color:#ff0000}


/* page */
#pages {width:100%; padding:5px 0px; text-align:center;}
#pages a{float:left;padding:0px 3px 0 3px;margin:0 2px 0 2px;color:#0074CE; border: solid 1px #ccc}
#pages a:hover{float:left; background:#72B0FB;padding:0px 3px 0 3px; margin:0 2px 0 2px;color:#fff; text-decoration:none;}
#pages span{ float:left; padding:0 3px 0 3px;color:#72B0FB;}
#pages font{ font-weight:bold; float:left; padding:0 3px 0 3px; color:#0e71c4;font-size:12px;border: solid 1px #ccc; background:#3DC8EF; color:#FFFFFF;}