﻿@charset "utf-8";


.header{  margin-bottom: 45px;}
.topBox{ width: 100%; height: 170px; position: absolute; top: 0;z-index: 80;}
.top{ height:170px; margin: 0 auto;}
.logo{ float: left;}
.language{ margin-top: 35px; float: right; background:url(../img/BA0001.png);  color:#fff; line-height: 26px; font-size: 12px; padding: 0 10px; }
.language a{color: #fff;}


.bannerBox{width: 100%;  height: 600px; position: relative; overflow: hidden;}


.bannerNav { height: 14px; position: absolute; bottom: 20px; right: 40px; z-index: 40; }
.bannerNav a{ display: block; width: 14px; height: 14px; float: left; margin-left: 10px; background: url(../img/BA002.png) center left no-repeat;}
.bannerNav .imgSelected{ background-position:center right;}


@media (min-width: 768px) {
  .bannerText {
    width: 750px; left: 50%; margin-left: -378px;
  }
}
@media (min-width: 992px) {
  .bannerText {
    width: 970px;left: 50%; margin-left: -485px;
  }
}
@media (min-width: 1680px) {
  .bannerText {
    width: 1170px; left: 50%; margin-left: -585px;
  }
}

.bannerText{max-height: 600px; position: absolute;  z-index: 30; overflow: hidden; padding: 30px 0; bottom: 0;}
.bannerText .textCon{ display: none;}




.bannerImg{ height: 600px; margin-left: 50%; left: -960px; position: absolute; top: 0; z-index: 20;}
.bannerImg  img{display:none; position: absolute;}


.navBox{ height:66px; border-bottom: 1px solid #d7d7d7;}
.nav{ height: 66px; margin: 0 auto; padding: 0; }
.nav li{: 66px; float:left; line-height: 66px; text-align: center; }
.nav li a{ display: block;:66px; font-size: 15px; color: #666;margin: 0;padding: 0;}

.nav li#current a{ background: url(../img/BA003.jpg) top center no-repeat ;}
.nav li a:hover{ background-color: #e8231a !important; color: #fff}

.main{ margin: 0 auto; }

.synopsis{ height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 50px;}
.conLeft{ height: 266px; float: left; }
.synopsis .tit{ height: 78px; font-size: 30px; color: #696969; margin-bottom: 21px;}
.synopsis .tit strong{ float:left; color: #7f7f7f; letter-spacing:4px; }
.synopsis .tit span{ float: right;}
.synopsis .text{width: 100%; height:92px; line-height: 24px; font-size: 14px;  margin-bottom: 39px; color: #8e8e8e; overflow: hidden;}
.synopsis .text p{ margin-bottom: 24px;}

.synopsis .more{ display: block; width: 135px; height: 36px; background: url(../img/BA004.png);}
a.more:hover{ background: url(../img/BA005.png);}


.synopsisImg{ height: 266px;  float: right;}
.synopsisImg .imgBox{ width: 100%; overflow: hidden;}
.synopsisImg img{ display: block; height: 100%;}

.recommendPro{ height: auto; overflow: hidden; background: #f5f5f5; padding: 45px 0 60px;}
.proNoPadd{ padding: 0 !important;}
.recommendPro .tit{ height: 70px; margin: 0 auto 40px; }
.recommendPro .tit .t1{ line-height: 35px; font-size: 30px; color: #7f7f7f;}
.recommendPro .tit .t2{ line-height: 70px; font-size:52px; color: #696969; text-align: right; }

.recommendPro .list{ height: auto; margin: 0 auto; overflow: hidden; padding: 0 5px;}
.recommendPro .list li{ height: auto; margin-bottom: 37px; padding:0 5px;}
.recommendPro .list li a{display: block; height:auto;color: #8a8a8a; padding: 5px 5px 7px;  }
.recommendPro .list li a div{: auto; overflow: hidden; margin-bottom: 4px;}
.recommendPro .list li a div img{ display: block; width: 100% !important;}

.recommendPro .list li a .category{display: block; height: 51px; line-height: 50px; border-bottom: 1px solid #e3e3e3; font-size: 14px;text-indent: 5px;}
.recommendPro .list li a .name{display: block; height: 51px; line-height: 51px; font-size: 15px; overflow: hidden;}
.recommendPro .more{ display: block;  width: 135px; height: 36px; background: url(../img/BA004.png) no-repeat; margin: 0 auto;}

.recommendPro li.hover a{background-color: #ff443a;}
.recommendPro li.hover a .category{border-color: #f56760; color:#fff;}
.recommendPro li.hover a .name{color:#fff;}

.newsBriefs{ height:auto; overflow: hidden; margin-bottom: 60px;}
.titBox{ margin: 0 auto 50px; overflow: hidden;  }
.newsBriefs .tit{ height:130px;margin: 0 auto;  color: #7f7f7f;padding: 30px 0;border-bottom: 1px solid #d7d7d7;}
.newsBriefs .tit .t1{ display: block; text-align:left; font-size: 30px; line-height: 35px; padding: 0; }
.newsBriefs .tit .t2{ display: block; text-align:right; font-size: 52px; line-height: 70px;padding: 0; }


.newsBriefs .list{ height: auto; margin: 0 auto 40px; overflow: hidden;}
.newsBriefs .list li{overflow:hidden;float: left; padding: 20px 15px 20px 131px;  position: relative;}
.newsBriefs .list .time{ width: 95px; height: 92px; float: left; text-align: center; font-weight: bold; font-family:GothamYUNF; font-size: 18px;color:#686868; padding-right: 20px; border-right:2px solid #e0e0e0; position: absolute; left: 15px; }
.newsBriefs .list .time strong{ display: inline-block; font-size: 60px; line-height: 65px;}

.newsBriefs .list .name{ display: block; height: 35px; float: left; line-height: 35px; overflow: hidden; margin-bottom: 6px;}
.newsBriefs .list .name a{ display: block; font-size: 20px; color: #686868;}
.newsBriefs .list .text{ display: block; height: 50px; line-height: 24px; font-size: 13px; float: left; color: #b6b6b6; overflow: hidden;}

.newsBriefs .more{ display: block;  width: 135px; height: 36px;  background:url(../img/BA004.png) no-repeat; margin: 0 auto;}

.newsBriefs .list li a:hover{color: #005a9f;}


.footerBox{ height: auto; }
.footerTextBox{ height: 200px; padding:25px 0; border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc; }

.footerText{ height: 150px; margin: 0 auto; position: relative;}
.footerText .footerLogo{ height: 150px; float: left; padding-right: 25px; margin-right: 25px; border-right:2px solid #bcbcbc; }
.footerText .footerCon{ height: 150px;float: left; padding: 25px 0;  color: #8c8c8c; font-size: 14px; overflow: hidden; font-family: GothamYUNF,"微软雅黑";}
.footerText .goTop{ display: block; width:95px;  height: 28px; position: absolute; right: 23px;top: -39px; background: url(../img/top.jpg) no-repeat;}

.footerText .QRC{ height: 150px; float: right;}

.Copyright{ height:auto; margin:20px auto; padding:0 15px; color:#7e7e7e; font-size: 12px; line-height: 20px; overflow: hidden;}
.Copyright .left{ float: left; display: inline-block; }
.Copyright .right{margin-left: 20px; float: right;}
.Copyright a{ color: #7e7e7e;}



/* 翻页 */
#pageshow{text-align:center; clear:both;:25px;  position:relative; margin-top:40px; font-size:15px; font-family:宋体; }
#AspNetPager1 div{ display:inline-block; height:25px;  position:relative;}

#AspNetPager1 a,#pageshow .thisp,#AspNetPager1 .first{display:inline-block; padding:0px 7px; line-height:23px;  border:1px solid #d5d5d5; margin-left:6px; color: #828282;}
#AspNetPager1 a:hover{ color:#fff;background:#1165a5;}
#AspNetPager1 .thisp{ color:#fff;background:#1165a5;}

#AspNetPager1 .first:hover{ background-color:#1165a5;}
