@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:#0a5faf;text-decoration:none;}

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

.w1100{width: 1100px; margin: 0 auto;}

/*======================top======================*/
#top{width:100%; max-width: 1920px; margin: 0 auto; background: url(../images/top-bg.jpg) center no-repeat;   height:35px; line-height: 35px; color: #fff;}
#top a{color: #fff;}
#top span.kouhao{text-indent: 2em;}
#top span.phone{background: url(../images/top-phone.png) left center no-repeat; display: inline-block; padding-left: 24px;}
#top a.language{display: inline-block; background: url(../images/top-language.jpg) left center no-repeat;padding-left: 34px;}
#top form.search{background: url(../images/search.png) no-repeat; width: 223px; height: 21px; margin: 7px 20px 0 15px;}
#top form.search .keyword{background: none; border: none; width: 185px; height: 15px; line-height: 15px; margin:3px 0 0 5px;}
#top form.search .submit{background: none; border: none; width: 33px; height: 21px; cursor: pointer;}

/*======================logo========================*/
#logo{width:100%; max-width: 1920px; margin: 0 auto; height: 111px; background: url(../images/logo-bg.png) center repeat-x; position: relative; z-index: 5;}
#logo a.fl img{ margin: 38px 0 0 0;}

/*=======================nav========================*/
#nav{height:26px; margin-top: 48px;}
#nav li{float: left; height:26px; background: url(../images/nav-li.png) right center no-repeat; padding-right: 15px; margin-left: 20px;}
#nav li a{font-size: 14px; text-align: center; height: 26px; overflow: hidden; display: inline-block; color:#444;}
#nav li a:hover,#nav li a.over{ color: #0a5faf; }

/*===================index-banner==================*/
#index-banner{max-width: 1920px; width: 100%; margin: -8px auto 0; height: 480px; overflow: hidden; position: relative; z-index: 4;}

#index-banner .hd{position: absolute; width: 56px; height: 7px; left: 50%; margin-left: -28px; bottom: 10px; z-index: 5;}
#index-banner .hd li{width: 7px; height: 7px; margin-right: 7px; background: url(../images/banner-hd.png) -7px 0 no-repeat; text-indent: 999px; overflow: hidden; float: left; cursor: pointer;}
#index-banner .hd li.on{background: url(../images/banner-hd.png) 0 0 no-repeat;}

#index-banner .bd{ position: absolute; width:100%; height: 480px; overflow: hidden; z-index: 0;}
#index-banner .bd li{overflow: hidden; width: 100%; height: 480px;}
#index-banner img{width: 1920px; height: 480px; position: relative; left: 50%; margin-left: -960px;}

#index-banner a.prev,#index-banner a.next{display: block; width: 59px; height: 59px; background: url(../images/banner-a.png) no-repeat; top: 200px; cursor: pointer; position: absolute;}
#index-banner a.prev{left: -98px;}
#index-banner a.next{right: -98px; background-position: -59px 0;}

/*===================banner==================*/
#banner{max-width: 1920px; width: 100%; margin: -8px auto 0; height: 370px; overflow: hidden; position: relative; z-index: 4;}

#banner .bd{ position: absolute; width:100%; height: 370px; overflow: hidden; z-index: 0;}
#banner .bd li{overflow: hidden; width: 100%; height: 370px;}
#banner img{width: 1920px; height: 370px; position: relative; left: 50%; margin-left: -960px;}

/*========================index======================*/
#index{width:100%; max-width: 1920px; margin: 40px auto;}

/*===========equip=========*/
#index .equip{width: 300px; position: relative;}

#index .equip a.tit{display: inline-block; font-size: 16px; margin-bottom: 20px;}
#index .equip a.tit span{color: #0a5faf;}

#index .equip .bd{width: 300px; height: 200px; overflow: hidden; position: relative;}
#index .equip .bd li{overflow: hidden; width: 300px; height: 200px;}
#index .equip .bd li img{width: 300px; height: 200px;}
#index .equip .bd li span{width: 300px; height: 25px; display: block; position: absolute; bottom: 0; background: rgba(0,0,0,0.4); color: #fff; text-indent: 20px;}

#index .equip a.prev,#index .equip a.next{display: block; width: 25px; height: 25px; font-family: "宋体"; cursor: pointer; position: absolute; color: #fff; font-size: 14px; text-align: center; bottom: 0;}
#index .equip a.prev{right: 25px;}
#index .equip a.next{right: 0;}

/*===========about=========*/
#index .about{width: 460px; margin-left: 42px;}
#index .about a.tit{display: block; width: 330px; margin: 0 auto; margin-bottom: 20px;}

/*===========news=========*/
#index .news{width: 265px; position: relative; overflow: hidden;}

#index .news a.tit{display: inline-block; font-size: 16px; margin-bottom: 20px;}
#index .news a.tit span{color: #0a5faf;}

