@charset "utf-8";
body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei"; font-size:14px; background:#FFF; color:#333; line-height:23px;}
ul,li,ol{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ max-width: 100%;}


/* top ============== */
.topMargin{ clear: both; display: block; height: 188px;}
.top{ clear: both; display: -webkit-box; background: #1d5fb1; width: 100%; position: fixed; left: 0px; z-index: 20000; height: 80px; text-align: center; padding: 15px 0px; border-bottom: 1px solid #00b021; top: 0px; }
.logo{ display: block; -webkit-box-flex: 1; }
.language{ display: block; padding: 0px 10px; }
.language a{ clear: both; display: block; color: #FFF; }


.menu{ clear: both; display: block; background: #1d5fb1; width: 100%; position: fixed; left: 0px; top:80px; z-index: 20000; }
.menu a{ display: inline-block; width: 24%; height: 30px; line-height: 30px; color: #FFF; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dropText{ background: #0a4792; }
.dropMenu{ clear: both; display: none; background: #FFF; box-shadow: 0px 0px 5px #000;}
.dropList{ clear: both; display: none; background: #FFF; box-shadow: 0px 0px 5px #000; }
.first{ clear: both; display: block; color: #C00; border-bottom: 1px solid #f7f7f7; background: #e3e3e3; height: 30px; line-height: 30px;}
.first a{ color: #F00;}
.sec{ clear: both; display: block; border-bottom: 1px solid #e3e3e3;}
.sec a{ display: inline-block; margin-right: 10px;}

/* banner style start */
.slideBox{ position:relative; width:100%; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.slideBox .hd{ position:absolute; height:15px; line-height:15px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ bottom:5px; float:left; display:inline-block; width:5px; height:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
.slideBox .hd li.on{ background:#F40;  }
.slideBox .bd{ position:relative; z-index:0; background:#e3e3e3; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ max-width:100%; display:block; border:0px; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff; font-size:14px;opacity:0.5;   }


/* index style */
.index{ clear: both; display: block; width: 100%; margin: 0px auto; }
.clear, .clearC{ clear:both;}


.indexTitle{ clear: both; display: -webkit-box; height: 40px; line-height: 40px; border-bottom: 2px solid #1d5fb1; margin-top: 10px; }
.titleName{ -webkit-box-flex: 1; display: block; height: 40px; font-size: 16px; text-transform: capitalize; text-indent: 0.5em; }


.titleURL{ display: block; text-align: right; padding: 0px 20px; background: #1d5fb1; color: #fff;}
.titleURL a{ color: #FFF; }



/* index youshi */
.youshi{ clear: both; display: block; background: #FFF; }
.youshiPic{ clear: both; display: block; text-align: center; }
.youshiPic img{ border: 0px; width: 80%; margin: 0px auto; }
.youshiText{ clear: both; display: block;}
.youshiTop{ clear: both; display: block;}
.youshiTop .youshiIcon{ display: inline-block; background: #C00; color: #FFF; width: 40px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; font-weight: bold; margin: 0px 10px;}
.youshiTop strong{ font-size: 18px; font-weight: bold; color: #034091; }
.youshiBottom{ clear: both; display: block; margin: 10px 0px 10px 65px; font-size: 20px; font-weight: bold; }
.youshiList{ clear: both; display: block; margin: 0px 10px;}
.youshiList li{ clear: both; display: block; height: 40px; line-height: 40px; background: URL(../images/youshiIcon.jpg) left 50% no-repeat; text-indent: 2em; font-size: 14px; color: #656565; }




/* index news */
.indexNewsTop{ clear: both; display: block; padding: 15px 0px; background: #f7f7f7; margin-bottom: 15px; }
.indexNewsTop li{ clear: both; display: -webkit-box; width: 100%; }

.newspic{ width: 100px; margin: 5px 17px 5px 5px; }
.newspic img{ width: 100px; border: 1px solid #e3e3e3; padding: 2px; } 
.newstext{ display: block; -webkit-box-flex: 1; }
.newstitle{ clear: both; display: block; height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal;  }
.newstitle a{ color: #C00; }
.newstime{ clear: both; display: block; color: #868686; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }
.newssmalltext{ clear: both; display: -webkit-box; font-size: 12px; line-height: 20px; height: 60px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.indexNewsBottom{ clear: both; display: block; background: #f7f7f7; padding: 20px 0px; }
.indexNewsBottom li{ clear: both; display: -webkit-box; text-indent: 1em; background: URL(../images/newsIcon.jpg) left 50% no-repeat; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: normal; border-bottom: 1px dashed #e3e3e3; margin: 0px 5px; }
.indexNewsBottom li a{ display: block; -webkit-box-flex: 1; }








.newsList{ clear: both; display: block; border: 1px solid #e3e3e3; border-top: none; }
.newsList ul{ clear: both; display: block; margin: 0px 10px; padding: 5px 0px; }
.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-indent: 1em; background: URL(../images/iconSecond.jpg) left 50% no-repeat; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e3e3e3; }
.newsList li span{ float: right; }


/* copyright */
.copyright{ clear: both; display: block; background: #1d5fb1; padding: 20px 0px; margin-top: 20px; }
.copyC{ clear: both; display: block; width: 100%; margin: 0px auto; color: #FFF; }
.copyC a{ color: #FFF; }

.copyMenu{ clear: both; width: 100%; display: -webkit-box; }
.copyMenu a{ -webkit-box-flex: 1; display: block; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: 40px; line-height: 40px; background: #b70002; text-align: center; color: #FFF; font-size: 16px; }
.copyMenu a:hover{ background: #012448; text-decoration: none; }


.copyText{ background: #1d5fb1; padding: 10px; color: #FFF; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; margin-bottom: 35px; }
.copyText a{ color: #FFF; }

/* sub page */
.contentText{ clear: both; display: block; border: 1px solid #e3e3e3; }
.contentText img{ max-width: 100%; height: auto; }
.pageText{ clear: both; display: block; margin: 15px; }
.pageText img{ clear: both; display: block; }
.pageTitle{ clear: both; display: block; font-size: 20px; line-height: 35px; text-align: center; margin: 15px 0px; }
.pageInfo{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; margin-bottom: 20px; }

.contentText .newsList{ border: 0px; }

/* sub product */
.proList{ clear: both; display: block; }
.proList li{ float: left; display: block; width: 44%; margin: 10px 0px 0px 3%; }
.proList li div{ clear: both; text-align: center; }
.proList li div a{ clear: both; display: table-cell; border: 1px solid #e3e3e3; text-align: center; vertical-align: middle; }
.proList li div img{ border: 0px; max-width: 100%; max-height: 100%; }
.proList li span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.pagePic{ clear: both; display: block; margin: 10px; text-align: center; }
.pagePic img{ border: 0px;}



/* page list */
.page{ clear: both; display: block; margin: 15px; padding-top: 10px; border-top: 1px solid #e3e3e3; }
.pageList{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding-top: 10px; }
.pageList a{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #e3e3e3; }
.pageList b{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #000; color: #FFF; }


/* scroll start */
#demo { overflow:hidden; width:885px; margin:0px auto; }
#demo li{ float: left; text-align: center; }
#indemo { float: left; width: 1600%; }
#demo1 { float: left; }
#demo2 { float: left; }
/* scroll end */


.fixTel{ clear: both; display: block; height: 55px; line-height: 55px; background: #0a4792; text-align: center; position: fixed; width: 100%; left: 0px; bottom: 0px; }
.fixTel a{ color: #FFF; font-size: 18px; }
.fixTel a span{ color: #dfad00; margin-left: 20px; }
.fixTel a img{ border: 0px; }