﻿*{margin:0px; padding:0px;}
li{ list-style-type:none; }
a { text-decoration:none; }
img{border:0px; z-index:-1; }
.clear{ clear:both; }
body{background-color:#f8f8f8;}

.top{background:url(../image/top_back.jpg) 2px;height:172px; width:100%; }
.top .topcenter{width:980px;margin:0 auto;  background:url(../image/topimg.jpg); }
.top .topcenter .shoudiv{ width:100%; height:23px;}
.top .shoudiv .shou {width:226px;float:right; height:23px; _height:23px; background:url(../image/shou.jpg); overflow:hidden; margin-right:10px;padding-left:30px; border:0; }
.top .shoudiv .shou a{width:52px;height:20px; margin-left:34px; font-size:12px; color:#14376d; line-height:24px;}
.top .shoudiv .shou a:hover{ color: #a30b0a; }
.top .logo{ width:402px;height:79px; margin-top:10px;  clear:both;  margin-left:20px;}

.nav {background:url(../image/nav_back.jpg);width:980px; height:45px;margin-top:15px;}
.nav .navleft{background:url(../image/nav_left.jpg); width:4px;  height:45px;float:left;}
.nav .navright{background:url(../image/nav_left.jpg) -4px 0 ; width:4px;  height:45px; float:right;}
.nav ul{height:45px; float:left; color:#FFF; font-family: é»‘ä½“, Arial, Helvetica, sans-serif; font-size:14px; line-height:40px; text-align:center; }
.nav ul li{height:45px; float:left; width:137px; position:relative;height:45px;}
.nav ul li:hover ,.nav ul li.index:hover,.nav ul li a.li:hover { background: url(../image/nav_back1.jpg);}
.nav ul li.line{background: url(../image/nav_line.jpg) no-repeat left; width:2px;}
.nav ul li a.li{height:45px;width:136px;display:block;  color:#fff;}

.nav ul li.index{background:none;}

.navmenu{z-index:1000; position:absolute;left:0px;  border:1px #9f9f9f solid; background-color:#FFF ; display:none;}
.navmenu a{width:136px; height:32px;background:url(../image/child_back2.jpg) -136px 0px; display:block; margin: 0 0 1px 0;color:#FFF;line-height:32px;  }
/*.navmenu a:hover{ background:url(../images/child_back.jpg); margin: 0 0 1px 0; }*/


.banner{width:980px; height:288px; margin:0px auto;overflow:hidden; position:relative; }
.banner .d1{
    width:100%;  height:570px;display:block; position:absolute; left:0;top:0;
    /*background-size: 100% !important;*/
}
.banner .d2{
    width:100%; height:30px;  clear:both;position:absolute; z-index:100;  left:0; bottom:10px;
}
.banner .d2 ul{
    float:left;position:absolute; left:55%; top:0; margin:0 0 0 -96px; display:inline;
}
.banner .d2 li{
    width:17px;  height:15px; overflow:hidden; cursor:pointer;background:url(../image/img1.png) no-repeat center; float:left;margin:0 3px;display:inline;
}
.banner .d2 li.nuw{
    background:url(../image/img1_1.png) no-repeat center;
}
/*banner*/



.work{ border:1px #e5e5e5 solid; width:980px; margin:auto; margin-top:20px;background-color: #f6f6f6;}
.work .about{  float:left; background: url(../image/about.jpg) no-repeat center right; font-size:12px; width:346px; padding: 15px 10px 20px 15px; line-height:20px; height:310px;}
	.work .about .mtitle {background:url(../image/about_title.jpg) no-repeat;height:30px; width:336px; } 
	.work .about p { text-indent: 2em; color:#575757;  } 
	.work .about a {color:#a30b0a; }
	.work .about .map {margin:10px 0 0 5px; }
	.work .more {float:right;}
 .work .news{ float:left;  width:557px; padding: 15px 0 0 20px; }
	.work .news .mtitle {background:url(../image/news_title.jpg) no-repeat;height:30px; width:557px; } 
	.work .imgnews {  float:left;} 
	.work .atrile { float:left; font-size:12px; margin-left:15px; height:155px; } 
	.work .atrile a, .work{ color:#575757;}  
	.work .atrile ul li a:hover{ color:#a30b0a; }
	.work .atrile ul li{width:315px; border-bottom:1px #CCC dashed; height:30px; line-height:30px; }
	.work .atrile ul li span{float:right; }
	.work .icon {margin-top:25px; }
	.work .icon a{margin:0 0 0 13px; }
	
#tabs ul li{float:left; border:1px #e6e6e6 solid; margin:10px 0px 0 0px; padding:3px; }
#tabs ul li a{ width:80px; display:block;padding-left:30px; }
#tabs ul li.ui-state-active a{background:url(../image/titlename.jpg) no-repeat; }
#tabs .tabsdiv{border:1px #e6e6e6 solid; width:330px; height:125px;padding-left:5px; }
#tabs .text {height:22px; width:150px;margin-top:22px;}
#tabs select { height: 22px; margin: 0 2px; width: 110px; }
#tabs .submit{background:url(../image/tabbut.jpg) no-repeat ; width:80px; height:26px;  border:0; margin-left:15px;}


/**é¡µè„š**/	
.foot{background-color:#3c679c;padding:10px 0 10px 0 ; font-size:12px; color:#aeaeae; line-height:26px;margin-top:20px;background:#3c679c url(../image/foot_line.jpg) no-repeat center top;}
	.foot .footer{margin:0px auto; width: 960px; padding:5px; }
	.foot a{color:#aeaeae;}
	.foot .link {float:right;}
	

.main{width:980px; margin:auto;  margin-top:20px;  }
.main .left { width:199px; float:left;}
	.menuleft{ width:199px; background-color:#eeeeee; }
	.menuleft li a{color:#1c4e8d; background:url(../image/left_line.jpg) no-repeat center bottom; height:40p; line-height:40px; color:#1a4e8a; font-size:12px;text-align:center; width:199px; display:block; }
	.menuleft li a:hover{ color: #FFF;background:url(../image/menuleft.jpg) no-repeat; }
	.left .la{margin-top:8px;text-align:center; display:block; }
	.menuleft .child{height:40p; line-height:40px; color:#1a4e8a; font-size:12px; text-align:center; width:169px; display:block; background:url(../image/left_line2.jpg) no-repeat;padding-left:30px; }
	.menuleft .child:hover{color:#a30b0a; background:url(../image/left_line3.jpg) no-repeat; }
	
	
.main .right{width:760px; margin-left:20px; float:left; padding:1px 0 ;}
	.right .title{background:url(../image/right_line.jpg) repeat-x bottom; padding-top:30px; height:20px; font-size:12px; color:#1b4d8c; } 
	.right .title span{float:right; color:3d3d3d; margin-right:20px; } 
	.right .title span a{color: #3d3d3d;}
	.right .title span a:hover{color: #a30b0a;}
	.right .title span a.home{padding-left:18px; background:url(../image/home_ico.jpg) no-repeat;}
	.right .name{background:url(../image/titlename.jpg) no-repeat; padding-left:30px; font-weight:bold; height:16px; }
	
.content{line-height:24px; font-size:12px; color: #3d3d3d; padding:20px;}
.content .zhang{text-align:center; font-size:14px; font-weight:bold; line-height:40px; height:40px; }
.content .desc{text-align:center; font-size:12px; color: #999;height:30px; }
.content li{list-style-type:square;}
.pre{margin-top:15px;}
.pre a{color:#0066cc; }
	
	
/***æ–°é—»åˆ—è¡¨***/
.newslist{ padding:20px; }
	.newslist .news li{ hieght:34px; line-height:34px; font-size:12px; border-bottom: 1px #999 dashed;color: #3d3d3d; background:url(../image/news_line.jpg) no-repeat; padding-left:16px; }
	.newslist .news li a { color: #3d3d3d; }
	.newslist .news li a:hover { color: #a30b0a; }		
	.newslist .news li span{ float:right; }
	
	
.product li{ width: 147px; height:141px; background:url(../image/product.jpg); overflow:hidden; float:left; margin-left:16px;_margin-left:8px; margin-top:10px; margin-right:16px; _margin-right:16px;  }
.product li img { width:135px; height:100px; overflow:hidden;margin:4px 0 0 3px;border:0; }
.product li a.titlename{ width: 135px; overflow:hidden; color:#3d3d3d; font-size:12px;line-height:14px; height: 14px; display:block; margin-left:5px;margin-top:5px\9; }


.partner li{ width: 230px; height:100px; background:url(../image/partner.jpg); overflow:hidden; float:left; margin-left:10px;_margin-left:5px; margin-top:10px;}
.partner li img { width:216px; height:70px; overflow:hidden;margin:4px 0 0 4px;border:1px #f2f2f2 solid; }
.partner li a.titlename{ text-align:center; width: 220px; overflow:hidden; color:#3d3d3d; font-size:12px;line-height:14px; height: 14px; display:block; margin-left:5px;margin-top:5px\9; }

.guestbook{ font-size:12px;  background-color:#fbfbfb; margin-top:20px; border:1px #efefef solid; border-top:0;  }
.guestbook li.username{ font-size:12px; height:32px; line-height:32px; background:url(../image/guest_back.jpg) repeat-x;padding-left:15px;  }
.guestbook li.question{  line-height:32px; border-bottom:1px #f5f5f5 solid; padding: 0 15px 0 15px; }
.guestbook li.reply{ line-height:32px; border-bottom:1px #f5f5f5 solid; padding: 0 15px 0 15px;   }
.guestbook b{ color:#446892;}
.guestbook .rightspan{ float:right; margin-right:25px; }

.guest {width:600px; margin:0 auto; margin-top:20px;  background-color:#fbfbfb;  font-size:12px; padding:20px 0 20px 70px; }
.guest label {display:block; height:24px; line-height:24px; }
.guest span { float:left; width:202px;  margin-right:70px;  _margin-right:75px;}
.guest .input {width:200px;  height:24px; line-height:24px; }
.guest textarea {width:480px;  height:120px; line-height:24px; }
.guest .sub{background:url(../image/sub.jpg) no-repeat; width:95px; height:30px; border:0; margin-top:10px; cursor:hand;  }
.guest .reset{background:url(../image/reset.jpg) no-repeat; width:95px; height:30px; border:0; margin-top:10px;  cursor:hand; }


.contr {width:600px; margin:0 auto; margin-top:20px;  background-color:#fbfbfb;  font-size:12px; }
.contr td {height:35px;}
.contr .BigInput {height:24px; line-height:24px; }
.contr .SmallSelect{height:24px; }
.contr textarea {width:480px;  height:120px; line-height:24px; }
.contr .sub{background:url(../image/sub.jpg) no-repeat; width:95px; height:30px; border:0; margin-top:10px; cursor:hand;  }
.contr .reset{background:url(../image/reset.jpg) no-repeat; width:95px; height:30px; border:0; margin-top:10px;  cursor:hand; }


.pageList {margin-top:25px; font-size:12px;text-align: center;}
.pageList .l{display:none;}
.pageList .r {float:center;display: inline-block;}
.pageList .r li, .pageList .r li a{float:left;margin-left:4px;}
.pageList .r .active{background-color: #446892 !important;}
.pageList .r li a{border:1px #587ba3 solid;padding:5px 8px 5px 8px ;display:block;width:auto; color:#194b8a; }
.pageList .r li a:hover{background-color:#446892;color:#fff;}
.pageList .r li a.selected{background-color:#446892; } 
.page-link{
	border: 1px #587ba3 solid;
    padding: 5px 8px 5px 8px;
    display: block;
    width: auto;
    color: #194b8a;
}
.msg_cap_cont{
    margin-top: 15px;
}
.msg_cap_cont input{
    display: inline-block;
	float: left;
}
.msg_cap_cont img{
    display: inline-block;
	float: left;
}

#banner-swiper{
	position: relative;
}
#banner-swiper .swiper-pagination{
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 999
}
.mySwiper{
	width: 100%;
	height: 100%;
}
.swiper-pagination-bullet-active{
	background: #1a4e8a !important;
}