#index .news .hd{position: absolute; width: 48px; height: 8px; top: 10px; right: 0; z-index: 5;}
#index .news .hd li{width: 8px; height: 8px; margin-left: 4px; background: url(../images/news-hd.png) -8px 0 no-repeat; text-indent: 999px; overflow: hidden; float: left; cursor: pointer;}
#index .news .hd li.on{background: url(../images/news-hd.png) 0 0 no-repeat;}

#index .news .bd{width: 245px; height: 210px; overflow: hidden; position: relative;}
#index .news .bd li{overflow: hidden; width: 245px; height: 210px;}
#index .news .bd li img{width: 245px; height: 130px; margin-bottom: 10px;}
#index .news .bd li span.li-tit{ display: inline-block; background: url(../images/news-li.png) left center no-repeat; padding-left: 12px; font-weight: 600;}
#index .news .bd li .memo{ line-height: 18px;}

/*首页新闻*/
#index .news .news_list ul li a h3{
	height: 24px;
	color: #111;
	overflow: hidden;
	float: left;
	width: 210px;
}
#index .news .news_list ul li a span{
	display: block;
	float: right;
	color: #111;
	height: 24px;
}
#index .news .news_list ul li a:hover h3,#index .news .news_list ul li a:hover span{
	color:#0a5faf;	
}
/*=========================pro=======================*/
#pro{width:100%; max-width: 1920px; margin: 0 auto; background: #f0f0f0; height: 190px;}

#pro .bd{width: 100%; height: 197px; overflow: hidden; position: relative;}
#pro .bd li{float: left; width: 220px; height: 190px; /*background: url(../images/pro-li.png) left center no-repeat;*/ overflow: hidden;}
#pro .bd li a{ margin-left: 1px; display: block; width: 220px; height: 190px; overflow: hidden;}
#pro .bd li img{width: 232px; height: 178px; position: relative; left: 50%; margin-left: -116px; top: 50%; margin-top: -89px;}


/*=====================footer-nav====================*/
#footer-nav{width:100%; max-width: 1920px; margin: 0 auto; text-align: center; background: #525455; height: 225px;}
#footer-nav ul{padding: 45px 28px 20px; height: 26px; border-bottom: 1px solid #7f8284;}
#footer-nav li{ width: 116px; float: left; background: url(../images/footer-nav-li.png) left center no-repeat;}
#footer-nav li a{color: #fff; font-size: 14px;}
#footer-nav li:first-child{background: none;}
#footer-nav .cont{color: #999; line-height: 22px; margin-top: 20px;}

/*=========================footer====================*/
#footer{ width:100%; max-width: 1920px; margin: 0 auto; height:40px; text-align: center; background:#2b2c2d; color: #999; line-height: 40px;}
#footer a{color: #999;}

/*	内页 */
/*========================menu=======================*/
#menu{width: 100%; max-width: 1920px; margin: 0 auto; background: #8d9599; height: 70px;}

#menu a.fl{color: #fff; font-size: 21px; display: inline-block; font-weight: bold; margin-top: 22px;}
#menu a.fl span{font-family: "Arial"; margin-left: 5px;}

#menu span.fr{display: inline-block; color: #fff; margin-top: 40px;}
#menu span.fr a{color: #fff;}
/*=========================con=======================*/

#con{padding: 45px 0; width:100%; max-width: 1920px; margin: 0 auto; background: #f4f4f4;}


#con-fl{width: 236px;}
#con-fl .tit{background: url(../images/type-tit.jpg) no-repeat; width: 236px; height: 74px;}
#con-fl .tit a{font-size: 18px; color: #fff; margin: 24px 0 0 30px; display: inline-block; font-weight: bold;}


#con-fr{width: 820px;}
#con-fr ul.pro{width: 852px;}
#con-fr ul.pro li{ width: 250px; height: 244px; float: left; margin:0 34px 30px 0; }
#con-fr ul.pro li a{display: block; width: 248px; height: 242px; background: #fff; border: 1px solid #ccc;}
#con-fr ul.pro li a span{display: inline-block; color: #0a5faf; font-size: 14px; background: url(../images/pro-li-span.png) right -26px no-repeat; padding: 0 28px 0 16px;}
#con-fr ul.pro li a img{width: 232px; height: 178px; margin: 8px 8px 15px; background: #f0f0f0;}

#con-fr ul.pro li a:hover{background: #0a5faf; border: 1px solid #0a5faf;}
#con-fr ul.pro li a:hover span{ color: #fff;  background: url(../images/pro-li-span.png) right 0 no-repeat;}
#con-fr ul.pro li a:hover img{background: #fff;}

/*equip*/

#con-fr{width: 820px;}
#con-fr ul.equip{width: 852px;}
#con-fr ul.equip li{ width: 250px; height: 220px; float: left; margin:0 34px 30px 0; }
#con-fr ul.equip li a{display: block; width: 248px; height: 218px; background: #fff; border: 1px solid #ccc;}
#con-fr ul.equip li a span{display: inline-block; color: #0a5faf; font-size: 14px; background: url(../images/pro-li-span.png) right -26px no-repeat; padding: 0 28px 0 16px;}
#con-fr ul.equip li a img{width: 232px; height: 154px; margin: 8px 8px 15px; background: #f0f0f0;}

