@CHARSET "UTF-8";

@media only screen and (max-width:1400px) {
    
.nav li a {
padding: 0px 1vw 0px;
}    
.top_main {
    width: 250px;
}
#menu {
    width: calc(90% - 250px);
    float: right;
}
    
}




/**top**/
.nav li.en
{
    display: block;
}

.top_contact,.logo a p,.search
{
    display:none;
}
.logo a img{
    height: 40px;
    margin: 15px 0px;
}
.top_main .top_contact li .icon {
    height: 70px;
}

.top_main {
    width: 200px;
    justify-content: flex-end;
    margin-right: 30px;
}
	.m_gb {
		right: 9px;
		width: 30px;
		height: 50px;
		position: absolute;
		top: 30px
	}

	.m_gb:before {
		content: '';
		width: 25px;
		height: 2px;
		background: #ddd;
		position: relative;
		display: block;
		-moz-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
		position: relative;
		top: 2px;
		left: .5px
	}

	.m_gb:after {
		content: '';
		width: 25px;
		height: 2px;
		background: #ddd;
		position: relative;
		display: block;
		-moz-transform: rotate(-225deg);
		-webkit-transform: rotate(-225deg);
		-o-transform: rotate(-225deg);
		-ms-transform: rotate(-225deg);
		transform: rotate(-225deg)
	}

	.top_tel a {
		width: 180px;
		height: 46px;
		line-height: 46px;
		background: url(/images/index_05.jpg) #01a8ec no-repeat 20px center;
		border-radius: 30px;
		color: #fff;
		float: right;
		font-size: 16px;
		padding-left: 46px;
		margin-top: 27px
	}

	.logo img {
		height: 60px;
		float: left
	}

	.index_top {
		height: 70px;
	}

	#navToggle {
		position: fixed;
		right: 20px;
		width: 25px;
		display: block;
		top: 11px
	}

	#navToggle span {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		display: block;
		background: #fff;
		height: 2px;
		position: relative;
		width: 100%;
		margin-top: 24px;
	}

	#navToggle span:before {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
		top: 8px;
		display: block;
		background: #fff;
	}

	#navToggle span:after {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		display: block;
		background: #fff;
		content: '';
		bottom: 10px;
		width: 100%;
		height: 2px;
		position: relative
	}

	#menu .nav {
		position: fixed;
		height: 100vh;
		z-index: 9999;
		background: #fff;
		left: 0;
		top: 0;
		padding-top: 80px;
		transform: translateX(100%);
		transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
		-webkit-transition: all ease .5s;
		width: 100%;
		padding: 80px 20px 0px;
	}

	#menu .open {
		transform: translateX(0)
	}

	#menu .nav li {
		width: 100%;
		line-height: 50px;
		padding: 0px;
		position: relative;
		margin: 0px 0px 0px;
	}


	#menu .nav li a {
		line-height: 60px;
		text-align: left;
		border-bottom: 1px #eee solid;
		padding: 0 0;
		color: #333;
	}

	#menu .nav li a:hover {
		background: 0 0;
		color: #9679F9;
	}

.nav li .nav_ej
	{
		display:none !important;
	}



    

/**banner**/


.n_banner {
    margin-top: 70px;
    height: 200px;
}
.banner_text p {
    font-size: 22px;
}
.banner_text p span {
    font-size: 30px;
    margin-top: 5px;
}
.n_banner img {
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    height: 100%;
}
.pc-bn
{
    display:none;
}
.m-bm
{
    display:block; 
}



/**.footer**/

