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

body{margin:0px auto; padding:0px; background-color:#ffffff; }

body,table,div,p,td,a,span,li{ font-family:'Microsoft Yahei'!important; font-size:14px; line-height:22px; color:#535353;}

a{ text-decoration:none;}

a:hover{ color:#000;}

a img{ border:none;}

ul,li,dl,dt,dd,h1,h4{ margin:0px; padding:0px; list-style:none;}
form{ margin:0px; padding:0px; border:0px;}

p{ margin:0px; padding:0px;}


.clear{ clear:both;}


/*顶部*/

#top{ margin:0px auto; width:1100px; height:195px;}
#top .topmenu{ margin-bottom:25px; margin-top:15px;}
#top .topmenu a{ font-size:15px; color:#0e4280; font-family:'Microsoft Yahei'!important; padding:0px 10px 0px 10px;}
#top .topmenu a:hover{ background-color:#ef8200; color:#FFF;}


#menu{
	width: 100%;
	background:url(../images/index2.jpg) repeat-x;
	height:45px;
}

#menu #nav {
	margin:0px auto; width:1100px;
	background:url(../images/index33.jpg) top right no-repeat;
	height:45px;
}
#menu #nav li {
	float: left;
	width: calc(100%/8);
	background:url(../images/index3.jpg) top center no-repeat;
	height:45px;
}


#menu #nav li a {
	width: calc(100%/8);
	display:block;
	font-size: 17px;
	color: #fff;
	display: block;
	width: 100%;
	line-height: 45px;
	text-align: center;
	font-family: 'Microsoft Yahei'!important;
}



#menu #nav li a:hover, #menu #nav .active a {
	background:url(../images/index4.jpg) left no-repeat;
}




/*bannar图*/


#bannar{ width:100%; height:496px; display:block;  }
#bannar img{margin:0px auto;left:50%; text-align:center;}




/*底部*/

#bottom{margin:0px auto; margin-top:32px; background:url(../images/index15.jpg) repeat-x; height:176px; }


#bottom ul{margin:0px auto;width:1100px;}
@media screen and (min-width:360px){
#bottom ul{ display:block;}
}

@media screen and (min-width:640px){
#bottom ul{ display:block;}
}


#bottom ul li{ float:left; color:#fff; font-size:14px;line-height:25px;}

#bottom ul .xinxi1{  background:url(../images/icon1.png) top left no-repeat; padding-left:70px; margin-top:50px; }
#bottom ul .xinxi2{ margin-left:80px; background:url(../images/icon2.png) top left no-repeat; padding-left:70px; margin-top:50px; }
#bottom ul .xinxi3{ margin-left:110px; background:url(../images/icon3.png) top left no-repeat; padding-left:70px; margin-top:50px; }
#bottom ul .xinxi3 dl{ margin-top:-20px;}
#bottom ul .xinxi3 .tel{ font-size:28px;}


#main{margin:0px auto; width:1100px; margin-top:50px;	}


#main .box_1{ width:368px; height:362px; float:left; }
#main .box_1 div img{ margin:10px 8px; }
#main .box_1 p{ margin:0 auto; width:97%; font-size:13px;}



#main .box_2{ width:415px; height:362px; float:left; margin-left:35px; }

#main .box_2 ul li{
	height:40px;
	font-size:10px;
	position:relative;
	background: url(../images/index10.jpg) bottom repeat-x;}

#main .box_2 ul li:hover{
	background:#f0f0f0;}
	
#main .box_2 ul li a{
	font-size:13px;
	margin-left:5px;
	line-height:40px;
	color:#333;
	position:absolute;
	font-family: 'Microsoft Yahei'!important;
	left:0px;}
	
#main .box_2 ul li:hover a{
	color:#36C;}
	

	
#main .box_2 ul li span{
	position:absolute;
	right:5px;
	line-height:40px;
	color:#999;}
	


#main .box_3{ width:240px; height:362px; float:left; margin-left:36px; }


