header{ height:80px; line-height:80px; position:fixed; z-index:99; top:0; left:0; width:100%; background:rgba(126,0,17,.8);}
header .logo{ float:left; margin-top:3.5px; margin-right:80px;}
header nav{ float:left;}
header nav>ul>li{ width:80px;float:left;text-align:center;}
header nav>ul>li .nav-child{ display:none;}
header nav>ul>li:hover{ background:url(../images/nav-arrow.png) no-repeat center bottom;}
header nav>ul>li:hover .nav-child{ display:block;}
header nav a{ color:#fff; font-size:20px;}
header .nav-child{ position:fixed; z-index:99; top:80px; left:0; width:100%; background:rgba(120,120,120,.55); height:65px; line-height:65px;}
header .nav-child>ul{ position:relative; left:50%;}
header .nav-child>ul>li{ float:left; padding:0 50px;}
header .nav-child>ul>li:hover{ background:url(../images/nav-arrow-2.png) no-repeat center bottom;}
header .nav-child>ul>img{ float:left; position:relative; top:23px;}
header .nav-child>ul>li .nav-child-child{ display:none;}
header .nav-child>ul>li:hover .nav-child-child{ display:block;}
header .nav-child-child{ position:fixed; z-index:99; top:145px; left:50%; margin-left:-162.5px; width:225px; background:rgba(120,120,120,.55); line-height:50px; overflow:hidden;}
header .nav-child-child li{ text-align:center;}
header .nav-child-1>ul{ margin-left:-400px;}
header .nav-child-2>ul{ margin-left:-650px;}
header .nav-child-3>ul{ margin-left:-280px;}
header .nav-child-4>ul{ margin-left:-38px;}
header .nav-child-5>ul{ margin-left:-480px;}
header .nav-child-child-1{ margin-left:-238px!important;}

 
header .search{ float:left; margin-top:25px; margin-left:40px;}
header .search input{ float:left; border:0; border-radius:5px; text-indent:5px; height:30px; line-height:30px;}
header .search button{ float:left; border:0; background:url(../images/nav-search.png) no-repeat center; height:30px; width:30px;}

header .send{ float:right;}
header .send a{ color:#fff; display:block; float:left; height:80px;position:relative;z-index:20;}
#qehTP{position:absolute;left:-18px;top:70px;width:80px;z-index:10;margin:0;display:none;max-width:1000%;}
#qeh:hover #qehTP{display:block;}
/*header .send img{ position:relative; top:17.5px; margin-right:10px;width:10px;height:10px;}*/
header .send a img{ position:relative; top:17.5px; margin-right:10px;}

header .sblk{ float:left; margin-top:25px; margin-left:100px;}
header .sblk a{ float:left; border:0; border-radius:5px; text-indent:5px; height:30px; line-height:30px;color:yellowgreen;font-size:22px;}

.search-banner{ height:100px; line-height:100px; background:url(../images/bg-search-bar.png) #7e0011 no-repeat center center; padding:0 220px;} 
.search-banner select{ float:left; height:34px; width:350px; font-size:18px; text-align:center; color:#666; margin-left:40px; margin-top:33px;} 
.search-banner button{ font-size:18px; color:#fff; background:#59000c; width:120px; height:34px; line-height:34px; text-align:center; border:0; border-radius:5px; float:left; margin-left:40px; margin-top:33px;}

.intro{ height:600px;}
.intro .left{ height:600px; width:380px; margin-right:10px; background:url(../images/bg-map-left.png) no-repeat center bottom;}
.intro .center{ height:600px; width:830px; margin-right:10px; background:#7e0011;}
.intro .right{ height:600px; width:330px; background:url(../images/bg-map-right.png)#7e0011 no-repeat center bottom; padding:30px 40px;}
.intro .right .title{ margin-bottom:30px;}
.intro .right a{ color:#fff; line-height:34px;}
  
iframe{height:715px;}

.news .left{ height:570px; width:775px; margin-right:10px; background:url(../images/news-bg.png)#7e0011 no-repeat center center; background-size:100% 100%; padding:30px 50px;}
.news .title{ height:59px; line-height:59px;}
.news .title a{ color:#fff; font-size:18px; float:right;}
.news .title img{ margin-right:20px;}
.news ul{ margin-top:20px; padding:0 20px;}
.news li{ line-height:50px;}
.news li a{ color:#fff; font-size:20px; display:block; float:left; width:80%; margin-right:5%;}
.news li font{ color:#fff; float:right; font-size:20px; width:10%;}

.news .right{ height:570px; width:1450px;}
.news .right .title{ position:absolute; z-index:9; padding:30px; width:775px; text-align:center; font-size:38px; color:#fff;}
.news .right .title a{ color:#fff; font-size:18px; float:right; position:relative; top:15px;}


header .sblk{margin-top:21px;margin-left:200px;}
header .sblk a{font-size:20px;display:block;width:140px;line-height:40px;text-align:center;background:rgba(255,255,255,.4);border-radius:3px;height:40px;color:#fff;}
.send .nav_num{display:block;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.3);line-height:45px;text-align:center;font-size:20px;margin-top:18px;margin-right:14px;}
 


.hot{ height:600px;}

.hot .title{ height:600px; background:#71000c; width:80px; text-align:center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.hot ul li{ height:600px; float:left; width:365px; margin-left:5px;}
.hot ul li img{ width:100%; height:100%;}
.hot ul li a:hover{ opacity:1;}
.hot ul li a:hover>div{ opacity:1;}
.hot ul li a>div{ opacity:0; position:absolute; z-index:10; width:365px; height:600px; background-color:rgba(0,0,0,.8); color:#fff; padding:60px 50px;
	transition: .8s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.hot ul li a>div p{ font-size:30px; text-align:center; margin-bottom:30px;}
.hot ul li a>div div{ line-height:40px;}
.list2{margin:0 auto;}
  


.list{ background:#71000c; overflow:hidden; padding:0 42.5px 60px 42.5px;}
.list .title{ padding:20px; text-align:center;}
.list ul li{ width:365px; height:245px; float:left; margin-right:5px;}
.list ul li:last-child{ margin-right:0;}
.list ul li a img{ width:100%; height:100%;}
.list ul li a p{ position:absolute; z-index:10; background-color:rgba(120,120,120,.7); width:365px; height:245px; color:#fff; font-size:30px; text-align:center; line-height:245px; opacity:1;
	transition: .8s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.list ul li a:hover p{ opacity:0;}

 

.list2 ul{ display:flex;}
.list2 ul li{ float:left; margin-left:5px; background-color:rgba(120,120,120,1);}
.list2 ul li:first-child{ margin-left:0;}
.list2 ul li a p{ display:block; position:absolute; z-index:10; width:14%;}
.list2 ul li a p img{ position:relative; width:30%; margin-top:13%; margin-left:26%; opacity:1;
	transition: .8s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.list2 ul li a>img{ width:100%; opacity:.6;
	transition: .8s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.list2 ul li a:hover{ opacity:1;}
.list2 ul li a:hover>img{ opacity:1;}
.list2 ul li a:hover p img{ opacity:0;}

 
footer{height:165px; line-height:68px; position:relative; z-index:30; bottom:-10px; left:0; width:100%; background:#71000c;}
footer .title{ font-size:14px; text-align:center; margin-top:5px; color:#fff;}
footer .title a{ font-size:14px;color:#fff;}
footer .subtitle{ font-size:15px; text-align:center;margin-top:-20px;color:#fff;}
footer .s{ font-size:14px; text-align:center;margin-top:-30px;color:#fff;}
footer .info{ margin-top:-30px; font-size:14px;color:#fff;}
footer .left a{ color:#fff;}
/*footer .email{ margin-top:60px; width:310px; position:relative; left:50%; margin-left:-155px;}
footer .email input{ border:0; float:left; width:250px; height:45px; line-height:45px; text-indent:10px; line-height:45px; color:#fff; background-color:rgba(255,255,255,.2);}
footer .email input::-webkit-input-placeholder{ color:#fff;}
footer .email input::-moz-placeholder{ color:#fff;}
footer .email input::-moz-placeholder{ color:#fff;}
footer .email input::-ms-input-placeholder{ color:#fff;}
footer .email button{ border:0; float:left; width:60px; height:45px; line-height:45px; text-indent:10px; line-height:45px; background:url(../images/email.png) rgba(255,255,255,.4) no-repeat center center;}*/

 

.pop{ position:fixed; z-index:20; top:20%; right:2%; display:none;}
.pop div{ cursor:pointer; margin-bottom:10px;}
.pop div font,.pop div span{ display:none;}

.pop div font{ opacity:0; width:100px;
	transition: .8s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}

.pop div>img{ float:right; width:40px; height:40px;}
.pop div:hover>img{ display:none; }
.pop div:hover font{ display:block; opacity:1; height:40px; line-height:40px; border-radius:80px; font-size:16px; color:#fff; background-color:#333; padding:0 20px; width:160px; float:right; text-align:center;}
.pop div:hover font a{ color:#fff;}
.pop div:hover font.r1{ width:160px;}

.pop div:hover span{ display:block; height:45px; line-height:60px; border-radius:80px; background-color:#333; padding:0 20px; width:160px; float:right; text-align:center;}
.pop div:hover span a{ margin:0 5px; position:relative; top:9px;}
.pop div:hover span a img{ width:30px;}

 
 
 
 







.hot .more{ font-size:18px; position:absolute; z-index:20; margin-left:1480px; margin-top:30px;}
.hot .more a{ color:#333;}

.list .title{ padding:20px 0!important;}
.list .title a{ color:#fff; font-size:18px; float:right;}




.txtwhite{ font-size:24px; color:#fff;}
.mt15{ margin-top:10px;width:1560px;}

.left{ float:left;}
.center{ float:left;}
.right{ float:right;}




.sel{ background:#fff; border-radius:5px; text-indent:20px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
.sel::-ms-expand { display: none; }




.wrap{ width:1560px; margin:0 auto;}
.one {
	      display:block;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.one2 { 
        width:100%;
	      display:block;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      /*background: #fff;*/

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.autoimg .swiper-pagination-clickable .swiper-pagination-bullet{ background:url(../images/autoimg.png) no-repeat center center; width:50px; height:50px; opacity:1;}	
.autoimg .swiper-pagination-clickable  .swiper-pagination-bullet-active{ background:url(../images/autoimg-hover.png) no-repeat center center; width:50px; height:50px; opacity:1;}	
.autoimg .swiper-slide img{ width:100%; height:100%;}
.autoimg{ height:100%;}
.autoimg .swiper-slide a{ display:block; height:100%; width:100%; opacity:1;}

.intro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:none;}
.intro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:none;}

.intro .swiper-slide .txtwhite{ display:block; width:100%; text-align:center;}
.intro .swiper-slide font{ font-size:60px; color:#fff;}
.intro .swiper-slide .split{ background:url(../images/nav-divider2.png) no-repeat center center; height:71px; margin:50px; 0;}
.intro .swiper-slide{ padding:50px; display:block;}
.intro .swiper-slide a{ color:#fff; display:block; border:3px #fff solid; padding:10px 15px; width:200px; font-size:24px; margin-left:50px;}


.news .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}
.news .swiper-slide a{ height:100%; width:100%; opacity:1;}
.news .swiper-slide a img{ height:100%; width:100%;}
.news .swiper-slide a p{ position:absolute; z-index:10; margin-top:-150px; height:150px; line-height:150px; padding:0 30px; width:775px; background-color:rgba(126,0,17,.7); text-align:left; font-size:30px;}
.news .swiper-slide a p font{ font-size:24px; float:right;}
.news .swiper-slide a p font img{ width:30px; position:relative; margin-top:60px; margin-right:10px;}
.news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}


.panel-body{}
.panel-body::-webkit-scrollbar {/*滚动条整体样式*/
        width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.panel-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 7px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #5a000c;
    }
.panel-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 7px;
        background: #740212;
    }
	
.mt16 {
    margin-top: 10px;height:495px;
}	
.mt16 .title{height:495px;}
.mt16 ul li{width:485px;height:495px;}
.mt16 li a{position:relative;display:block;}
.mt16 li a p{display:none;font-size:20px;position:absolute;bottom:0;left:0;width:100%;text-align:center;background:rgba(107,2,7,.5);line-height:80px;color:#fff;}	
.mt16 li:hover a p{display:block;}

.news.hot,.news.hot .title{height:290px;}
.news .news_com{background:#7e0011;padding:0 90px;position:relative;height:290px;}
.news_com ul{width:50%;float:left;}
.news_com ul li{height:40px;width:83%;}
.news_com .most{width:40px;position:absolute;right:40px;top:20px;color: #fff;font-size: 18px;}
