@charset "utf-8";
/*
*	****************************************
*	*           Public style               
*	****************************************
*/
body{
	font:14px/28px "微软雅黑";
	bakcground:#fff;
  overflow-x: hidden;
  width: 100%;
}

/*clearifx*/
.clearfix:after{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	content:''; 
}
.clearfix{
	zoom:1;
}

/*use frequently*/
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.tl{
	text-align:left;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.textEllipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.marr0{
	margin-right:0 !important;
}

/*pagelist*/

.cc_botton {
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

#pagination{
    overflow: hidden;
    display: inline-block;
}
#pagination>div{
    float: left;
    
}
#page_left_botton a,
#page_left_botton span{
    display: inline-block;
    padding:0 10px;
    line-height: 30px;
    border: 1px solid #ccc;
    margin:0 5px;
    cursor: pointer;
    
}
#page_left_botton a:hover,
#page_left_botton a{
    background-color: #4075cc;
    color: #fff;
}

#page_center_botton{
    display: none;
}


/*pageSwitch*/
#pageSwitch{
	margin-top:30px;
}
#pageSwitch a{
	width: 45%
	color:#888;
	display:block;
}
#pageSwitch a:hover{
	text-decoration:underline;
}
#pageSwitch .pre,#pageSwitch .next{
	color:#888;
	font-size:14px;
	line-height:22px;
}
#pageSwitch .pre{
	margin-bottom:5px;
}

/*public layout*/
.mainWidth{
	width:1130px;
	margin:0 auto;
}
.makeCenter{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}

/*public head*/
#header{
	height:100px;
}
#header .logo{
	float:left;
	width:230px;
	height:30px;
	padding-top:70px;
	background:url('../images/logo.png') left 10px no-repeat;
}
#header .logo h1{
	    font-size: 12px;
    line-height: 30px;
    color: #888;
    text-indent: 94px;

}
.mainNav{
	float:left;
	margin-left:20px;
}
.mainNav>li{
	position:relative;
	height:100px;
	float:left;
}
.mainNav>li>a{
	display: block;
	padding:0 18px;
	height:100px;
	font-size:14px;
	line-height:100px;
	color:#444444;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.mainNav>li>a:hover, .mainNav>li>a.hover,.mainNav>li>a.extra{
  	background:#063b83;
	color:#fff;
}
.dropNav{
	z-index:999; 
	width:100%;
	background:url(../images/navBg.png) left top repeat;
	position:absolute;
	left:0;
	top:100px;
	display:none;
}
.dropNav>li>a{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#fff;
}
.dropNav>li>a:hover{
	background:#063b83;
}
#header .lng{
	height:100px;
	float:right;
	font-size:14px;
	line-height:100px;
	color:#444;
}
#header .lng a{
	color:#444;
}
#header .lng a:hover{
	color:#063b83;
	text-decoration:underline;
}

/*public footer*/
#footerTop{
	margin-top: 50px;
	padding-top:40px;
	background: #34383d;
}
#footerTop .mainWidth{
	height: 210px;
}
#footerTop dl{
	width: 158px;
	float: left;
}
#footerTop dt{
	margin-bottom: 18px;
	line-height: 16px;
}
#footerTop dt a{
	font-size: 16px;
	color: #cecece;	
}
#footerTop dd{
	line-height: 24px;
}
#footerTop dd a{
	font-size: 14px;
	color: #999a9c;
}
#footerTop dl a:hover{
	text-decoration: underline;
}
#footerTop img{
	display: block;
	width: 178px;
	height: 178px;
	float: right;
}

#footerBottom{
	padding: 20px 0;
	background: #1c1e21;
}
#footerBottom h1{
	font-size: 14px;
	color:#777;
	line-height: 28px;
	text-align: center;
	white-space: pre;
}
#footerBottom span{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#footerBottom h1 a{
	color: #777;
	text-decoration: underline;
}
#footerBottom h1 a:hover{
	color: #666;
}
#footerBottom .wj{
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-top: 5px;
}
#footerBottom .wj a,
#footerBottom .wj img{
	display: inline-block;
	height: 30px;
	overflow: hidden;
}
#footerBottom .wj img{
	height:30px;
}
/*
*	****************************************
*	*            home page             
*	****************************************
*/

