@charset "utf-8";

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

.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cr{ clear: both; overflow: hidden; height:0px;}

.w1200{width: 1200px; margin:0 auto;}

/*===========top================*/
#top{width:100%; height:93px; background: #fff; background:#008cd7; margin: 0 auto; }
#top a.fl img{margin:24px 0 0 12px;}
#top span.fr{display: inline-block; margin-top: 48px;}

/*=======================nav========================*/
#nav{ width: 736px; height:45px; margin: 32px 0 0 75px; background: url(../images/nav_bg.png) repeat-x;}
#nav li{ float: left; height:32px; margin: 6px 12px 0 0;}
#nav li a{ text-align: center; font-size: 14px; margin-top: 5px; width: 92px; height: 32px; line-height: 24px; display: inline-block; color:#008cd7;}

#nav li:first-child,#nav li.frist{margin-left: 20px;}
#nav li:first-child a,#nav li.frist a{width: 68px;}
#nav li a:hover,#nav li a.over{background: url(../images/nav_over1.png) no-repeat;}
#nav li:first-child a:hover,#nav li.frist a:hover,#nav li:first-child a.over,#nav li.frist a.over{background: url(../images/nav_over0.png) no-repeat;}

/*===========banner===========*/
#banner{width: 100%; max-width: 1920px; height: 566px; position: relative;}
#banner .mask{width: 100%; height: 10px; background:url(../images/banner_mask.png) center top no-repeat; position: absolute; top: 0; z-index: 1;}
#banner .hd{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; text-align: right; height: 13px; bottom: 16px; z-index: 2; }
#banner .hd ul{float: right;}
#banner .hd li{float: left; width: 85px; height: 13px; background: url(../images/banner_hd.png) no-repeat; overflow: hidden; text-indent: 999px; margin-left: 24px; cursor: pointer;}
#banner .hd li.on{background-position: -85px 0;}

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

/*====================fuwu====================*/
#fuwu{height: 350px; text-align: center;}
#fuwu .tit{width: 380px; height: 26px; line-height: 26px; margin: 50px auto;}
#fuwu .tit div{width: 94px; height: 1px; background: #5a5a5a; margin-top: 13px;}

#fuwu .tit span{display: inline-block; font-size: 24px; color: #5a5a5a; width: 192px;}
#fuwu a{background: url(../images/sign_btn.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold; line-height: 38px; display: inline-block; width: 202px; height: 42px;}

#fuwu .con div{width: 240px; height: 175px; background: url(../images/fuwu_bg.png) center top no-repeat; margin-right: 80px; position: relative;}
#fuwu .con div.last{margin-right: 0;}

#fuwu .con em{display: block; margin:15px 0 10px 100px; width: 42px; height: 42px; overflow: hidden;background: url(../images/fuwu_icon.png) no-repeat;}
#fuwu .con .ico1{background-position: 0 0;}
#fuwu .con .ico2{background-position: -42px 0;}
#fuwu .con .ico3{background-position: -84px 0;}
#fuwu .con .ico4{background-position: -126px 0;}

#fuwu .con span.memo{display: block; width: 100%; font-size: 14px;}
#fuwu .con span.shuoming{display: block;width: 100%; color: #3a3a3a; position: absolute; bottom: 0;}


#about{width: 100%; height: 340px; background: url(../images/about_bg.jpg) center top no-repeat; text-align: center;}
#about a.tit{display: inline-block; font-size: 18px; height: 26px; line-height: 26px; margin: 50px auto 30px; }
#about a.tit .cn{font-size: 24px; font-weight: bold;}
#about a.tit .en{font-weight: bold;}

#about a.more{display: inline-block; width: 94px; height: 20px; line-height: 20px; background: #fff; color: #008cd6; font-size: 10px; margin-top: 30px;}

/*===========xiahua=======================*/
a.xiahua{display: block; background: url(../images/xiahua.png) no-repeat; width: 22px; height: 24px; margin: 30px auto;}

/*=======================news===============*/
#news{ }
#news .tit{ padding: 0 40px 0 10px; margin-bottom: 30px; height: 26px; line-height: 26px; }
#news .tit a.fl{color: #3a3a3a; width: 210px; height: 26px; display: inline-block;}
#news .tit a.fl .cn{font-size: 24px;}
#news .tit div{width: 875px; height: 10px; background: #e4e5e9; margin: 14px 0 0 0;}
#news .tit a.more{color: #3a3a3a; font-size: 14px; display: inline-block; height: 16px; line-height: 16px; margin: 10px 0 0 0;}
#news img.fl{margin-left: 10px;}
#news ul{margin-right: 40px; width: 515px; height: 330px; overflow: hidden;}
#news li{width: 100%; height: 86px; margin-bottom: 36px;}
#news li div.fl{width: 88px;height: 86px; background: #008cd6; text-align: center; font-size: 18px; line-height: 24px;}
#news li div.fl span{font-size: 30px; height: 32px; height: 32px; display: block; margin-top: 18px; font-weight: bold;}