#con-fr ul.equip li a:hover{background: #0a5faf; border: 1px solid #0a5faf;}
#con-fr ul.equip li a:hover span{ color: #fff;  background: url(../images/pro-li-span.png) right 0 no-repeat;}
#con-fr ul.equip li a:hover img{background: #fff;}


/*==============con-news======================*/
#con-news{padding: 45px 0 70px; width:100%; max-width: 1920px; margin: 0 auto; background: #f4f4f4;}

#con-news .first-news{width: 100%; height: 120px; position: relative; margin-bottom: 42px;}

#con-news .first-news .hd{position: absolute; width: 42px; height: 10px; bottom: 10px;left: 245px; z-index: 5;}
#con-news .first-news .hd li{width: 10px; height: 10px; margin-left: 4px; background: url(../images/first-news-hd.png) -10px 0 no-repeat; text-indent: 999px; overflow: hidden; float: left; cursor: pointer;}
#con-news .first-news .hd li.on{background: url(../images/first-news-hd.png) 0 0 no-repeat;}

#con-news .first-news .bd{width: 100%; height: 120px; overflow: hidden; position: relative;}
#con-news .first-news .bd li{overflow: hidden; width: 100%; height: 120px;}
#con-news .first-news .bd li img{width: 220px; height: 120px; margin-bottom: 10px;}
#con-news .first-news .bd li div.fl{width: 850px; margin: 10px 0 0 25px;}
#con-news .first-news .bd li span.li-tit{ display: inline-block; font-weight: 600;}
#con-news .first-news .bd li .memo{ width: 100%; height: 52px; overflow: hidden;}

#con-news ul.news{padding-bottom: 15px;}
#con-news ul.news li{margin-bottom: 10px;}
#con-news ul.news li a{display: block; width: 1038px; padding: 30px 25px; height: 145px; background: #fff; border: 1px solid #fff;}
#con-news ul.news li a span.news-tit{color: #40444c; font-size: 16px; display: block;}
#con-news ul.news li a span.time{color: #b5b5b5; display: block;}
#con-news ul.news li a .memo{color: #666;}
#con-news ul.news li a span.more{display: block; width: 86px; height: 26px; background: #f8f8f8; border: 1px solid #ddd; text-align: center; color: #40444c; font-weight: bold; margin-top: 15px;}
#con-news ul.news li a:hover{border: 1px solid #dedede;}
#con-news ul.news li a:hover span.more{border: 1px solid #0a60af; color: #0a60af;}

/*==============con-single======================*/
#con-single{padding: 65px 0 115px; width:100%; max-width: 1920px; margin: 0 auto; background: url(../images/con-single-bg.jpg) center top no-repeat;}
#con-single img.fl{width: 360px; height: 460px;}
#con-single .single{background: #fff; width: 740px; height: 460px; position: relative;}
#con-single .scroll-con{ width: 702px; height: 422px; overflow: auto; position: absolute; top: 16px; left: 26px; }
#con-single .scroll-con .con{ width: 680px; height: 420px; position: absolute;}

#con-single .jq-scrollbar{border-radius: 0 !important; width: 7px !important; right: 0  !important;}
#con-single .jq-scrollbar-bg{width: 7px; height: 422px; background: #d7d7d7;position: absolute;top: 16px; right: 12px; z-index: 0;}


/*分页*/
div.pager{ text-align:right; clear: both;height:24px; padding: 0 0 30px 0;}
div.pager span{margin: 0 4px; display: inline-block; overflow: hidden;}
div.pager a{display: inline-block; padding:0 6px; border: 1px solid #dedede; background: #fff; height: 22px; line-height: 22px;}
div.pager a.on{border: 1px solid #0a60af; background: #0a60af; color: #fff;}
div.pager a.prev,div.pager a.next{width: 22px; padding: 0; background: url(../images/pager-prevnext.png) center 0 no-repeat #fff;}
div.pager a.next{background-position: center -24px;}

div.pager2{clear: both;height:28px; padding-top: 20px;}
div.pager2 span,div.pager2 a{}


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

.producttype{width: 236px; text-align: left;}
.producttype1{ line-height: 40px; border-bottom: 1px dashed #717171;}
.producttype1 a{padding-left: 30px; color: #000; font-size: 16px;}
.producttype1sel{ line-height: 40px; border-bottom: 1px dashed #717171;}
.producttype1sel a{padding-left: 30px; color: #0a5faf; font-size: 16px;}

.producttype2{ display:none; line-height: 40px;}
.producttype2 a{padding-left: 42px; color: #666;}
.producttype2sel{display:none; line-height: 40px;}
.producttype2sel a{padding-left: 42px; color: #666;}