.menu{
	display: none;
}
.menu_down{
	display: none;
}
.header{
	width: 100%;
	height:90px;
	background:rgba(0,0,0,0.75);
	position: fixed;
	left:0;
	top:0;
	z-index:99;
}
.logo{
	width: 23.33%;
	height:95px;
	background:url(../images/logo_bg.png) no-repeat center right;
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.header_right{
	width: 76.66%;
	height: inherit;
	position: absolute;
	right:0;
	top:0;
	z-index:1;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
}
.nav li a{
	display: block;
	font-size: 16px;
	color: #ccc;
	width: 120px;
	margin:0 15px;
	line-height:20px;
	text-align: center;
}
.nav li{
	height:90px;
	padding-top: 35px;
	position: relative;
}
.nav li::after{
	content:''; 
	position: absolute;
	width: 0;
	height:4px;
	background: #d7000f;
	left:50%;
	bottom:0;
	z-index: 1;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.nav li:hover::after{
	width: 100%;
	left:0;
}
.nav li dl{
	display: none;
	position: absolute;
	width: 100%;
	top:100%;
	left:0;
	z-index:98;
	background:rgba(0,0,0,0.75);
	padding:10px 0;
}
.nav li dd a{
	display: block;
	width: 100%;
	line-height:40px;
	text-align: center;
	font-size: 15px;
	color: #ccc;
	margin-left: 0;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.nav li dd a:hover{
	background:#d7000f;
	color: #fff;
}
.sea_lua li{
	float: left;
	padding:0 15px;
	border-right:1px solid #656768;
}
.sea_lua li:first-child{
	border-left:1px solid #656768;
}
.sea_lua li i{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	border:1px solid #cccccc;
	text-align: center;
	line-height:23px;
	font-size: 12px;
	color: #cccccc;
	border-radius:25px;
}
.sea_lua li p{
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	color: #ccc;
	font-weight: lighter;
	line-height:25px;
	padding-left: 10px;
}
.module_page4{
	width: 100%;
	height:auto;
	background:url(../images/module_page4.jpg) no-repeat center top;
	padding:65px 0 70px 0;
}
.index_title h3{
	text-align: center;
	font-size: 42px;
	color: #000000;
}
.index_title p{
	font-size: 16px;
	color: #888888;
	text-align: center;
	padding-top: 10px;
}
.white h3{
	color: #fff;
}
.white p{
	color: #fff;
}
.index_news{
	margin-top:105px;
	height:430px;
	background:url(../images/module_page42.png) no-repeat bottom right;
	background-size:cover;
	-webkit-align-items: center;
	align-items: center;
}
.index_news figure{
	width: 45%;
	background: #fff;
	padding:6px;
	height:inherit;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	-o-transform:translateY(-30px);
	transform:translateY(-30px);
}
.index_news figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index_news figcaption{
	width: 55%;
	padding:0 100px 0 60px;
}
.index_news figcaption h3{
	font-size: 20px;
	color: #000000;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.index_news figcaption h6{
	font-size: 14px;
	color: #999999;
	margin-top: 25px;
}
.index_news figcaption p{
	font-size: 16px;
	color: #666;
	line-height:36px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top:20px;
}
.index_news figcaption a{
	display:block;
	width: 180px;
	height: 40px;
	line-height:40px;
	padding-left: 20px;
	background: #000;
	color: #fff;
	font-size: 14px;
	margin-top:50px;
	position: relative;
	z-index: 3;
	
}
.index_news figcaption a b{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 1px;
	background: #fff;
	margin-left:20px;
}
.index_news figcaption a::after{
	content:'';
	position: absolute;
	right:0;
	top:0;
	width: 0;
	height:40px;
	background: #d7000f;
	z-index:-1;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.index_news figcaption a:hover::after{
	left:0;
	width: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.news_list{
	margin-top: 25px;
}
.mod3 li{
	width:calc(33.33% - 13.33px);
	margin-right: 20px;
}
.mod3 li:nth-child(3n){
	margin-right: 0;
}
.news_list li{
	padding:30px 30px;
	border:1px solid #898989;
}
.news_list li h3{
	font-size: 18px;
	color: #000000;
	line-height:30px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_list li p{
	color: #666666;
	font-size: 14px;
	line-height:24px;
	margin-top:30px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_list li h6{
	font-size: 14px;
	color: #999;
	margin-top:70px;
}
.module_page3{
	width: 100%;
	padding:60px 0 80px 0;
	position:relative;
	background:url(../images/moduele_page3.jpg) no-repeat right top;
}
.module_page3::after{
	content:"";
	position: absolute;
	width:15.5%;
	height:340px;
	background:url(../images/module_page32.png) no-repeat center left;
	right:0;
	bottom:20px; 
	z-index:-1;
}
.product_list{
	margin-top: 50px;
}
.product_list li{
	border:2px solid transparent;
	padding:20px 0 30px 0;
	margin-right: 20px;
	margin-bottom: 30px;
	-webkit-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	transition: ease-in-out .2s;
}
.product_list li:nth-child(3n){
	margin-right:0;
}
.product_list li figcaption{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-left: 36px;
	padding-top: 20px;
	position: relative;
}
.product_list li figcaption::after{
	position: absolute;
	content:'';
	width: 75px;
	height: 2px;
	background: #000; 
	left:36px;
	top:0;
	z-index: 1;
	-webkit-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	transition: ease-in-out .2s;
}
.product_list li figcaption h3{
	font-size: 20px;
	color: #000000;
	-webkit-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	transition: ease-in-out .2s;
}
.product_list li figcaption p{
	display:block;
	width: 120px;
	border-bottom:24px solid #999999;
	border-left:15px solid transparent;
	position: relative;
	-webkit-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	transition: ease-in-out .2s;
}
.product_list li figcaption p span{
	position: absolute;
	left:10px;
	top:2px;
	line-height:24px;
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.product_list li:hover{
	border-color:#000;
}
.product_list li:hover figcaption h3{
	color: #d7000f;
}
.product_list li:hover figcaption::after{
	background:#d7000f;
}
.product_list li:hover figcaption p{
	border-bottom-color:#d7000f;
}
.module_page1{
	width: 100%;
	position: relative;
	padding-top: 70px;
	background: url(../images/module_page1.jpg) no-repeat top center;
}
.module_page1::after{
	content:"";
	position: absolute;
	width:10%;
	height:225px;
	background:url(../images/module_page12.png) no-repeat top right;
	left:0;
	top:0; 
	z-index:0;
}
.module_page1 .w1200{
	-webkit-align-items: center;
	align-items: center;
}
.inabout{
	max-width:620px;
}
.inabout h3{
	font-size: 32px;
	color: #000;
}
.inabout h3 span{
	font-size: 30px;
	text-transform: uppercase;
	margin-left: 10px;
}
.ab_enitor{
	font-size: 16px;
	color: #333;
	line-height:40px;
	font-weight: lighter;
	margin-top: 20px;
}
.inabout a{
	display:block;
	width: 300px;
	height: 45px;
	line-height:45px;
	padding-left:30px;
	background: #000;
	color: #fff;
	font-size: 15px;
	margin-top:65px;
	position: relative;
	z-index: 3;
	
}
.inabout a b{
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 1px;
	background: #fff;
	margin-left:50px;
}
.inabout a::after{
	content:'';
	position: absolute;
	right:0;
	top:0;
	width: 0;
	height:45px;
	background: #d7000f;
	z-index:-1;
	-webkit-transition: ease-in-out .5s;
	-o-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
}
.inabout a:hover::after{
	left:0;
	width: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.digital{
	width:510px;
	height:280px;
	border:1px solid #f0f0f0;
}
.mumping_mun{
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top:30px;
}
.mumping_mun li{
	width: 50%;
	text-align: center;
	margin-bottom:40px;
}
.mumping_mun span.timer{
	font-size: 48px;
	color: #000;
	font-family:'Futura Bk BT Book'; 
}
.mumping_mun p{
	font-size: 14px;
	color: #999999;
}
.in_video{
	width: 100%;
	position: relative;
	margin-top: 100px;
}
.in_video .video_left{
	width: 90%;
	height:500px;
	-webkit-transform:skewX(-42deg) scaleX(0.8) translateX(-100px);
	-ms-transform:skewX(-42deg) scaleX(0.8) translateX(-100px);
	-o-transform:skewX(-42deg) scaleX(0.8) translateX(-100px);
	transform:skewX(-42deg) scaleX(0.8) translateX(-100px);
	overflow:hidden;
}
.in_video .video_left video{
	width: 100%;
	height:100%;
	object-fit: cover;
	-webkit-transform:skewX(42deg) scale(1.3);
	-ms-transform:skewX(42deg) scale(1.3);
	-o-transform:skewX(42deg) scale(1.3);
	transform:skewX(42deg) scale(1.3);
}
.video_right{
	position: absolute;
	width:19.16%;
	right:0;
	top:-190px;
	z-index:1;
}
.video_right p{
	margin-top: 60px;
	font-size: 30px;
	color: #000;
	border-bottom:1px solid #000;
	padding-bottom: 5px;
	width: 100%;
}
.video_right p span{
	font-size: 22px;
	color: #555555;
	margin-left: 5px;
}
.module_page2{
	width: 100%;
	padding-top: 80px;
	background:url(../images/moudle_page2.jpg) no-repeat bottom right;
}
.w1340{
	max-width:1340px;
	margin: 0 auto;
}
.type_mod{
	display: none;
}
.type_left h6{
	color: #999999;
	font-size: 40px;
	text-transform: uppercase;
	font-family:'impact'; 
}
.type_left h3{
	font-size: 200px;
	color: #d7000f;
	font-family:'impact'; 
	line-height:180px;
}
.type_left p{
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
}
.type_left a.more{
	display: block;
	margin-top: 40px;
}
.type_list{
	width: 400px;
	margin-top: 65px;
}
.type_list li{
	width: 33.33%;
}
.type_list a{
	display: block;
	width: 100%;
	font-size: 18px;
	color: #999999;
	padding-bottom: 20px;
	border-bottom:1px solid #b2b1b2;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.type_list li.choose a{
	color: #000;
	border-color:#000;
}
.type_list a:hover{
	color: #000;
	border-color:#000;
}
.type_list{
	margin-top: 35px;
}
.type_mod{
	display: none;
}
.footer_top{
	padding:60px 0 40px 0;
	background: #444444;
}
.fo_nav li{
	margin-left: 100px;
}
.fo_nav li:first-child{
	margin-left: 0;
}
.fo_nav li h3{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.fo_nav a{
	display: block;
	font-size: 15px;
	color: #999;
	line-height:20px;
	padding:11px 0;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.fo_nav a:hover{
	color: #fff;
}
.inside_add{
	height:60px;
	box-shadow:0px 0px 5px #d2d2d2;
	position: relative;
	z-index:3;
}
.inside_add .flex{
	height: inherit;
}
.add_left {
	height: inherit;
	-webkit-align-items: center;
	align-items: center;
}
.add_left i{
	color: #999999;
	font-size: 18px;
	margin-right: 10px;
}
.add_left a{
	font-size: 14px;
	color: #999;
}
.add_left a:hover{
	text-decoration: underline;
}
.add_left img{
	margin: 0 10px;
}
.add_left span{
	font-size: 14px;
	color: #000000;
}
.inside_nav a{
	display: block;
	line-height:60px;
	padding:0 35px;
	font-size: 16px;
	color: #666666;
	text-transform: capitalize;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.inside_nav a.active{
	background: #d7000f;
	color: #fff;
}
.inside_nav a:hover{
	background: #d7000f;
	color: #fff;
}
.inside_nav li{
	border-right:1px solid #eeeeee;
}
.inside_nav li:first-child{
	border-left:1px solid #eee;
}
.detail{
	padding:70px 0 90px 0;
}
.contact_page{
	max-width:1048px;
	margin: 0 auto;
}
.contact_title{
	text-align: center;
}
.contact_title h3{
	font-size: 32px;
	color: #222222;

}
.contact_title i{
	display: block;
	margin: 0 auto;
	color: #999999;
	font-size: 36px;
	margin-top: 20px;
}
.contact_title p{
	font-size: 14px;
	color: #999999;
	padding-top: 10px;
}
.contact_title h6{
	font-size: 36px;
	font-weight: lighter;
	color: #d7000f;
}
.contact_list{
	margin-top: 50px;
	margin-bottom: 30px;
}
.contact_list li{
	height:200px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border:1px solid #e1e1e1;
	border-left:none;
	width: 33.33%;
	margin:0;
	text-align: center;
}
.contact_list li:first-child{
	border-left:1px solid #e1e1e1;
}
.contact_list li i{
	font-size: 36px;
	color: #d7000f;
}
.contact_list li p{
	font-size: 15px;
	color: #666666;
	margin-top: 20px;
}
.w945{
	max-width: 945px;
	margin: 0 auto;
}
.liuyan h3{
	font-size: 3.2rem;
	font-weight: 500;
	color: #e60012;
	text-align: center;
	margin-bottom:4%;
}
.liuyan h4{
	font-size: 2.6rem;
	font-weight: 500;
	color: #494544;
	text-align: center;
	margin-bottom: 5.2%;

}
.zx_message{
	padding: 0 0 40px 0;
}
.message li{
	padding-bottom: 20px;
}
.message input{
	height:45px;
	line-height: 45px;
	border-radius: 10px;
	border:1px solid #dadada;
	box-shadow: 0 0 10px #eee;
}
.message li:first-child{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.message li:first-child input{
	width:32%;
	padding-left: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.message li textarea{
	border:1px solid #dadada;
	width: 100%;
	height:300px;
	padding:2%;
	border-radius: 10px;
	box-shadow: 0 0 10px #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.message li:nth-child(3){
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.message li:nth-child(3) input{
	width:100%;
	padding:2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.message li:nth-child(3) button{
	width: 30%;
	font-size: 16px;
	line-height:45px;
	height: 45px;
	color:#fff;
	border-radius: 10px;
	background: #e60012;
}
.yzm{
	width: 40%;
	position: relative;
}
.yzm img{
	position: absolute;
	right:5px;
	top:9px;
	z-index: 2;
}
.inside_title h3{
	margin: 0 auto;
	width:fit-content;
	font-size: 42px;
	color: #000000;
	text-align: center;
	padding-bottom: 10px;
	border-bottom:4px solid #d7000f;
}
.jion_list {
    margin-top: 40px;
}

.jion_list ul li {
    width:calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 20px 15px 34px 15px;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_list ul li::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 22px;
    background: url(../images/333.png) no-repeat center center;
    right: 0;
    bottom: 0;
    z-index: 9;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_list ul li:nth-child(4n) {
    margin-right: 0;
}

.jion_pg1 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.jion_pg1 h3 {
    font-size: 14px;
    color: #999999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_pg1 h6 {
    font-size: 14px;
    color: #999999;
}

.jion_list ul li table {
    width: 100%;
    border: none;
    margin: 20px 0;
}

.jion_list ul li table th {
    border: none;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.jion_list ul li table td {
    border: none;
    color: #666;
    line-height: 24px;
}
.jion_pg2{
	border-top:1px solid #f0f0f0;
	padding-top: 20px;
}
.jion_list ul li .jion_pg2 h4 {
    font-size: 14px;
    color: #999;
    padding-bottom: 5px;
}

.jion_list ul li .jion_pg2 aside {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 174px;
    overflow-y: scroll;
}

.jion_list ul li .jion_pg2 aside::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    scrollbar-arrow-color: red;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_list ul li .jion_pg2 aside::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    scrollbar-arrow-color: red;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_list ul li .jion_pg2 aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}


.jion_list ul li:hover .jion_pg2 aside::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    scrollbar-arrow-color: red;

}

.jion_list ul li:hover .jion_pg2 aside::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    scrollbar-arrow-color: red;
}

.jion_list ul li:hover .jion_pg2 aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.jion_list ul li:hover {
    border-color: #d7000f;
}

.job_name{
	font-size: 30px;
	color: #000000;
	margin-top:20px;
	border-bottom:1px solid #f0f0f0;
	padding:0 8px 15px 8px;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}


.jion_list ul li:hover .job_name{
    color: #d7000f;
}
.photo_list{
	margin-top: 40px;
}
.photo_list li{
	width: calc(33.33% - 15px);
	margin-right: 22.5px;
	margin-bottom: 20px;
	padding:9px;
	border:1px solid #e1e1e1;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.photo_list li figure{
	height:205px;
	overflow:hidden;
}
.photo_list li figure img{
	height:100%;
	width: 100%;
	object-fit: cover;
}
.photo_list li figcaption{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	height:50px;
	padding:5px 10px 0 8px;
}
.photo_list li figcaption h3{
	font-size: 16px;
	color: #666666;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.photo_list li figcaption i{
	font-size:32px;
	color: #999;
	display: block;
	margin-top: 5px;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.photo_list li:hover{
	border-color:#d7000f;
}
.photo_list li:hover h3{
	color: #d7000f;
}
.photo_list li:hover i{
	color: #d7000f;
}
.photo_name{
	text-align: center;
	font-size: 24px;
	color: #000000;
	margin-bottom:40px;
}
.ph_enitor{
	text-align: center;
}
.enitor{
	font-size: 16px;
	color: #666;
	line-height:48px;
	padding:0 55px;
	margin-top: 40px;
}
.detail .news_list{
	margin-top: 40px;
}
.detail .news_list li{
	padding:0;
	margin-bottom: 10px;
	border:1px solid #f0f0f0;
}
.detail .news_list li a{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding:30px 20px 30px 45px;
}
.detail .news_list li h6{
	margin-top: 0;
	font-size: 13px;
	color: #999;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.detail .news_list li h3{
	font-size: 16px;
	color: #000000;
	margin-top: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.detail .news_list li p{
	font-size: 13px;
	color: #999;
	line-height:24px;
	margin-top: 30px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.detail .news_list li figcaption{
	max-width:755px;
}
.detail .news_list li figure{
	max-width:300px;
}
.detail .news_list li span{
	display:block;
	width: 125px;
	height: 40px;
	line-height:40px;
	padding-left: 20px;
	background: #000;
	color: #fff;
	font-size: 14px;
	margin-top:50px;
	position: relative;
	z-index: 3;
	
}
.detail .news_list li span b{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 1px;
	background: #fff;
	margin-left:18px;
}
.detail .news_list li span::after{
	content:'';
	position: absolute;
	right:0;
	top:0;
	width: 0;
	height:40px;
	background: #d7000f;
	z-index:-1;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.detail .news_list li:hover{
	border-color:#d7000f;
}
.detail .news_list li:hover h3{
	color: #d7000f;
}
.detail .news_list li:hover h6{
	color: #000;
}
.detail .news_list li:hover p{
	color: #000;
}
.detail .news_list li:hover span::after{
	left:0;
	width: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.news_title{
	padding-bottom:20px;
	padding-left: 50px;
	border-bottom:1px solid #f0f0f0;
}
.news_title h6{
	font-size: 16px;
	color: #666666;
}
.news_title h3{
	font-size: 28px;
	color: #000000;
	margin-top: 10px;
}
.news_enitor{
	padding:50px;
	font-size: 16px;
	color: #555;
	line-height:36px;
}
.news_next{
	border-top:1px solid #e5e5e5;
	padding-top: 20px;
}
.news_next .left{
	float: left;
}
.news_next .left ul li{
	font-size: 14px;
	color: #999; 
	font-weight: bold;
	line-height:36px;
}
.news_next .left ul li a{
	font-size: 14px;
	color: #666;
	font-weight:normal;
	-webkit-transition: ease-in-out .5s;
	-o-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
}
.news_next .left ul li a:hover{
	color:#d7000f;
}
.news_next .right{
	float: right;
	width: 140px;
	height: 58px;
	border:1px solid #e3e3e3;
	border-radius:30px;
	overflow:hidden;
	margin-top:10px;
}
.news_next .right a{
	display: block;
	line-height:56px;
	font-size: 15px;
	color: #999;
	text-align: center;
	-webkit-transition: ease-in-out .5s;
	-o-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
}
.news_next .right a:hover{
	background:#d7000f;
	color: #fff;
}
.honor_list li{
	padding:9px;
	border:1px solid #f0f0f0;
	margin-right: 22.5px;
	margin-bottom: 20px;
	width:calc(33.33% - 15px);
}
.honor_list li a{
	display: block;
	position: relative;
}
.honor_list li figure{
	height:480px;
	width: 100%;
}
.honor_list li figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.honor_list li figcaption{
	position:absolute;
	width: 100%;
	height:60px;
	line-height:20px;
	padding:12px 10px 0 10px; 
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:9;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.honor_list{
	margin-top: 40px;
}
.honor_list li:hover figcaption{
	background:rgba(215,0,15,1);
}
.inside_title2 span{
	display: block;
	margin: 0 auto;
	width: fit-content;
	padding:0 22px;
	line-height:32px;
	background: #d7000f;
	color: #fff;
	font-size: 16px;
}
.inside_title2 h3{
	text-align: center;
	margin-top: 15px;
	font-size: 32px;
	color: #000000;
}
.control{
	border-top:1px solid #f0f0f0;
	margin-top: 30px;
	padding-top: 40px;
}
.control ul{
	-webkit-justify-content: center;
	justify-content: center;
}
.control li{
	width: 45px;
	height: 45px;
	border:1px solid #d2d2d2;
	margin:0 5px;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.control li a{
	display: block;
	text-align: center;
	line-height:43px;
	font-size: 15px;
	color: #999999;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.control li:first-child{
	width: 95px;
}
.control li:last-child{
	width: 95px;
}
.control li:hover{
	border-color:#d7000f;
}
.control li:hover a{
	color: #d7000f;
}
.pro_page{
	background:url(../images/detail_page.jpg) no-repeat top center;
}
.prodea_swiper .gallery-thumbs{
	margin-top: 20px;
}
.prodea_swiper .gallery-thumbs .swiper-slide{
	border:1px solid #e5e5e5;
	height:130px;
	padding:2%;
	cursor: pointer;
}
.prodea_swiper .gallery-top .swiper-slide{
	text-align: center;
}
.prodea_swiper .gallery-top .swiper-slide img{
	width: 584px;
	height: 535px;
	object-fit: cover;
}
.prodea_swiper .gallery-thumbs .swiper-slide img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.prodea_swiper{
	padding:0 160px;
	position: relative;
}
.color_swiper{
	padding:0 160px;
	position: relative;
}
.color_swiper .swiper-slide{
	text-align: center;
}
.color_swiper .gallery-thumbs .swiper-slide{
	cursor: pointer;
}
.color_swiper .gallery-thumbs .swiper-slide img{
	border:1px solid #eee;
	border-radius:36px;
	margin-bottom:10px;
}
.prodea_swiper .gallery-thumbs .swiper-slide-thumb-active{
	border-color:#d7000f;
}
.prodea_swiper .swiper-button-next:hover{
	color: #d7000f;
}
.prodea_swiper .swiper-button-prev:hover{
	color: #d7000f;
}
.pro_titel{
	text-align: center;
	font-size: 32px;
	color: #404445;
	font-weight: bold;
	margin-bottom:60px;
}
.prodea_mod{
	border-bottom:10px solid #f3f3f3;
	padding-bottom: 100px;
}
/*.color_swiper .gallery-thumbs .swiper-wrapper{
	-webkit-justify-content:center;
	justify-content:center;
}*/
.color_swiper .swiper-slide span{
	display: block;
	width: 36px;
	height: 36px;
	border-radius:36px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.color_swiper .swiper-slide p{
	text-align: center;
	font-size: 14px;
	color: #666;
}
.color_swiper .swiper-slide .red{
	background: #d50303;
}
.color_swiper .swiper-slide .gray{
	background: #c0c0c0;
}
.color_swiper .swiper-slide .bule{
	background: #3195ea;
}
.color_swiper .gallery-thumbs{
	margin-top:60px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.color_swiper .gallery-thumbs .swiper-wrapper{
	width:auto;
}
.color_swiper .gallery-top .swiper-slide{
	text-align: center;
}
.color_swiper .swiper-slide-thumb-active p{
	color:#89010b;
}
.pt70{
	padding-top: 70px;
}
.pb60{
	padding-bottom: 60px;
}
.pro_enitor{
	text-align: center;
}
.border-n{
	border:none;
}
.pb0{
	padding-bottom: 0;
}
.about_page1{
	padding:80px 0;
	background:url(../images/about_page1.jpg) no-repeat center right;
}
.about_page .inside_title2 h3{
	text-align: left;
}
.inside_title2 h3 span{
	display: initial;
	background:none;
	font-size: 30px;
	color: #000000;
	margin-left: 10px;
	width:auto;
	padding:0;
	text-transform:uppercase;
}
.about_page .inside_title2 span{
	margin-left: 0;
}
.about_con{
	margin-top: 30px;
}
.about_con figcaption{
	max-width:835px;
	height:330px;
	overflow-y:scroll;
	padding-right: 45px;
	font-size: 15px;
	color: #333;
	font-weight:lighter;
	line-height:40px;
}
.about_con figure{
	max-width:325px;
}
.about_con figcaption::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.about_con figcaption::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #d7000f;
}
.about_con figcaption::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
}
.about_page2{
	width: 100%;
	height:200px;
	background:url(../images/about_page2.jpg) no-repeat center center;
}
.about_page2 .digital{
	width: 100%;
	height:200px;
}
.about_page2 .mumping_mun{
	height: inherit;
	padding-top: 0;
	-webkit-align-items: center;
	align-items: center;
}
.about_page2 .mumping_mun li{
	width: 25%;
	margin-bottom: 0;
}
.about_page2 .mumping_mun span.timer{
	color: #d7000f;
	font-size: 60px;
}
.about_page2 .mumping_mun p{
	color: #000000;
	font-size: 18px;
	margin-top: 10px;
}
.about_page3{
	width: 100%;
	height:1000px;
	padding-top: 100px;
	background:url(../images/about_page3.jpg) no-repeat center right;
}
.cul_con figcaption{
	max-width: 1000px;
	height:400px;
}
.hist_page_tab1{
	background:url("../images/line.jpg") left top 66px repeat-x;
}
.hist_page_tab1 .swiper-container{
	margin-top: 50px;
}
.hist_page_tab1 .swiper-slide{
	text-align: center;
	cursor: pointer;
	position: relative;
}
.hist_page_tab1 .swiper-slide .years{
	font-size: 24px;
	color: #666666;
	height:80px;
	background:url("../images/point.jpg") left 50% top 60px no-repeat;
}
.hist_page_tab1 .swip_choose .years{
	color: #d7000f;
	background:url("../images/point2.jpg") left 50% top 60px no-repeat;
}
.hist_page_tab1 .swiper-pagination-bullet-active{
	background: #788498;
}

.years img{
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -5px;
	z-index: 999;
}
.histab2_time span{
	font-size: 32px;
	color: #788498;
}
.histab2_time i{
	font-size: 48px;
	color: #788498;
	padding-left: 10px;
}
.hist_page_tab2{
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 55px;
}
.hist_page_tab2_in{
	display: none;
}
.hist_page_tab2_in:first-child{
	display: block;
}

.hist_page_tab1 .swiper-button-next{
	width: 25px;
	height:30px;
	background:url("../images/right22.jpg") left top no-repeat;
	top:64%;
	right:0;
	margin-top: 0;
	-webkit-transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
	transform:rotateZ(180deg);
}
.hist_page_tab1 .swiper-button-next::after{
	display: none;
}
.hist_page_tab1 .swiper-button-prev{
	width: 25px;
	height:30px;
	background:url("../images/right22.jpg") left top no-repeat;
	top:64%;
	left:0;
	margin-top: 0;
}
.hist_page_tab1 .swiper-button-prev::after{
	display: none;
}
.hist_page_tab1 .swiper-button-prev:hover{
	background:url("../images/right2.jpg") left top no-repeat;
}
.histab2_list h3{
	width: 255px;
	height: 70px;
	text-align: center;
	line-height:70px;
	background:#d7000f;
	font-size: 40px;
	color: #ffffff;
	margin: 0 auto;
	border-radius:5px;
	position: relative;
}
.histab2_list h3::after{
	content:'';
	position: absolute;
	width: 14px;
	height: 7px;
	background:url(../images/bottom.jpg) no-repeat center center;
	left:calc(50% - 7px);
	top:100%;
	z-index: 1; 
}
.histab2_list p{
	font-size: 1.8rem;
	color: #000000;
	line-height:2;
	margin-top: 40px;
}
.histab2_tukuang{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.histab2_tukuang .histab2_time{
	width: 660px;
	height: 450px;
	overflow:hidden;
}
.histab2_tukuang .histab2_time img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about_page4{
	padding-bottom: 80px;
}
.type_list2{
	margin-top: 50px;
}
.type_list2 ul li{
	margin-bottom: 60px;
	height:578px;
	background:url(../images/type_bg.png) no-repeat center right;
}
.type_list2 ul li:nth-child(2n){
	background:url(../images/type_bg2.png) no-repeat center left;
}
.type_list2 li .mod{
	max-width:560px;
	float: right;
	margin-top: 160px;
}
.type_list2 li .mod h3{
	font-size: 36px;
	color: #d7000f;
}
.type_list2 li .mod p{
	font-size: 16px;
	line-height:36px;
	font-weight:lighter;
	margin-top: 60px;
}
.type_list2 li .mod a{
	display:block;
	width: 180px;
	height: 40px;
	line-height:40px;
	padding-left:40px;
	background: #000;
	color: #fff;
	font-size: 14px;
	margin-top:50px;
	position: relative;
	z-index: 3;
	
}
.type_list2 li .mod a i{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin-left:30px;
	font-size: 20px;
}
.type_list2 li .mod a::after{
	content:'';
	position: absolute;
	right:0;
	top:0;
	width: 0;
	height:40px;
	background: #d7000f;
	z-index:-1;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.type_list2 li .mod a:hover::after{
	left:0;
	width: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.type_list2 li:nth-child(odd) .mod{
	float: right;
}
.type_list2 li:nth-child(even) .mod{
	float: left;
}
.suspension_mov{
	position: fixed;
	right:0;
	bottom:240px;
	z-index: 999;
}
.suspension_tel i{
	font-size: 2.2rem;
	color: #fff;
}
.suspension_tel{
    width: 42px;
    height: 42px;
    line-height: 42px;
    /*background: #ed1f23;*/
    background:#7a6e6e;
    /*position: fixed;
    right: 0;*/
    /*bottom:183px;*/
    /*bottom:314px;*/
    cursor: pointer;
    text-align: center;
    z-index: 999;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    margin-bottom: 1px;
}
.moveqq i{
	font-size: 2.2rem;
	color: #fff;
}
.moveqq{
    width: 42px;
    height: 42px;
    line-height: 42px;
    background:#7a6e6e;
    cursor: pointer;
    text-align: center;
    z-index: 999;
}
.movewm{
	background:#7a6e6e;
}
.movewm2{
	background:#7a6e6e;
}
.suspe_ot{
	position: absolute;
	left:0px;
	top:0;
	background:#d72414;
	color: #fff;
	font-size: 13px;
	padding-left:10px;
	width:73px;
	z-index: -1;
	line-height: 42px;
	text-align: left;
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}
.supot{
	position: relative;
}
.suspension_tel:hover{
	background:#d72414;	
}
.supot_addcs{
	left:-73px;
}
.suspe_ot2{
	width: 102px;
}
.supot_addcs2{
	left:-102px;
}
.suspe_ot3{
	display: none;
	position: absolute;
	left:-130px;
	bottom:0;
	width:110px;
	z-index: -1;
	line-height: 42px;
	text-align: left;
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;
	padding:5px;
	background: #fff;
	color:#000;
	text-align: center;
	line-height: 1.5;
}
.suspe_ot3 p{
	padding:0 10px;
	font-size: 13px;
}
.suspe_ot4 p{
	padding:0 10px;
	font-size: 13px;
}
.suspe_ot4{
	display: none;
	position: absolute;
	left:-130px;
	bottom:0;
	width:110px;
	z-index: -1;
	line-height: 42px;
	text-align: left;
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;
	padding:5px;
	background: #fff;
	color:#000;
	text-align: center;
	line-height: 1.5;
}
.suspension_mov .supot:nth-child(3) .suspension_tel i{
	font-size:2.8rem;
}
.suspension_mov .supot:nth-child(4) .suspension_tel i{
	font-size:2.8rem;
}
.search_box{
	position:fixed;
	width: 100%;
	height:60px;
	left:0;
	top:90px;
	z-index:10;
	display: none;
}
.search_mod{
	width: 40%;
	float: right;
	background: #fff;
	border:1px solid rgba(0,0,0,0.75);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items: center;
	align-items: center;
}
.search_box button {
    width: 60px;
    height: 60px;
    background: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.75);
}
.search_mod i{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height:60px;
	color: #fff;
	font-size:20px;
}
.search_mod input{
	width:calc(100% - 60px);
	line-height:60px;
	background: rgba(0,0,0,0.75);
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
	padding-left: 10px;
}
.search_mod input::-webkit-input-placeholder{
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
}
.in_cul{
	height:675px;
	overflow:hidden;
	position: relative;
	margin-top: 30px;
}
.cul_mod{
	height:570px;
	position:absolute; 
	overflow:hidden;
}

.cul_mod.left{
	left:0;
	bottom:0;
	width:51%;
	background:red;
	-webkit-transform:skew(-40deg);
	-ms-transform:skew(-40deg);
	-o-transform:skew(-40deg);
	transform:skew(-40deg);
}
.cul_mod.right{
	right:0;
	top:0;
	width:43%;
	background: green;
	-webkit-transform:skew(-40deg);
	-ms-transform:skew(-40deg);
	-o-transform:skew(-40deg);
	transform:skew(-40deg);
}
.cul_mod img{
	-webkit-transform:skew(40deg);
	-ms-transform:skew(40deg);
	-o-transform:skew(40deg);
	transform:skew(40deg);
	max-width:1300px;
	width: 1300px;
	position:absolute;
}
.cul_mod.left img{
	left:0px;
	top:0;
	z-index:9;
}
.cul_mod.right img{
	right:-45px;
	top:0;
	z-index:9;
}
.page {
	margin-top: 10px;
	padding: 14px 0 15px;
	text-align: center;
}
.page a {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	padding: 4px 7px;
}
.page span {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	padding: 4px 7px;
}
.page span.current {
	background: #5280e0;
	border: 1px solid #5280e0;
	color: #FFFFFF;
	font-weight: bolder;
}
.copy a img{
	padding-top:20px;
}
.hist_page .swiper-button-next.swiper-button-disabled {
	opacity:1;
}
.hist_page .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.suspe_ot3 img{
	width: 110px;
	height: 110px;
	object-fit: cover;
}
.ewmmm{
		position: fixed;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,.7);
		z-index: 999;
		display: none;
	}
	.ewmmmin{
		background: #fff;
		text-align: center;
		width:220px;
		margin:30% auto 0 auto;
    	-webkit-transition: ease-in-out .3s;
    	-o-transition: ease-in-out .3s;
    	transition: ease-in-out .3s;
    	opacity: 0;
    	filter: alpha(opacity=0);
	}
.ewmmm2{
		position: fixed;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,.7);
		z-index: 999;
		display: none;
	}
	.ewmmmin2{
		background: #fff;
		text-align: center;
		width:220px;
		margin:30% auto 0 auto;
    	-webkit-transition: ease-in-out .3s;
    	-o-transition: ease-in-out .3s;
    	transition: ease-in-out .3s;
    	opacity: 0;
    	filter: alpha(opacity=0);
	}
	.transform{
    	animation:mymove 1s;
-webkit-animation:mymove 1s; 
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
	} 
	@keyframes mymove
	{
	from {margin-top:5%;opacity: 0;}
	to {margin-top:15%;opacity: 1;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
	from {margin-top:5%;opacity: 0;}
	to {margin-top:15%;opacity: 1;}
	}
	.ewmmmin img{
		width:220px;
	}
	.ewmmmin p{
		padding-bottom: 15px;
		font-size: 14px;
	}
	.ewmmmin2 img{
		width:220px;
	}
	.ewmmmin2 p{
		padding-bottom: 15px;
		font-size: 14px;
	}
.ph_enitor img{
	width: 100%;
	margin-bottom:30px;
}