#news li div.fr{width: 410px; font-size: 14px;}
#news li div.fr .news_tit{display: inline-block; height: 18px;  margin-top: 8px; color: #0e0e0e;}
#news li div.fr .memo{display: block; width: 100%; border-bottom: 1px solid #e4e5e9; margin-top: 20px; color: #3a3a3a;}

/*=====================pro=============================*/
#pro{margin: 110px auto; width: 100%; height: 857px;background: #7fc5ea;}
#pro .tit{display: block; text-align: center; margin: 0 auto 20px; padding:40px 0 10px; width: 174px; height: ; border-bottom: 2px solid #fff;}
#pro .tit .cn{font-size: 24px; line-height: 50px; display: block;}
#pro .memo{text-align: center; margin-bottom: 30px;}
#pro .con{width: 100%; overflow: hidden;}
#pro ul{width: 1300px;}
#pro li{margin: 0 40px 36px 0;  float: left;}
#pro li a{position: relative; display: block;}
#pro li img{width: 374px; height: 265px;}
#pro li .mask{width: 374px; height: 265px; background: url(../images/pro_mask.png); position: absolute; display: none;
}
#pro li .mask span{display: block; background: url(../images/pro_span.png) center top no-repeat; width: 100%; text-align: center; height: 18px; padding-top: 60px; margin-top: 80px; font-size: 14px;} 

#pro li a:hover .mask{display: block;}

/*===========shouhui=======================*/
a.shouhui{display: block; background: url(../images/shouhui.png) no-repeat; width: 95px; height: 43px; margin: 0 auto;}

/*=============index======================*/
#index{width: 100%; height: 328px; background: #313131;}

#index a.tit{display: inline-block; padding-top: 40px; font-size: 20px; line-height: 36px; margin-bottom: 20px;}
#index .con{width: 100%; overflow: hidden; }

#xuanze{ width: 265px; margin-left: 90px; color: #cacaca;}

#cont{width: 210px; margin-left: 110px; color: #a1a19f; }

#honors{width: 376px; margin-right: 56px; text-align: center;}

#honors ul{width: 405px;}
#honors li{float: left; margin: 0 30px 8px 0;}
#honors li img{width: 105px; height: 66px; }


/*==================footer=================*/
#footer{ width:100%; height:46px;  line-height: 46px; background:url(../images/footer_bg.png) repeat-x; margin: 0 auto; text-align: center;}

/*
 *
 *
 *以下为内页
 *
 *
 *
 *
 * 
 */
	 
#con {margin: 70px auto; border-top: 1px solid #9c9c9c;}

/*======================con_fl====================*/
#con_fl{width: 162px; padding: 22px 42px 0 50px; }
#con_fl a.tit{background: url(../images/fl_tit.png) no-repeat; display: block; width: 100%; height: 27px; line-height: 27px; text-indent: 24px;}

#con_fl .con{color: #494949; margin: 30px 0 0 5px;}


/*======================con_fr====================*/
#con_fr{width: 946px; }
#con_fr .con{ padding: 20px 0 0 50px; overflow: hidden; width: 896px; border-left: 1px solid #9c9c9c; color: #000;}
#con_fr .con .tit{color: #000; display: block; margin-bottom: 20px;}
#con_fr .con .tit a{color: #000;}

#con_fr .con ul.pro{width: 924px;}
#con_fr .con ul.pro li{float: left; text-align: center; margin: 0 28px 30px 0;}
#con_fr .con ul.pro img{width: 278px; height: 197px; border: 1px solid #9c9c9c; margin-bottom: 15px;}
#con_fr .con ul.pro a{color: #000;}

#con_fr .con ul.news li{width: 100%; line-height: 30px;}
#con_fr .con ul.news a{color: #000;}
/*
 *
 *
 *分页
 *
 *
 *
 */
div.pager{ color: #494949; text-align:center; padding:20px 0 0 0; clear: both; height:24px; }
div.pager span{margin: 0 4px; overflow: hidden;}
div.pager a{color: #494949;}
div.pager a.on{text-decoration: underline;}
/*
 *
 *
 *
 *左侧产品分类ul li  设置
 *
 *
 *
 *
 *
 *
*/
.producttype{width: 100%; margin: 14px 0 45px; border-bottom: 1px solid #d2d2d2;}
.producttype li{  }
.producttype li a{display:block;}
.producttype1{background: url(../images/fl_li.png) 16px center no-repeat; margin: 5px 0; border-top: 1px solid #d2d2d2;line-height: 24px;}
.producttype1 a{font-size: 14px; text-indent: 30px; color: #494949;}
.producttype1sel{background: url(../images/fl_li.png) 16px center no-repeat; margin: 5px 0;line-height: 24px;}
.producttype1sel a{font-size: 14px; text-indent: 30px; color: #299edd;}

.producttype2{ /*display:none;*/ line-height: 18px;}
.producttype2 a{text-indent: 38px; color: #494949;}
.producttype2sel{ /*display:none;*/ line-height: 18px;}
.producttype2sel a{text-indent: 38px;  color: #299edd;}
.producttype .on a{color:#299edd;}