/*banner*/
#banner {
    background: #f3f3f3;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
#banner img{
	display: block;
	width: 100%;
}
#banner ul {
	position: relative;
}
.slideItem {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    height: 378px;
}

.slideItem img,
.slideItem a {
    display: block;
}

.thumbs {
    position: absolute;
    bottom: 5%;
    height: 10px;
    text-align: center;
    width: 100%;
}

.thumbs li {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #e1dfdf;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer;
}

.thumbs li.curr {
    background: #063b83;
}


/*main public*/
.titleIndex{
	margin-bottom:25px;
}
.titleIndex h1, 
.titleIndex a{
	width:50%;
	height:18px;
	float:left;
	line-height: 18px;
}
.titleIndex h1{
	font-size:18px;
	color:#444;
	text-indent:15px;
	background:url(../images/titleIndexArrow.png) 1px center no-repeat;
}
.titleIndex a{
	font-size:14px;
	color:#999999;
	text-align: right;
}
.productsIndex,
.newsIndex,
.stock{
	width:360px;
	float:left;
	margin-right:25px;
}

/*products index*/
.productsIndex li{
	width:110px;
	float:left;
	margin-right:15px;
}
.productsIndex li a{
	display: block;
}
.productsIndex li img{
	display: block;
	width: 110px;
	height: 110px;
}
.productsIndex li h1{
	font-size: 14px;
	color: #444;
	text-align: center;
	line-height: 44px;
}
.productsIndex li:hover h1{
	color:#063b83;
}

/*news index*/
.newsIndex ul{
	width:358px;
	height:146px;
	padding-top: 6px;
	border:#d9d9d9 1px solid;
}
.newsIndex li a{
	display: block;
	height: 28px;
	line-height: 28px;
}
.newsIndex h3{
	width:270px;
	float:left;
	font-size:14px;
	color:#222222;
	text-indent:22px;
	background: url(../images/newsIndexArrow.png) 9px center no-repeat;
}
.newsIndex h4{
	width: 88px;
	float: right;
	font-size: 14px;
	color: #999;
}
.newsIndex li a:hover{
	background: #cedef4;
}
.newsIndex li a:hover h3{
	color:#063b83;
}

/*stock index*/
.stock p{
	padding-top: 5px;
	font-size: 14px;
	line-height: 28px;
	color: #333;
	text-indent:2em;
}
.stock span{
	color: #d82924;
	font-weight: bold;
}

/*
*	****************************************
*	*            Innnerpage              
*	****************************************
*/

.titleInside{
	display: inline-block;
	line-height:30px;
	height:30px;
	font-size:14px;
	color:#fff;
	margin-bottom:15px;
	padding: 0 15px;
	text-align: center;
	background: #4075cc;
}
/*bannerIn*/
#bannerIn{
	padding-bottom: 30px;
	height: 290px;
	overflow: hidden;
	position: relative;
}
#bannerIn img{
	display: block;
	width: 1920px;
	height: 290px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

