@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:26px; color:#666; }
a{color:#666; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}

.fl{ float:left; }
.fr{ float:right; }
.cr{ clear: both; }

.w1000{width: 1000px; margin: 0 auto;}
.ffArial{font-family: "Arial";}

/*======================top======================*/
#top{width:100%; min-width: 1000px; margin: 0 auto; height:82px; position: relative;}
#top .main{height: 82px; position: relative;}
#top .logo{margin: 12px 0 0 0; display: inline-block;}

#top .tab{width: 158px; height: 33px; position: absolute; right: 0; top: 0; background: url(../images/top-tab.png) no-repeat;}
#top .home{background: url(../images/top-home.png) left center no-repeat; padding-left: 20px; margin-left: 20px; line-height: 33px;}
#top .btn{display: inline-block; color: #666; background:url(../images/top-btn.png) left center no-repeat; margin-left: 14px; padding-left: 10px;}
#top .btn a{margin: 0 5px; color: #666;}

/*=======================nav======================*/
#nav{ height: 42px; margin-top: 40px; position: relative;}
#nav li{float: left; height:42px; position: relative;}
#nav li a{ overflow: hidden; padding:0 20px; display: block; height: 42px; font-size: 14px; text-align: center; line-height: 40px; color:#666; font-weight: bold;}

#nav li:hover a,#nav li.over1 a{background: #c1d8ef url(../images/nav-over.png) center 30px no-repeat; color: #203588;}

#top .sub{position: absolute; height: 0px; top: 82px; width: 100%; min-width: 1000px; margin: 0 auto; display: none; z-index: 9; overflow: hidden; background: #c1d8ef;}

#top .sub ul{ position: relative; left: 0; display: none;}
#top .sub li{float: left; height: 42px; line-height: 42px; width: 96px; text-align: center;}
#top .sub li a{ color: #666; font-size: 12px;}
#top .sub li a:hover{text-decoration: underline;}

/*====================mainBanner=====================*/
#mainBanner{ width: 100%; min-width: 1000px; margin: 0 auto; height: 550px; position: relative; overflow: hidden; }
#mainBanner .bd{ margin: 0 auto; width: 100% !important; height: 550px; overflow: hidden; position: relative; z-index: 2;}
#mainBanner .bd ul{ width: 100% !important;}
#mainBanner .bd li{overflow: hidden; text-align: center; width: 100% !important; height: 550px;}
#mainBanner .bd li img{width: 1920px; height: 550px; position: absolute; left: 50%; margin-left: -960px;}


#mainBanner .hd{ position: absolute; z-index: 5; left: 50%; margin-left: -32px; bottom: 14px; width: 64px; height: 8px; overflow: hidden;}
#mainBanner .hd li{width: 8px; height: 8px; float: left; margin-right: 8px; background: url(../images/banner-hd.png) left center no-repeat; overflow: hidden; text-indent: 999px; overflow: hidden; cursor: pointer;}
#mainBanner .hd li.on{background-position: right center;}

#mainBanner .btn{position: absolute; top: 250px; display: block; width: 50px; height: 50px; overflow: hidden; background: url(../images/banner-btn.png) left center no-repeat; z-index: 5;}
#mainBanner .prev{left: 32px;}
#mainBanner .next{right: 32px; background-position: right center;}


/*=====================index========================*/
#index{width: 100%; min-width: 1000px; height: 160px; background: #525455; position: relative;}
#index .main{position: relative; height: 130px; padding: 15px 0;}
#index .tit{height: 26px; }
#index .tit .tit-a{display: inline-block; height: 26px; font-size: 14px; font-weight: bold; color: #fff;}
#index .tit .more{ display: block; width: 44px; height: 26px; color: #fff;}

#about{width: 345px; }
#about .tit .tit-a{ background: url(../images/about-tit.png) 70px center no-repeat; padding-right: 80px;}
#about .con{color: #999; line-height: 26px;}

#news{width: 335px; height: 150px; margin-left: 40px;}

#news .con{color: #999;}
#news .con a{color: #999;}

#news .con li{ height: 34px; line-height: 34px; background: url(../images/news-li.png) left bottom repeat-x;}
#news .con li a{display: block; padding-left: 15px; background: url(../images/news-a.png) left center no-repeat;}

/*=======================pro=======================*/
#pro{ position: absolute; right: 0; top: -465px; z-index: 10;}
#pro li{width: 250px; margin-bottom: 10px;}
#pro li a{width: 240px; display: block; border: 5px solid #fff; position: relative;}

#pro li.pro1{height: 175px;}
#pro li.pro1 a{height: 165px;}
#pro li.pro1 span{display: block; width: 210px; padding: 9px 15px; height: 37px; line-height: 18px; background: #3b9294; position: absolute; bottom: 0; color: #fff;}

#pro li.pro2{height: 175px;}
#pro li.pro2 a{height: 165px;}
#pro li.pro2 span{display: block; width: 210px; padding: 9px 15px; height: 37px; line-height: 18px; background: #755dab; position: absolute; bottom: 0; color: #fff;}

#pro li.pro3{height: 112px;}
#pro li.pro3 a{height: 102px;}
#pro li.pro3 span{display: block; width: 210px; padding: 0 15px; height: 28px; line-height: 28px; background: #fff; position: absolute; bottom: 0; color: #262626;}

#pro li.pro4{height: 112px;}
#pro li.pro4 a{height: 102px;}
#pro li.pro4 span{display: block; width: 210px; padding: 0 15px; height: 28px; line-height: 28px; background: #fff; position: absolute; bottom: 0; color: #262626;}

#links{margin: 27px auto; width: 100%; min-width: 1000px; }

/*=========================footer====================*/
#footer{ width:100%; margin: 0 auto; height:95px;}
#footer .main{position: relative; height: 55px; padding: 20px 0; background: url(../images/foot-bg.png) left top repeat-x;}

#footer .logo{margin: 20px 0 0 0;}
#footer .con{margin: 0 0 0 20px; padding-left: 25px; background: url(../images/foot-line.png) left center no-repeat;}
#footer .nav{display: inline-block;}
#footer .nav a{display: inline-block; margin-left: 12px; background: url(../images/foot-nav-li.png) left center no-repeat; padding-left: 12px;}
#footer .nav a.over{color: #203588;}
#footer .nav a:first-child{background: none; padding-left: 0; margin-left: 0;}

#footer .btn{height: 25px; margin-top: 8px;}
#footer .btn a{display: inline-block; width: 25px; height: 25px; margin-left: 9px;}
#footer .btn a.weixin{background: url(../images/foot-weixin.png) no-repeat;}
#footer .btn a.weibo{background: url(../images/foot-weibo.png) no-repeat;}
#footer .btn a.phone{background: url(../images/foot-phone.png) no-repeat;}

#footer a{color: #666;}

/*	内页 */


/*====================banner=====================*/
#banner{ width: 100%; min-width: 1000px; margin: 0 auto; height: 370px; position: relative; overflow: hidden; z-index: 5;}
#banner .bd{ margin: 0 auto; width: 100% !important; height: 370px; overflow: hidden;}
#banner .bd li{overflow: hidden; text-align: center; width: 100% !important; height: 370px;}
#banner .bd li img{width: 1920px; height: 370px; position: absolute; left: 50%; margin-left: -960px;}


/*=========================con=======================*/

#con{width: 100%; min-width: 1000px; margin: 0 auto; position: relative; z-index: 10; border-bottom: 1px solid #ddd;}



/*conFl*/
#conFl{width: 230px; background: #eee;  height: 100%;}
#conFl .tit{width: 230px; height: 88px; background: #203588 url(../images/fl-tit.png) 175px center no-repeat; position: relative; margin-top: -46px;}
#conFl .tit a{display: block; padding: 25px 0 0 38px; font-size: 24px; color: #fff; font-weight: bold; line-height: 35px;}

#conFl .cont{width: 238px; height: 58px; padding: 9px 0 0 10px; font-size: 14px; background: url(../images/fl-cont.jpg) right top no-repeat; margin-top: 18px; color: #38373e;}
#conFl .cont .phone{font-weight: bold; font-style: oblique; display: block; color: #494949; font-size: 18px; }

#conFr{width: 735px; padding-bottom: 30px;}



#conFr .tit{ width: 100%; height: 32px; border-bottom: 1px solid #ddd; margin: 35px 0 20px; }
#conFr .tit a.tit-a{display: inline-block; line-height: 32px; font-size: 14px; color: #000;  }
#conFr .tit .menu{display: inline-block; line-height: 32px; color: #666; }
#conFr .tit .menu a{color: #666;}

#conFr ul.pro{width: 800px; text-align: left; }

#conFr ul.pro li{width: 235px; height: 190px; margin: 0 15px 50px 0; float: left;}
#conFr ul.pro li a{width: 235px; height: 190px; display: block; position: relative;}
#conFr ul.pro li img{width: 235px; height: 160px;}
#conFr ul.pro li span{display: block; width: 235px; text-align: center; color: #666; height: 30px; overflow: hidden; line-height: 30px; position: absolute; bottom: 0;}

#conFr ul.news li{ height: 34px; line-height: 34px; background: url(../images/news-li.png) left bottom repeat-x;}
#conFr ul.news li a{display: block; padding-left: 15px; background: url(../images/news-a.png) left center no-repeat;}


/*分页*/
.pager{ text-align:center; color: #fff; font-size: 15px; clear: both; padding: 38px 0;  height:40px; line-height: 40px;}
.pager a{display:inline-block; height:40px; width:auto; min-width:20px; margin:0 8px; padding:0 10px; border:1px solid #252525 none repeat scroll 0%; line-height:40px; background:#ccc; color:#fff;}
.pager a:hover{ background:#808080;}
.pager span.current{display:inline-block; background:#808080;  margin:0 10px; color:#fff; height:40px; padding:0 10px; width:auto;
                    min-width:20px; line-height:40px;}

div.pagerPn{clear: both; height:50px; margin-top: 20px; padding-top: 10px; border-top: 1px dotted #acacac; text-align: center;}
div.pagerPn span{display: inline-block; margin: 0 12px;}
div.pagerPn span,div.pagerPn a{}


/*==============producttype======================*/

.producttype{ width: 230px; text-align: left; }
.producttype1,.producttype1sel{ width: 230px; height: 44px; line-height: 44px; overflow: hidden;}
.producttype1 a,.producttype1sel a{display: block; height: 44px; overflow: hidden; padding:0 0 0 38px; font-size: 14px; color: #666; }
.producttype1sel{background: #c1d8ef;}
.producttype1sel a{color: #000; }