@font-face {
	font-family: "FUTURAH";
	src: url("../fonts/FUTURAH/FUTURAH.woff2") format("woff2"),
		 url("../fonts/FUTURAH/FUTURAH.woff") format("woff"),
		 url("../fonts/FUTURAH/FUTURAH.ttf") format("truetype"),
		 url("../fonts/FUTURAH/FUTURAH.eot") format("embedded-opentype"),
		 url("../fonts/FUTURAH/FUTURAH.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.only-mobile{
	display: none;
}
.container{
	width: 1192px;
	margin: 0 auto;
}
img{
	max-width: 100%;
}
.text-overflow-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.text-overflow-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-overflow{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
body{
	width: 100%;
	font-size: 14px;
}
*{
	font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
}
a{
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
.clearfix{
	clear: both;
	display: table;
}
.index-more{
	padding: 0 15px;
	border: 1px solid #c30d23;
	color: #c30d23;
	border-radius: 99px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 26px;
}
.index-more-light{
	padding: 0 15px;
	border: 1px solid #c30d23;
	color: #fff;
	background: #c30d23;
	border-radius: 99px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
}
.header {
	width: 100%;
	height: 110px;
	z-index: 210;
	position: fixed;
	background: rgba(35,24,21,.48);
	top: 0;
	left:0;
	-webkit-text-shadow: 0 0 .5px #333;
	-moz-text-shadow: 0 0 .5px #333;
	text-shadow: 0 0 .5px #333;
}
.header .logo{
	display: block;
	float: left;
	width: 170px;
	height: 60px;
	margin: 26px 0 24px;
}
.header .logo a{
	display: block;
	height: 100%;
}
.header .logo img{
	display: block;
	border: 0;
	height: 100%;
}
.header .tel{
	float: right;
	height: 26px;
	padding-left: 26px;
	font-family: "FUTURAH","Mirosoft YaHei",serif;
	color:#fff;
	font-size: 22px;
	line-height: 26px;
	font-style: italic;
	margin-top: 26px;
	font-weight: bold;
	margin-right: 18px;
	background: url("../images/icon_phone.png") 0 center no-repeat;
}
.header .lang{
	float: right;
	width: 30px;
	background: #c30d23;
	color: #fff;
	height: 30px;
	border-radius: 15px;
	line-height: 29px;
	margin-top: 24px;
	text-align: center;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.header .lang .lang-list{
	position: absolute;
	top: 30px;
	left: 0;
	padding: 0;
	list-style: none;
}

.header .search{
	height: 30px;
	width: 196px;
	margin-top: 24px;
	float: right;
	margin-right: 15px;
	border:1px solid #fff;
	border-radius: 99px;
	box-sizing: border-box;
}
.header .search.mobile-search{
	display:none;
}
.mobile-nav-open{
	display: none;
}
.header .search input[type=text]{
	height: 28px;
	line-height: 28px;
	border: 0;
	background: rgba(0,0,0,0);
	border-right: 0;
	width: 162px;
	display: block;
	float: left;
	outline: none;
	box-sizing: border-box;
	padding: 5px 10px;
	font-size: 14px;
	color:#fff;
}
.header .search button{
	height: 28px;
	width: 28px;
	display: block;
	float: left;
	outline: none;
	padding: 5px;
	font-size: 14px;
	box-sizing: border-box;
	border: 0;
	background: url(../images/icon_search.png) center center no-repeat;  
	cursor: pointer;
}

.header .nav{
	float: right;
	height: 50px;
	margin-top: 6px;
	clear: right;
}
.header .nav > ul{
	display: block;
	float: left;
	height: 50px;
	margin: 0;
	padding: 0;
}
.header .nav > ul > li{
	float: left;
	display: block;
	list-style-type: none;
	height: 100%;
	margin: 0 8px;
}
.header .nav > ul > li >a{
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}
.header .nav > ul > li.active > a::after,
.header .nav > ul > li >a:hover::after{
	background: #c30d23;
	content: " ";
	height: 4px;
	width: 100%;
	z-index: 209;
	bottom: -2px;
	display: block;
	position: absolute;
}
.header .nav > ul > li.active.hidden > a::after{
	display: none;
}
.header .subnav{
	display: block;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	z-index: 201;
}
.header .subnav{
	display: none;
	padding-top: 10px;
}
.header .subnav > li{
	display: block;
	list-style-type: none;
	text-align: center;
}
.header .subnav > li>a{
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding: 0 15px;
	background: #c30d23;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}
.header .subnav > li>a::after{
	height: 1px;
	width: 80%;
	margin: 0 10%;
	left: 0;
	bottom: 0px;
	content: " ";
	position: absolute;
	background: #ca2a3e;
}
.header .subnav > li>a:hover::after{
	background: #a50b1d;
}
.header .subnav > li:last-child>a::after{
	display: none;
}
.header .subnav > li>a:hover{
	background: #a50b1d;
}
.mobile-nav-cover{
	display: none;
}
.banner{
	width: 100%;
	height: 604px;
	z-index: 0;
	background: #000;
	position: relative;
}
.banner .swiper-slide{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-top: 200px;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	text-align: center;
}
.banner .swiper-slide::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	/* background: rgba(0,0,0,0.3); */
	z-index: 9;
	content: " ";
	display: block;
}
.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.5;
}
.swiper-pagination-bullet-active{
	background: #c30d23;
	opacity: 1;
} 
.banner .banner-container{
	width: 1000px;
	margin: 0 auto;
	color:#fff;
	font-size: 24px;
	display: block;
	text-align: left;
	line-height: 1.3;
	position: absolute;
	left: 50%;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
	top: 55%;
	z-index: 10;
}
.banner .banner-container .text2{
	font-size: 48px;
	line-height: 1.2;
	margin-top: 35px;
	letter-spacing: 2px;
}
.bd-title{
	width: 388px;
	float: left;
	margin-left: 50px;
	color: #fff;
}
.bd-title .top-side{
	width: 338px;
	padding: 25px;
	background: #2ca6e0;
	background: rgba(44,166,224,.7);
}
.bd-title .bottom-side{
	width: 338px;
	padding: 25px;
	background: #f29600;
	font-size: 17px;
	position: relative;
}
.bd-title .bottom-side .line{
	width: 75px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 15px;
}
.bd-title .cn-txt{
	font-size: 28px;
}
.bd-title .en-txt{
	font-size: 13px;
}

.lang-title{
	font-size: 38px;
	font-family: "FUTURAH";
	font-style: italic;
	color:#c20d23;
	line-height: 30px;
}
.lang-title.white{
	color:#fff;
}
.idx-section1{
	width: 100%;
	float: left;
}
.idx-section1 .container{
	background: url(../images/bg_world.png) left center no-repeat;
	height: 275px;
	box-sizing: border-box;
	padding-top: 60px;
}
.idx-section1 .idx-profiles-title .lang-title{
	font-size: 28px;
}
.idx-profiles-title{
	width: 220px;
	height: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 60px;
	text-align: left;
	color:#c30d23;
}
.idx-profiles-title .text{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.idx-section1 .main{
	margin-top: 10px;
	float: left;
	width: 650px;
	color:#3e3a39;
	line-height: 30px;
	float: right;
	margin-right: 52px;
}
.idx-section1 .main p{
	text-align: right;
}
.idx-section2{
	width: 100%;
	float: left;
	background: url(../images/case_bg.jpg) center top no-repeat;
	text-align: center;
	height: 255px;
}
.idx-case-title{
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	padding-top: 32px;
	color:#fff;
}
.idx-case-title .text{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.idx-case-title .summary{
	font-size: 20px;
	width: 610px;
	font-size: 13px;
	margin: 0px auto 35px;
	line-height: 22px;
}
.idx-section3{
	width: 100%;
	float: left;
	background: #f2f2f2;
}
.idx-service-title{
	width: 100%;
	height: 142px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 32px;
	color:#fff;
	background: #c02429 url(../images/service_bg.jpg) center top no-repeat;
	position: relative;
}
.idx-service-title::after{
	content: " ";
	position: absolute;
	bottom: -30px;
	margin-left: -15px;
	left: 50%;
	width: 0;
    height: 0;
    border: 15px solid;
	border-color: #bd2328 transparent transparent ;
	transform: scaleX(1.5);
}
.idx-service-title .text{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.idx-section3 .main{
	padding-top: 30px;
	padding-bottom: 50px;
	width: 100%;
	float: left;
}
.idx-section3 .main ul{
	padding: 50px 0 0;
	margin: 0;
	display: block;
	text-align: center;
	width: 100%;
	float: left;
}
.idx-section3 .main ul li{
	display: block;
	list-style-type: none;
	width: 20%;
	float: left;
	text-align: center;
	position: relative;
}
.idx-section3 .main ul li::after{
	content: " ";
	position: absolute;
	right: 0;
	top: 20%;
	width: 1px;
	height: 88px;
	background: #dfdfdf;
}
.idx-section3 .main ul li:last-child::after{
	display: none;
}
.idx-section3 .main ul li a{
	width: 100%;
	display: block;
	color: #3e3a39;
	font-size: 21px;
	text-decoration: none;
}
.idx-section3 .main ul li a:hover{
	color: #333!important;
}
.idx-section3 .main ul li img{
	display: block;
	margin: 0 auto 15px;
	clear: both;
	width: 58px;
}
.idx-section3 .case-title{
	clear: both;
	display: block;
	margin-bottom: 2px;
}
.idx-section3 .case-title2{
	display: block;
	clear: both;
	font-size: 13px; 
	color: #727171;
}
.idx-section4{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}
.idx-section4 .idx-products-title{
	width: 100%;
	height: 132px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 32px;
	color:#c02429;
	position: relative;
}
.idx-section4 .idx-products-title .text{
	font-size: 20px;
	margin-top: 6px;
}
.idx-section4 .main ul{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	width: 100%;
}
.idx-section4 .main ul li{
	height: 225px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-size: cover;
}
.idx-section4 .main ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #ffffff;
	box-sizing: border-box;
	padding-left: 40px;
	padding-top: 30px;
	position: relative;
}
.idx-section4 .main ul li a .product-more{
	position: absolute;
	left: 40px;
	bottom: 40px;
	color: #fff;
	border-color: #fff;
}
.idx-section4 .main ul li a:hover .product-more{
	background: #c02429;
	border-color: #c02429;
}
.idx-section4 .main ul li.item-1{
	width: 466px;
	background-image: url(../images/home_product_1.jpg);
}
.idx-section4 .main ul li.item-2{
	width: 360px;
	background-image: url(../images/home_product_2.jpg);
}
.idx-section4 .main ul li.item-3{
	width: 342px;
	margin-right: 0;
	background-image: url(../images/home_product_3.jpg);
}
.idx-section4 .main ul li.item-4{
	width: 273px;
	background-image: url(../images/home_product_4.jpg);
}
.idx-section4 .main ul li.item-5{
	width: 317px;
	background-image: url(../images/home_product_5.jpg);
}
.idx-section4 .main ul li.item-6{
	width: 321px;
	background-image: url(../images/home_product_6.jpg);
}
.idx-section4 .main ul li.item-7{
	width: 245px;
	height: 461px;
	margin-right: 0;
	float: right;
	background-image: url(../images/home_product_8.jpg);
	
}
.idx-section4 .main ul li.item-8{
	width: 935px;
	background-image: url(../images/home_product_7.jpg);
}
.idx-section4 .main ul li.item-8 .product-more{
	right: 40px;
	left: auto;
}
.idx-section4 .product-title{
	font-size: 23px;
	display: block;
	margin-bottom: 5px;
	position: absolute;
	left: 40px;
	top: 30px;
}
.idx-section4 .product-title2{
	font-size: 19px;
	display: block;
	line-height: 1.1;
	position: absolute;
	left: 40px;
	top: 70px;
}

.idx-section5{
	width: 100%;
	background: #f2f2f2;
	padding: 45px 0;
	float: left;
	color:#c30d23;
	margin-bottom: 40px;
}
.idx-equipment-title{
	width: 220px;
	height: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: left;
}
.idx-equipment-title .lang-title{
	font-size: 28px;
}
.idx-equipment-title .text{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.idx-section5 .equip-list{
	width: 960px;
	float: right;
	position: relative;
	padding: 0 40px;
	box-sizing: border-box;
}
.idx-section5 .equip-list .swiper-button-prev,
.idx-section5 .equip-list .swiper-button-next{
	width: 40px;
	height: 100%;
	background-image: url(../images/home_arrow.png);
	background-size: contain;
	margin-top: 0;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	background-size: 960px 40px;
	top: 0;
}
.idx-section5 .equip-list .swiper-button-prev{
	background-position: 0 center;
	left: 0;
}
.idx-section5 .equip-list .swiper-button-next{
	background-position: right center;
	right: 0;
}
.idx-section5 .equip-list .swiper-container{
	list-style: none;
	padding: 0;
	float: left;
	max-width: 872px;
	width: 100%;
}
.idx-section5 .equip-list .swiper-slide{
	width: 208px;
}
.idx-section5 .equip-list .swiper-slide .title{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	text-decoration: none;
}
.idx-section5 .equip-list .swiper-slide a{
	display: block;
	height: 0;
	padding-bottom: 127.08%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.idx-section5 .equip-list .swiper-slide .title span{
	position: relative;
	top:50%;
	display: block;
	transform: translateY(-50%);
}
.footer{
	background: #efefef;
	width: 100%;
	float: left;
	color: #727171;
	padding: 20px 0 ;
	border-top: 2px solid #cc4d51;
}
.footer a{
	text-decoration: none;
	color:#727171;
}
.footer .footer-logo{
	float: left;
	margin-top: 20px;
}
.footer .footer-logo img{
	width: 100%;
	max-width: 180px;
}
.footer .footer-nav{
	float: right;
	margin-right: 80px;
	margin-top: 6px;
}
.footer .links{
	float: left;
	margin-top: 45px;
	margin-left: 10px;
}
.footer .links a{
	margin: 3px;
}
.footer ul{
	display: block;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
}
.footer ul li{
	display: block;
	margin: 0;
	list-style-type: none;
	font-size: 13px;
	line-height: 50px;
}
.footer ul li a{
	display: inline-block;
	border-bottom: 1px dotted #c0c0c0;
}
.footer ul li:last-child a{
	border-bottom: 0;
}
.footer ul li a{
	color: #727171;
	text-decoration: none;
}
.footer ul li a:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}

.ft-qr{
	float: right;
	margin-right: 15px;
	font-size: 0;
	text-align: right;
	margin-top: 6px;
	width: 95px;
}
.ft-qr img{
	display: block;
	border:0;
	margin: 5px;
	max-width: 100%;
}

.ft-address{
	float: right;
	width: 156px;
	font-size: 12px;
	padding-top: 16px;
	margin-right: 50px;
}
.mobile-ft-bottom{
	width: 100%;
	float: left;
	font-size: 12px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	color: #fff;
	position: relative;
	background: #c30d23;
	display: flex;
	display: none;
}
.mobile-ft-bottom .links{
	display: flex;
	padding: 5px;
	width: 25%;
	justify-content: center;
}
.mobile-ft-bottom .links a{
	margin-right: 5px;
}
.mobile-ft-bottom .links a img{
	max-width: 100%;
	max-height: 100%;
}
.ft-bt-item{
	width: 20%;
	padding: 0 0.5rem;
	color:#fff;
	text-decoration: none;
	flex-grow: 1;
}
.ft-bt-item.back-home{
	width: 15%;
}
.ft-bt-item i {
    vertical-align: bottom;
    background: #fff;
    color: #c30d23;
    border-radius: 99px;
    font-size: 12px;
	width: 18px;
	height: 18px;
	text-align: center;
	padding: 2px;
}
.ft-bt-cut{
	width: 3.3%;
}
.gotop{
	cursor: pointer;
}

.innerbanner{
	width: 100%;
	/* float: left; */
	height: 410px;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.inner-main{
	padding-bottom: 100px;
}
.inner-main.culture .culture-mod{
	margin-bottom: 30px;
	display: block;
}
.editor p{
	color:#595757;
	margin-bottom: 20px;
	line-height: 24px;
}
.editor img{
	max-width: 100%;
}
.supplier-list .item{
	width: 223px;
	height: 223px;
	display: block;
	float: left;
	margin: 7px;
}
.supplier-list .item img{
	max-width: 100%;
}

.market-tab {
	height: 72px;
	width: 100%;
}
.market-tab .item{
	width: 110px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #c9caca;
	color: #fff;
	cursor: pointer;
	float: left;
	margin-right: 15px;
}
.market-tab .item.active{
	background: #c30d23;
}
.market-panel .item{
	display: none;
}
.market-panel .item.active{
	display: block;
}
.market-panel .item .table{
	float: right;
	width: 580px;
}
.market-panel table th{
	background: #c20d23;
	color:#fff;
	line-height: 28px;
}
.market-panel table td{
	border-top: 6px solid #fff;
	line-height: 28px;
	padding-left: 30px;
	background: #f7f8f8;
}
.table a{
	color: #000;
	text-decoration: none;
}
.market-panel table tr:nth-child(2n+1) td{
	background: #efefef;
}
.market-map{
	float: left;
	width: 610px;
	position: relative;
}
.bread{
	font-size: 14px;
	color: #888;
	text-align: left;
	margin-top: 45px;
	width: 100%;
	padding-bottom: 45px;
	box-sizing: border-box;
}
.bread a{
	color: #595757;
	text-decoration: none;
}
.bread a:hover,
.bread span{
	color: #c30d23;
}

.newslist{
	display:block;
	padding: 0;
	margin: 25px 0;
	box-sizing: border-box;
	width: 960px;
	float: left;
	
}
.newslist li{
	display: block;
	list-style-type: none;
	float: left;
	width: 385px;
	font-size: 14px;
	box-sizing: border-box;
}
.newslist li .li-tit{
	float: left;
	width: 75%;
}
.newslist li a{
	width: 100%;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	text-decoration: none;
	float: left;
	line-height: 30px;
	height: 100%;
	overflow: hidden;
}
.newslist li .date{
	float: right;
	line-height: 30px;
	width: 25%;
	text-align: right;
}
.newslist li a:hover{
	color: #fff;
}
.img-content{
	margin: 30px 0;
	text-align: center;
	width: 100%;
	float: left;
}

.idx-news-tab{
	height: 170px;
	overflow: hidden;
}
.idx-news-title{
	width: 220px;
	height: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 50px;
	padding-top: 30px;
}
.idx-news-title .text{
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
}
.idx-news-title .more img,
.idx-profiles-title .more img{
	width: 22px;
}
.idx-news-tab .container{
	height: 100%;
	background: #b42026 url(../images/news_bg.png) 0 center no-repeat;
}
.newslist li:first-child{
	width: 500px;
	height: 120px;
	margin-right: 30px;
	float: left;
	color: rgba(255,255,255,0.8);
	display: block;
	font-size: 12px;
	border-right: 1px dotted #c9888f;
	padding-right: 20px;
}
.newslist li:first-child:hover{
	color: #fff;
}
.newslist li:first-child .news-img{
	float: left;
	width: 190px;
	margin-right: 24px;
}
.newslist li:first-child .li-tit{
	float: left;
	width: 260px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-weight: bold;
	margin-top: 6px;
	font-size: 14px;
}
.newslist li:first-child .news-summary{
	float: left;
	width: 260px;
	height: 60px;
	line-height: 20px;
	margin-top: 6px;
	font-size: 12px;
	display: -webkit-box;
　　-webkit-box-orient: vertical;
　　-webkit-line-clamp: 3;
　　overflow: hidden;
	
}
.newslist li:first-child .date{
	float: left;
	width: 260px;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
	text-align: right;
	font-size: 12px;
}
.contact .contact-item{
	float: left;
	width: 386px;
	text-align: center;
	margin-right: 15px;
	background: #f7f8f8;
	padding:40px;
	box-sizing: border-box;
	color:#595757;
	font-size: 16px;
}
.contact .contact-item .img{
	text-align: center;
	font-size: 0;
	height: 65px;
	margin-bottom: 20px;
}
.contact .contact-item img{
	height: 100%;
	max-width: 100%;
	min-height: 100%;
	display: inline-block;
}
.contact .contact-item .line{
	height: 2px;
	width: 70%;
	background: #a4a3a3;
	margin: 10px auto;

}
.contact .contact-item:last-child{
	margin-right: 0;
}
.contact .taobao-link{
	width: 100%;
	float: left;
	margin-top: 32px;
	text-align: right;
}
.taobao-link a{
	margin-left: 40px;
}
.taobao-link a:first-child{
	margin-left: 0;
}
.join-title{
	font-size: 16px;
	color:#595757;
	margin-bottom: 25px;
}
.join-flow{
	margin-bottom: 15px;
}
.join-flow.mobile{
	display: none;
}
.join-list-title{
	line-height: 36px;
	color:#595757;
	font-size: 16px;
	border-bottom: 1px solid #595757;
}

.join .table{
	width: 100%;
	margin-top: 25px;
}
.join table th{
	background: #c20d23;
	color:#fff;
	line-height: 28px;
	text-align: left;
	padding-left: 30px;
}
.join table td{
	border-top: 6px solid #fff;
	line-height: 28px;
	padding-left: 30px;
	background: #f7f8f8;
	min-width: 50px;
}
.join table tr:nth-child(2n+1) td{
	background: #efefef;
}
.img-list ul{
	padding: 0;
}
.img-list ul li {
	width: 380px;
	height: 350px;
	list-style: none;
	float: left;
	margin: 0 7px;
}
.img-list ul li a{
	display: block;
	text-decoration: none;
	color:#9fa0a0;
}
.img-list ul li a span{
	padding: 15px 0;
	display: block;
}
.img-list ul li a:hover{
	color:#000;
}
.img-list ul li img{
	width: 100%;
	/* height: 298px; */
	display: block;
	border:0;
}
.pagination{
	width: 100%;
	float: left;
	padding-top: 30px;
	text-align: center;
}
.pagination a,
.pagination span{
	text-decoration: none;
	background: #fff;
	border: 1px solid #c9caca;
	color:#c9caca;
	font-size: 16px;
	line-height: 26px;
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	margin: 0 2px;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
}
.pagination span.active,
.pagination span.total{
	background: #c20d23;
	border-color: #c20d23;
	color:#fff;
	cursor: default;
}
.pagination span.total{
	width: auto;
	padding: 0 5px;
}
.pagination a:hover{
	color: #c20d23;
	border-color: #c20d23;
}
.pagination a.prev,
.pagination a.next,
.pagination span.prev,
.pagination span.next{
	background: #c9caca;
	color: #fff;
}
.pagination span.prev,
.pagination span.next{
	cursor: default;
}
.pagination a.prev:hover,
.pagination a.next:hover{
	background: #c20d23;
	border-color: #fff;
}
.faq-search{
	border-top: 1px solid #a7a6a6;
}
.faq-search form{
	display: block;
	width: 100%;
	max-width: 488px;
	height: 30px;
}
.faq-search input{
	display: block;
	border:1px solid #d0d0d0;
	height: 30px;
	box-sizing: border-box;
	width: 80%;
	min-width: 418px;
	color:#595757;
	outline: 0;
	font-size: 13px;
	padding-left: 15px;
	background: #fff;
	-webkit-appearance: none;
	border-radius: 0;
	float: left;
}
.faq-search button{
	width: 20%;
	display: block;
	height: 30px;
	border:0;
	background: #c20d23;
	max-width: 70px;
	min-width: 40px;
	outline: none;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.faq-search button img{
	height: 20px;
	margin: 5px 0;
}
.faq-search .title{
	color: #595757;
	font-size: 14px;
	line-height: 60px;
}
.faq-list{
	width: 100%;

}
.faq-list ul{
	padding: 0;
	display: block
}
.faq-list ul li{
	display: block;
	margin: 3px 0;
}
.faq-list ul li a{
	display: block;
	text-decoration: none;
	color:#595757;
	height: 50px;
	background: #f7f8f8;
	line-height: 50px;
}
.faq-list ul li a span{
	float: left;
	display: block;
}
.faq-list ul li a .point{
	width:3px;
	height: 3px;
	background: #595757;
	border-radius: 2px;
	margin: 24px 6px 0 30px;
}
.faq-list ul li .title{
	display: block;
	float: left;
	max-width: 900px;
}
.faq-list ul li .item-right{
	float: right;
}
.faq-list ul li .arrow{
	width: 21px;
	height: 20px;
	float: left;
	background: url(../images/faq-sprit.png) right bottom;
	background-size: 80px 40px;
	margin: 15px 30px 0 6px;
}
.faq-list ul li .viewer-text{
	margin-right: 30px;
}
.faq-list ul li .viewer{
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/faq-sprit.png) left bottom;
	background-size: 80px 40px;
	margin: 15px 0px 0 15px;
}

.faq-list ul li a:hover{
	background: #c20d23;
	color:#ffffff;
}
.faq-list ul li a:hover .point{
	background-color: #fff;
}
.faq-list ul li a:hover .viewer{
	background-position: left top;
}
.faq-list ul li a:hover .arrow{
	background-position: right top;
}


.news-list{
	width: 100%;
	float: left;
}
.news-list ul{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
.news-list ul li{
	display: block;
	padding: 20px 0;
	font-size: 16px;
	width: 100%;
	float: left;
	border-bottom: 1px dotted #d0d0d0;
}
.news-list ul li a .main{
	width: 80%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}
.news-list ul li a .img{
	width: 20%;
	float: right;
	max-width: 226px;
}
.news-list ul li a .img img{
	display: block;
	max-width: 100%;
}
.news-list ul li a{
	display: block;
	text-decoration: none;
	color:#5f5f5f;
	float: left;
	width: 100%;
}
.news-list ul li a span{
	float: left;
	display: block;
}
.news-list ul li .title{
	display: block;
	float: left;
	width: 720px;
	padding:15px 0;
	box-sizing: border-box;
	line-height: 20px;
	font-size: 16px;
	color: #000;
}
.news-list ul li .summary{
	font-size: 14px;
	max-height: 80px;
	line-height: 26px;
}
.news-list ul li .item-right{
	float: right;
	padding:15px 0;
}
.news-list ul li .viewer-text{
	margin-right: 30px;
	line-height: 20px;
}
.news-list ul li .date{
	line-height: 20px;
}
.news-list ul li .viewer{
	width: 20px;
	height: 20px;
	float: left;
	background-size: 80px 40px;
	margin: 0 0px 0 15px;
}

.news-list ul li a:hover{
	color: #000;
}

.left-nav{
	width: 233px;;
	float: left;
}
.left-nav .item{
	margin: 4px 0;
	background: #c8c9c9;
	height: 54px;
	box-sizing: border-box;
	position: relative;
	white-space: nowrap;
}
.left-nav .item.holder{
	visibility: hidden;
}
.left-nav .item.active::after{
	display: block;
	content: " ";
	position: absolute;
	width: 10px;
	height: 11px;
	background: url(../images/leftnav-arrow.png) 0 0 no-repeat;
	right: -9px;
	top: 50%;
	margin-top: -5px;
}
.left-nav .item a{
	height: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	padding: 15px 20px;
	color: #ffffff;
	line-height: 24px;
}
.left-nav .item.active,
.left-nav .item:hover{
	background: #c20d23;
}
.main-area {
	float: right;
	width: 930px;
}
.service .main-area .content{
	width: 455px;
	margin: 5px;
	float: left;
	height: 138px;
}
.service .main-area .content.content-1,
.service .main-area .content.content-2{
	height: 217px;
	overflow: hidden;
}
.service .main-area .content img{
	display: block;
	max-width: 100%;
}
.service .main-area .content.content-bg{
	background-size: 100% 100%;
	padding: 0 40px;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
}
.service .main-area .content.content-bg span{
	top: 50%; 
	transform: translateY(-50%);
	position: relative;
	display: block;
}

.product-list{
	display: block;
	width: 100%;
	float: left;
	padding: 0;
}
.product-list li{
	margin: 12px;
	list-style: none;
	width: 284px;
	float: left;
}

.product-list li a{
	text-decoration: none;
}
.product-list li .img{
	width: 100%;
	background: url(../images/product-bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
.product-list li .img img{
	width: 100%;
	display:block;
}
.product-list li .title{
	font-size: 14px;
	color: #fff;
	position: relative;
	background: #b8834f;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.product-list li:nth-child(3n-1) .title,
.product-list li:nth-child(3n-1) .title span{
	background: #5d683e;
}
.product-list li .title::after{
	height: 1px;
	content: " ";
	width: 0%;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	margin-left: -40%;
	z-index: 0;
}
.product-list li .title span{
	display: inline-block;
	position: relative;
	background: #b8834f;
	padding: 0 10px;
	z-index: 1;
}
.product-list li:hover .title::after{
	animation: productTitle 0.25s 1;
	animation-fill-mode: forwards;
}
.product-high .product-list li{
	width: 274px;
}
.product-high .product-list li{
	width: 274px;
}
.product-high .product-list li .title,
.product-high .product-list li .title span{
	background: #b8834f;
}
.product-high .product-list li:nth-child(2n-1) .title,
.product-high .product-list li:nth-child(2n-1) .title span{
	background: #5d683e;
}
@keyframes productTitle{
from {width:0%;left: 80%;}
to {width:80%;left: 50%;}
}
.detail-container{
	color:#404040;
	font-size: 14px;
	width: 900px;
	margin: 0 auto;
}
.detail-container .info{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	color: #595757;
}
.detail-container .info span{
	margin-right: 15px;
}
.message form{
	display: block;
	width: 100%;
	float: left;
	margin-top: 30px;
}
.message form .form-item{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	color: #595757;
}
.message form .form-item .label{
	width: 30%;
	float: left;
	text-align: right;
	min-height: 20px;
	padding-right: 15px;
	box-sizing: border-box;
}
.message form .form-item .field{
	width: 70%;
	float: left;
}
.message form .form-item .field input,
.message form .form-item .field textarea{
	height: 36px;
	padding: 6px 10px;
	border-radius: 3px;
	border:1px solid #ddd;
	width: 100%;
	max-width: 300px;
	color: #595757;
	outline-color: #ddd;
	box-sizing: border-box;
}
.message form .form-item .field textarea{
	min-width: 400px;
	height: auto;
	resize:none;
}
.message form .form-item button{
	height: 30px;
	text-align: center;
	width: 120px;
	padding: 0 16px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #c20d23;
	color:#c20d23;
	border-radius: 3px;
	cursor: pointer;
}
.message form .form-item button:hover{
	background: #c20d23;
	border: 1px solid #c20d23;
	color:#fff;
}
.message  label.error{
	display: block;
	padding: 6px 0;
	width: 100%;
	color:#c20d23;
}
.join-school .main-area{
	width: 900px;
}
.alumnin-list{
	display: block;
	width: 100%;
	padding: 0;
	float: left;
}
.alumnin-list li{
	display: block;
	width: 440px;
	float: left;
	margin-bottom: 15px;
}
.alumnin-list li:nth-child(2n){
	margin-left: 15px;
}
.alumnin-list li img{
	width: 100%;
	display: block;
}
.alumnin-list li .info{
	margin-top: 10px;
	background: url(../images/service-1-bg.jpg) right 0 no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 208px;
	color: #fff;
	font-size: 16px;
	padding:30px 40px;
	box-sizing: border-box;
	line-height: 1.5;
}
.alumnin-list li .info .message{
	display: block;
	margin-top: 10px;
}
.alumnin-list li .info .name,
.alumnin-list li .info .position,
.alumnin-list li .info .university{
	margin-right: 10px;
}

.join-faq .faq-list{
	display: block;
	font-size: 14px;
	color: #9fa0a0;
	float: right;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.join-faq .faq-list li{
	list-style: none;
	width: 100%;
	display: block;
	float: left;
	border-bottom: 1px dashed #d9d9d9;
	padding: 10px 0 ;
}
.join-faq .faq-list li .number{
	float: left;
	width: 30px;
	height: 100%;
}
.join-faq .faq-list li .content{
	float: left;
	width: 870px;
}
.join-faq .main-area{
	width: 900px;
}

.tab-nav{
	width: 100%;
	height: 50px;
	margin: 20px 0;
	text-align: center;
	line-height: 50px;
	font-size: 0;
}
.tab-nav .tab-item{
	width: 160px;
	text-align: center;
	display: inline-block;
	height: 100%;
	background: #c9caca;
	color:#fff;
	cursor: pointer;
	margin: 0 5px;
	font-size: 16px;
}
.tab-nav .tab-item a{
	height: 100%;
	color:#fff;
	font-size: inherit;
	text-decoration: none;
}
.tab-nav .tab-item.active,
.tab-nav .tab-item:hover{
	background: #c30d23;
}
.video-list{
	display: block;
	padding: 0;
	float: left;
	width: 100%;
}
.video-list li{
	display: block;
	float: left;
	width: 285px;
	min-height: 214px;
	margin: 5px;
}
.video-list li a{
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	color: #595757;
}
.video-list li a:hover{
	color: #a50b1d!important;
}
.video-list li .img{
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 58%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.video-list li .img .icon-video{
	width: 13%;
	padding-bottom: 13%;
	background: url(../images/video-icon.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6.5%;
	margin-top: -6.5%;
	display: inline-block;
}
.video-list li .title{
	font-size: 16px;
	display: block;
	width: 100%;
	float: left;
	padding: 8px 0;
}
.video-list li:nth-child(1),
.video-list li:nth-child(2),
.video-list li:nth-child(3){
	width: 383px;
}
.video-list li:nth-child(1) a,
.video-list li:nth-child(2) a,
.video-list li:nth-child(3) a{
	color:#fff;
}

.video-list li:nth-child(1) .title,
.video-list li:nth-child(2) .title,
.video-list li:nth-child(3) .title{
	background: url(../images/service-1-bg.jpg) right bottom no-repeat;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	
}
.video-list li:nth-child(1) .title i,
.video-list li:nth-child(2) .title i,
.video-list li:nth-child(3) .title i{
	display: block;
	width: 100%;
	font-size: 26px;
}
.video-content .video-js{
	margin: 0 auto 30px;
}

.supplier-list{
	display: block;
	width: 100%;
	padding: 0;
	float: left;
}
.supplier-list li{
	display: block;
	width: 32%;
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
}
.supplier-list li:nth-child(3n){
	margin-right: 0;
}

.supplier-list li img{
	width: 100%;
	display: block;
}
.supplier-list li .info{
	margin-top: 10px;
	background: url(../images/service-1-bg.jpg) right 0 no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 208px;
	color: #fff;
	font-size: 16px;
	padding:30px 30px;
	box-sizing: border-box;
	line-height: 1.5;
}
.supplier-list li .info .message{
	display: block;
	margin-top: 10px;
}
.supplier-list li .info .name,
.supplier-list li .info .position,
.supplier-list li .info .university{
	margin-right: 10px;
}
/* responsive */
@media (max-width: 1080px){ 
	.container{
		width: 100%;
	}
	.header{
		height: 62px;
	}
	.header .logo{
		margin-left: 1.5rem;
		height: 40px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.header .nav{
		display: none;
		animation-duration: 0.5s!important;
	}
	.header .search,
	.header .tel{
		display: none;
	}
	.banner{
		height: 329px;
	}
	.banner .swiper-slide{
		padding-top: 62px;
	}
	.header .lang{
		position: relative;
		margin-top: 16px;
		margin-right: 21px;
	}
	.banner .banner-container{
		font-size: 1rem;
		width: 100%;
		box-sizing: border-box;
		padding: 0 3rem;
	}
	.banner .banner-container .text2{
		font-size: 1.8rem;
		margin-top: 1rem;
	}
	.idx-news-tab{
		height: auto;
		overflow: hidden;
	}
	.idx-news-tab .container{
		background-size: 100% auto;
	}
	.idx-news-title{
		padding: 1.5rem;
		flex-shrink: 0;
		width: auto;
	}
	.idx-news-title .more img,
	.idx-profiles-title .more img{
		width: 18px;
	}
	.newslist{
		width: 70%;
		margin: 0;
		padding: 1.2rem 1.2rem 1.2rem 0; 
		border: 0;
		flex-shrink: 1;
		flex-grow: 1;
	}
	.idx-news-title .text{
		margin: 0 0 5px 0 ;
	}
	.idx-news-tab .container{
		display: flex;
	}
	.newslist li{
		width: 100%;
	}
	.newslist li:first-child{
		width: 100%;
		margin:0;
		height: auto;
		border: 0;
		padding-right: 0;
		
	}
	.newslist li:first-child .li-tit,
	.newslist li:first-child .date{
		margin-top: 0;
		line-height: 30px;
		height: 30px;
		font-size: 14px;
	}
	.newslist li a{
		display: flex;
	}
	.newslist li .li-tit{
		width: 70%!important;
		font-weight: normal!important;
	}
	.newslist li .date{
		width: 30%!important;
		min-width: 95px;
	}
	.newslist li:first-child .news-img,
	.newslist li:first-child .news-summary{
		display: none!important;
	}
	.newslist li:nth-child(4),
	.newslist li:nth-child(5),
	.newslist li:nth-child(6){
		display: none;
	}
	.idx-section1 .container{
		display: flex;
		background-size: cover;
		padding-top: 2rem;
		padding-bottom: 2rem;
		background-position: center bottom;
		height: auto;
	}
	.idx-profiles-title{
		padding-left: 1.5rem;
		box-sizing: border-box;
		flex-grow: 1;
		padding-right: 1.5rem;
	}
	.idx-section1 .main{
		margin: 0;
		box-sizing: border-box;
		padding-right: 1.5rem;
		line-height: 21px;
		/* font-size: 14px; */
	}
	/* .idx-section1 .main .text{
		height: 105px;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align:justify;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	} */
	.idx-section1 .main br{
		display: none;
	}
	.idx-profiles-title .text{
		margin: 5px 0;
	}
	.idx-section1 .idx-profiles-title .lang-title{
		font-size: 20px;
		line-height: 20px;
	}
	.idx-case-title{
		padding-top: 3rem;
	}
	.idx-case-title .text{
		margin:0 0 20px;
		line-height: 22px;
	}
	.idx-case-title .summary{
		margin-bottom: 20px;
		box-sizing: border-box;
		padding: 0 1rem;
		width: 100%;
	}
	.idx-service-title::after{
		background-size: 50% auto;
		border-width: 10px;
		bottom: -20px;
		margin-left: -10px;
	}
	.idx-section2{
		height: auto;
		padding-bottom: 2rem;
		background-size: cover;
	}
	.idx-service-title{
		height: auto;
		padding: 1.5rem;
		box-sizing: border-box;
		background-size: cover;
	}
	.idx-service-title .text{
		margin-bottom: 0;
		margin-top: 0;
		line-height: 22px;
	}
	.idx-section3 .main{
		padding: 2rem 1rem;
		box-sizing: border-box;
	}
	.idx-section3 .main ul{
		padding: 0 ;
	}
	.idx-section3 .main ul li{
		width: 33.3%;
	}
	.idx-section3 .main ul li::after{
		display: none;
	}
	.idx-section3 .case-title{
		font-size: 1rem;
	}
	.idx-section3 .main ul li img{
		width: 40%;
		min-width: 62px;
		max-width: 80px;
	}
	.idx-section4 .idx-products-title{
		padding: 1.5rem;
		height: auto;
	}
	.idx-section4 .idx-products-title .text{
		margin-top: 0;
		line-height: 22px;
	}
	.idx-section4 .main ul li{
		margin: 1.5% 0;
		height: auto;
	}
	.idx-section4 .main ul li.item-1,
	.idx-section4 .main ul li.item-5{
		width: 48.5%;
	}
	.idx-section4 .main ul li.item-2,
	.idx-section4 .main ul li.item-6{
		width: 48.5%;
		float:right;
	}
	.idx-section4 .main ul li.item-3,
	.idx-section4 .main ul li.item-7{
		width: 34.2%;
		height: auto;
	}
	
	.idx-section4 .main ul li.item-4,
	.idx-section4 .main ul li.item-8{
		width: 62.8%;
		height: auto;
		float: right;
	}
	.idx-section4 .main ul li.item-8{
		float: left;
		background-size: 140% 100%;
		background-position: right 0;
	}
	.idx-section4 .main ul li.item-7{
		float: right;
		background-image: url(../images/home_product_8_mobile.png);
		background-position: right 0;
	}
	.idx-section4 .main ul li.item-1 a,
	.idx-section4 .main ul li.item-2 a,
	.idx-section4 .main ul li.item-5 a,
	.idx-section4 .main ul li.item-6 a{
		padding-bottom: 52%;
	}
	.idx-section4 .main ul li.item-3 a,
	.idx-section4 .main ul li.item-7 a{
		padding-bottom: 67.4%;
	}
	.idx-section4 .main ul li.item-4 a,
	.idx-section4 .main ul li.item-8 a{
		padding-bottom: 36.8%;
	}
	.idx-section4 .product-title{
		font-size: 16px;
		left: 10%;
		top: 15%;
	}
	.idx-section4 .product-title2{
		font-size: 12px;
		left: 10%;
		top: 35%;
	}
	.idx-section4 .main ul li a .product-more{
		transform: scale(0.8);
		transform-origin: 0 0;
		line-height: 16px;
		font-size: 8px;
		padding: 0 8px;
		left: 10%;
		bottom: 10%;
	}
	.idx-section4 .main ul li.item-1 a .product-more,
	.idx-section4 .main ul li.item-2 a .product-more,
	.idx-section4 .main ul li.item-6 a .product-more,
	.idx-section4 .main ul li.item-7 a .product-more{
		background: #c30d23;
		border-color: #c30d23;
	}
	.idx-section4 .main ul li.item-8 a .product-more{
		left: 10%;
		right: auto;
	}
	.idx-section5{
		padding: 1.5rem 0;
	}
	.idx-equipment-title{
		width: 163px;
		padding-left: 1.5rem;
		box-sizing: border-box;
		flex-grow: 1;
		flex-shrink: 0;
	}
	.idx-equipment-title .text{
		margin-top: 5px;
	}
	.idx-section5 .equip-list{
		padding: 0 15px 0;
		box-sizing: border-box;
		width: 70%;
		max-width: 654px;
		min-width: 148px;
		flex-grow: 1;
		flex-shrink: 0;
	}
	.idx-section5 .equip-list .swiper-container{
		/* width: 60%; */
	}
	/* .idx-section5 .equip-list .swiper-slide{
		width: 120px;
		min-height: 155px;
	} */
	.idx-section5 .equip-list .swiper-button-prev,
	.idx-section5 .equip-list .swiper-button-next{
		display: none;
	}
	.idx-equipment-title .lang-title{
		font-size: 20px;
		line-height: 20px;
	}
	.idx-section5 .container{
		display: flex;

	}
	.mobile-ft-bottom{
		display: flex;
	}
	.lang-title{
		font-size: 24px;
	}
	.idx-news-title .text{
		font-size: 16px;
	}
	.footer{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		position: relative;
		height: auto;
	}
	.footer-nav{
		display: none;
	}
	.only-desktop{
		display: none;
	}
	.only-mobile{
		display: inherit
	}
	.footer .footer-logo{
		margin-top: 0;
		width: 30%;
		margin-right: 50%;
		margin-left: 1.5rem;
	}
	.ft-address{
		float: left;
		margin-left: 1.5rem;
	}
	.ft-qr{
		margin-right: 1.5rem;
		width: 100px;
		margin-top: -50px;
	}
	.ft-qr img{
		width: 100%;
	}
	.header .nav{
		position: fixed;
		top: 0;
		right: 0;
		width: 240px;
		height: 100vh;
		background: #c30d23;
		font-size: 21px;
		margin: 0;
		overflow-y: scroll;
		box-sizing: border-box;
		z-index: 212;
		padding: 40px 0;
	}
	.header .nav > ul{
		height: auto;
		padding: 0 0 1rem;
	}
	.header .nav > ul > li{
		width: 100%;
		margin: 0;
	}
	.header .nav > ul > li>a{
		text-align: left;
		padding-left: 60px;
		box-sizing: border-box;
	}
	.header .subnav{
		position: relative;
		max-width: 100%;
		width: 100%;
		padding-top: 0;
	}
	.header .subnav > li>a{
		font-size: 18px;
		padding-left: 80px;
		line-height: 40px;
		box-sizing: border-box;
		text-align: left;
	}
	.header .subnav > li>a::after,
	.header .nav > ul > li.active > a::after, 
	.header .nav > ul > li >a:hover::after{
		display: none;
	}
	.header .search.mobile-search{
		display: block;
		margin-top: 0;
	}
	.mobile-nav-cover{
		background: rgba(0,0,0,0.75);
		width: 100vw;
		height: 100vh;
		z-index: 211;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
	}
	.mobile-nav-cover i{
		font-size: 40px;
		position: absolute;
		top: 2rem;
		left: 2rem;
		color:#fff;
		visibility: hidden;
		display: none;
	}
	.mobile-nav-open{
		float: right;
		display: block;
		color:#fff;
		padding-top: 11px;
		padding-right: 1rem;
		box-sizing: border-box;
	}
	.mobile-nav-open i{
		font-size: 36px;
		
	}
	.inner-main{
		padding-bottom: 1.5rem;
	}
	.inner-main .container{
		box-sizing: border-box;
		padding: 0 1.5rem;
	}
	.bread{
		margin: 0;
		padding: 1.5rem;
	}
	.innerbanner{
		height: 155px;
	}
	.news-list ul{
		width: 100%;
	}
	.news-list ul li a .img{
		float: left;
		width: 100%;
		max-width: 100%;
	}
	.news-list ul li .title{
		padding-bottom: 5px;
	}
	.news-list ul li .item-right{
		padding-top: 5px;
	}
	.news-list ul li a .main,
	.news-list ul li .title,
	.news-list ul li .item-right{
		width: 100%;
		padding-right: 0;
	}
	.news-list ul li .date{
		float: left;
	}
	.news-list ul li .viewer-text{
		float: right;
		margin-right: 0;
	}
	.tab-nav{
		margin: 0 -1.5rem;
	}
	.tab-nav .tab-item{
		width: 49.5%;
		margin: 0;
		margin-right: 1%;
	}
	.tab-nav .tab-item:last-child{
		margin-right: 0;
	}
	.video-list li{
		width: 100%!important;
		margin-bottom: 1.5rem;
	}
	.video-list li a{
		color:#fff;
	}

	.video-list li .title{
		background: url(../images/service-1-bg.jpg) right bottom no-repeat;
		background-size: cover;
		text-align: center;
	}
	.video-list li .title i{
		display: block;
		width: 100%;
		font-size: 26px;
	}
	.left-nav{
		width: 100vw;
		margin: 0 -1.5rem 1rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.left-nav .item{
		width: 32%;
		float: left;
		text-align: center;
	}
	.left-nav .item.active::after{
		display: none;
	}
	.left-nav .item:last-child{
		align-content: flex-start;
	}
	.main-area{
		width: 100%;
	}
	.join-school .main-area{
		width: 100%;
	}
	.faq-search form{
		display: flex;
	}
	.faq-search input{
		min-width: 0;
		flex-grow: 1;
	}
	.faq-list ul li a{
		display: flex;
	}
	.faq-list ul li .title{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex-grow: 1;
	}
	.faq-list ul li a .point{
		margin-left: 1rem;
	}
	.faq-list ul li .arrow{
		margin-right: 1rem;
	}
	.faq-list ul li .item-right,
	.faq-list ul li a .point{
		flex-shrink: 0;
	}
	.join-flow.pc{
		display: none;
	}
	.join-flow.mobile{
		display: block;
	}
	.supplier-list li,
	.alumnin-list li{
		width: 100%;
	}
	.supplier-list li .info,
	.alumnin-list li .info{
		padding: 1.5rem;
		height: auto;
	}
	.join-faq .main-area{
		width: 100%;
	}
	.join-faq .faq-list li{
		display: flex;
	}
	.product-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product-list li,
	.product-high .product-list li{
		width: 48%;
		margin-left: 0;
		margin-right: 0;
	}
	.product-list li:nth-child(2n) .title,
	.product-list li:nth-child(2n) .title span{
		
		background: #5d683e;
	}
	.product-list li:nth-child(2n+1) .title,
	.product-list li:nth-child(2n+1) .title span{
		background: #b8834f;
	}
	.detail-container{
		width: 100%;
	}
	.contact .contact-item{
		min-height: 40px;
		padding: 8px 20px;
		vertical-align: middle;
		margin-bottom: 6px;
	}
	.contact .contact-item .img{
		height: auto;
		margin: 0;
		float: left;
		width: 40px;
		position: relative;
		margin-right: 10px;
	}
	.contact .contact-item .img img{
		height: 100%;
		max-height: 24px;
		margin-right: 10px;
		/* min-width: 24px; */
	}
	.contact .contact-item:last-child .img img{
		max-height: 18px;
		margin-top: 2px;
	}
	.contact .contact-item .contact-text{
		float: left;
		min-width: 5.5em;
		text-align: left;
		font-size: 12px;
		line-height: 24px;
	}
	.contact .contact-item .img::after{
		content:" ";
		width: 1px;
		height: 20px;
		background: #999;
		transform: rotate(15deg);
		margin-left: 10px;
		margin-top: 2px;
		position: absolute;
		right: 0;
	}
	.contact .contact-item .line{
		display: none;
	}
	.contact .taobao-link{
		text-align: center;
		display: flex;
		justify-content: flex-end;
	}
	.taobao-link a{
		margin-left: 20px;
	}
	.market-tab{
		text-align: center;
	}
	.market-tab .item{
		display: inline-block;
		float: none;
		margin: 0 5px;
	}
	.market-map{
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}
	.market-panel .item .table{
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 2rem;
	}
	.message form .form-item .label{
		min-height: 0;
	}
	.message form .form-item .label,
	.message form .form-item .field{
		width: 100%;
		text-align: left;
		font-size: 16px;
		margin-bottom: 3px;
	}
	.message form .form-item .field input, 
	.message form .form-item .field textarea{
		max-width: 100%;
		min-width: 100%;
	}
	.message form{
		margin: 0;
	}
	.service .main-area .content.content-1, 
	.service .main-area .content.content-2,
	.service .main-area .content.content-bg,
	.service .main-area .content{
		width: 100%;
		height: auto;
		margin: 5px 0;
	}
	.service .main-area .content.content-bg{
		padding: 1.5rem;
	}
	.service .main-area .content.content-bg span{
		position: relative;
		top: initial;
		transform: initial;
	}
}

@media (max-width: 768px){ 
	.container{
		width: 100%;
	}
	.idx-section5 .equip-list{
		width: 466px;
	}
	
}

@media (max-width: 640px){ 
	body{
		font-size: 12px;
	}
	.container{
		width: 100%;
	}
	.idx-section5 .equip-list{
		width: 248px;
	}
	.idx-equipment-title{
		width: 100px;
	}
	.idx-equipment-title .text{
		margin-bottom: 10px;
	}
	
}

@media (max-width: 375px){ 
	.container{
		width: 100%;
	}
	.idx-section5 .equip-list{
		width: 180px;
	}
	
}

@media (min-width:1192px){
	.supplier-list.multi li{
		width: 24%;
		margin-right: 1%;
	}
	.supplier-list.multi li .info{
		height: 188px;
	}
	.supplier-list.multi li .info .message{
		margin-top: 0;
	}
	.supplier-list.multi li:nth-child(4n){
		margin-right: 0;
	}
	.supplier-list.multi li:nth-child(3n){
		margin-right: 1%;
	}
}