/*siderbar*/
#siderbar{
	position: relative;
	top:-137px;
	width: 236px;
	float: left;
}
#siderbar .title{
	padding-top: 90px;
	height:83px;
	background:url(../images/titleInnerpageSidebar.png) left top no-repeat;
	border-bottom:1px solid #fff;
}
#siderbar .title p{
	font: 14px/14px Arial;
	color: #90b2df;
	text-indent:45px;
}
#siderbar .title h1{
	font-size: 24px;
	line-height: 44px;
	text-indent:35px;
	color: #fff;
}
#siderbar .menu>li{
	background: #e8e8e8;
	border-bottom: 1px solid #fff;
}
#siderbar .menu>li>a{
	display: block;
	height: 42px;
	font-size: 14px;
	color:#666;
	line-height: 42px;
	text-indent: 65px;
	background: url(../images/navArrowOff.png) 43px center no-repeat;
}
#siderbar .menu>li:hover,
#siderbar .menu>li.hover{
	background: #4075cc;
}
#siderbar .menu>li:hover>a,
#siderbar .menu>li.hover>a{
	color: #fff;
	background: url(../images/navArrowOn.png) 43px center no-repeat;
}
#siderbar .subNav>li{
	background: #e8e8e8;
	border-bottom: 1px solid #fff;
}
#siderbar .subNav>li>a{
	display: block;
	height: 42px;
	font-size: 12px;
	color:#666;
	line-height: 42px;
	text-indent: 85px;
}
#siderbar .subNav li:hover,
#siderbar .subNav li.hover{
	background: #4075cc;
}
#siderbar .subNav li:hover a,
#siderbar .subNav li.hover a{
	color: #fff;
}
#siderbar .bottom{
	display: block;
	height: 472px;
	padding-top: 30px;
	background: url('../images/sidebarBottom.jpg') center center no-repeat;
}
#siderbar .bottom a{
	margin-bottom: 15px;
	display: block;
	height: 50px;
	background-image: url('../images/icon.png');
	background-repeat: no-repeat;
	text-indent: 90px;
	font-weight: bold;
	color: #686868;
	font-size: 15px;
	line-height: 30px;

}
#siderbar .bottom a:hover{
	color: #333;
}
#siderbar .bottom a.a1{
	background-position: 43px top;
}
#siderbar .bottom a.a2{
	background-position: 43px -50px;
}
#siderbar .bottom a.a3{
	background-position: 43px -100px;
}

/*thumbs*/
#thumbs{
	margin-bottom: 30px;
	height:35px;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
	text-indent: 30px;
	background: url(../images/home.png) 5px center no-repeat;
	border-bottom: #d8d8d8 1px solid;
}
#thumbs a{
	font-size:14px;
	color: #666666;
}
#thumbs a:hover{
	color: #4075cc;
	text-decoration: underline;
}


/*innerpage main*/
#main{
	width: 855px;
	float: right;
}
#main p{
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
	line-height: 28px;
}

/*about*/
#about img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

/*biaozhun*/
#biaozhun table{
	font-size:12px;
	line-height:24px;
	text-align: center;
	background: #fff;
	width: 100%;
}
#biaozhun td{
	padding:2px;
}
#biaozhun td a{
	color: #333;
	text-decoration: underline;
}
#biaozhun tr:nth-child(2n){
	background-color:#f5f5f5;
}
#biaozhun tr:nth-child(2n+1){
	background-color:#dce6f1;
	color:#333;
}
#biaozhun p.ps{
	font-size: 12px;
	color: #666;
	line-height: 12px;
	margin-top: 15px;
	margin-bottom: 30px;
}
/*products*/
#products h1{
	height: 40px;
	font-size: 18px;
	color: #1870e7;
	line-height: 40px;
	border-bottom: #b4b4b4 1px solid;
	margin-bottom: 20px;
}
#products dl{
	padding-bottom: 25px;
}
#products dt{
	width: 215px;
	height: 140px;
	float: left;
}
#products dd{
	width: 615px;
	height: 140px;
	float: right;
	overflow: hidden;
}
#products dl a{
	display: block;
}
#products dt img{
	display: block;
	width: 215px;
	height: 140px;
}
#products dd p{
	font-size: 12px;
	color: #333;
	line-height: 20px;
	margin-bottom: 6px;
}
#products dd p.colorBlue{
	color: #1870e7;
}
#products ul li{
	height: 28px;
	font-size: 12px;
	line-height: 28px;
}
#products ul li a{
	display: block;
	width: 505px;
	color: #222;
	float: left;
}
#products ul li a:hover{
	color: #1870e7;
}
#products ul li em{
	display: block;
	width: 110px;
	color: #9e9e9e;
	font-style: normal;
	float: right;
	text-align: right;
}

