@charset "utf-8";
/* CSS Document */
#banner { position: relative; overflow: hidden; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: -100px; background: url('../images/bl.png') no-repeat center center; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: -100px; background: url('../images/br.png') no-repeat center center; }
#banner .owl-theme .owl-dots { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#banner .owl-theme .owl-dots .owl-dot { width: 12px; height: 12px; margin:5px 3px; }
#banner .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; background: #fff; opacity: 0.3; }
#banner .owl-theme .owl-dots .owl-dot.active span, #banner .owl-theme .owl-dots .owl-dot:hover span { background: #aa3333; opacity: 1;}

.bg1{ background: url("../testimg/bg1.jpg") no-repeat top center #ebecee; background-size: 100% auto;}

.section{ padding: 110px 0 0 0;}
.section .Title { margin-bottom: 40px; }
.section .Title h2{ font-size: 38px; font-weight: bold; text-align: center; color: #aa3333; line-height: 1.5;  background: url('../testimg/titbg.png') no-repeat top center; }

.latest-ul .Item{ width: 100%; }
.latest-ul .Item .box{ display: block; overflow: hidden; position: relative; }
.latest-ul .Item .pic{ float: left; width: 64%; height: 578px; overflow: hidden;}
.latest-ul .Item .pic img{ width: 100%; min-height: 100%; transition: all 0.3s linear;}
.latest-ul .Item .intro{ float: right; z-index: 2; display: block; width: 34%; height: 100%; padding: 50px 0;  }
.latest-ul .Item .intro h3{ font-size: 38px; color: #000;  line-height: 1.5; margin-bottom: 30px; }
.latest-ul .Item .intro p{ font-size: 15px; color: #000; line-height: 30px; max-height: 100%; }
.latest-ul .Item .intro .more-link{ transition: all 0.3s linear; margin-top: 50px; display: block; width: 146px; font-size: 15px; color: #fff; line-height: 54px; text-align: center; background: #aa3333 url('../testimg/btnbg.png'); }
.latest-ul .Item:hover .intro h3{ color: #aa3333; }
.latest-ul .Item:hover .pic img{ transform: scale(1.1); }
.latest-ul .Item:hover .intro .more-link{ font-size: 16px; }
.latest-ul .owl-nav{ position: absolute; left: 66%; bottom: 0;}
.latest-ul.owl-theme .owl-controls .owl-nav [class*=owl-]{ display: block;  font-size: 24px; font-family: Arial; color: #989898; padding: 0; margin: 0 10px 0 0; width: 44px; height: 44px; line-height: 44px; background: none; text-align: center; border: 1px solid #cbcbcb;} 
.latest-ul.owl-theme .owl-controls .owl-nav .owl-next{ float: left;}
.latest-ul.owl-theme .owl-controls .owl-nav .owl-prev{ float: right;}

.personal-main{ position: relative;}
.personal-main .swiper-slide{ position: relative; width: 25%; float: left;}
.personal-main .item .pic{ overflow: hidden; height: 100%; max-height: 635px; display: flex; align-items: center; justify-content: center;}
.personal-main .item .pic img{ width: 100%;   transition: all 0.3s linear; }
.personal-main .item .intro{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; transition: all 0.3s linear;  background: rgba(0, 0, 0, 0.5); color: #fff; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; }
.personal-main .item .intro p{ font-size: 26px; line-height: 1.5;}
.personal-main .item .intro h3{font-size: 48px; margin-top: 1rem; }
.personal-main .item:hover .intro{ opacity: 0;}
.personal-main .item:hover .pic img{ transform: scale(1.1);}
.personal-main .swiper-button-next, .personal-main .swiper-button-prev{ display: block; z-index: 99; color: #aa3333; }
.personal-main .swiper-button-next{ right: -100%; transition: all 0.3s linear; }
.personal-main .swiper-button-prev{ left: -100%; transition: all 0.3s linear; }
.personal-main:hover .swiper-button-next{ right: 10px;}
.personal-main:hover .swiper-button-prev{ left: 10px;}

#precious{ padding-bottom: 100px; background: url("../testimg/bg1.jpg") no-repeat top center #ebecee; background-size: 100% auto;}
#precious .container{ position: relative; }
.precious-left{ float: left; width: 76%;}
.precious-left .Title { display: flex; align-items: flex-start; }
.precious-left .Title h2{ min-width: 260px; }
.precious-right{ float: right; width: 22%; }
.precious-item{ float: left; width: 49%; }
.precious-item:first-child{ margin-right: 2%;}
.precious-item .pic{ overflow: hidden; height: 373px; margin-bottom: 20px; }
.precious-item .pic img{ width: 100%; min-height: 100%; transition: all 0.3s linear;  }
.precious-item .intro h3{ font-size: 24px; color: #000; line-height: 1.5; margin-bottom: 10px;}
.precious-item .intro p{ font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; text-transform: capitalize;}
.precious-item .intro .more-btn{ margin-top: 25px; display: block; width: 146px; font-size: 15px; color: #fff; line-height: 54px; text-align: center; background: #aa3333 url('../testimg/btnbg.png'); }
.precious-item:hover .pic img{ transform: scale(1.1); }
.precious-list{ padding-bottom: 70px; background: url('../testimg/line.png') no-repeat bottom right; }
.precious-list dt{ margin-bottom: 20px; }
.precious-list dt h2{ padding: 15px 20px; font-size: 30px; font-weight: bold; text-align: left; color: #fff; line-height: 40px;  background:#aa3333 url('../testimg/titbg2.png') no-repeat top right;}
.precious-list dd{ position: relative; margin-bottom: 10px; overflow: hidden; padding-right: 30%;}
.precious-list dd h3{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; color: #000; line-height: 30px; float: left; font-weight: 500; }
.precious-list dd .release-date{ position: absolute; right: 0; font-size: 15px; color: #999; line-height: 30px;}
.precious-more{ position: absolute; bottom: 0; right: 0;  display: block; width: 146px; font-size: 15px; color: #fff; line-height: 54px; text-align: center; background: #aa3333 url('../testimg/btnbg.png');  }
.precious-list dd:hover h3{ color: #aa3333;}


@media (min-width: 1025px) {
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 10px; opacity: 1; filter: alpha(opacity=100); }
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 10px; opacity: 1; filter: alpha(opacity=100); }

   
}

@media (max-width: 1360px) {
    #banner .owl-theme .owl-dots .owl-dot { width: 10px; }
    #banner .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .swiper-content .swiper-slide { height: 500px; }
}

@media (max-width: 1200px) {
 
}

@media (max-width: 1025px) {
    .section{ padding: 20px 0;}
    .section .Title  { margin-bottom: 10px;}
    .section .Title h2,#News .Title h2{ font-size: 24px; line-height: 1.5;}

    .latest-ul .Item .pic{ width: 100%; height: auto;}
    .latest-ul .Item .pic img{ min-height: auto;}
    .latest-ul .Item .intro{ width: 100%; padding: 10px 0 0;}
    .latest-ul .Item .intro h3{ font-size: 16px; line-height: 1.6; margin-bottom: 0;}
    .latest-ul .Item .intro p{ font-size: 12px; line-height: 1.8;}
    .latest-ul .Item .intro .more-link{ margin: 0; width: 100px; line-height: 40px; background-size:100% ;}
    .latest-ul .owl-nav{ right: 0; left: auto;}

   
}

@media (max-width: 800px) {    
    .section .Title h2{ font-size: 18px; line-height: 36px; background-size:auto 100% ;}

    .personal-main .item .intro p{ font-size: 14px;}
    .personal-main .item .intro h3{ font-size: 16px; margin-top: 5px;}

    #precious{ padding-bottom: 30px; }
    .precious-left .Title{ display: block;}
    .precious-left{ width: 100%; }
    .precious-right{ width: 100%; margin-top: 20px; }

    .precious-item .pic{ height: auto; margin-bottom: 0;}
    .precious-item:hover .pic img{ min-height: auto;}
    .precious-item .intro h3{ font-size: 14px; margin-bottom: 0; line-height: 1.6;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .precious-item .intro p{ font-size: 12px;}
    .precious-item .intro .more-btn,.precious-more{ margin: 0; width: 100px; line-height: 40px; background-size:100% ;}
    .precious-list{ padding-bottom: 50px; background-size:65%  auto; background-position:left bottom 15px;}
    .precious-list dt{ margin-bottom: 0; }
    .precious-list dt h2{ font-size: 18px; padding: 10px; }
    .precious-list dd { margin-bottom: 0;}
    .precious-list dd h3{ font-size: 12px;line-height: 30px;}

}

@media (max-width: 640px) {
       
}

@media (max-width: 520px) {
    
}

@media (max-width: 420px) {
   
}