.footer_c_left {
	width: 100%;
	float:left;
}
.footer_c_left ul
{}
.footer_c_left ul li
{
	text-align: center;
	margin-left: 30px;
	width:120px;
	float:left;
}
.footer_c_left ul li img
{ width:100%;
	
} 
.footer_c_left ul li p
{
	font-size: 15px;
	color: #fff;
	opacity: 0.5;
	margin-top: 10px;
}
.bq a {
    margin-left: 0px;
    display: block;
    font-size: 12px;
}
.bq_right {
    width: 100%;
    float: right;
    text-align:center;
}
.shortcut .footer_logo
{
    display:none;
}
.shortcut ul a img
{
    height: 30px;
}
.shortcut ul a span {
    font-size: 14px;
    margin-left:0px;
    display: block;
    margin-top: 10px;
}
.shortcut ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.bq_c {
    max-width: 100%;
    overflow: hidden;
    padding: 20px 0px;
    margin: auto;
    border-top: 0px rgba(255,255,255,0.1) solid;
}
.footer_main_ce {
    padding: 0px 0px;

}
.footer_main_center
{
    display: none;
}

/**fl*/

.fl_list p {
    display: none;
}
.fl_list {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 0px #ddd;
}
.fl_title {
    padding: 0px 0px 0px;
    overflow: hidden;
    width: 100%;
    display: block;
}
.fl_list a {
    line-height: 40px;
    width: calc((100% - 5px)/2);
    font-size: 13px;
    color: #666;
    float: left;
    border-bottom: 0px #e5e5e5 solid;
    position: relative;
    background: #f6f6f6;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 0px;
    padding: 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-left: 0px;
}
.fl_list .on {
    color: #fff;
    background: #9679F9;
}


	
.fl_list a:nth-of-type(2n)
{
    margin-right: 0px;  
}
.mfl_title a
	{
    width: calc((100% - 10px)/3);	
	}

	
.mfl_title a:nth-of-type(3n)
{
    margin-right: 0px;  
}
.mfl_title a:nth-of-type(2n)
{
    margin-right: 5px;  
}

.mbx {
    display: none;

}
.fl_center {
    padding: 20px 20px 15px;
}
.mfl
{
	display:none;
}



.Brand-c .right ul
{display: flex;justify-content: space-between;width: 100%;overflow: hidden;margin-top: 60px;}

.Brand-c .right ul li p
{
	max-width: 160px;
}
.Brand-c .right ul li p:nth-of-type(1)
{
	font-size: 60px;
	color: #0c132b;
	font-family: Branch !important;
	line-height: 1.2em;
}
.Brand-c .right ul li p:nth-of-type(1) em
{
    font-size: 22px;
    font-style: normal;
    margin-left: 5px;
}
/**about**/
.Brand {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: url(/images/m_about_02.jpg) no-repeat bottom center;
    background-size: 100%;
    padding: 0px 0px 260px;
}
.Brand-c {
    display: block;
}
.Brand-c .left {
    width: 100%;
    font-size: 22px;

}
.Brand-c .titile {
    font-size: 36px;
}
.Brand-c .right {
    width: 96%;
    font-size: 14px;
    line-height: 2em;
}
.Brand-c .right .title {
    font-size: 24px;
}
.Brand-c .right .summary {
    font-size: 18px;
}
.Brand-c .right p{ text-indent:2em; text-align:left;}
.Brand-c .right p:nth-child(3n+0){ text-indent:0em;}

.Profile {
    overflow: hidden;
    width: 100%;
    padding: 50px 0px;
}
	
.Profile .center {
    max-width: 1440px;
    margin: auto;
    padding: 0px 20px;
    display: block;
    align-items: center;
}
.Profile .left {
    width:100%;
    padding-right:0px;
}
.Profile .left p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 2em;
}
.Profile .left .title {
    font-size: 24px;
    color: #9679F9;
    margin: 0px 0px 10px;
}
	
.Profile .right {
    width:100%;
}	

.when-title {
    font-size: 36px;
}
.whcn-title {
    font-size: 22px;
}
.Brand-culture .ulimg li {
    padding: 0px 20px 20px;
}
.Brand-culture {
    padding: 0px 0px 30px;
}

/**contactn**/