#productsList li{
	float:left;
	width: 200px;
	margin-right: 18px;
}
#productsList li a{
	display: block;
}
#productsList li img{
	padding: 4px;
	border:1px solid #e6e7e7;
	display: block;
	width: 190px;
	height: 150px;
}
#productsList li h1{
	font-size: 14px;
	text-align: center;
	color:#333;
	line-height: 30px;
	margin-bottom: 5px;
}
#productsList li:hover img{
	border-color:#ff6600;
}
#productsList li:hover h1{
	color:#0066cc;
}

#productsDetail .summary{
	width:550px;
	float:right;
	position:relative;
}
#productsDetail .summary h1{
	font-size:24px;
	line-height:24px;
	padding-bottom:20px;
	color:#ed0100;
	border-bottom:#ed0100 2px solid;
	width:35px;
	margin-bottom:12px;
	overflow:visible;
	white-space:nowrap;
}
#productsDetail .summary h2{
	font-size:14px;
	color:#333;
	line-height:32px;
}
#productsDetail .summary p{
	margin-top:10px;
	font-size:14px;
	color:#333;
	line-height:25px;
}
#productsDetail .summary p span{
	font-weight:bold;
	color:#ed0100;
}
#productsDetail .tag{
	font-size:0;
	line-height: 0;
	border-bottom:#ff900d 2px solid;
	margin:30px 0 20px 0;
}
#productsDetail .tag h1{
	display:inline-block;
	width:140px;
	height:32px;
	text-align:center;
	line-height:32px;
	color:#666;
	font-size:14px;
	background:#fee3c4;
	cursor:pointer;
}
#productsDetail .tag h1.hover{
	background:#ff8a00;
	color:#fff;
}
#productsDetail .detail p{
	font-size:14px;
	color:#858585;
	line-height:26px;
	margin-bottom:10px;
}
#productsDetail .detail img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
#productsDetail .detail table{
	font-size:12px;
	line-height:24px;
	text-align: center;
	border-color:#fff;
}
#productsDetail .detail td{
	padding:2px;
}
#productsDetail .detail tr:nth-child(2n){
	background-color:#f5f5f5;
}
#productsDetail .detail tr:nth-child(2n+1){
	background-color:#dce6f1;
	color:#333;
}
/*news list*/
#newsList li{
	padding-bottom:25px;
	height:66px;
}
#newsList li .time{
	width:66px;
	float:left;
	font-family:Arial !important;
}
#newsList li .time h1{
	height:45px;
	background:#4075cc;
	text-align:center;
	line-height:45px;
	font-size:24px;
	color:#fff;
}
#newsList li .time h2{
	height:20px;
	background:#5b98e6;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff;
	margin-top:1px;
}
#newsList li .time h3{
	display:none;
}
#newsList li .text{
	width:770px;
	float:right;
}
#newsList li .text a{
	display:block;
	font-size:14px;
	color:#666;
	line-height:26px;
	width:90%;
}
#newsList li .text a:hover{
	color:#4075cc;
}
#newsList li .text h1{
	margin-top:3px;
	font-size:12px;
	color:#999;
	line-height:20px;
}


/*news list2*/
#newsList2{
	width: 90%;
}
#newsList2 ul li{
	height: 30px;
	font-size: 12px;
	line-height: 28px;
}
#newsList2 ul li a{
	display: block;
	width: 640px;
	color: #222;
	float: left;
}
#newsList2 ul li a:hover{
	color: #1870e7;
}
#newsList2 ul li em{
	display: block;
	width: 110px;
	color: #9e9e9e;
	font-style: normal;
	float: right;
	text-align: right;
}


