@charset "utf-8";
@import url("/public/css/animate.min.css");
/* CSS Document */
/*bannar*/
body{ overflow-x: hidden;width: 100%;}

.gdjt_box01{width:1920px; position: relative; left: 50%; margin-left: -960px; cursor: pointer;}
.gdjt_box01 img{ display: block;width: 100%;}
.gdjt_box01 video{ position: absolute; left: 50%; top: 140px;width: 707px; margin-left: -353.5px;}

.gdjt_box02{width:1920px; position: relative; left: 50%; margin-left: -960px; z-index: 2;}
.gdjt_box02 img{ display: block;width: 100%;}

.gdjt_nr01{width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 150px;}
.gdjt_nr01 li{ position: absolute; left: 0; top:0; width: 287px; height: 234px; background: url("../images/gdjt_pc05.png") no-repeat 0px 234px; }

.gdjt_nr01 li:nth-child(2){left: 0px; top: 0px;   background-position:0px 234px;}
.gdjt_nr01 li:nth-child(3){left: 304px; top: 0px; background-position:-304px 234px; }
.gdjt_nr01 li:nth-child(4){left: 609px; top: 0px; background-position:-609px 234px;}
.gdjt_nr01 li:nth-child(5){left: 913px; top: 0px; background-position:-913px 234px;}

.gdjt_nr01 li:nth-child(6){left: 0px; top: 264px;  background: url("../images/gdjt_pc06.png") no-repeat 0px 234px;}
.gdjt_nr01 li:nth-child(7){left: 304px; top: 264px;background: url("../images/gdjt_pc06.png") no-repeat -304px 234px;}
.gdjt_nr01 li:nth-child(8){left: 609px; top: 264px;background: url("../images/gdjt_pc06.png") no-repeat -609px 234px;}
.gdjt_nr01 li:nth-child(9){left: 913px; top: 264px;background: url("../images/gdjt_pc06.png") no-repeat -913px 234px;}

.gdjt_nr01 li:hover{ height: 702px;}

.gdjt_box02 a{position: absolute; left: 50%; bottom: 20px; width: 500px; height: 80px ; margin-left: -250px;} 



.gdjt_box03{width:1920px; position: relative; left: 50%; margin-left: -960px; }
.gdjt_box03 img{ display: block;width: 100%;}

.gdjt_nr02{width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 150px;}
.gdjt_nr02 li{ position: absolute; left: 0; top:0; width: 287px; height: 180px; background: url("../images/gdjt_pc10.png") no-repeat;opacity: 0; }
.gdjt_nr02 img{ margin-bottom: 20px;}

.gdjt_nr02 li:nth-child(2){left: 0; top:0;     background-position: 0px 0px;}
.gdjt_nr02 li:nth-child(3){left: 304px; top:0; background-position: -304px 0px;}
.gdjt_nr02 li:nth-child(4){left: 609px; top:0; background-position: -609px 0px;}
.gdjt_nr02 li:nth-child(5){left: 913px; top:0; background-position: -913px 0px;}

.gdjt_nr02 li:nth-child(6){left: 0; top:200px;     background-position: 0px -200px;}
.gdjt_nr02 li:nth-child(7){left: 304px; top:200px; background-position: -304px -200px;}
.gdjt_nr02 li:nth-child(8){left: 609px; top:200px; background-position: -609px -200px;}
.gdjt_nr02 li:nth-child(9){left: 913px; top:200px; background-position: -913px -200px;}

.gdjt_nr02 li:hover{ opacity: 1;}

.gdjt_box03 a{position: absolute; left: 50%; bottom: 20px; width: 500px; height: 80px ; margin-left: -250px;} 


/*图集*/
.xszp_box{ width: 1920px;font-size: 0.1rem;position: relative; left: 50%; margin-left: -960px; z-index: 2; background-color: #ffffff;padding-bottom: 50px;}
.xszp_box img{ display: block;margin: 0 auto;}

.xszp_box p{text-align: center;font-size:0.14rem; line-height: 0.2rem;}

.xszp_box01{ display: flex; justify-content: center;width: 83%; margin: 0% auto 1% auto;}
.xszp_box01 li{width: 10%; margin:0 2% 1% 2%; border: 1px solid #0b65f7;text-align: center;color: #0b65f7; line-height: 0.2rem;border-radius: 2rem;}
.xszp_box01 .tsli{ border: 1px solid #0b65f7;background-color: #0b65f7;;color: #ffffff;}

.xszp_box02{width: 1200px; margin: 0 auto; position: relative;}
.xszp_box02 div{opacity: 0;}
.xszp_box02 div img{ display: block;width: 100%;}

.xszp_box02{ position: relative;}
.xszp_box02 li{position: absolute; left: 0; top: 0;width: 100%;z-index: 2;}
.xszp_box02 li img{ display: block;width: 100%;}