#main .box_3 .contactus{ 
	height:326px;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	padding-top:20px;
	line-height:30px;
	background: url(../images/index9.jpg) top no-repeat; }


#main .box_4{ width:690px; height:480px; float:left; }
#main .box_4 .binfo{ height:420px; background-color:#e5f0f8; padding:15px 0px 15px 18px; }
#main .box_4 ul li{ width:320px; float:left; margin-right:16px; margin-bottom:18px; height:195px; background-color:#dbdddd; }
#main .box_4 ul li a{ color:#595757; font-weight:bold; font-size:12px; }
#main .box_4 ul li:hover{ background-color:#eab521; }
#main .box_4 ul li:hover a{ color:#595757;}
#main .box_4 ul li img{ float:left; margin:12px 8px 12px 8px; }
#main .box_4 ul li dl{ padding-top:20px;}


#main .box_5{
	float:left; 
	width:388px;
	margin-top:36px; 
	margin-left:22px;
	background-color:#e5f0f8;
}

#main .box_5 .info5{
	margin:11px;
}



#mainsort{margin:0px auto; width:1100px; margin-top:16px;}

#mainsort #left{ width:228px; float:left; margin-right:21px;}

#mainsort #left #subnav{ background-color:#e5f0f8; padding-top:20px; padding-bottom:50px; }
#mainsort #left #subnav li a {
	font-size: 17px;
	color: #0e4280;
	display: block;
	width: 95%;
	padding-left:45px;
	line-height: 45px;
	font-family: 'Microsoft Yahei'!important;
}



#mainsort #right{ width:850px; float:left; }

#mainsort #right .daohang{ width:916px; font-weight:bold; height:34px; line-height:34px; }

#mainsort #right .box{ background-color:#e5f0f8; }
#mainsort #right .box .info{ margin:0 auto; width:95%; padding-top:20px; padding-bottom:50px; color:#4f4d4d;}
#mainsort #right .box .info .title{ font-size:22px; color:#0e4280; border-bottom:#0e4280 solid 2px; padding-bottom:5px; margin-bottom:20px;}
#mainsort #right .box .info p{ line-height:25px; margin-bottom:10px;}







	

#mainsort #product-list li{ width:385px; float:left; margin-right:18px; margin-bottom:20px; height:217px; background-color:#dbdddd; }
#mainsort #product-list li a{ color:#595757; font-weight:bold; font-size:13px; }
#mainsort #product-list li:hover{ background-color:#eab521; }
#mainsort #product-list li:hover a{ color:#595757;}
#mainsort #product-list li img{ float:left; margin:12px 8px 12px 8px; }
#mainsort #product-list li dl{ padding-top:20px;}

	
	
	
	


#mainsort #news-list li{
	background:url(../img/arrow.gif) no-repeat 5px 50%;
	border-bottom:1px dotted #ccc;
	line-height:35px;
	padding-left:15px;
	position:relative;}
	
#mainsort #news-list li a{
	font-size:13px;
	line-height:35px;
	color:#333;}
	
#mainsort #news-list li a:hover{
	color:#c60203;
	text-decoration:none;}
	
	
#mainsort #news-list li span{
	position:absolute;
	right:20px;
	line-height:35px;}


#full-screen-slider { width:100%; height:496px; float:left; position:relative}
#slides { display:block; width:100%; height:496px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:440px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}



/*CSS style pagination*/
.page-list{
	margin:0px auto;
	width:0 auto;
	text-align:center;
	padding:20px 0;
}

.page-list ul{
	margin:0px auto;
	overflow:auto;
	width:auto;
	display:block;
}


.page-list li{
	float:left;
	margin-left:2px;
	margin-right:2px;
}

.page-list .active{
	display:block;
	padding-left:10px;
	padding-right:10px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	border:#ccc solid 1px;
}

.page-list a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	height:22px;
	line-height:22px;
	border:#999 solid 1px;
}

.page-list a:hover{
	background-color:#eab521;
	color:#FFF;
}

@media only screen and (max-width:768px ) {
	body{ position: absolute;}
}