/*news list2*/
#newsList2{
	width: 90%;
}
#newsList2 ul li{
	height: 30px;
	font-size: 12px;
	line-height: 28px;
}
#newsList2 ul li a{
	display: block;
	width: 640px;
	color: #222;
	float: left;
}
#newsList2 ul li a:hover{
	color: #1870e7;
}
#newsList2 ul li em{
	display: block;
	width: 110px;
	color: #9e9e9e;
	font-style: normal;
	float: right;
	text-align: right;
}
/*news detail*/
#newsDetail{
	padding-top:32px;
}
#newsDetail h1{
	font-size:18px;
	color:#333333;
	line-height:24px;
	text-align:center;
}
#newsDetail h2{
	font-size:12px;
	color:#333333;
	line-height:30px;
	text-align:center;
	padding-bottom:14px;
	border-bottom:#999999 1px dotted;
	margin-bottom:24px;
}
#newsDetail img{
	display:block;
	margin:0 auto;
	max-width:100%;
}

/*investor*/
#investor a{
	display: block;
	margin-right:32px;
	width: 355px;
	height: 435px;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}
#investor a.item1{
	background-image: url(../images/touzizhe1.jpg);
}
#investor a.item2{
	background-image: url(../images/touzizhe2.jpg);
}
#investor a.item3{
	background-image: url(../images/touzizhe3.jpg);
}

/*images*/
#image li{
	float:left;
	width: 200px;
	margin-right: 18px;
	margin-bottom: 18px;
}
#image li a{
	display: block;
	text-align: center;
	line-height:28px;
}
#image li img{
	padding: 4px;
	border:1px solid #e6e7e7;
	display: block;
	width: 190px;
	height: 150px;
}
#image li h1{
	font-size: 14px;
	text-align: center;
	color:#333;
	line-height: 30px;
	margin-bottom: 5px;
}
#image li:hover img{
	border-color:#ff6600;
}
#image li:hover p{
	color:#ff6600;
}
#image li:hover h1{
	color:#0066cc;
}

/*map*/
#map{
	width:855px !important;
	height:450px;
	border:#ccc solid 1px;
	font-size:12px
}


/*pic scroll*/
.picWrap{
	width: 100%;
	height: 160px;
	overflow: hidden;
	margin-bottom: 16px;
}
.picWrap ul{
	height: 160px;
	float: left;
}
.picWrap li{
	float:left;
	width: 190px;
	margin-right: 18px;
}
.picWrap li img{
	padding: 4px;
	border:1px solid #e6e7e7;
	display: block;
	width: 180px;
	height: 150px;
}
.picWrap li:hover img{
	border-color:#ff6600;
}
.sb{
	height: 160px;
	width: 100000px;
}


#tzz table{
	font-size:16px;
	line-height:40px;
	text-align: center;
	background: #fff;
}
#tzz td{
	padding:2px 20px;
}
#tzz td a{
	color: #333;
	text-decoration: underline;
}
#tzz tr:nth-child(2n){
	background-color:#f5f5f5;
}
#tzz tr:nth-child(2n+1){
	background-color:#dce6f1;
	color:#333;
}


/*news list2*/
#newsList3{
	width: 90%;
}
#newsList3 ul li{
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	border-bottom: 1px dotted #ccc;
	background: url('../images/ss.png') left center no-repeat;
}
#newsList3 ul li a{
	display: block;
	width: 800px;
	color: #222;
	text-indent: 20px;
}
#newsList3 ul li a:hover{
	color: #1870e7;
}
#newsList3 ul li em{
	display: block;
	width: 110px;
	color: #9e9e9e;
	font-style: normal;
	float: right;
	text-align: right;
}

#history .top{
	height: 128px;
	background: url('../images/l1.jpg') 100px top no-repeat;
}
#history .bottom{
	height: 88px;
	background: url('../images/icon1.png') 61px top no-repeat;
}
#history ul{
	background: url('../images/l2.png') 100px top repeat-y;
}
#history ul li{
	padding-bottom: 15px;
	overflow: hidden;
}
#history ul li .t{
	width: 115px;
	float: left;
	background: url('../images/pot.png') right top no-repeat;
}
#history ul li .t p{
	line-height: 30px;
	font-size: 28px;
	color: #333;
	font-weight: bold;
	font-family: Arial;
}
#history ul li .c{
	width: 690px;
	float: right;
}
#history ul li .c p{
	line-height: 24px;
	font-size: 14px;
	color: #333;
}