.contact-center {
    padding: 50px 20px;
}
.ny-contact .content {
    display: block;
    background: #f6f6f6;
}
.ny-contact .content .left {
    width: 100%;
    padding: 20px;
}
.ny-contact .content .right {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ny-contact .content .left .title {
    font-size: 26px;
    color: #9679F9;
    line-height: 1.5em;
}
.my-map {
    height: 250px !important;
}
.amap-overviewcontrol,.amap-zoomcontrol
{
display:none;
}
.messages {
}
.messages .left {
    width: 100%;
    margin-bottom: 20px;
}
.messages .left .en_title {
    font-size: 34px;
}
.messages .left p {
    font-size: 14px;
}

/**about**/

.nyabout_center img
{
  max-width:100%;  
}
.nyabout p {
    font-size: 14px;
}
.photo_fl a {
    line-height: 40px;
    font-size: 14px;
}
.Brand-c .right ul {
    margin-top: 40px;
}
.Brand-c .right ul li p:nth-of-type(1) {
    font-size:40px;
    color: #0c132b;
    font-family: Branch !important;
    line-height: 1.2em;
}
.Brand-c .right ul li p {
    max-width: 100px;
    font-size: 12px;
    line-height: 1.5em;
}
	
.nyabout_center ul.list li {
    width: calc((100% - 20px)/2);
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.nyabout_center ul li:nth-of-type(2n)
{
    margin-right:0px;
}


	

/**products**/

.indexpr_main li {
    width: 100% !important;
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.indexpr_main li .text .pics {
    width: 80px;
    height: 0px;
    position: relative;
    overflow: hidden;
    padding-top: 26%;
}
	
.indexpr_main li:nth-of-type(3n) {
    margin-right: 10px !important;
}
.indexpr_main li:nth-of-type(2n) {
    margin-right: 0px !important;
}
.indexpr_main li .title {
    padding-left:15px;
    text-align: left;
    color: #333;
    font-size: 12px;
    padding-right: 0px;
}
.indexpr_main li .title span {
    font-size: 12px;
    margin-top: 0px;
}
	
.indexpr_main li .text .title a {
    display: block;
    font-size: 20px;
    color: #9679F9;
}
	
.indexpr_main li .pr_main {
    background: #fff;
    padding: 15px;
}
.indexpr_main li .link .more,.indexpr_main li .link .przx {
    line-height: 40px;
    height: 40px;
}
.indexpr_main li .link {
    margin-top: 20px;
}
	
	
.products {
    padding: 40px 0px;
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
}
	
	
.fa_top {
    display: block;
}
.fa_top_l {
    width: 100%;
}

.fa_dt_r {
    width: 96%;
    float: left;
    padding-left: 0px;
    margin-top: 20px;
    padding:2%;
    background: #fff;
}
.fa_pro_tit {
    font-size:22px;
    color: #9679F9;
    text-align: left;
}
.ext_Specification {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    line-height: 2em;
    text-align: left;
}	
.zx {
    display: block;
    margin-top: 10px;
    text-align: left;
}
.zx a {
    padding-left: 0px;
    margin-right: 0px;
    font-family: CenturyGothic !important;
    font-size: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.zx .zxzx {
    background: #9679F9;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
    border: 2px #9679F9 solid;
    transition: all 0.5s;
    display: block;
}
.pr_pages {
    display: flex;
    margin-top: 20px;
    width: 100%;
}
	
.zx a span {
    margin-left: 10px;
    font-size: 18px;
    font-family: bahnschrift !important;
}
	
.fa_content {
    width: 100%;
    overflow: hidden;
    max-width: 1640px;
    margin: 20px auto 0px;
    border: 0px #f6f6f6 solid;
    padding: 20px;
    background: #fff;
}
	
.fa_dt_r .pr_pages a {
    background: #f6f6f6;
    line-height: 40px;
}	
	
.fa_active i {
    font-size: 16px;
}
.xz_list {
    padding: 10px 10px;
}
.xz_list a {
    font-size: 14px;
}
.content img
{
    max-width: 100%;
}

.fa_Imgmax {
    border: 0px #eee solid;
    height: 250px;
    padding: 0px;
    background: #fff;
    width: 100%;
}
.fa_mohide .fa_Img {
    height: 40px;
}
.fa-angle-left:before {
    width: 30px;
    height: 40px;
    line-height: 40px;
}
.fa_btn_l {
    left: 0px;
}
.fa_btn_r{
    right: 0px;
}	
.fa-angle-right:before {
    content: "\f105";
    width: 30px;
    height: 40px;
    display: block;
    font-size: 20px;
    color: #999;
    text-align: center;
    line-height: 40px;
    background: none;
    cursor: pointer;
}
.fa_mohide {
    position: relative;
    bottom: 0px;
    z-index: 9;
    padding: 20px 30px;
    background: #eee;
}
	
.fa_Prodt {
    margin: 40px auto 0px;
    padding: 0px 20px;
    max-width: 1440px;
}
.Details {
    padding-bottom: 40px;
}

.Details_mbxc {
    display: block;
}
	
.Details_mbx {
    overflow: hidden;
    margin-top: 70px;
}


/**partner**/
.partner
{
    padding: 40px 0px;
}
.partner_img {
    width: calc((100% - 15px)/3);
    float: left;
    margin-right: 5px;
    transition: all 0.5s;
    background: #fff;
    margin-bottom: 5px;
}
.partner_img:nth-of-type(3n) {
    margin-right: 0px;
}
.partner_img a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.partner_center {
    max-width: 1440px;
    padding: 0px 20px 30px;
    margin: auto;
    overflow: hidden;
}
	
/**news**/

.nynews_list_text {
    padding: 20px 0px 0px;
    width: 100%;
    float: left;
    display: block;
    height: 100%;
    border-left: 0px #ddd solid;
}
.nynews_list_img {
    overflow: hidden;
    position: relative;
    float: right;
    width: 100%;
    /*height: 0px;
    padding-top: 65%;*/
    margin-top: 0px;
}
.nynews_list_img img{ width:100%;}
.nynews_list_c .time span {
    font-size: 24px;
    color: #fff;
    display: block;
    font-weight: normal;
    margin-right: 0px;
}
.nynews_list_c .time {
    font-size: 15px;
    color: #fff;
    width: auto;
    text-align: center;
    height: auto;
    padding-right: 0px;
    text-align: left;
    background: #9679F9;
    padding: 0px;
    position: absolute;
    width: 80px;
    text-align: center;
    padding: 10px;
    left: 0px;
    top: 0px;
}
.nynews_list_c {
    display: block;
    background: none;
}
.nynews_center {
    max-width: 1440px;
    margin: auto;
    padding: 40px 20px 0px;
    overflow: hidden;
}
.nynews_list_ptitle{
    font-size: 18px;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.nynews_list_ptitle a {
    font-size: 18px;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.nynews_list {
    width: 96%;
    float: left;
    margin-right: 0px;
    padding: 2%;
    margin-bottom: 20px;
    border: 1px #eee solid;
    transition: all 0.5s;
    background: #fff;
}
	
.nynews_list_summary {
    margin-top: 10px;
	color: #999;
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: auto;
}
.news_detail h1.title {
    font-size: 18px;
    line-height: 1.5em;
}

.precontent {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.nextcontent {
    width: 100%;
    float: right;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.detailpage {
    margin-top: 0px;
}

.news_detail {
    overflow: hidden;
    max-width: 1440px;
    margin: auto;
    padding: 40px 20px;
    background: #fff;
}	

.content {
    font-size: 14px;
    color: #666;
    line-height: 2em;
    padding-top: 20px;
    padding-bottom:20px;
    min-height: 240px;
}	
.nynews {
    padding-bottom: 60px;
	width: 100%;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
}
	
/**video**/

.video_img {
    width: calc((100% - 0px)/1);
    float: left;
    margin-right: 0px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.01);
    margin-bottom: 20px;
}
.video {
    padding: 50px 0px;

}

/**honor**/
.honor
{padding:0px;}
.honor_center {
margin: auto;
    overflow: hidden;
    padding: 0px 20px 20px;
}
.honor_img{
    width: calc((100% - 10px)/2);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.honor_img img{ width:100%;}
.honor_img:nth-of-type(3n){
    margin-right: 10px;
}
.honor_img:nth-of-type(2n){
    margin-right: 0px;
}
.honor_img .title{
    font-size: 14px;
    text-align: center;
    padding: 10px 5px;
    color: #666;
    background: #fff;
}
.honor_img .ico img{
    /*padding: 20px;*/
}


.honor_img:hover .title {
	color:#fff;
	background:#9679F9;
}


/**index**/


.messages {
	background:url(/images/contact_17.jpg) no-repeat center;
	background-size:cover;
	justify-content:space-between;
	border-top:6px #9679F9 solid;
    padding: 40px 20px;
    margin-top: 30px;
    display: block;
}
.messages .left p {
	font-size:16px;
	color:#fff;
	line-height:2em;
}
.messages .left .en_title {
	font-size:48px;
	font-family:Branch !important;
	line-height:1.2em;
	margin-bottom:30px;
}
.messages .left a {
	display:block;
	width:200px;
	line-height:50px;
	background:url(/images/kf.png)#9679F9 no-repeat 45px center;
	text-align:left;
	font-size:16px;
	color:#fff;
	padding-left:85px;
	margin-top:30px;
}
.messages input {
	line-height:50px;
	border-radius:0px;
	border:1px rgba(255,255,255,0.1) solid;
	padding:0px 20px;
	width:100%;
	background:none;
	margin-bottom:15px;
	color: #fff;
}
.messages-list {
	display:block;
	justify-content:space-between;
}
.messages textarea {
	display:block;
	line-height:1.8em;
	border-radius:0px;
	border:1px rgba(255,255,255,0.1) solid;
	padding:10px 20px;
	width:100%;
	margin-top:0px;
	height:160px;
	background:none;
	color: #fff;
}
.messages button {
	width:100%;
	line-height:50px;
	background:#9679F9;
	border:none !important;
	color:#fff;
	margin-top:20px;
	font-size:16px;
	outline:0;
	box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);
}




}




.Brand-culture
{
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
    padding: 80px 20px;
}
.when-title
{
	font-family: Branch !important;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #0c132b;
	line-height: 1em;
}
.whcn-title
{
	font-size: 30px;
	text-align: center;
	color: #9679F9;
}
.Brand-culture ul {
    display: block;
    padding: 20px;
    margin-top: 0px;
}
.Brand-culture ul li {
    width: 50%;
    margin: 0px;
    border: 1px #eee solid;
    padding: 0px 0px;
    transition: all 0.5s;
    margin-bottom:20px;
	float:left;
}
.Brand-culture ul li .Brand-img
{
	height: 50%;
	overflow: hidden;
}
.Brand-culture ul li .Brand-img p
{
	height: 100%;
}

.Brand-culture ul li .Brand-img img
{
	height: 100%;
	width: 100%;
	transform:scale(1);
	object-fit: cover;
	transition: all 0.5s;
}
.Brand-culture ul li:hover .Brand-img img
{
	transform: scale(1.1);
}


.Brand-culture ul li .Brand-text
{
	padding: 5px;
	height: auto ;
	transition: all 0.5s;
}


.Brand-culture ul li:hover
{
	background:#9679F9;
}


.Brand-culture .ulimg
{
	padding: 0px 0px;
}

.Brand-culture .ulimg li

{
	padding: 0px;
	border: 0px #eee solid;
	padding: 20px;
	margin: 0;
}

.Brand-culture ul li .center
{
	width: auto;
	max-width: 250px;
	margin: auto;
}

.Brand-culture ul li img
{
    max-width: 100%;
}
.Brand-culture ul li p
{
    font-size: 16px;
    color: #333;
    line-height: 2em;
    transition: all 0.5s;
}

.Brand-culture ul li:hover p
{
    color: #fff;
}

.Brand-culture ul li .wh-title
{
    font-size: 22px;
    color: #9679F9;
    margin: 0px 0px 10px;
}
.Brand-culture ul li .wh-title em
{
    display: block;
    font-style: normal;
    color: #ccc;
    font-family: Branch !important;
    line-height: 1em;
    font-size: 18px;
    transition: all 0.5s;
}
.Brand-culture ul li:hover .wh-title em
{
    color: #fff;	
}

/**prDetails**/

.Details {
	overflow:hidden;
	margin:0px 0px 0px;
	background:#f6f6f6;
	padding-bottom:80px;
}


.fa_Prodt {
	margin:60px auto 0px;
	padding:0px 20px;
	max-width:1440px;
}
.fa_wrapper {
	margin-top:0px;
}
.fa_comm_cnt {
	overflow:hidden;
	max-width:1640px;
	padding:0px 0px;
	margin:auto;
}
.fa_comm_r {
	width:100%;
	overflow:hidden;
}
.fa_top_l {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:auto;
	padding-right:0px;
}
.fa_top {
	justify-content:center;
	align-items:center;
	background:#ffffff;
}
.fa_dt_r {
}
.fa_pro_tit {
	}.fa_big_swp {
	background:#fff;
	width:100%;
	position:relative;
}
.fa_mohide {
	position:relative;
	bottom:0px;
	z-index:9;
	padding:20px 60px;
	background:#eee;
}
.fa_mohide .swiper-slide {
	border:2px #fff solid;
	cursor:pointer;
}
.fa_mohide .swiper-slide.swiper-slide-thumb-active {
	border:2px #9679F9 solid;
}
.fa_mohide .fa_Img {
	height:90px;
}
.fa_mohide .fa_Img img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	object-fit:cover;
	height:100%;
	transform:translate(-50%,-50%);
}
.fa_big_swp .swiper-slide {
	position:relative;
	height:auto;
	overflow:hidden;
	margin-right:0px !important;
}
.fa_big_swp .swiper-slide img {
	position:relative;
	width:100%;
	object-fit:cover;
	height:100%;
}
.Details2 .fa_big_swp .swiper-slide img {
	object-fit:contain;
	height:100%;
}
.fa_Imgmax {
	border:0px #eee solid;
	height:auto;
	padding:0px;
	background:#fff;
	width:100%;
}
.fa_Imgmax img{ width:100%;}
.Details2 .fa_Imgmax {
	height:600px;
	padding:50px;
	background:#eee;
}
.fa_btn_l {
	width:30px;
	left:0px;
	float:left;
	position:absolute;
	left:20px;
	top:20px;
	z-index:2;
}
.fa-angle-left:before {
	width:30px;
	height:90px;
	display:block;
	font-size:20px;
	color:#999;
	text-align:center;
	line-height:90px;
	background:none;
	cursor:pointer;
}
.fa_btn_r {
	width:30px;
	float:left;
	position:absolute;
	right:20px;
	top:20px;
	z-index:2;
}
.fa-angle-right:before {
	content:"\f105";
	width:30px;
	height:90px;
	display:block;
	font-size:20px;
	color:#999;
	text-align:center;
	line-height:90px;
	background:none;
	cursor:pointer;
}
.fa-angle-right:hover:before {
	color:#9679F9;
	background:none;
}
.fa-angle-left:hover:before {
	color:#9679F9;
	background:none;
}
.fa_content {
	width:100%;
	overflow:hidden;
	max-width:1640px;
	margin:30px auto 0px;
	border:0px #f6f6f6 solid;
	padding:40px;
	background:#fff;
}
.Details_mbx_c {
	max-width:1400px;
	overflow:hidden;
}
.pr_list {
	width:120px;
	height:40px;
	background:url(/images/fh.png)#f3f3f3 no-repeat 20px center;
	display:block;
	line-height:40px;
	padding-left:44px;
	border-radius:20px;
	margin-right:0px;
	float:right;
}
.pr_list:hover {
	background:url(/images/fh2.png)#0d56a5 no-repeat 20px center;
	color:#fff;
}
.Details_mbx {
	overflow:hidden;
	margin-top:100px;
}
.Details_mbxc {
	max-width:1440px;
	display:flex;
	width:100%;
	justify-content:space-between;
	margin:auto;
	align-items:center;
	padding:25px 20px;
}
.Details_mbxc .mbx_list {
	width:auto;
	color:#999;
	background:url(/images/mbx.png) no-repeat left center;
}
.Details_mbxc .mbx_list a {
	color:#999;
}

.indexpr_main {
	overflow:hidden;
	margin:0px auto 0px;
	position:relative;
	max-width:1440px;
	padding:0px 20px;
}
.indexpr_main li {
	width:96%;
	margin:0 auto 5px;
	overflow:hidden;
}
.indexpr_main li .title span {
	display:block;
	color:#999;
	font-size:15px;
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height:2em;
}
.indexpr_main li:nth-of-type(2n) {
	margin-right:0px !important;
}
.indexpr_main li:hover a {
	color:#fff;
}
.indexpr_main li a .pr_img img {
	width:100%;
	transition:all 0.5s;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)scale(1);
	object-fit:cover;
	height:100%;
}
.indexpr_main li:hover .pr_img img {
	transform:translate(-50%,-50%)scale(1.1);
}
.indexpr_main li .pr_img {
	position:relative;
	overflow:hidden;
	padding-top:58%;
	width:100%;
}
.indexpr_main li .text {
	display:flex;
	justify-content:center;
	align-items:center;
}
.indexpr_main li .text .pics {
	width:110px;
	height:0px;
	position:relative;
	overflow:hidden;
	padding-top:20%;
}
.indexpr_main li .text .pics img {
	width:100%;
	transition:all 0.5s;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)scale(1);
	object-fit:cover;
	height:100%;
}
.indexpr_main li .text .title a {
	display:block;
	font-size:24px;
	color:#9679F9;
}
.indexpr_main li .text2 {
	justify-content:flex-start;
}
.indexpr_main li .text2 .title {
	padding:0px 0px;
	width:100%;
}
.indexpr_main li .link {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	overflow:hidden;
	margin-top:30px;
}
.indexpr_main li .link .more {
	line-height:50px;
	width:calc((100% - 20px)/2);
	text-align:center;
	height:50px;
	background:#0c132b;
	color:#fff;
	border:2px #0c132b solid;
	transition:all 0.5s;
}
.indexpr_main li .link .more:hover {
	background:none;
	color:#0c132b;
}
.indexpr_main li .link .przx {
	line-height:50px;
	width:calc((100% - 20px)/2);
	text-align:center;
	height:50px;
	background:#9679F9;
	color:#fff;
	margin:auto;
	display:block;
	margin-left:20px;
	border:2px #9679F9 solid;
	transition:all 0.5s;
}
.indexpr_main li .link .przx:hover {
	background:none;
	color:#9679F9;
}


.brand_lc{width:100%; overflow:hidden; background:url(/images/home_about.png) 97% 13% no-repeat,#DEE2E5; padding:3% 0;}
.brand_lc .brand{ width:96%; margin:auto;}
.brand_lc span{ display:block;}
.brand_lc span:nth-child(1){ width:50px; height:25px;}
.brand_lc span:nth-child(2){ font-size:18px; color:#333; line-height:30px; margin-top:16px;}
.brand_lc ul{ border-bottom:1px solid #cdcdcd; /*margin-top:44px;*/}
.brand_lc ul li{ float:left; width:100%; line-height:30px; color:#333; font-size:16px; border-bottom:1px solid #cdcdcd;}
.brand_lc ul li b{ display:block; font-size:20px; font-weight:bold; line-height:36px;}

.brand_lc .left
{
	font-size: 22px;
	color: #9679F9;
	margin: 10px 0px 20px;
}
.brand_lc .titile
{
	font-size:36px;
	color: #0c132b;
	font-family: Branch !important;
	line-height: 50px;
}
.brand_lc .titile span
{
	
}