@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑","Arial"; font-size:12px; line-height:24px; color: #000; min-width: 1200px; }
a{color:#000; text-decoration:none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a:hover{color:#007cc2; text-decoration:none;}

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

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

#welcome{width: 100%; height: 42px; background: #007cc2; line-height: 42px;}

/*===========top================*/
#top{height: 114px; width: 100%; }
#top .main{position: relative; height: 114px;}

#top a.logo{ margin: 14px 0 0 0; display: block;}

/*=======================nav========================*/
#nav{ height: 50px; margin-top: 34px;}
#nav li.nLi{height: 50px; float: left; position: relative; margin-left: 75px;}
#nav li.nLi>a{font-size: 14px; text-align: center; line-height: 45px; height: 45px; overflow: hidden; display: block; color:#000; padding: 0 5px; border-bottom: 5px solid #fff;}

#nav li.nLi:hover>a,#nav li.nLi>a:hover,#nav li.nLi.over>a{ border-color: #007cc2;}

#nav .sub{width: 100%; position: absolute; top: 50px; z-index: 99; display: none;}
#nav .sub li{width: 100%; height: 22px; margin-top: 1px; text-align: center;}
#nav .sub li a{ height: 22px; line-height: 22px; font-size: 12px; display: block; background: url(../images/navSub-bg.png) repeat; color: #fff;}
#nav li.nLi:hover .sub{display: block;}

#nav li.nLi:first-child{margin-left: 0;}

/*===========mainBanner===========*/
#mainBanner{margin: 0 auto; width: 100%; min-width: 1200px !important; height: 350px; overflow: hidden; position: relative; }

#mainBanner .bd{ position: relative; width:100% !important; min-width: 1200px !important; height: 350px; z-index: 2;}
#mainBanner .bd ul{width: 100% !important; min-width: 1200px !important;}
#mainBanner .bd li{overflow: hidden; width: 100% !important; min-width: 1200px !important; height: 350px;}
#mainBanner .bd img{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 350px; }

#mainBanner .hd{width: 315px; height: 8px; position: absolute; z-index: 9; left: 50%; bottom: 48px; margin-left: -150px;}
#mainBanner .hd li{width: 38px; height: 6px; background: #007cc2; border: 1px solid #007cc2; margin-right: 23px; overflow: hidden; text-indent: -999px; cursor: pointer; float: left;}
#mainBanner .hd li.on{background: none; border-color: #fff;}

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

/*index*/

.index-tit{height: 60px; }
.index-tit .tit-a{ display: inline-block; }
.index-tit .tit-a .sp-cn{ display: block; font-size: 20px; line-height: 30px; color: #313131; font-weight: bolder;}
.index-tit .tit-a .sp-en{ display: block; font-size: 16px; line-height: 24px; color: #707070;}
.index-tit .tit-a .line{ display: block; width: 70px; height: 3px; background: #007cc2; margin-top: 3px;}

.index-more{display: block; width: 128px; height: 32px; line-height: 32px; text-align: center;
 color: #313131; border: 1px solid #313131;}
.index-more:hover{color: #fff; background: #007cc2; border-color: #007cc2;}


/*about*/
#about{ width: 100%; margin-top: 55px;}
#about .conFl{width: 565px; height: 262px;}

#about .conFl .memo{margin: 24px auto;}

#about .conFr{width: 600px; height: 262px;}
#about .conFr .con{width: 200px;}
#about .conFr .con .conMemo{height: 111px; padding: 10px 20px; background: #007cc2; color: #fff;}
#about .conFr .con .conMemo .tit{display: inline-block; padding-right: 10px; border-bottom: 1px solid #fff; color: #fff; height: 26px; font-size: 14px; margin-bottom: 10px;}
#about .conFr .con .conMemo .memo{height: 72px; overflow: hidden;}


#about .conFr .con .img{width: 200px; height: 131px; display: block;}

/*news*/
#news{ width: 100%; margin-top: 50px; background: #eee; padding: 40px 0 60px;}
#news .index-tit{text-align: center;}
#news .index-tit .tit-a{text-align: center; margin: 0 auto;}
#news .index-tit .tit-a .sp-cn{text-align: center; margin: 0 auto;}
#news .index-tit .tit-a .sp-en{text-align: center; margin: 0 auto;}
#news .index-tit .tit-a .line{text-align: center; margin: 0 auto;}


#news .conFl{margin-top: 46px; width: 577px;}
#news .conFl .img{display: block; width: 577px; height: 214px; position: relative;}
#news .conFl .img img{display: block; width: 577px; height: 214px;}
#news .conFl .img .date{display: block; background: url(../images/news-date.png) repeat; width: 80px; height: 72px; padding: 10px 0; text-align: center; color: #fff; font-size: 14px; position: absolute; top: 0; left: 0;}
#news .conFl .img .date em{display: block; height: 48px; line-height: 48px; font-size: 36px;}
#news .conFl .litit{display: inline-block; font-size: 14px; font-weight: bolder; color: #000; height: 24px; overflow: hidden; margin-top: 10px;}


#news .conFr{margin-top: 46px; width: 577px;}

#news .conFr li{height: 72px; overflow: hidden; margin-bottom: 16px;}
#news .conFr li .date{display: block; width: 60px; text-align: center; font-size: 14px;}
#news .conFr li .date em{display: block; height: 48px; line-height: 48px; font-size: 36px;}
#news .conFr li .licon{width: 500px;}
#news .conFr li .litit{font-weight: bolder; color: #000; font-size: 14px; height: 24px; overflow: hidden; display: block;}
#news .conFr li .limemo{ color: #000; height: 48px; overflow: hidden;}



/*service*/
#service{ width: 100%; margin-top: 72px; height: 275px; overflow: hidden;}
#service .conFl{width: 565px; height: 275px; }
#service .conFl .memo{line-height: 38px; margin: 12px auto; height: 152px; overflow: hidden; }

#service .img{width: 578px; height: 275px;}

/*cont*/
#cont{ width: 100%; margin-top: 75px; }
#cont .index-tit{text-align: center;}
#cont .index-tit .tit-a{text-align: center; margin: 0 auto;}
#cont .index-tit .tit-a .sp-cn{text-align: center; margin: 0 auto;}
#cont .index-tit .tit-a .sp-en{text-align: center; margin: 0 auto;}
#cont .index-tit .tit-a .line{text-align: center; margin: 0 auto;}

#cont .conFr{font-size: 14px; width: 306px; margin-top: 60px;}


#feed{width: 850px; margin-top: 60px;}
#feed input[type='text'],#feed textarea{background: none; border: 1px solid #a0a0a0;}

#feed input[type='text']{height: 46px; width: 388px; padding: 0 10px; display: block; margin-left: 30px; float: left;}
#feed input[type='text']:first-child{margin-left: 0;}
#feed textarea{width: 828px; height: 126px; max-width: 828px; padding: 10px; margin-top: 24px; display: block;}

#feed input[type='submit']{width: 850px; height: 50px; color: #fff; margin-top: 24px; font-size: 14px; cursor: pointer; background: #007cc2; border: none;}

/*==================foot=================*/
#foot{ width: 100%; height:65px; padding: 30px 0; background: #323433; color: #8a8686; overflow: hidden; text-align: center; margin-top: 20px; }
#foot .nav{ display: inline-block; height: 30px; line-height: 30px;}
#foot .nav a:hover,#foot .nav a.over{color: #fff;}

#foot .con{ height: 35px; line-height: 35px; overflow: hidden;}
#foot a{color: #8a8686;}

/*	内页 */

/*==================con=================*/
#con{width: 100%; }


#conFl{width: 215px; position: relative; margin-top: -47px; z-index: 100;}
#conFl .tit{display: block; width: 170px; font-size: 18px; color: #fff; line-height: 47px; height: 95px; background: url(../images/fl-tit.png) repeat; padding-left: 45px;}
#conFl .tit .sp-en{display: block;}

#conFl .cont{margin-top: 20px; font-size: 14px;}

#conFr{width: 950px;}

#con .menu{height: 48px; line-height: 48px; }

#con .menu .menu-sp{color: #000; }
#con .menu .menu-sp a{color: #000; }

#con .con{margin-top: 8px;}
ul.news{width: 100%;}
ul.news li{ width: 100%; height: 24px; overflow: hidden; margin-bottom: 5px; border-bottom: 1px dotted #333; }
ul.news a{display: block; height: 24px;}

/*===========分页==================*/
div.pager{ text-align:center; color: #000; clear: both; font-size: 14px; padding: 20px 0; height:24px; line-height: 24px;}
div.pager span{margin: 0 4px; overflow: hidden; display: inline-block;}
div.pager a{display: inline-block; color: #000;  }

div.pagerPn{ text-align:left; border-top: 1px dotted #333; margin-top: 20px; clear: both; padding: 20px 0 0; line-height: 24px;  height:24px;}

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

.producttype{width: 100%; text-align: left; margin: 7px auto 28px; }

.producttype1,.producttype1sel{ height: 37px; width: 100%; line-height: 37px; margin-bottom: 2px; overflow: hidden;}
.producttype1 a,.producttype1sel a{ display: block; height: 37px; overflow: hidden; color: #000; background: #cacbcc; padding-left: 42px;}
.producttype1 a:hover,.producttype1sel a{color: #fff; background: #007cc2;}