/*header*/
header{ background-image: url("../img/bird-bg.png"); background-repeat: no-repeat; background-position: right top; background-size: 45%; }
#logo{ width: 1200px; height: 120px; margin: auto; line-height: 120px;}
.logo img{ height: 50px; float: left}
.logo-text img{ height: 50px; padding-left: 60px; float: left}
#navi{ height: 50px; line-height: 50px; width: 100%; background: rgba(0,0,0,.15)}
#navi > ul{ width: 1200px; height: 100%; margin: auto;}
#navi >ul >li{ float: left; height: 100%;  width: 12.5%; text-align: center;}
#navi >ul >li a{ font-size: 15px; height: 100%; display: block; color: #333}
#navi >ul >li a.active{ background: #ae191f; color: #fff; font-size: 16px; }
#navi .dropdown-menu{ position: relative; top: -2px; border: none; box-shadow: none; border-radius: 0;  background: rgba(0,0,0,.4); width: 100%; min-width: auto;}
/*#navi .dropdown-menu:before{content:""; position: absolute; width: 0; height: 0; border-style: dashed dashed solid dashed; border-width: 10px; border-color: transparent transparent rgba(0,0,0,.4) transparent; left: 50%; margin-left: -10px; top: -20px}*/
#navi .dropdown-menu li a{ font-size: 14px; line-height: 30px; color: #fff}
#navi .dropdown-menu li a:hover{ background: #ae191f; color: #fff;}

/*slider*/
.carousel-indicators li{ width: 46px;height: 6px; border-radius: 0; border: 0; margin: 0 8px; background: rgba(255,255,255,.4)}
.carousel-indicators li.active{ width: 46px;height: 6px; border-radius: 0; background: rgba(255,255,255,.8); border: 0; margin: 0 8px;}

/*container*/
#container{ background: url("../img/block1-bg.png") no-repeat -100px -100px;}
.inner-container{background: url("../img/all-bg.png") no-repeat left bottom; padding-bottom: 150px;}

