<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a:hover, a:focus{text-decoration:none!important;}
.top-nav .nav-block dt ul{
	position: absolute;
	top: 0;
	left:100%;
	
	display: none;background:#ff6900;
	border-bottom: 1px solid #e7680f;
	border-left: 1px solid #e7680f;
}

.top-nav .nav-block li dt:hover ul{
	display: block;
}
.top-nav .nav-block li dt:hover ul li{
	border-bottom: 1px solid #e7680f;
}
.ro180{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.ro90{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.ro270{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

.edit-box{
	padding: 20px 0;
}

html{
	color: #333;
}

/*right*/
.suspension_mov{
	position: fixed;
	right:0;
	bottom:240px;
	z-index: 999;
}
.suspension_mov2{
	position: fixed;
	right:0;
	bottom:120px;
	z-index: 999;
}
.suspension_tel i{
	font-size: 18px;
	color: #999;
}
.suspension_tel{
    width: 42px;
    height: 42px;
    line-height: 42px;
    /*background: #ed1f23;*/
    background:#fff;
    /*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: 18px;
	color: #999;
}
.moveqq{
    width: 42px;
    height: 42px;
    line-height: 42px;
    background:#fff;
    cursor: pointer;
    text-align: center;
    z-index: 999;
}
.movewm{
	background:#fff;
}
.movelink{
	background:#fff;
}
.movelink i{
	font-size: 20px;
	color: #999;
}
.suspension_inpu i{
	font-size: 20px;
	color: #999;
}
.suspension_inpu{
    width: 42px;
    height: 42px;
    line-height: 42px;
    background:#7a6e6e;
    cursor: pointer;
    text-align: center;
    z-index: 999;
     border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
}
.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);
	}
	.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;
	}

.suspe_ot{
	position: absolute;
	left:0px;
	top:0;
	background:#ff6900;
	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;
	box-shadow: 0 0 5px #888;
}
.supot a{
	display: block;
}
.suspension_tel:hover{
	background:#ff6900;	
}
.suspension_tel:hover i{
	color: #fff;
}
.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;
	font-size:14px;
}
.suspe_ot3 p{
	
	padding:0 10px;
}

/*index*/
.public-title{
	text-align: center;
	margin-bottom: 45px;
}

.public-title h1{
	font-size: 40px;
	color: #000;
	font-weight: bold;
}

.public-title h4{
	font-size: 22px;
	color: #ccc;
	margin-bottom: 5px;
}

/*top nav*/
.top-nav-blank{
	height: 120px;
}

.header{
	height: 120px;
	width: 100%;
	background-color: #ff6900;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	box-shadow: 0 0 5px #888;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.header.active{
	top: -120px;
}

.top-nav{
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.top-nav .nav-block{
	border-top: 1px solid #e7680f;
}

.top-nav .nav-block li{
	position: relative;
}

.top-nav .nav-block a{
	display: block;
	margin: 0 24px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	line-height: 70px;
	position: relative;
	color: #fff;
}

.top-nav .nav-block a::before{
	display: none;
	content: "";
	width: 100%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.top-nav .nav-block a:hover,
.top-nav .nav-block .active a{
	color: #fff;
}

.top-nav .nav-block li:hover a::before,
.top-nav .nav-block li.active a::before{
	display: block;
}

.top-nav .nav-block dl{
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -1px;
	display: none;
	border-bottom: 1px solid #e7680f;
}

.top-nav .nav-block li:hover dl{
	display: block;
}

.top-nav .nav-block dt{
	background-color: #ff6900;
	border-top: 1px solid #e7680f;
}

.top-nav .nav-block dt a{
	white-space: nowrap;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal;
}

.top-nav .nav-block dt a::before{
	display: none !important;
}

.index-lang{
	text-align: right;
	padding: 15px 0;
}

.index-lang i{
	font-size: 20px;
	font-weight: normal;
}

.index-lang a{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	padding: 0 20px;
	border-left: 1px solid #e7680f;
}

.index-lang a:hover{
	color: #323232;
}

.index-lang a:last-child{
	border-right: 1px solid #e7680f;
}

.menu,.menu_down{
	display: none;
}

.news-search-shade{
	position: fixed;
	z-index: 110;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	display: none;
}

.news-search-block{
	position: fixed;
	width: 300px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.news-search-block input{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 20px 0 0 20px;
	padding-left: 20px;
}

.news-search-block button{
	width: 50px;
	height: 40px;
	padding-right: 10px;
	border-radius: 0 20px 20px 0;
}

/*index public style*/

/* index banner */
.index-banner{
	position: relative;
	background-color: #ff6900;
}

.index-banner .videobox{
	display: block;
	width: 100%;
	height: 750px;
	position: relative;
}

.index-banner .videobox i{
	position: absolute;
	left: 31%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 120px;
	color: #fff;
}

.index-banner .videobox video,
.index-banner .videobox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-banner .textbox{
	width: 45.8%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('../image/banner_index_right.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}

.index-banner .textbox::before{
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background-color: #e60012;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 4;
}

.index-banner .textbox .box{
	float: right;
	margin-right: 11.5vw;
	padding-top: 100px;
	position: relative;
	z-index: 5;
}

.index-banner .textbox h1{
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 20px;
}

.index-banner .textbox h2{
	color: #fff;
	font-size: 22px;
	margin-bottom: 25px;
}

.index-banner .textbox p{
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-left: 20px;
}

.index-banner .textbox p+p{
	margin-top: 25px;
}

.index-banner .textbox p::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	border-left: 6px solid #72c7f4;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.index-banner .textbox .subbtn{
	display: inline-block;
	font-size: 15px;
	color: #fff;
	padding: 13px 20px 13px 12px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-bottom: 25px;
}

.index-banner .textbox .subbtn+.subbtn{
	margin-left: 15px;
}

.index-banner .textbox .mainbtn{
	display: block;
	width: 196px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	font-size: 16px;
	color: #e60012;
	margin-top: 30px;
	transition: all 0.3s;
}

.index-banner .textbox .mainbtn:hover{
	box-shadow: inset 0px 0px 5px #fff;
}

.other-banner{
	position: relative;
}

.other-banner img{
	width: 100%;
	min-height: 200px;
	object-fit: cover;
}

.shade-text{
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.shade-text::before{
	display: block;
	content: "";
	margin: 0 auto;
	width: 66px;
	height: 5px;
	background-color: #dc6a1f;
	margin-bottom: 20px;
}

.shade-text h1{
	font-size: 58px;
	color: #fff;
	font-weight: bold;
}

.shade-text h2{
	font-size: 42px;
	color: #fff;
}

/*index about*/
.index-about-block{
	max-width: 87.5%;
	margin: 0 auto;
	padding: 50px 0 0;
	background-color: #fff;
	border-radius: 10px;
}

.index-about-block .editbox{
	max-width: 1160px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.3;
	text-align: center;
	color: #666;
	margin-bottom: 40px;
}

.index-about-bg{
	position: relative;
	z-index: 4;
	height: 440px;
	background-image: url('../image/index_adv_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-adv-block{
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
}

.index-adv-block ul{
	height: 100%;
}

.index-adv-block li{
	width: 25%;
	height: 100%;
	color: #fff;
	padding-top: 140px;
	border-left: 1px solid rgba(255,255,255,0.5); 
}

.index-adv-block li:hover{
	background-color: rgba(255,105,0,0.8);
}

.index-adv-block h2{
	font-size: 100px;
	line-height: 1;
	padding-left: 32px;
	font-weight: bold;
}

.index-adv-block h2 span{
	display: inline-block;
	font-size: 40px;
	margin-left: 5px;
	vertical-align: top;
	margin-top: 10px;
}

.index-adv-block h3{
	font-size: 30px;
	padding-left: 35px;
	position: relative;
	line-height: 1;
	margin-top: 5px;
}

.index-adv-block h3::before{
	display: block;
	content: '';
	width: 5px;
	height: 100%;
	background-color: #00a0e9;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.index-adv-block li:hover h3::before{
	opacity: 0;
}

/* index product */
.index-product{
	width: 87.5%;
	margin: 0 auto;
	padding: 55px 0;
}

.index-product a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.index-product img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-product p{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	line-height: 64px;
	padding: 0 20px;
	text-align: center;
	background-color: #ccc;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #fff;
}

.index-product a:hover&gt;p{
	background-color: #ff6900;
}

.index-product .big-div{
	width: 38%;
	box-shadow: 0 0 5px #888;
	height: 520px;
	float: left;
}
.index-product .big-div a{
		
}
.index-product .big-div img{
	height:456px;
	object-fit: cover;
}

.index-product .big-div p{
	line-height: 64px;
	font-size: 20px;
}

.index-product .other-div{
	float: right;
	width: 61%;
}

.index-product .other-div&gt;div{
	float: left;
	height: 250px;
	margin-bottom: 20px;
	box-shadow: 0 0 3px #888;
}

.index-product .medium-div{
	width: 56%;
}

.index-product .small-div{
	width: 42%;
}

.index-product .small-div+.medium-div,
.index-product .medium-div+.small-div{
	margin-left: 2%;
}

.index-product .other-div p{
	line-height: 42px;
	font-size: 16px;
}

/***********************/
.index-big-bg{
	background-image: linear-gradient(to top, #fff , #f4f4f4);
	padding: 45px 0 60px;
}

.index-big-bg .title{
	text-align: center;
	margin-bottom: 35px;
}

.index-big-bg .title h1{
	font-size: 40px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
.index-big-bg .title h2{
	font-size: 28px;
	color: #666;
}

.search-block{
	width: 87.5%;
	text-align: center;
	margin: 0 auto;
	background-color: #464646;
	padding: 88px 0;
	margin-bottom: 30px;
}

.search-block select,
.search-block input{
	width: 286px;
	padding: 0 10px;
	line-height: 56px;
	height: 56px;
	font-size: 15px;
	color: #999;
	background-color: #fff;
	vertical-align: middle;
	margin-bottom: 20px;
}

.search-block input{
	padding-right: 50px;
	margin-bottom: 0px;
}

.search-block .inputbox{
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	vertical-align: top;
}

.search-block .inputbox span{
	position: absolute;
	font-size: 15px;
	color: #999;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.search-block button{
	width: 580px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background-color: #777;
	margin-top: 7px;
	cursor: pointer;
}

.search-list{
	width: 87.5%;
	margin: 0 auto;
}

.search-list li{
	width: 32%;
	margin-right: 2%;
	height: 500px;
}

.search-list li a{
	display: block;
	height: 100%;
	position: relative;
	padding-bottom: 90px;
}

.search-list li:nth-of-type(3n){
	margin-right: 0;
}

.search-list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search-list li .textbox{
	color: #fff;
	background-color: #ff6900;
	padding: 0 25px;
	width: 100%;
	height: 90px;
	position: absolute;
	left: 0;
	bottom: 0;
	display:-webkit-flex; 
	display:-webkit-box; 
	display:-ms-flexbox; 
	display:-moz-flex; 
	display:flex;
	-webkit-align-items:center; 
	-webkit-box-align:center;  
	-moz-align-items:center; 
	align-items:center; 
	-ms-flex-align:center;
}

.search-list li:hover .textbox{
	height: 110px;
}

.search-list li .textbox&gt;div{
	-webkit-flex:1; 
	-webkit-box-flex:1; 
	-ms-flex:1; 
	-moz-flex:1; 
	flex:1;
}

.search-list li h3{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

.search-list li p{
	font-size: 15px;
	color: #fff;
}

.search-list li i{
	font-size: 30px;
}

.search-nav{
	width: 87.5%;
	margin: 0 auto;
}

.search-nav li{
	margin-top: 45px;
	height: 580px;
	position: relative;
}

.search-nav li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search-nav li .textbox{
	position: absolute;
	left: 140px;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	max-width: 600px;
}

.search-nav li:nth-of-type(2n) .textbox{
	left: auto;
	right: 96px;
}

.search-nav li h1{
	font-size: 48px;
	font-weight: bold;
}

.search-nav li h2{
	font-size: 30px;
	margin-top: 10px;
}

.search-nav li h3{
	font-size: 24px;
	margin-top: 25px;
}

.search-nav li p{
	font-size: 18px;
	margin-top: 35px;
	line-height: 1.5;
}

.search-nav li a{
	display: block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 5px;
	background-color: #ff6900;
	color: #fff;
	font-size: 16px;
	margin-top: 80px;
}






/*footer list*/
.footer-list-bg{
	background-color: #ff6900;
}

.footer-list{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}

.footer-list li&gt;img{
	margin-bottom: 35px;
}

.footer-list .commu{
	width: 100%;
	margin-top: 25px;
}
.footer-list .commu a{
	display: inline;
	margin-top: 0;
	position: relative;
}

.footer-list .commu a+a{
	margin-left: 10px;
}

.footer-list .commu .codebox{
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: 130%;
	width: 120px;
	height: 120px;
	box-shadow: 0 0 3px #666;
	display: none;
}

.footer-list .commu a:hover .codebox{
	display: block;
}

.footer-list a{ 
	display: block;
	font-size: 15px;
	color: #fff;
	line-height: 24px;
}

.footer-list a+a{ 
	margin-top: 10px;
}

.footer-list a:hover{
	color: #63dffc;
}

.footer-list li+li{
	padding-left: 2%;
}

.footer-list li:last-child a{
	display:-webkit-flex; 
	display:-webkit-box; 
	display:-ms-flexbox; 
	display:-moz-flex; 
	display:flex;
}

.footer-list li h1{
	font-size: 32px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
}

.footer-list li h2{
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}

.footer-list li h3{
	font-size: 20px;
	color: #fff;
}

.footer-list li i{
	font-size: 14px;
	margin-right: 10px;
	color: #e5212a;
}

.qrcode{
	text-align: center;
	font-size: 13px;
	color: #8e8e8e;
}

.qrcode img{
	width: 154px;
	height: 154px;
	margin-bottom: 25px;
}

.copy{
	color: #fff;
}

.copy a{
	color: #fff;
}

.copy a:hover{
	color: #63dffc;
}

/*other public*/
.other-nav-bg{
	background-color: #fff;
	box-shadow: 0 0 5px #888;
	position: relative;
	z-index: 20;
}

.other-nav{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
	background-color: #fff;
}

.other-nav ul{
	border-left: 1px solid #f7f7f7;
}

.other-nav li{
	text-align: center;
	border-right: 1px solid #f7f7f7;
}

.other-nav li:hover,
.other-nav li.active{
	background-color: #ff6900;
	border-color: #ff6900;
}

.other-nav li a{
	min-width: 128px;
	padding: 0 10px;
	font-size: 16px;
	color: #666;
	height: 60px;
	display:-webkit-flex; 
	display:-webkit-box; 
	display:-ms-flexbox; 
	display:-moz-flex; 
	display:flex;
	-webkit-align-items:center; 
	-webkit-box-align:center;  
	-moz-align-items:center; 
	align-items:center; 
	-ms-flex-align:center;
}

.other-nav li:hover a,
.other-nav li.active a{
	color: #fff;
}

.other-nav span{
	display: block;
	width: 100%;
	line-height: 1.3;
}

.other-local{
	color: #999;
	font-size: 16px;
}

.other-local i{
	display: inline-block;
	font-size: 12px;
	line-height: 60px;
	vertical-align: top;
}

.other-local i.big{
	font-size: 15px;
	color: #dc6a1f;
}

.other-local b{
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin-top: -2px;
	border-left: 4px solid #ccc;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.other-local a{
	line-height: 60px;
	color: #999;
	font-size: 15px;
}

.other-local a:hover,
.other-local a:last-child{
	color: #ff6900;
}

.other-public-title{
	text-align: center;
	margin-bottom: 35px;
}

.other-public-title h1{
	font-size: 28px;
	font-weight: bold;
	color: #ff6900;
}

/*about us*/
.about-bg{
	background-image: url('../image/about_bg01.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.about-abo-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.about-abo-block .text{
	width: 37%;
	padding-top: 30px;
}

.about-abo-block h1{
	font-size: 26px;
	color: #000;
	margin-bottom: 35px;
}

.about-abo-block h4{
	font-size: 28px;
	color: #ff6900;
	font-weight: bold;
	margin-bottom: 9px;
}

.about-abo-block .editbox{
	font-size: 16px;
	color: #666;
	line-height: 2;
	margin-bottom: 35px;
}

.about-abo-block a{
	display: block;
	width: 132px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	text-align: center;
}

.about-abo-block a:hover{
	color: #fff;
	border-color: #ff6900;
	background-color: #ff6900;
}

.about-abo-block img{
	width: 47%;
	height: 316px;
	object-fit: cover;
	box-shadow: -20px 20px 0 #ff6900;
}

.about-index-list{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 1px;
}

.about-index-list .listbox{
	width: 50%;
	float: left;
	height: 500px;
	position: relative;
	margin-bottom: 60px;
}

.about-index-list .listbox:first-child{
	width: 100%;
	text-align: center;
}

.about-index-list img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-index-list .listbox::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background-color: rgba(0,0,0,0.3);
}

.about-index-list .textbox{
	width: 100%;
	padding: 40px 45px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
}

.about-index-list .listbox:first-child .textbox{
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.about-index-list h1{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}

.about-index-list p{
	font-size: 16px;
	color: #fff;
}

.about-index-list a{
	display: inline-block;
	width: 132px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin-top: 30px;
}

.about-index-list a:hover{
	border-color: #dc6a1f;
	background-color: #dc6a1f;
}

.about-big-nav{
	position: relative;
	height: 400px;
	margin-bottom: 90px;
}

.about-big-nav img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-big-nav .textbox{
	width: 100%;
	text-align: center;
	padding: 40px 45px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.about-big-nav h1{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}

.about-big-nav p{
	font-size: 22px;
	color: #fff;
}

.about-big-nav a{
	display: inline-block;
	width: 132px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin-top: 60px;
}

.about-big-nav a:hover{
	border-color: #dc6a1f;
	background-color: #dc6a1f;
}

.about-und-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	background-image: url('404.png');
	background-position: right top 60px;
	background-repeat: no-repeat;
	position: relative;
}

.about-und-block .title{
	margin-bottom: 25px;
}

.about-und-block .title h1{
	font-size: 26px;
	color: #000;
}

.about-und-block .title h4{
	font-size: 28px;
	color: #ff6900;
	font-weight: bold;
	margin-bottom: 9px;
}

.about-und-block .editbox{
	font-size: 16px;
	color: #666;
	line-height: 2;
	width: 63%;
	padding: 20px 0;
}

.about-und-block img{
	position: absolute;
	right: 0;
	top: 180px;
	width: 35%;
	height: 444px;
	object-fit: cover;
}

.about-wish-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.about-wish-block .listbox{
	border: 2px solid #eee;
	padding: 35px 20px;
	text-align: center;
	margin-bottom: 20px;
}

.about-wish-block .ot-div{
	width: 32%;
}

.about-wish-block .half-div{
	width: 49%;
}

.about-wish-block .long-div{
	width: 100%;
}

.about-wish-block .listbox:hover{
	background-color: #ff6900;
	border-color: #ff6900;
}

.about-wish-block .listbox i{
	font-size: 42px;
	color: #ff6900;
}

.about-wish-block .listbox h2{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ff6900;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.about-wish-block .listbox p{
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.about-wish-block .listbox i,
.about-wish-block .listbox h2,
.about-wish-block .listbox p{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.about-wish-block .listbox:hover i,
.about-wish-block .listbox:hover h2,
.about-wish-block .listbox:hover p{
	color: #fff;
}

.about-his-bg{
	background-image: url('404.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-his-block{
	padding: 100px 0;
}

.about-his-block .other-public-title{
	margin-bottom: 75px;
}

.about-his-block .other-public-title h1{
	color: #fff;
}

.his-swiper{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.his-swiper .line{
	width: 1000%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.his-swiper .swiper-container{
	padding: 0 100px;
}

.his-swiper .swiper-slide{
	position: relative;
	height: 520px;
	width: 0;
	overflow: visible;
	z-index: 35;
}

.his-swiper .textbg{
	position: absolute;
	z-index: 40;
	top: 0;
	width: 100%;
	height: 50%;
}

.his-swiper .swiper-slide:nth-of-type(2n) .textbg{
	top: auto;
	bottom: 0;
}

.his-swiper .textbg::before{
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: 0;
	margin-bottom: -8px;
	z-index: 41;
}

.his-swiper .textbg:hover::before{
	background-color: #dc6a1f;
}

.his-swiper .swiper-slide:nth-of-type(2n) .textbg::before{
	bottom: auto;
	top: 0;
	margin-bottom: 0;
	margin-top: -8px;
}

.his-swiper .textbg::after{
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 12px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	z-index: 42;
	left: 50%;
	margin-left: -8px;
	bottom: 28px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.his-swiper .swiper-slide:nth-of-type(2n) .textbg::after{
	border-top: none;
	border-bottom: 12px solid #fff;
	bottom: auto;
	top: 28px;
}

.his-swiper .textbg:hover::after{
	border-top-color: #ff6900;
	border-bottom-color: #ff6900 !important;
}

.his-swiper .textbox{
	width: 159%;
	height: 220px;
	background-color: #fff;
	padding: 35px 20px;
	border-radius: 10px;
	position: absolute;
	z-index: 50;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.his-swiper .swiper-slide:nth-of-type(2n) .textbox{
	top: auto;
	bottom: 0;
}

.his-swiper .textbg:hover .textbox{
	background-color: #ff6900;
}

.his-swiper h2{
	font-size: 18px;
	color: #ff6900;
	margin-bottom: 5px;
	font-weight: bold;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.his-swiper .editbox{
	font-size: 16px;
	color: #000;
	line-height: 28px;
	height: 112px;
	overflow-y: auto;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.his-swiper .textbg:hover h2,
.his-swiper .textbg:hover .editbox{
	color: #fff;
}

.his-swiper .swiper-button-next,
.his-swiper .swiper-button-prev{
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  opacity: 1;
  color: #666;
  -webkit-user-select:none;
  -moz-user-select:none;
  background-color: #fff;
  border-radius: 50%;
}

.his-swiper .swiper-button-next:hover,
.his-swiper .swiper-button-prev:hover{
	background-color: #dc6a1f;
}

.his-swiper .swiper-button-prev{
  left: 0;
}
.his-swiper .swiper-button-next{
  right: 0;
}
.his-swiper .swiper-button-prev i,
.his-swiper .swiper-button-next i{
	font-size: 20px;
	color: #274a89;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.his-swiper .swiper-button-next:after,
.his-swiper .swiper-button-prev:after{
  display: none;
}
.his-swiper .swiper-button-next:hover i,
.his-swiper .swiper-button-prev:hover i{
	color: #fff;
}


/*news*/
.news-block{
	padding: 60px 0;
	max-width: 1200px;
	margin: 0 auto;
}

.news-block ul{
	padding-top: 5px;
}

.news-block li{
	/*border: 1px solid #e3e3e3;*/
}

.news-block li+li{
	margin-top: 20px;
}

.news-block li:hover{
	/*background-color: #ff6900;
	border-color: #ff6900;*/
}

.news-block li a{
	display: block;
	padding: 40px;
}

.news-block li h2{
	font-size: 18px;
	margin-bottom: 25px;
	color: #000;
}

.news-block li h3{
	font-size: 16px;
	color: #999;
	font-weight: bold;
	margin-bottom: 20px;
}

.news-block li p{
	font-size: 15px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}

.news-block li i{
	display: inline-block;
	color: #999;
	font-size: 30px;
}

.news-block li h2,
.news-block li h3,
.news-block li p,
.news-block li i{
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
}

.news-block li:hover h2,
.news-block li:hover h3,
.news-block li:hover p,
.news-block li:hover i{
	color: #fff;
}

.news-block li .flex-flex1{
	overflow: hidden;
}

.news-block li .imgbox{
	width: 266px;
	height: 200px;
	margin-left: 40px;
}

.news-block li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.more{
	text-align: center;
	padding-top: 20px;
}

.more a{
	display: inline-block;
	color: #999;
}

.more i{
	display: inline-block;
	font-size: 36px;
	color: #999;
}

.more p{
	font-size: 15px;
	margin: 0 auto;
}

/*news detail*/
.news-detail-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 90px 0;
}

.news-detail-box{
	float: left;
	width: 71%;
}

.news-detail-block .title{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.news-detail-block .subtitle{
	font-size: 14px;
	color: #999;
}

.news-detail-block .edit-box{
	padding: 20px 0;
	font-size: 16px;
	color: #333;
	line-height: 2.6;
}

.news-detail-nav{
	width: 24%;
	float: right;
	padding: 45px 20px 0;
}

.news-detail-nav .left-nav{
	padding: 30px 25px;
	border: 6px solid #d2d2d2;
}

.news-detail-nav .left-nav a{
	display: block;
	color: #999;
	padding: 10px 0;
}

.news-detail-nav .left-nav a+a{
	margin-top: 20px;
}

.news-detail-nav .left-nav a:hover p{
	text-decoration: underline;
	color: #0090ce;
}

.news-detail-nav .left-nav span{
	color: #999;
}

.news-detail-nav .left-nav h2{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 1;
}

.news-detail-nav .left-nav h3{
	font-size: 14px;
	color: #666;
	line-height: 1;
}

.news-detail-nav .left-nav p{
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	margin: 15px 0;
}

.news-detail-nav .left-nav i{
	display: inline-block;
	font-size: 22px;
	color: #aaa;
}

.news-detail-nav .right-nav{
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 45px;
	background-image: url("404.png");
	background-position: left center;
	background-size: auto;
}

.news-detail-nav .right-nav:hover{
	text-shadow: 1px 1px 1px #888;
}




/* products */
.product-search-block1{
	background-color: #e4e4e4;
	background-image: none;
	padding: 90px 0;
}

.product-search-block1 .title{
	margin-bottom: 20px;
}

.product-search-block1 .title h1{
	font-size: 28px;
	color: #ff6900;
}

.product-search-block1 .title h2{
	font-size: 20px;
	color: #666;
}

.product-search-block1 .search-block{
	padding: 0 15px;
	background-color: transparent;
}

.product-search-block1 .search-block button{
	background-color: #ff6900;
}

.product-search-block2{
	padding: 55px 0;
	max-width: 1200px;
	margin: 0 auto;
}

.product-search-block2 li{
	height: 380px;
}

.search-no-res{
	text-align: center;
	padding: 70px 0 100px;
}

.search-no-res i{
	font-size: 100px;
	color: #aaa;
}

.search-no-res p{
	margin-top: 20px;
	color: #666;
	font-size: 18px;
}

.product-banner-block1{
	position: relative;
}

.product-banner-block1 .shade-text::before{
	display: none;
}

.product-banner-block1 .shade-text h3{
	font-size: 36px;
	color: #fff;
	margin-bottom: 35px;
}

.product-index-btns{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}

.product-index-btns a{
	display: block;
	width: 49%;
	height: 140px;
	line-height: 140px;
	padding: 0 40px;
	color: #fff;
	background-color: #dc6a1f;
	font-size: 20px;
	position: relative;
}

.product-index-btns a:last-child{
	background-color: #ff6900;
}

.product-index-btns a:hover{
	box-shadow: 1px 1px 3px #888;
}

.product-index-btns a+a{
	margin-left: 2%;
}

.product-index-btns i{
	display: inline-block;
	font-size: 40px;
	vertical-align: middle;
	margin-top: -2px;
}

.product-index-btns i:last-child{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}

.product-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
}

.products-left-menu{
	width: 22%;
	line-height: 1.2;
}

.products-left-menu li a{
	display: block;
	font-size: 15px;
	background-color: #f6f6f6;
}

.products-left-menu li .flex-display{
	padding: 0 20px;
	height: 56px;
	color: #666;
	font-size: 16px;
}

.products-left-menu li+li{
	border-top: 2px solid #fff;
}

.products-left-menu li:hover a,
.products-left-menu li.active a{
	background-color: #ff6900;
}

.products-left-menu li:hover .flex-flex1,
.products-left-menu li.active .flex-flex1{
	color: #fff;
}

.products-left-menu li .flex-display::before{
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid #ccc;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-right: 15px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.products-left-menu li:hover .flex-display::before,
.products-left-menu li.active .flex-display::before{
	border-left-color: #fff;
}

.products-3d-center{
	width: 84%;
}

.products-3d-center .iframebox{
	width: 100%;
	padding-left: 0;
	height: 510px;
	margin-bottom: 40px;
}

.products-3d-center iframe{
	width: 100%;
	height: 100%;
}

.products-3d-center .subtitle{
	background-color: #eee;
	line-height: 54px;
}

.products-3d-center .subtitle span{
	display: inline-block;
	padding: 0 25px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #ff6900;
	font-weight: bold;
}

.products-3d-center .subtitle b{
	font-size: 16px;
	font-weight: normal;
}

.products-right-menu{
	width: 12%;
}

.products-right-menu .swiper-container{
	padding: 40px 0;
	height: 580px;
}

.products-right-menu .swiper-slide{
	height: 100px !important;
}

.products-right-menu a{
	display: block;
	height: 100%;
	width: 100%;
	border: 1px solid #e3e3e3;
}

.products-right-menu a:hover{
	border-color: #ff6900;
}

.products-right-menu a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.products-right-menu .swiper-button-next,
.products-right-menu .swiper-button-prev{
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  left: 0;
  opacity: 1;
  color: #666;
  -webkit-user-select:none;
  -moz-user-select:none;
  background-color: #f6f6f6;
}

.products-right-menu .swiper-button-next:hover,
.products-right-menu .swiper-button-prev:hover{
	background-color: #dc6a1f;
}

.products-right-menu .swiper-button-prev{
  top: 0;
}
.products-right-menu .swiper-button-next{
  top: auto;
  bottom: 0;
}
.products-right-menu .swiper-button-prev i,
.products-right-menu .swiper-button-next i{
	font-size: 20px;
	color: #274a89;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.products-right-menu .swiper-button-next:after,
.products-right-menu .swiper-button-prev:after{
  display: none;
}
.products-right-menu .swiper-button-next:hover i,
.products-right-menu .swiper-button-prev:hover i{
	color: #fff;
}

.product-case-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0;
}

.product-classes-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0;
}

.product-classes-block li{
	width: 32%;
	margin-right: 2%;
	box-shadow: 0 0 3px #888;
	background-color: #fff;
	margin-bottom: 20px;
}

.product-classes-block li:nth-of-type(3n){
	margin-right: 0;
}

.product-classes-block li:hover{
	background-color: #ff6900;
}

.product-classes-block li a{
	display: block;
	padding: 10px 10px 0;
}

.product-classes-block li .imgbox{
	height: 275px;
	background-color: #fff;
}

.product-classes-block li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-classes-block li .textbox{
	height: 80px;
	padding: 0 20px;
}

.product-classes-block li .flex-flex1{
	font-size: 16px;
	color: #666;
	overflow: hidden;
}

.product-classes-block li i{
	color: #444;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.product-classes-block li:hover .flex-flex1,
.product-classes-block li:hover i{
	color: #fff;
}

.product-classes-style li .imgbox{
	background-color: transparent;
	height: auto;
}

.product-list-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0;
}

.product-list-block .title{
	font-size: 28px;
	font-weight: bold;
	color: #666;
	text-align: center;
	margin-bottom: 35px;
}

.product-list-block li{
	width: 32%;
	margin-right: 2%;
	background-color: #fff;
	margin-bottom: 20px;
	border: 1px solid #eee;
}

.product-list-block li:nth-of-type(3n){
	margin-right: 0;
}

.product-list-block li:hover{
	background-color: #ff6900;
	border-color: #ff6900;
}

.product-list-block li a{
	display: block;
	position: relative;
}

.product-list-block li .imgbox{
	height: 365px;
	background-color: #fff;
}

.product-list-block li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-list-block li .textbox{
	padding: 20px;
	border-top: 1px solid #eee;
	text-align: center;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.product-list-block li:hover .textbox{
	color: #fff;
}

.product-tab-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0;
}

.product-tab-block .title{
	font-size: 28px;
	font-weight: bold;
	color: #666;
	text-align: center;
	margin-bottom: 35px;
}

.product-tab-block li{
	width: 23.5%;
	margin-right: 2%;
	background-color: #fff;
	margin-bottom: 20px;
	border: 1px solid #eee;
}

.product-tab-block li:nth-of-type(4n){
	margin-right: 0;
}

.product-tab-block li:hover{
	border-color: #ff6900;
	box-shadow: 0 0 5px #888;
}

.product-tab-block li a{
	display: block;
	position: relative;
	overflow: hidden;
}

.product-tab-block li .imgbox{
	height: 290px;
	background-color: #fff;
}

.product-tab-block li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-tab-block li .textbox{
	padding: 20px;
	font-size: 15px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	background-color: rgba(0,0,0,0.5);

}

.product-tab-block li:hover .textbox{
	top: 0px;
}

.product-tab-block li h1{
	color: #fff;
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	font-weight: bold;
}

.product-tab-block li p{
	color: #fff;
	line-height: 1.5;
}

.product-alpha-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0;
}

.product-alpha-block .title{
	font-size: 30px;
	font-weight: bold;
	color: #666;
	margin-bottom: 30px;
}

.product-alpha-block ul{
	padding-bottom: 40px;
}

.product-alpha-block li{
	width: 23.5%;
	margin-right: 2%;
	border: 1px solid #eee;
	margin-bottom: 20px;
}

.product-alpha-block li:hover{
	background-color: #ff6900;
	box-shadow: 0 0 3px #888;
}

.product-alpha-block li:nth-of-type(4n){
	margin-right: 0;
}

.product-alpha-block li a{
	display: block;
}

.product-alpha-block li .imgbox{
	height: 214px;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}

.product-alpha-block li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-alpha-block li .textbox{
	position: relative;
	padding: 15px 20px;
}

.product-alpha-block li h2{
	font-size: 17px;
	color: #666;
	padding-bottom: 5px;
}

.product-alpha-block li p{
	padding-right: 70px;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}

.product-alpha-block li .border{
	border-left: 1px solid #eee;
	padding-left: 20px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.product-alpha-block li i{
	display: inline-block;
	font-size: 20px;
	color: #999;
}

.product-alpha-block li h2,
.product-alpha-block li p,
.product-alpha-block li i{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.product-alpha-block li:hover h2,
.product-alpha-block li:hover p,
.product-alpha-block li:hover i{
	color: #fff;
}

.product-area-block li img{
	object-fit: cover;
}


.pageNav&gt;a:first-child .iconfont{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.pageNav .iconfont{
	font-size: 18px;
	display: inline-block;
	vertical-align: bottom;
}

/*product detail*/
.product-detail-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}

.product-detail-block .imgbox{
	width: 58%;
	height: 520px;
	float: left;
}

.product-detail-block .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-detail-block .infobox{
	width: 40%;
	float: right;
}

.product-detail-block .infobox h1{
	font-size: 20px;
	font-weight: bold;
	color: #ff6900;
	margin-bottom: 25px;
}

.product-detail-block .infobox ul{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.product-detail-block .infobox li{
	padding: 20px 0;
	width: 50%;
	text-align: center;
	position: relative;
}

.product-detail-block .infobox li::before{
	display: block;
	content: '';
	height: 30px;
	width: 1px;
	background-color: #eee;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}

.product-detail-block .infobox li:last-child::after{
	display: block;
	content: '';
	height: 30px;
	width: 1px;
	background-color: #eee;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}

.product-detail-block .infobox li h3{
	font-size: 15px;
	color: #666;
	margin-bottom: 5px;
}

.product-detail-block .infobox li h2{
	font-size: 24px;
	font-weight: bold;
	color: #666;
}

.product-detail-block .infobox .edit-box{
	font-size: 14px;
	color: #666;
	line-height: 2;
}

.product-detail-block .infobox a{
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #ff6900;
	margin-top: 20px;
}

.product-detail-block .subtitle{
	background-color: #eee;
	line-height: 54px;
}

.product-detail-block .subtitle span{
	display: inline-block;
	width: 200px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #ff6900;
}

/* service */
.product-service-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.product-service-block a{
	display: block;
	position: relative;
	width: 100%;
	height: 600px;
	margin-bottom: 40px;
	float: left;
}

.product-service-block .halfblock{
	width: 49%;
	height: 450px;
}

.product-service-block .halfblock+.halfblock{
	margin-left: 2%;
}

.product-service-block img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-service-block .iconbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
}

.product-service-block .iconbox i{
	font-size: 80px;
	display: inline-block;
	margin-bottom: 20px;
}

.product-service-block .iconbox p{
	font-size: 16px;
}

.product-service-block .textbox{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 0 40px 0 30px;
	height: 60px;
	background-color: rgba(13,53,123,0.8);
}

.product-service-block .textbox i{
	font-size: 20px;
	display: inline-block;
}

.product-service-block .textbox p{
	font-size: 16px;
}

/*media*/
.media-block,
.media-detail{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.media-block li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.media-block li:nth-of-type(3n){
	margin-right: 0;
}

.media-block li a{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.media-block li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-block li .shade{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}

.media-block li:hover .shade{
	opacity: 1;
}

.media-block li .iconbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
}

.media-block li .iconbox i{
	font-size: 24px;
	display: inline-block;
	margin-top: 10px;
}

.media-block li .iconbox p{
	font-size: 18px;
	padding: 0 20px;
}

.media-detail .videobox{
	width: 100%;
	height: 600px;
}

.media-detail .videobox video,
.media-detail .videobox img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*network*/
.network-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.network-block .imgbox{
	text-align: center;
}

/* recruit */
.recruit-index-bg{
	background-color: #eee;
}

.recruit-index-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.recruit-index-block .title{
	text-align: center;
}

.recruit-index-block .title h1{
	font-size: 32px;
	font-weight: bold;
	color: #444;
}

.recruit-index-block .title h2{
	font-size: 17px;
	color: #444;
	margin-top: 35px;
}

.recruit-index-block li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.recruit-index-block li:nth-of-type(3n){
	margin-right: 0;
}

.recruit-index-block li a{
	display: block;
	height: 385px;
	position: relative;
}

.recruit-index-block li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruit-index-block li .textbox{
	width: 100%;
	padding: 20px 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
}

.recruit-index-block li:hover .textbox{
	background-color: #ff6900;
}

.recruit-index-block li h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.recruit-index-block li .flex-flex1{
	overflow: hidden;
}

.recruit-index-block li i{
	font-size: 26px;
}

.recruit-index-banner{
	position: relative;
	height: 500px;
}

.recruit-index-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruit-index-banner .textbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
}

.recruit-index-banner .textbox h1{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 25px;
}

.recruit-index-banner .textbox h2{
	font-size: 36px;
	margin-bottom: 40px;
}

.recruit-index-banner .textbox a{
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #fff;
	font-size: 13px;
	color: #fff;
}

.recruit-index-banner .textbox a:hover{
	box-shadow: 0 0 3px #fff,inset 0 0 3px #fff;
}

/*recruit jobs*/
.recruit-jobs-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.recruit-job-tags ul{
	border: 1px solid #eee;
}

.recruit-job-tags li{
	width: 25%;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	color: #666;
	cursor: pointer;
}

.recruit-job-tags li+li{
	border-left: 1px solid #eee;
}

.recruit-job-tags li:hover,
.recruit-job-tags li.active{
	color: #fff;
	background-color: #ff6900;
}

.recruit-job-lists ul{
	display: none;
}

.recruit-job-lists ul.active{
	display: block;
}

.recruit-job-lists li,
.recruit-job-lists .titlebox h1,
.recruit-job-lists .titlebox h2,
.recruit-job-lists .titlebox a{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.recruit-job-lists li{
	margin-top: 20px;
	padding: 30px;
	border: 1px solid #eee;
	cursor: pointer;
}

.recruit-job-lists li:hover{
	border-color: #ff6900;
	box-shadow: 0 0 3px #888;
}

.recruit-job-lists .titlebox h1{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

.recruit-job-lists li:hover .titlebox h1{
	color: #ff6900;
}

.recruit-job-lists .titlebox h2{
	font-size: 28px;
	color: #999;
}

.recruit-job-lists li:hover .titlebox h2{
	color: #dc6a1f;
}

.recruit-job-lists .titlebox .fr{
	text-align: right;
}

.recruit-job-lists .titlebox h3{
	font-size: 12px;
	color: #999;
}

.recruit-job-lists .titlebox a{
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 25px;
	width: 236px;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	background-color: #999;
}

.recruit-job-lists .titlebox a:hover{
	background-color: #dc6a1f;
}

.recruit-job-lists .infobox{
	display: none;
	font-size: 15px;
	color: #666;
	line-height: 2.4;
}

/*recruit-apply*/
.recruit-apply-block{
	max-width: 640px;
	margin: 0 auto;
	padding: 60px 0;
}

.form-block .full-div,
.form-block .half-div,
.form-block .quater-div{
	margin-bottom: 20px;
	border: 1px solid #ededed;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #ccc;
	overflow: hidden;
	position: relative;
}

.form-block .full-div{
	width: 100%;
}

.form-block .half-div{
	width: 49%;
}

.form-block .quater-div{
	width: 24%;
}

.form-block input{
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 10px;
	font-size: 14px;
	color: #428a7b;
}

.form-block textarea{
	width: 100%;
	height: 200px;
	line-height: 30px;
	padding: 5px 10px;
	font-size: 14px;
	color: #428a7b;
	resize: none;
}

.form-block select{
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 10px;
	font-size: 14px;
	color: #428a7b;
	cursor: pointer;
}

.form-block span{
	color: #ff0000;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.form-block button{
	width: 48%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 5px;
	background-color: #dc6a1f;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.form-block button[type=reset]{
	background-color: #999;
}

.form-block img{
	max-height: 44px;
	vertical-align: bottom;
}

.form-block .tip{
	font-size: 14px;
	color: #ff0000;
	margin-top: 45px;
}

/*recruit-bonus*/
.recruit-bonus-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.recruit-bonus-block .bigbox{
	width: 49%;
	height: 370px;
	position: relative;
	float: left;
}

.recruit-bonus-block .bigbox+.bigbox{
	margin-left: 2%;
}

.recruit-bonus-block .bigbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruit-bonus-block .bigbox .textbox{
	position: absolute;
	width: 100%;
	height: 120px;
	left: 0;
	bottom: 0;
	padding: 20px 25px 0;
	background-color: rgba(0,0,0,0.7);
}

.recruit-bonus-block .bigbox:hover .textbox{
	background-color: #ff6900;
}

.recruit-bonus-block .bigbox h1{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

.recruit-bonus-block .bigbox p{
	font-size: 15px;
	color: #fff;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.recruit-bonus-block .smallbox{
	width: 100%;
	height: 145px;
	padding: 35px 20px 0;
	text-align: center;
	background-color: #fff;
	margin-bottom: 20px;
}

.recruit-bonus-block .smallbox:hover{
	background-color: #ff6900;
}

.recruit-bonus-block .smallbox.halfdiv{
	width: 49%;
}

.recruit-bonus-block .smallbox h1{
	font-size: 20px;
	color: #666;
	font-weight: bold;
	margin-bottom: 13px;
}

.recruit-bonus-block .smallbox p{
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.recruit-bonus-block .smallbox h1,
.recruit-bonus-block .smallbox p{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.recruit-bonus-block .smallbox:hover h1,
.recruit-bonus-block .smallbox:hover p{
	color: #fff;
}

/*recruit-plan*/
.recruit-plan-block{
	box-shadow: 0 1px 5px #888;
	padding: 55px 0;
}

.recruit-plan-block .planbox{
	max-width: 1200px;
	margin: 0 auto;
}

.recruit-plan-block .planbox .imgbox{
	width: 46%;
	height: 334px;
}

.recruit-plan-block .planbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruit-plan-block .planbox .textbox{
	width: 50%;
	padding-top: 60px;
}

.recruit-plan-block .planbox h1{
	color: #ff6900;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 35px;
}

.recruit-plan-block .planbox p{
	font-size: 18px;
	color: #666;
	line-height: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.recruit-plan-banner{
	width: 100%;
	height: 600px;
	position: relative;
}

.recruit-plan-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruit-plan-banner .textbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.recruit-plan-banner h1{
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 35px;
}

.recruit-plan-banner .pbox{
	font-size: 22px;
	color: #fff;
	line-height: 2;
}


/*contact us*/
.contact-bg{
	background-color: #f8fbfc;
}

.contact-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.contact-block .title{
	text-align: center;
	margin-bottom: 40px;
}

.contact-block .title h1{
	font-size: 28px;
	font-weight: bold;
	color: #ff6900;
}

.contact-block .title h2{
	font-size: 28px;
	color: #ccc;
	margin-top: 10px;
}

.contact-block .address{
	text-align: center;
	margin-bottom: 40px;
}

.contact-block .address i{
	font-size: 38px;
	color: #dc6a1f;
}

.contact-block .address h3{
	font-size: 48px;
	color: #0f357b;
	font-weight: bold;
}

.contact-block .address p{
	font-size: 17px;
	line-height: 1.5;
	margin-top: 5px;
}

.contact-block ul{
	border: 1px solid #eee;
}

.contact-block li{
	text-align: center;
	padding: 40px 0 25px;
	width: 20%;
}

.contact-block li+li{
	border-left: 1px solid #eee;
}

.contact-block li p{
	font-size: 16px;
	margin-top: 10px;
	overflow-y: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #444;
}

.contact-block li h4{
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #999;
}

.contact-block li i{
	font-size: 28px;
	color: #dc6a1f;
}

.map{
	width: 100%;
	height: 500px;
	background-color: #f7f7f7;
	margin-bottom: 60px;
	margin-top: 30px;
}

.contact-block .qrbox{
	float: left;
	width: 18%;
	padding: 45px 0 50px 0;
	text-align: center;
	background-color: #ff6900;
	margin-right: 2%;
}

.contact-block .qrbox i{
	display: inline-block;
	font-size: 40px;
	color: #fff;
	margin-bottom: 25px;
}

.contact-block .qrbox img{
	width: 120px;
	height: 120px;
}

.contact-block .qrbox p{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-top: 15px;
}

.contact-block .weblist{
	width: 38%;
	float: right;
}

.contact-block .webbox{
	border: 2px solid #ff6900;
	padding: 0 25px;
	height: 94px;
	background-color: #fff;
}

.contact-block .webbox+.webbox{
	margin-top: 18px;
}

.contact-block .webbox i{
	font-size: 28px;
	margin-right: 30px;
	color: #dd7029;
}

.contact-block .webbox .flex-flex1{
	font-size: 16px;
	line-height: 20px;
	color: #666;
}

.contact-block .webbox span{
	font-size: 17px;
	font-weight: bold;
	color: #999;
}

/*online*/
.top-toggle{
	width: 30px;
	height: 30px;
	position: fixed;
	z-index: 80;
	left: 50%;
	margin-left: -15px;
	top: 120px;
	box-shadow: 0 2px 3px #aaa;
	background-color: #ff6900;
	border-radius:  0 0 3px 3px;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.top-toggle.active{
	top: 0px;
}

.top-toggle-box{
	width: 100%;
	height: 100%;
	position: relative;
}

.top-toggle-box::before,
.top-toggle-box::after,
.top-toggle-box span{
	display: block;
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 5px;
	top: 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.top-toggle-box::before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.top-toggle-box::after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.top-toggle-box span{
	top: 7px;
	opacity: 0;
}

.top-toggle-box span+span{
	top: auto;
	bottom: 7px;
}

.top-toggle.active .top-toggle-box::before,
.top-toggle.active .top-toggle-box::after{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.top-toggle.active .top-toggle-box span{
	opacity: 1;
}

.online-block{
	width: 100%;
	height: calc(100vh - 120px);
}

.online-block iframe{
	width: 100%;
	height: 100%;
}

.page{
	text-align: center;
	padding-top: 20px;
}

.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: #ff6900;
    border: 1px solid #ff6900;
    color: #FFFFFF;
    font-weight: bolder;
}

/*about honor*/
.about-honor-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.honor-swiper .swiper-slide{
	height: 510px;
	padding: 20px;
	border: 1px solid #eee;
}

.honor-swiper a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.honor-swiper img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/*index news*/
.index-news-bg{
	background-image: url("../image/index_news_bg1.jpg");
	background-position: center;
	background-size: cover;
}

.index-news{
	max-width: 1400px;
	padding: 75px 0;
	margin: 0 auto;
}

.index-news .title{
	text-align: center;
	margin-bottom: 45px;
}

.index-news .title h1{
	color: #fff;
	font-size: 40px;
	font-family: fantasy;
}

.index-news .title h3{
	font-size: 22px;
	color: #c1cde1;
}

.index-news li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.index-news li:nth-of-type(3n){
	margin-right: 0;
}

.index-news li a{
	display: block;
	padding-top: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.index-news li:hover a{
	padding-top: 0;
}

.index-news li img{
	width: 100%;
	height: 325px;
	object-fit: cover;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
}

.index-news li h3{
	font-size: 18px;
	color: #c1cde1;
	margin-bottom: 15px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.index-news li h1{
	font-size: 24px;
	color: #c1cde1;
	margin-bottom: 30px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.index-news li:hover h3,
.index-news li:hover h1{
	color: #fff;
}

.index-news li .btn{
	width: 150px;
	line-height: 40px;
	border: 1px solid #fff;
	border-radius: 21px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.index-news li:hover .btn{
	color: #0f357b;
	background-color: #fff;
}

.index-news li .btn i{
	display: inline-block;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.index-news .title2{
	margin-top: 130px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 60px;
	font-family: fantasy;
}

.index-news .list{}

.index-news .list p{
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
	width: 50%;
	padding-right: 20px;
}

.index-news .list p::before{
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-left: 9px solid #0f357b;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
}

.about-index-list{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 1px;
}

.about-index-list .listbox{
	width: 50%;
	float: left;
	height: 500px;
	position: relative;
	margin-bottom: 60px;
}

.about-index-list .listbox:first-child{
	width: 100%;
	height: 350px;
}

.about-index-list img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-index-list .textbox{
	width: 100%;
	padding: 40px 45px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.about-index-list .listbox:first-child .textbox{
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 51%;
	left: 49%;
	padding-right: 60px;
}

.about-index-list h1{
	color: #fff;
	margin-bottom: 0px;
	font-family: fantasy;
}

.about-index-list p{
	font-size: 14px;
	color: #dcdcdc;
}

.about-index-list a{
	display: inline-block;
	width: 132px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin-top: 30px;
}

.about-index-list a:hover{
	border-color: #ca5b2c;
	background-color: #ca5b2c;
}
.contact-bg1{
	background-image: url("404.png");
	background-position: center bottom 20px;
	background-repeat: no-repeat;
	background-size: contain;
}

.contact-block1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
}

.contact-block1 li{
	width: 50%;
}

.contact-block1 li h1{
	color: #ff6900;
	font-size: 48px;
	line-height: 60px;
	font-family: fantasy;
	margin-bottom: 40px;
}

.contact-block1 li h2{
	color: #ff6900;
	font-size: 36px;
	line-height: 60px;
	font-family: fantasy;
	margin-bottom: 40px;
}

.contact-block1 li p{}

.contact-block1 li p::before{
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid #cb5c2e;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-top: -2px;
	vertical-align: middle;
	margin-right: 10px;
}

.contact-block1 li p+p{
	margin-top: 20px;
}

.contact-block1 li .share-list{
	margin-top: 40px;
}

.contact-block1 li .share-list a{}

.contact-block2{}

.contact-block2 li{
	width: 50%;
	height: 430px;
}

.contact-block2 li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.contact-block2 li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contact-block2 li .textbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.contact-block2 li h1{
	color: #fff;
	font-size: 48px;
	font-family: fantasy;
	margin-bottom: 30px;
}

.contact-block2 li .textbox2 h1{
	color: #ff6900;
}

.contact-block2 li h1::after{
	display: block;
	content: "";
	width: 80px;
	height: 5px;
	background-color: #cb5c2e;
	margin-top: 25px;
}

.contact-block2 li .editbox{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 36px;
	height: 136px;
	overflow: hidden;
	margin-bottom: 30px;
}

.contact-block2 li .textbox2 .editbox{
	color: #ff6900;
}

.contact-block2 li i{
	display: block;
	color: #fff;
	font-size: 50px;
}

.contact-block2 li .textbox2 i{
	color: #ff6900;
}
.sale-block{
	max-width: 1400px;
	margin: 0 auto;
	padding: 60px 0;
}

.sale-block .title{
	font-size: 48px;
	color: #ff6900;
	text-align: center;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-family: fantasy;
}

.sale-block li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	transition: all 0.3s;
}

.sale-block li:hover{
	box-shadow: 0 0 5px #ccc;
}

.sale-block li:nth-of-type(4n){
	margin-right: 0;
}

.sale-block li a{
	display: block;
}

.sale-block li&gt;a{
	padding-top: 10px;
}

.sale-block li img{
	width: 100%;
	height: 250px;
	object-fit: contain;
}

.sale-block li .textbox{
	margin-top: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: flex-end;
}

.sale-block li .textbox a:first-child{
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: flex-end;
	-webkit-flex:1;
	-webkit-box-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	flex:1;
	overflow:hidden;
}

.sale-block li .name{
	width: 120px;
	line-height: 60px;
	height: 60px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	background-color: #083684;
	font-family: fantasy;
	overflow: hidden;
}

.sale-block li .border{
	border-left: 24px solid rgb(1,31,71);
	border-bottom: 40px solid #083684;
	border-top: 20px solid transparent;
}

.sale-block li .editbox{
	-webkit-flex:1;
	-webkit-box-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	flex:1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	background-color: #083684;
	height: 40px;
}

.sale-block li .editbox&gt;div{
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-weight:bold;
	    text-transform: uppercase;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	
}

.sale-block li .icon{
	padding: 0 15px 0 5px;
	height: 40px;
	background-color: #083684;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}

.sale-block li i{
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	transition:ease-in-out .3s;
}
.sale-block li:hover i{
	background:#CA5B2C;
	border-color:#CA5B2C;
}

/*gallery*/
.gallery-block{
	max-width: 1400px;
	margin: 0 auto;
	padding: 60px 0;
}

.gallery-block .listbox{

}

.gallery-block .listbox1{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	height: 600px;
}

.gallery-block .listbox1:nth-of-type(3n){
	margin-right: 0;
}

.gallery-block .listbox2{
	width: 100%;
	height: 290px;
	margin-bottom: 20px;
}

.gallery-block .listbox a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.gallery-block .listbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-block .listbox .textbox{
	width: 100%;
	height: 74px;
	background-color: rgba(13,53,123,0.7);
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.3s;
}

.gallery-block .listbox:hover .textbox{
	background-color: rgba(13,53,123,1);
}

.gallery-block .listbox .textbox::before{
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.gallery-block .listbox .flex-flex1{
	overflow: hidden;
	margin: 0 20px;
	font-size: 28px;
	color: #fff;
	font-family: fantasy;
}

.gallery-block .listbox i{
	font-size: 12px;
	color: #fff;
}

.gallery-block .tdmap{
	height: 600px;
	overflow: hidden;
}

.gallery-block .tdmap a{
	display: block;
	width: 100%;
	height: 100%;
}

.gallery-block .tdmap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-block{
	padding: 60px 0;
	max-width: 1200px;
	margin: 0 auto;
}

.news-block ul{
	padding-top: 5px;
}

.news-block li{
	/*border: 1px solid #e3e3e3;*/
}

.news-block li+li{
	margin-top: 20px;
}

.news-block li:hover{
	/*background-color: #ff6900;
	border-color: #ff6900;*/
}

.news-block li a{
	display: block;
	padding: 40px;
}

.news-block li h2{
	font-size: 18px;
	margin-bottom: 25px;
	color: #000;
}

.news-block li h3{
	font-size: 16px;
	color: #999;
	font-weight: bold;
	margin-bottom: 20px;
}

.news-block li p{
	font-size: 15px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}

.news-block li i{
	display: inline-block;
	color: #999;
	font-size: 30px;
}

.news-block li h2,
.news-block li h3,
.news-block li p,
.news-block li i{
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
}

.news-block li:hover h2,
.news-block li:hover h3,
.news-block li:hover p,
.news-block li:hover i{
	color: #fff;
}

.news-block li .flex-flex1{
	overflow: hidden;
}

.news-block li .imgbox{
	width: 266px;
	height: 200px;
	margin-left: 40px;
}

.news-block li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.more{
	text-align: center;
	padding-top: 20px;
}

.more a{
	display: inline-block;
	color: #999;
}

.more i{
	display: inline-block;
	font-size: 36px;
	color: #999;
}

.more p{
	font-size: 15px;
	margin: 0 auto;
}

/*news detail*/
.news-detail-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 90px 0;
}

.news-detail-box{
	float: left;
	width: 71%;
}

.news-detail-block .title{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.news-detail-block .subtitle{
	font-size: 14px;
	color: #999;
}

.news-detail-block .edit-box{
	padding: 20px 0;
	font-size: 16px;
	color: #333;
	line-height: 2.6;
}

.news-detail-nav{
	width: 24%;
	float: right;
	padding: 45px 20px 0;
}

.news-detail-nav .left-nav{
	padding: 30px 25px;
	border: 6px solid #d2d2d2;
}

.news-detail-nav .left-nav a{
	display: block;
	color: #999;
	padding: 10px 0;
}

.news-detail-nav .left-nav a+a{
	margin-top: 20px;
}

.news-detail-nav .left-nav a:hover p{
	text-decoration: underline;
	color: #0090ce;
}

.news-detail-nav .left-nav span{
	color: #999;
}

.news-detail-nav .left-nav h2{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 1;
}

.news-detail-nav .left-nav h3{
	font-size: 14px;
	color: #666;
	line-height: 1;
}

.news-detail-nav .left-nav p{
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	margin: 15px 0;
}

.news-detail-nav .left-nav i{
	display: inline-block;
	font-size: 22px;
	color: #aaa;
}

.news-detail-nav .right-nav{
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 45px;
	background-image: url("404.png");
	background-position: left center;
	background-size: auto;
}

.news-detail-nav .right-nav:hover{
	text-shadow: 1px 1px 1px #888;
}
.news-block{
	padding: 70px 0;
	max-width: 1400px;
	margin: 0 auto;
}

.news-block .title{
	color: #083684;
	font-size: 48px;
	margin-bottom: 40px;
	text-align: center;
	font-family: fantasy;
}

.news-block li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.news-block li:nth-of-type(3n){
	margin-right: 0;
}

.news-block li a{
	display: block;
	padding-top: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.news-block li:hover a{
	padding-top: 0;
}

.news-block li img{
	width: 100%;
	height: 325px;
	object-fit: cover;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
}

.news-block li h3{
	font-size: 18px;
	color: #999;
	margin-bottom: 15px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.news-block li h1{
	font-size: 24px;
	color: #999;
	margin-bottom: 30px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.news-block li:hover h3,
.news-block li:hover h1{
	color: #666;
}

.news-block li .btn{
	width: 150px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 21px;
	text-align: center;
	font-size: 14px;
	color: #666;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.news-block li .btn i{
	display: inline-block;
	color: #325899;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.news-detail-bg{
	background-color: #eee;
	padding: 40px 0;
}

.news-detail-block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 60px 0;
	position: relative;
	background-color: #fff;
	border-radius: 5px;
}

.news-detail-block .title{
	font-size: 26px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.news-detail-block .subtitle{
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.news-detail-block .edit-box{
	font-size: 15px;
	color: #666;
	line-height: 2.4;
	margin-bottom: 40px;
}

.news-detail-block .detail-nav{
	padding: 10px 0;
	border-top: 1px solid #eee;
	text-align: center;
}

.news-detail-block .detail-nav a{
	display: inline-block;
	transition: all 0.3s;
	padding: 20px 40px;
}

.news-detail-block .detail-nav a:hover{
	background-color: #ff6900;
	color: #fff;
}

.news-detail-block .detail-nav i{
	display: inline-block;
	font-size: 30px;
	color: #999;
	vertical-align: middle;
	margin-top: -2px;
	transition: all 0.3s;
}

.news-detail-block .detail-nav a:hover i{
	color: #fff;
}

.product-block{
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
}

.products-title{
	font-size: 48px;
	color: #ff6900;
	margin-bottom: 30px;
	width: 100%;
	font-family: fantasy;
}

.products-left-menu{
	width: 20%;
	float: left;
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
}

.products-left-nav{
	display: block;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.products-left-nav&gt;div{
	padding: 0 20px;
	height: 60px;
	color: #666;
	background-color: #fff;
	cursor: pointer;
}

.products-left-nav&gt;div::before{
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid #999;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-right: 10px;
}

.products-left-nav div{
	font-size: 18px;
}

.products-left-nav&gt;div:hover,
.products-left-nav.active&gt;div{
	background-color: #083684;
}

.products-left-nav&gt;div i{
	margin-left: 15px;
	font-size: 12px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a.products-left-nav&gt;div i{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.products-left-nav&gt;div:hover .flex-flex1,
.products-left-nav.active&gt;div .flex-flex1,
.products-left-nav&gt;div:hover i,
.products-left-nav.active&gt;div i{
	color: #fff;
}

.products-left-nav&gt;div:hover::before,
.products-left-nav.active&gt;div::before{
	border-left: 6px solid #fff;
}

.products-left-nav.active&gt;div i{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.products-left-nav ul{
	background-color: #fff;
	display: none;
}

.products-left-nav li{
	padding: 0 20px 0 30px;
	font-size: 16px;
	color: #666;
}

.products-left-nav li:hover .flex-flex1,
.products-left-nav li.active .flex-flex1{
	color: #fd9314;
}

.products-left-nav li+li{
	border-top: 1px dashed #ccc;
}

.products-left-nav li a{
	height: 46px;
}

.products-left-nav li span{
	display: block;
	width: 10px;
	height: 1px;
	background-color: #999;
	margin-right: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.products-left-nav li:hover span,
.products-left-nav li.active span{
	background-color: #fd9314;
}

.products-left-nav li .flex-flex1{
	overflow: hidden;
	font-size: 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.products-left-nav dl{
	display: none;
}

.products-left-nav dt{
	border-top: 1px dotted #ccc;
}

.products-left-nav dt a{
	display: block;
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

.products-left-nav dt a:hover{
	color: #fd9314;
}

.products-right-list{
	width: 76%;
	float: right;
}

.products-right-list li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	transition: all 0.3s;
}

.products-right-list li:hover{
	box-shadow: 0 0 5px #ccc;
}

.products-right-list li:nth-of-type(3n){
	margin-right: 0;
}

.products-right-list li a{
	display: block;
}

.products-right-list li&gt;a{
	padding-top: 10px;
}

.products-right-list li img{
	width: 100%;
	height: 250px;
	object-fit: contain;
}

.products-right-list li .textbox{
	margin-top: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: flex-end;
}

.products-right-list li .textbox a:first-child{
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: flex-end;
	-webkit-flex:1;
	-webkit-box-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	flex:1;
	overflow:hidden;
}


.products-right-list li .name{
	width: 120px;
	line-height: 60px;
	height: 60px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	background-color: #083684;
	font-family: fantasy;
	overflow: hidden;
}

.products-right-list li .border{
	border-left: 24px solid rgb(1,31,71);
	border-bottom: 40px solid #083684;
	border-top: 20px solid transparent;
}

.products-right-list li .editbox{
	-webkit-flex:1;
	-webkit-box-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	flex:1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	background-color: #083684;
	height: 40px;
}

.products-right-list li .editbox&gt;div{
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-weight:bold;
	    text-transform: uppercase;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	
}

.products-right-list li .icon{
	padding: 0 15px 0 5px;
	height: 40px;
	background-color: #083684;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}

.products-right-list li i{
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	transition:ease-in-out .3s;
}
.products-right-list li:hover i{
	
	background:#CA5B2C;
	border-color:#CA5B2C;
}

.products-3d-center{
	width: 84%;
}

.products-3d-center .iframebox{
	width: 100%;
	height: 510px;
	margin-bottom: 40px;
}

.products-3d-center iframe{
	width: 100%;
	height: 100%;
}

.products-3d-center .subtitle{
	background-color: #ff6900;
	height: 54px;
}

.products-3d-center .subtitle .flex-flex1{
	overflow: hidden;
	padding: 0 20px;
	font-size: 20px;
	color: #fff;
	font-family: fantasy;
}

.products-3d-center .subtitle span{
	display: inline-block;
	padding: 0 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 54px;
	background-color: #cb5c2e;
}


.products-right-menu{
	width: 12%;
}

.products-right-menu .swiper-container{
	padding: 40px 0;
	height: 580px;
}

.products-right-menu .swiper-slide{
	height: 100px !important;
}

.products-right-menu a{
	display: block;
	height: 100%;
	width: 100%;
	border: 1px solid #e3e3e3;
}

.products-right-menu a:hover{
	border-color: #ff6900;
}

.products-right-menu a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.products-right-menu .swiper-button-next,
.products-right-menu .swiper-button-prev{
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  left: 0;
  opacity: 1;
  color: #666;
  -webkit-user-select:none;
  -moz-user-select:none;
  background-color: #f6f6f6;
}

.products-right-menu .swiper-button-next:hover,
.products-right-menu .swiper-button-prev:hover{
	background-color: #ff6900;
}

.products-right-menu .swiper-button-prev{
  top: 0;
}
.products-right-menu .swiper-button-next{
  top: auto;
  bottom: 0;
}
.products-right-menu .swiper-button-prev i,
.products-right-menu .swiper-button-next i{
	font-size: 20px;
	color: #274a89;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.products-right-menu .swiper-button-next:after,
.products-right-menu .swiper-button-prev:after{
  display: none;
}
.products-right-menu .swiper-button-next:hover i,
.products-right-menu .swiper-button-prev:hover i{
	color: #fff;
}

/*product detail*/
.product-detail-block{
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0;
}

.product-detail-block .imgbox{
	width: 50%;
	height: 520px;
	float: left;
}

.product-detail-block .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-detail-block .infobox{
	width: 45%;
	float: right;
}

.product-detail-block .infobox h1{
	font-size: 48px;
	font-weight: bold;
	color: #ca5b2c;
	margin-bottom: 15px;
}

.product-detail-block .infobox h3{
	font-size: 24px;
	font-weight: bold;
	color: #666;
	margin-bottom: 20px;
}

.product-detail-block .infobox .editbox{
	font-size: 16px;
	color: #666;
	line-height: 2;
	margin-bottom: 25px;
}

.product-detail-block .infobox a{
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #ff6900;
	font-family: fantasy;
}

.product-detail-block .infobox .show-msg{
	background-color: #ca5b2c;
}

.product-detail-block .infobox a+a{
	margin-left: 20px;
}

.product-detail-block .subtitle{
	background-color: #eee;
	line-height: 54px;
	margin: 40px 0;
}

.product-detail-block .subtitle a{
	display: inline-block;
	float: left;
	padding: 0 20px;
	text-align: center;
	font-size: 18px;
	color: #666;
	position: relative;
	border-right: 1px solid #ccc;
}

.product-detail-block .subtitle a::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background-color: #ca5b2c;
}

.product-detail-block .subtitle a.active,
.product-detail-block .subtitle a:hover,
.product-detail-block .subtitle a.active::before,
.product-detail-block .subtitle a:hover::before{
	color: #fff;
	background-color: #ff6900;
}

.product-detail-block .edit-box{
	display: none;
}</pre></body></html>