/*section2*/
.seciton1{ padding: 70px 0;}
.wrap{ width: 1200px !important; margin: auto;}
.news-item{ width: 580px;}
.news-title{ width: 100%; height: 100%; line-height: 40px; border-bottom: 3px solid #ae191f;}
.news-title span{ font-size: 16px; color: #333; font-weight: 700}
.news-title i{ font-size: 12px; color: #ae191f;}
.news-title a{ font-size: 12px; color: #777; position: relative; top:2px; }
.news-content .tab-title{ position: absolute; width: 170px; padding: 30px 0; font-size: 15px; margin-left: -20px; }
.news-content .tab-title li{ line-height: 46px;color: #777; }
.news-content .tab-title li a{ display: block;padding-left: 40px;}
.news-content .tab-title li.active{ color: #fff; background: url("../img/news-nav.png") no-repeat; }
.news-content .tab-content{ float: right; width: 420px; padding: 20px 10px; height: 364px;}
.news-list{ line-height: 36px; color: #ae191f;}
.news-list li{position: relative}
.news-list li:before{position: absolute; content: '.'; left: -20px; top: -10px; font-size: 30px;}
.news-list li a{color: #333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}
.news-list li a:hover{ color: #ae191f;}
.video-item{ width: 580px; float: right; height: 364px; background: #010001; margin-top: 20px;}
.video-item video{ width: 100%; height: 100%; outline: none;}

/*section2*/
.section2{width: 100%; height: 500px; background: rgba(0,0,0,.1);}
.news-block-tabs{}
.news-block-tabs .tab-title{}
.news-block-tabs .tab-title li{float: left; line-height: 46px;}
.news-block-tabs .tab-title li.active{background: #ae191f; color: #fff;}
.news-block-tabs .tab-title li a{padding: 0 40px; display: block;}
.intro-text{width: 580px; height: 394px; background: #fff; line-height: 30px; padding:20px 30px; text-indent: 2em;}
.intro-text img{ float: left; margin-right: 20px; position: relative; top: 10px;}
.intro-pic{width: 580px; height: 394px}
.intro-pic img{width: 580px; height: 100%}

/*seciton3*/
.seciton3{ padding: 80px 0;}
.seciton3 .news-content .tab-title{ margin: 0; background: rgba(0,0,0,.05); padding: 20px 0; width: 150px; padding-right: 20px; position: static; float: left; height: 310px; margin-top: 30px;}
.tab-title li a{ cursor: pointer;}
.seciton3 .news-content .tab-title li.active{ background: #ae191f;}
.seciton3 .news-content .tab-content{ width: 360px;}
.seciton3 .extra-title{ width: 700px; padding-right: 150px; position: relative;}

/*honour*/
.honour-box{ box-shadow: 1px 1px 5px #ccc; width: 1200px; position: relative;}
.honour-title{ position: absolute; right: -80px; z-index: 20; top: 50px;}
.honour-box .honour-left{ width: 50%; float: left;}
.honour-box .honour-right{ width: 50%; float: left;}
.honour-box .honour-left ul li{ width: 50%; height: 250px; float: left; background: #fff;}
.honour-box h3{ padding:50px 30px 10px 30px; font-size: 15px; line-height: 26px;}
.honour-box p{ font-size: 12px; padding: 0 30px; line-height: 24px;}
.honour-box .honour-left ul li:nth-child(2){ background: #ae191f; color: #fff}
.honour-box ul li img{ width: 100%; height: 100%;}
.honour-right{ position: relative; height: 500px;}
.honour-right img{ width: 100%; height: 100%;}
.honour-right ul{ position: absolute; right: 0; top: 0; width: 50%; height: 250px;}
.honour-right ul li{ width: 100%; height: 100%; z-index: 10; background: #fff;}
.honour-text{ position: relative;}
.honour-text:before{content:""; position: absolute; width: 0; height: 0; border-style: dashed solid dashed dashed; border-width: 14px; border-color: transparent white transparent transparent; top: 50%; margin-top: -14px; left: -28px}
.honour-left .honour-text:nth-child(2):before{border-color: transparent #ae191f transparent transparent;}
.honour-left .honour-text:nth-child(3):before{border-style: dashed dashed dashed solid; border-width: 14px; border-color: transparent transparent transparent white; top: 50%; margin-top: -14px; right: -28px; left: auto;}


/*footer*/
footer{ height: 420px; background: #333; color: #999; padding: 30px 0 0 0;}
.footer-left{ width: 300px; padding-top: 130px;}
.footer-code{ margin: 60px 40px 0 0;  }
.footer-code img{margin-bottom: 10px;}
.footer-right{ width: 900px; }
.footer-right .footer-nav>ul{ border-bottom: 1px solid #383838; text-align: center;}
.footer-right .footer-nav>ul>li{ float: left; width: 14.2857%; font-size: 16px; line-height: 50px; position: relative}
.footer-right .footer-nav>ul>li>ul{color: #eee; font-size: 14px; line-height: 34px; position: absolute;text-align: center; width: 100%; padding: 10px 0;}
.footer-contact{ line-height: 26px; padding-top: 80px;}
.footer-copyright{ font-size: 13px; margin-top: 60px;border-top: 1px solid #383838; padding-top: 10px;}


.historyr{float: right}
.image-show-box{ position: fixed; z-index: 1000; left: 50%; top:50%; display: none}
.image-show-box img{width: 100%; height: 100%;}

.DetailContent table,.MainContent table,.arContent p{ margin: 10px auto}
.DetailContent table td,.MainContent table td{padding: 5px 10px;}
.arContent table img{width: 100%; height: auto; margin: 5px 0}
.arContent img{margin: 10px;}
.imainr_tit h3{font-size: 18px; margin: 10px auto 20px;}
.arDate span{font-size: 13px;}
.arDate span i{margin-left: 20px;}

#goTop{display:none;position: fixed; right: 20px; bottom: 50px; width: 80px; border: 5px solid #333; z-index: 100; border-radius: 100%; background: #333; cursor: pointer}
#goTop img{width: 100%;}