@import url("font-awesome.css");

@import url("bootstrap.min.css");

@import url("swiper.min.css");







* {

    margin: 0;

    padding: 0;

}



body{

	font-family: arial;

}

a {

	text-decoration:none;

	-webkit-transition:all 0.31s ease;

	-moz-transition:all 0.31s ease;

	-ms-transition:all 0.31s ease;

	-o-transition:all 0.31s ease;

	transition:all 0.31s ease;

}

a:hover {

	text-decoration:none;

	-webkit-transition:all 0.31s ease;

	-moz-transition:all 0.31s ease;

	-ms-transition:all 0.31s ease;

	-o-transition:all 0.31s ease;

	transition:all 0.31s ease;

}



ul,li,dl, ol{

	list-style: none;

	margin: 0;

}



@media (min-width: 1200px){

	.container, .container-lg, .container-md, .container-sm, .container-xl {

	    max-width: 1230px;

	}

}





.index-swiper-button-next , .index-swiper-button-prev{

	background-image: none;

	width: 5.375rem;

	height: 5.375rem;

	background: #FFFFFF;

	border-radius: 50%;

	text-align: center;

	margin-top: 0;

	transform: translateY(-50%);

}

.index-swiper-button-next i, .index-swiper-button-prev i{

	

	color: #063c83;

	font-size: 5rem;

	line-height: 5.375rem;

	

}

.index-swiper-button-next{

	right: -10%;

	}

.index-swiper-button-prev{

	left: -10%;

}



@media (max-width: 1199.98px) {

	.index-swiper-button-next , .index-swiper-button-prev{

		width: 4.375rem;

		height: 4.375rem;

	}

	.index-swiper-button-next i, .index-swiper-button-prev i{

		line-height: 4.375rem;

	}

	.index-swiper-button-next{

		right: 0;

	}

	.index-swiper-button-prev{

		left: 0;

	}



}

@media (max-width: 991.98px) {

	.index-swiper-button-next , .index-swiper-button-prev{

		width: 3.375rem;

		height: 3.375rem;

	}

	.index-swiper-button-next i, .index-swiper-button-prev i{

		line-height: 3.375rem;

		font-size: 3rem;

	}

}

@media (max-width: 767.98px) {

	.index-swiper-button-next, .index-swiper-button-prev{

		width: 2.375rem;

		height: 2.375rem;

	}

	.index-swiper-button-next i, .index-swiper-button-prev i{

		line-height: 2.375rem;

		font-size: 2rem;

	}

	.index-swiper-button-next{

		right: 0;

		}

	.index-swiper-button-prev{

		left: 0;

	}

	

}

@media (max-width: 575.98px) {

	.index-swiper-button-next{

		right: 10px;

		}

	.index-swiper-button-prev{

		left: 10px;

	}

}














/*header start*/



.header .header-top{

	position: relative;

	padding: .75rem 0;

	background-color: #f0f5f9;

}



.header .header-top .top-left ul{

	margin: 0;

    display: flex;

}

.header .header-top .top-left ul li{

	display: inline-block;

    overflow: hidden;

    margin: 0 5px;

}
.header .header-top .top-left ul li.dropdown{
	overflow: inherit;
}
.header .header-top .top-left ul li.dropdown a{
    color: #949494;
    border-radius: 6px;
    font-size: 14px;
}
.header .header-top .top-left ul li.dropdown .dropdown-menu a{

    color: #212529;

}



.header .header-top .top-right ul{

	margin: 0;

    display: flex;

}

.header .header-top .top-right ul li{

	display: inline-block;

    overflow: hidden;

}
.header .header-top .top-right ul li.dropdown{
	overflow: inherit;
}
.header .header-top .top-right ul li.dropdown a{
	color: #333333;
}
.header .header-top .top-right ul li.dropdown .show{
	left: auto !important;
	right: 0;
}

.header .header-top .top-right ul li.ico-li {

    width: 1.375rem;

    height: 1.375rem;

    border-radius: 50%;

    background-color: #8c8c8c;

    margin: 0 .5rem;

}



.header .header-top .top-right ul li.ico-li i {

    color: #FFFFFF;

    text-align: center;

    width: 100%;

    font-size: 1rem;

    line-height: 1.375rem;

}



.header .header-top .top-right ul li.ico-li .fa-facebook {

    font-size: 1.25rem;

    line-height: 2rem;

}

.header .header-top .top-right ul li.form-li{

	min-width: 146px;

	position: relative;

	margin-left: 1.25rem;

}

.header .header-top .top-right ul li.form-li .search-input{

	width: 100%;

	background: transparent;

	border: 2px solid #949494;

	text-indent: 8px;

	height: 20px;

	border-radius: 6px;

	font-size: 12px;

	color: #949494;

	/*margin: 5px 0;*/

}

.header .header-top .top-right ul li.form-li .search-input:focus{

	background: #FFFFFF;

	outline: none;

	border-color: #007bff;

}

.header .header-top .top-right ul li.form-li .search-submit{

	position: absolute;

	border: none;

	background: none;

	top: 1px;

	bottom: 0;

	right: 10px;

	margin: auto;

	color: #949494;

	font-size: 12px;

}





.header .header-center{

	padding: 1.5rem 0 0;

}





.header .header-center  dt{

	float: left;

	margin-right: 1.25rem;

}

.header .header-center dl{

	float: left;

	margin-bottom: .85rem;

}

.header .header-center dl h5{

	font-size: 1rem;

	text-transform:uppercase;

}

.header .header-center dl a{

	display: block;

	color: #484848;

}





.header .header-nav{

	position: absolute;

	width: 100%;

	z-index: 100;

}



.header .navbar-default{

	background: #0000CD;

	position: relative;

}



.fixed-menu .header-nav{

	position: fixed !important;

    visibility: hidden;

    left: 0px;

    top: 0px !important;

	width: 100%;

	padding: 0px 0px;

	border: none;

	z-index: 0;

	transition: all 1s ease-in-out;

	z-index: 999;

	opacity: 1;

	visibility: visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}





.fixed-menu .navbar-default{

	

	box-shadow: 0 0 22px #1b1a1a30;

	

}







@-webkit-keyframes fadeInDown{

	from{

		opacity:0;

		-webkit-transform:translate3d(0,-100%,0);

		transform:translate3d(0,-100%,0);

	}

	to{

		opacity:1;

		-webkit-transform:none;

		transform:none

	}

}

@keyframes fadeInDown{

	from{

		opacity:0;

		-webkit-transform:translate3d(0,-100%,0);

		transform:translate3d(0,-100%,0)

	}

	to{

		opacity:1;

		-webkit-transform:none;

		transform:none

	}

}







/*导航菜单要点 */



.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none;}



.nav-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}



.nav-menu li {position: relative;white-space: nowrap;}



.nav-menu > li {float: left;}



.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block;}



.nav-menu ul ul {top: 0;left: 100%;}



.nav-menu ul li {min-width: 180px;}



/* 导航样式 */



.nav-menu a {padding: 1.375rem 1rem;text-decoration: none;display: inline-block;color: #FFFFFF;font-size: 1.125rem;text-transform: uppercase;outline: none;}



.nav-menu li:hover > a{color: #00a0e9;}





.nav-menu > .menu-active > a{font-weight: 700;}



.nav-menu ul {margin: -6px 0 0 0;padding: 10px;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);background: #fff;}



.nav-menu ul li {transition: 0.3s;}



.nav-menu ul li a {padding: 10px;color: #333;transition: 0.3s;display: block;font-size: 16px;text-transform: none;}



.nav-menu ul li:hover a{color: #00a0e9;}



.nav-menu ul {margin: 0;}



.header .navbar-default .right-nav li{

	background: #f8952c;

}











/*移动导航切换*/



#mobile-nav-toggle {position: absolute;left: 20px;top: 0;bottom: 0;z-index: 999;border: 0;background: none;font-size: 34px;display: none;transition: all 0.4s;outline: none;cursor: pointer;}











#mobile-nav-toggle i {color: #FFFFFF;}



@media (max-width: 1024px) {

	.nav-menu a{

		padding: 10px 8px;

	}



}













/* 移动导航样式 */



#mobile-nav {position: fixed;top: 0;padding-top: 60px;bottom: 0;z-index: 998;background: rgba(0, 0, 0, 0.8);left: -260px;width: 260px;overflow-y: auto;transition: 0.4s;}



#mobile-nav ul {padding: 0;margin: 0;list-style: none;}



#mobile-nav ul li {position: relative;}



#mobile-nav ul li a {color: #fff;font-size: 16px;text-transform: uppercase;overflow: hidden;padding: 10px 22px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;font-weight: 700;}



#mobile-nav ul li li {padding-left: 30px;}



#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff;font-size: 24px;}



#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #1553ea;}



#mobile-nav ul .menu-has-children li a {text-transform: none;}



#mobile-nav ul .menu-item-active {color: #00a0e9;}



#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.7);display: none;}







/* 移动导航主体类 */



body.mobile-nav-active {



  overflow: hidden;



}



body.mobile-nav-active #mobile-nav {



  left: 0;



}



body.mobile-nav-active #mobile-nav-toggle {



  color: #fff;



}



@media (max-width: 1199.98px) {

	.nav-menu a{

		font-size: 1rem;

		padding: 1.375rem 0.5rem;

	}

	

}

@media (max-width: 991.98px) {

	#mobile-nav-toggle {display: inline;}

 	#nav-menu-container {display: none;}

  	.navbar {

	    padding: .875rem 0;

	}

	.nav-menu a{

		padding: 1rem;

	}

}

@media (max-width: 767.98px) {

	.header .header-center{

		padding: .75rem 0;

	}

	.header .header-center dt{

		width: 2.5rem;

		margin-right:10px;

	}

	.header .header-center dl h5{

		font-size: .75rem;

	}

	.header .header-center dl a{

		font-size: .75rem;

	}

	#mobile-nav-toggle {display: inline;}

	

	.nav-menu a{

		padding: .75rem 1rem;

	}

	.header-nav .container{
		padding-left: 0;
		padding-right: 0;
	}

}

@media (max-width: 575.98px) {

	.nav-menu a{

		padding: .5rem 1rem;

	}

	#mobile-nav-toggle{

		font-size: 26px;

	}

}





/*header end*/







/*banner start*/



.banner #banner-button-next{

	right: 5%;

}

.banner #banner-button-prev{

	left: 5%;

}



/*banner end*/





/*index start*/



.index-product{

	position: relative;

	z-index: 1;

}

.index-product:before{

	content: "";

	position: absolute;

	width: 17.25rem;

	height: 43.125rem;

	background: url(../img/index/index-product-bg.png) no-repeat center top;

	background-size: 100%;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: -1;

}



.index-product .product-banner{

	margin-top: 2.625rem;



}

.index-product .index-product-list{

	padding: 2.625rem 0 3.375rem;



}

.index-product .index-product-list .list-item{

	position: relative;

	padding-bottom: 3rem;

}
.index-product .index-product-list .list-item img{
	transition:all 1s ease-out;
}
.index-product .index-product-list .list-item:hover img{
	transform:scale(1.1);
}

.index-product .index-product-list .mb-96{

	margin-bottom: 6rem;

}

.index-product .index-product-list .list-item h4{

	font-size: 1.125rem;

    font-weight: bold;

    color: #FFFFFF;

    background: #00b2ed;

    display: block;

    padding: 1.5rem 0;

    text-align: center;

    position: absolute;

    bottom: 0;

    width: 90%;

    left: 0;

    right: 0;

    margin: auto;

}





.index-our-factory{

	background: #ebf0f3;

	padding: 3.75rem 0 0;

	overflow: hidden;

}



.index-our-factory .factory-xs-title{

	color: #063c8b;

	font-size: 1.25rem;

}

.index-our-factory .factory-xs-title span{

	color: #ff890b;

	margin-right: 0.75rem;

}

.index-our-factory .factory-title{

	font-size: 2rem;

	color: #0b0b0b;

	text-transform: uppercase;

	font-weight: bold;

}



.index-our-factory .factory-a{

	display: block;

	text-transform: uppercase;

	font-size: 1rem;

	color: #14498c;

	font-weight: bold;

	border: 2px solid #14498c;

	padding: 1rem .5rem 1rem 3.5rem;

	border-radius: .5rem;

	background: url(../img/index/factory-a.png) no-repeat left center;

	background-size: 26px 27px;

	background-position-x: 1rem;

}



.index-our-factory .factory-list{

	margin: 2.5rem auto;
	position: relative;
	

}
.index-our-factory .factory-list .swiper-slide{
	height: auto;
}

.index-our-factory .factory-list .factory-list-item{

	height: 100%;

	background: #FFFFFF;

	box-shadow: 0px 0px 8px #dddddd;

	border-radius: 1rem;

	overflow: hidden;


}

.index-our-factory .factory-list .factory-list-item .factory-doc{

	

	padding: 1rem 0.75rem;



}

.index-our-factory .factory-list .factory-list-item .factory-doc h3{

	font-size: 1rem;

	font-weight: bold;

	text-align: center;

	color: #14498c;

	line-height: 1.25rem;

	margin-bottom: 0;

	text-transform: uppercase;

}

.index-our-factory .factory-list .factory-list-item .factory-doc p{

	font-size: 0.75rem;

	color: #333333;

	margin-top: .5rem;

	margin-bottom: 0;

	/*text-align: justify;*/

}







.index-about-us .who-are-we{

	/*background: url(../img/index/who-are-we.jpg) no-repeat center center;

	background-size: cover;*/

	padding-top: 6.25rem;

	padding-bottom: 8.25rem;

	position: relative;

}

.index-about-us .who-are-we:after{

	content: "";

	position: absolute;

	max-width: 100%;

	height: 116%;

	background: url(../img/index/who-are-we.jpg) no-repeat center center;

    background-size: cover;

	top: 16%;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    

    z-index: -1;

}

.index-about-us .who-are-we .about-title{

	font-size: 1.875rem;

	color: #FFFFFF;

	display:block;

	margin: 0 auto;

	position: relative;

	text-align: center;

	width: 154px;

}

.index-about-us .who-are-we .about-title:after,.index-about-us .who-are-we .about-title:before{

	position: absolute;

	content: "";

	width: 3.875rem;

	border-bottom: 3px solid #f8952c;

	top: 50%;

	transform: translateY(-50%);

}

.index-about-us .who-are-we .about-title:before{

	left: -50%;

}

.index-about-us .who-are-we .about-title:after{

	right: -50%;

}



.index-about-us .who-are-we .who-title{

	font-weight: bold;

	text-align: center;

	color: #FFFFFF;

	font-size: 2.5rem;

	text-transform: uppercase;

	margin-top: 1.5rem;

	margin-bottom: 1rem;

}

.index-about-us .who-are-we .who-p{

	font-size: 1.125rem;

	color: #FFFFFF;

	text-align: center;

	max-width: 1100px;

	margin: 0 auto;

}

.index-about-us .who-are-we .who-youshi{

	padding: 0 1rem;

	

}

.index-about-us .who-are-we .who-youshi .who_item{

	position: relative;

	margin-top: 5.75rem;

}



.index-about-us .who-are-we .who-youshi .who_img{

	display: inline-block;

	position: absolute;

}

.index-about-us .who-are-we .who-youshi .who_doc{

	display: inline-block;

	color: #FFFFFF;

	padding-left: 8.5rem;

}



.index-about-us .who-are-we .who-youshi .who_doc h4{

	text-transform: uppercase;

	font-size: 1.25rem;

	font-weight: bold;

}

.index-about-us .who-are-we .who-youshi .who_doc p{

	line-height: 1.875rem;

	

}







.index-about-us .brand-web{

	position: relative;

	margin-bottom: 3.75rem;

}

.index-about-us .brand-web:after{

	content: "";

	position: absolute;

	max-width: 100%;

	height: 100%;

	background: url(../img/index/brand-web-bg.jpg) no-repeat center center;

    background-size: cover;

	top: 35%;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    

    z-index: -1;

}







.index-about-us .brand-web .brand-swiper{

	max-width: 1008px;

	margin: 0 auto;

	position: relative;

}

.index-about-us .brand-web .brand-swiper .brand-item{

	position: relative;

	overflow: hidden;

}

.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc{

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(0,115,252,.7);

	top: 100%;

	transition: all .25s ease-in;

}



.index-about-us .brand-web .brand-swiper .brand-item:hover .brand-web-doc{

	top: 0;

}







.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc h4{

	font-size: 1.5rem;

	text-transform: uppercase;

	font-weight: bold;

	color: #FFFFFF;

	line-height: 2.5rem;

	margin-top: 2.5rem;

	margin-bottom: .5rem;

	text-align: center;

	position: relative;

}

.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc h4:after{

	content: "";

    width: 20%;

    border-bottom: 2px solid #FFFFFF;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li{

	padding-left: 10%;

	color: #FFFFFF;

	line-height: 1.875rem;

}

.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li a{

	color: #FFFFFF;

} 

.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li i{

	font-size: .5rem;

}











.index-about-us .rl-div .rl-item{

	background: url(../img/index/rl-item.png) #ff890b no-repeat left center;

	background-size: contain;

	padding: 3.5rem 0;

	margin: 0 15px;

}

.index-about-us .rl-div .rl-item h2{

	font-size: 2.625rem;

	font-weight: bold;

	color: #FFFFFF;

	text-transform: uppercase;

	text-align: center;

	margin-bottom: 1rem;

}

.index-about-us .rl-div .rl-item h2 span{

	font-size: 3.375rem;

	color: #0000CD;

}



.index-about-us .rl-div .rl-item h3{

	text-align: center;

	border: 2px solid #FFFFFF;

	display: inline-block;

	margin: 0 auto;

	color: #FFFFFF;

	font-size: 2rem;

	padding: 0.5rem 1.5rem;

}



.index-about-us .rl-div .rl-item a{

	font-size: 2rem;

	font-weight: bold;

	color: #FFFFFF;

	text-transform: uppercase;

	background: #0000CD;

	padding: .5rem 2.5rem;

	margin-top: 30px;

    display: inline-block;

}



.index-about-us .rl-div .rl-item a:hover{

	color: #0000CD;

	background: #FFFFFF;

}



.index-parter{

	padding-top: 4.5rem;

	padding-bottom: 9.5rem;

}

.index-parter .parter-swiper{

	max-width: 1008px;

    margin: 0 auto;

    position: relative;

}

.index-parter .parter-swiper .swiper-slide{

	margin-top: 3rem !important;

}

.index-parter .parter-swiper .swiper-parter-next{

	background: #f2f5f7;

}

.index-parter .parter-swiper .swiper-parter-prev{

	background: #f2f5f7;

}





.index-contact{

	background: url(../img/index/index_contact_bg.jpg) no-repeat center center;

	background-size: cover;

	padding-top: 6rem;

	padding-bottom: 5.25rem;

}

.index-contact .contact-us{

	padding: 0 1rem;

}

.index-contact .contact-us h2{

	font-size: 2.5rem;

	font-weight: bold;

	color: #FFFFFF;

}

.index-contact .contact-us p{

	font-size: 0.875rem;

	line-height: 1.75rem;

	color: #c0cbda;

	width: 78%;

	margin-bottom: 1.5rem;

}

.index-contact .contact-us ul li{

	margin-bottom: 1rem;

	position: relative;

}

.index-contact .contact-us .contact_icon{

	position: absolute;

	width: 3.5rem;

	height: 3.5rem;

	border: 2px solid #FFFFFF;

	border-radius: 50%;

	text-align: center;

}

.index-contact .contact-us .contact_icon i{

	color: #ff890b;

	font-size: 1.5rem;

	line-height: 3.25rem;

}

.index-contact .contact-us .contact-doc{

	padding-left: 5rem;

}

.index-contact .contact-us .contact-doc h4{

	color: #FFFFFF;

	margin-bottom: .5rem;

	font-weight: bold;

	font-size: 1.25rem;

}

.index-contact .contact-us .contact-doc a{

	color: #c0cbda;

	font-size: 1rem;

	display: block;



}



.index-contact .contact-us .contact-doc a[href] {

 	font-size: 1.5rem;

 	line-height: 1.5rem;

 	margin-bottom: 2rem;

}

.index-contact .contact-us .contact-doc a[href]:hover{

	color: #f8952c;

}



.index-contact .contact-us .form-div{

	padding-top: 3.625rem;

}



.index-contact .contact-us .form-div i{

	position: absolute;

	left: 1rem;

	top: 50%;

	transform: translateY(-50%);

	color: #a9bbd4;

	font-size: 1.5rem;

}

.index-contact .contact-us .form-div input{

	

	padding: 1.75rem .75rem 1.75rem 3.25rem;

	color: #a9bbd4;

	font-size: 1rem;

	border-radius: 0;

}

.index-contact .contact-us .form-div textarea{

	padding-left: 1rem;

	min-height: 8rem;

	border-radius: 0;

	font-size: 1rem;

}

.index-contact .contact-us .form-div input::-webkit-input-placeholder{

	color: #a9bbd4;

}



.index-contact .contact-us .form-div textarea::-webkit-input-placeholder{

	color: #a9bbd4;

}



.index-contact .contact-us .form-div button{

	border:none;

	width: 35%;

	font-size: 1rem;

	font-weight: bold;

	color: #FFFFFF;

	padding: 1rem 0;

	background: #ff890b;

}



.index-contact .contact-us .form-div .notes{

	float: right;

	color: #FFFFFF;

	width: 60%;

}



.index-team{padding-top: 9.5rem;padding-bottom: 5.25rem;position: relative;}



.index-team:after{

	position: absolute;

	content: "";

	width: 20.5rem;

	height: 36.25rem;

	background: url(../img/index/index-team-bg.png) no-repeat center center;

	background-size: 100%;

	left: 0;

	bottom: 0;

	z-index: -1;

}



.index-team .team-xs-title{

	color: #063c8b;

	font-size: 1.25rem;

}

.index-team .team-xs-title span{

	color: #ff890b;

	margin-right: 0.75rem;

}

.index-team .team-title{

	font-size: 2rem;

	color: #0b0b0b;

	text-transform: uppercase;

	font-weight: bold;

}



.index-team .team-a{

	display: block;

	text-transform: uppercase;

	font-size: 1rem;

	color: #14498c;

	font-weight: bold;

	border: 2px solid #14498c;

	padding: 1rem .5rem 1rem 2.5rem;

	border-radius: .5rem;

	position: relative;

}

.index-team .team-a i{

	position: absolute;

	font-size: 1.5rem;

	left: 7%;

	top: 50%;

	transform: translateY(-50%);

}



.index-team .team-list{

	margin-top: 4.5rem;

}

.index-team .team-list .team-item{position: relative;z-index: 9;display: flex;flex-wrap: wrap;}
.index-team .team-list .team-item .team-img{width: 100%}

.index-team .team-list .team-js {margin: 0 auto;padding: 2rem 0 2.5rem;text-align: center;box-shadow: 0px 7px 10px #e3e3e3;width: 90%;background: #FFFFFF;margin-top: -8%;}



.index-team .team-list .team-js h3{

	font-size: 1.75rem;

	font-weight: bold;

	color: #000000;

}

.index-team .team-list .team-js h5{

	color: #063c83;

	font-size: 0.875rem;

}

.index-team .team-list .team-js ul{

	margin-top: 1rem;

}

.index-team .team-list .team-js ul li{

	display: inline-block;

	border-right: 2px solid #e3e9f1;

}

.index-team .team-list .team-js ul li:last-child{

	border-right: none;

}

.index-team .team-list .team-js ul li a{

	color: #bcbcbc;

	padding: 0 1rem;

}



.index-team .team-list .team-js ul li a:hover{

	color: #0d4286;

}





.index-news{

	

	background: #f0f5f9;

	padding-top: 5.75rem;

	padding-bottom: 9.75rem;

	overflow: hidden;

	

}





.index-news .news-title-box .news-title{

	font-size: 1.25rem;

    color: #063c83;

    display: block;

    margin: 0 auto;

    position: relative;

    text-align: center;

    width: 209px;

    margin-bottom: .5rem;

}

.index-news .news-title-box .news-title:after, .index-news .news-title-box .news-title:before{

	position: absolute;

    content: "";

    width: 3.875rem;

    border-bottom: 3px solid #f8952c;

    top: 50%;

    transform: translateY(-50%);

}

.index-news .news-title-box .news-title:after{

	right: -30%;

} 

.index-news .news-title-box .news-title:before{

	left: -30%;

}



.index-news .news-title-box .company-news-title{

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

	font-size: 2.5rem;

}





.index-news .news-swiper{

	margin: 0 1rem;

	margin-top: 4rem;

	position: relative;

}

.index-news .news-swiper .news-item .news-img{
	width: 100%;
	height: 246px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.index-news .news-swiper .news-item .news-img a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.index-news .news-swiper .news-item .news-doc ul{

	margin-top: 1rem;

	margin-bottom: 1rem;

}

.index-news .news-swiper .news-item .news-doc ul li{

	display: inline-block;

	color: #707071;

	line-height: .5rem;

    font-size: 1rem;

    font-weight: bold;

}

.index-news .news-swiper .news-item .news-doc ul li:first-child{

	padding-right: 10px;

	margin-right: 10px;

	border-right: 2px solid #707071;

	text-transform: uppercase;

}

.index-news .news-swiper .news-item .news-doc ul li span{

	color: #0c355b;

	margin-right: 3px;

}

.index-news .news-swiper .news-item .news-doc h3{

	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-news .news-swiper .news-item .news-doc p{

	color: #808282;

	font-size: 1rem;

}

.index-news .news-swiper .news-item .news-doc a{

	font-weight: bold;

	color: #0d4286;

	text-decoration: underline;

}





@media (max-width: 1199.98px) {

	.index-product .product-banner{

		margin-top: 2.5rem;

	}

	.index-product .index-product-list{

		padding: 2.5rem 0 2.75rem;

	}

	.index-product .index-product-list .list-item{

		padding-bottom: 2rem;

	}

	.index-product .index-product-list .list-item h4{

		font-size:.875rem;

		padding: 1.25rem 0;

	}

	.index-product .index-product-list .mb-96{

		margin-bottom: 4rem;

	}

	.index-about-us .who-are-we{

		padding-top: 5.25rem;

    	padding-bottom: 6.25rem;

	}

	.index-about-us .who-are-we .who-title{

		font-size: 2rem;

	}

	.index-about-us .who-are-we .about-title{

		font-size: 1.5rem;

		width: 136px;

	}

	.index-about-us .who-are-we .who-p{

		font-size: 1rem;

	}

	.index-about-us .who-are-we .who-youshi .who_item{

		margin-top: 4rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc{

		padding-top: 8.5rem;

		padding-left: 0;

	}

	

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc h4{

		margin-top: 1.5rem;

		font-size: 1.25rem;

	}

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li{

		line-height: 1.5rem;

	}

	

	.index-about-us .rl-div .rl-item h2{

		font-size: 2.25rem;

	}

	.index-about-us .rl-div .rl-item h3{

		font-size: 1.75rem;

	}

	.index-about-us .rl-div .rl-item a{

		font-size: 1.75rem;

		padding: .5rem 2rem;

	}

	

	.index-parter{

		padding-top: 3.5rem;

    	padding-bottom: 8.5rem;

	}

	

	.index-contact .contact-us h2{

		font-size: 2.25rem;

	}

	.index-contact .contact-us p{

		width: 100%;

	}

	.index-contact .contact-us .contact_icon{

		width: 3rem;

    	height: 3rem;

	}

	.index-contact .contact-us .contact_icon i{

		line-height: 2.75rem;

	}
	.index-contact .contact-us .form-div input{
		padding: 1.5rem .75rem 1.5rem 3.25rem;
	}

	.index-team{

		padding-top: 7.5rem;

	}

	.index-team .team-list{

		margin-top: 3.5rem;

	}

	.index-team .team-list .team-js ul li a{

		padding: 0 .5rem;

	}

	.index-news{

		padding-top: 4.75rem;

    	padding-bottom: 7.75rem;

	}

	.index-news .news-title-box .news-title{

		width: 190px;

	}

	.index-news .news-title-box .company-news-title{

		font-size: 2.25rem;

	}

	.index-news .news-swiper{

		margin: auto;

		margin-top: 3rem;

	}

	.index-news .news-swiper .news-item .news-img{
		height: 193px;
	}

	.index-news .news-swiper .news-item .news-doc ul{

		margin-top: .75rem;

    	margin-bottom: .75rem;

	}

	.index-news .news-swiper .news-item .news-doc ul li{

		font-size: .875rem;

	}

	.index-news .news-swiper .news-item .news-doc h3{

		font-size: 1.25rem;

		margin-bottom: .5rem;

	}

	.index-news .news-swiper .news-item .news-doc p{

		font-size: .875rem;

	}

	

}

@media (max-width: 991.98px) {

	.index-product .product-banner{

		margin-top: 2.25rem;

	}

	.index-product .index-product-list{

		padding: 2.25rem 0 2rem;

	}

	.index-product .index-product-list .mb-96{

		margin-bottom: 0;

	}

	.index-product .index-product-list .mb-60{

		margin-bottom: 2rem;

	}

	.index-our-factory .factory-title{

		font-size: 1.5rem;

	}

	.index-our-factory .factory-a{

		font-size: .875rem;

		text-align: center;

		padding: 0rem .5rem 0rem 3.5rem;

	}

	.index-about-us .who-are-we .who-youshi .who_item{

		margin-top: 3rem;

	}

	.index-about-us .who-are-we .who-youshi .who_img{

		width: 6rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc{

		padding-top: 7rem;

	}

	.index-about-us .who-are-we{

		padding-top: 4.25rem;

    	padding-bottom: 4.25rem;

	}

	.index-about-us .rl-div .rl-item{

		text-align: center;

		padding: 2.5rem 0;

	}

	.index-about-us .rl-div .rl-item h2{

		font-size: 2.25rem;

	}

	.index-about-us .rl-div .rl-item h2 span{

		font-size: 3rem;

	}

	.index-about-us .rl-div .rl-item h3{

		font-size: 1.75rem;

	}

	

	.index-about-us .rl-div .rl-item a{

		font-size: 1.75rem;

		padding: .5rem 2rem;

	}

	

	.index-parter{

		padding-top: 2.5rem;

    	padding-bottom: 7.5rem;

	}

	.index-parter .parter-swiper .swiper-slide{

		margin-top: 2rem !important;

	}

	.index-contact{

		padding-top: 4rem;

	}

	.index-contact .contact-us .form-div{

		padding-top: 1.625rem;

	}

	.index-team{

		padding: 6.5rem 0;

	}

	.index-team .team-title{

		font-size: 1.5rem;

	}

	.index-team .team-a{

		font-size: .875rem;

    	text-align: center;

    	padding: 1rem .5rem 1rem 2.5rem;

	}

	.index-team .team-list{

		margin-top: 2.5rem;

	}

	.index-team .team-list .team-item{}

	.index-news{

		padding-top: 3.75rem;

    	padding-bottom: 5.75rem;

	}

	.index-news .news-swiper{

		margin-top: 2rem;

	}

	.index-news .news-swiper .news-item .news-img{
		height: 220px;
	}


	

}

@media (max-width: 767.98px) {

	.index-product .product-banner{

		margin-top: 2rem;

	}

	.index-product .index-product-list{

		padding: 2rem 0 1.75rem;

	}

	.index-product .index-product-list .list-item{

		padding-bottom: 2rem;

	}

	.index-product .index-product-list .list-item h4{

		font-size: .75rem;

    	padding: 1rem 0;

	}

	

	.index-product .index-product-list .mb-60{

		margin-bottom: 1.5rem;

	}

	.index-our-factory .factory-title,.index-team .team-title{

		font-size: 1rem;

	}

	.index-our-factory .factory-xs-title,.index-team .team-xs-title{

		font-size: .875rem;

	}

	.index-our-factory .factory-a{

		margin-top: .5rem;

		padding: .5rem .5rem .5rem 3.5rem;

	}



	.index-about-us .who-are-we .who-title{

		font-size: 1.5rem;



	}

	.index-about-us .who-are-we .who-p{

		font-size: .875rem;



	}

	.index-about-us .who-are-we .who-youshi .who_item{

		margin-top: 2rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc{

		padding-top: 6rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc h4{

		font-size: 1rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc p{

		line-height: 1.5rem;

    	font-size: .875rem;

	}

	.index-about-us .who-are-we .who-youshi .who_img{

		width: 5rem;

	}

	.index-about-us .who-are-we{

		

	}

	

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc h4{

		font-size: 1rem;

	}

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li{

		font-size: .875rem;

		line-height: 1.25rem;

	}

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc{

		top: 0;

	}

	.index-about-us .rl-div .rl-item{

		padding: 2rem 0;

    	margin: 0;

	}

	.index-about-us .rl-div .rl-item h2{

		font-size: 2rem;

	}

	.index-about-us .rl-div .rl-item h2 span{

		font-size: 2.5rem;

	}

	.index-about-us .rl-div .rl-item h3{

		font-size: 1.5rem;

	}

	.index-about-us .rl-div .rl-item a{

		font-size: 1.5rem;

	}

	.index-parter{

		padding-top: 1.5rem;

    	padding-bottom: 5.5rem;

	}

	.index-parter .parter-swiper .swiper-slide{

		margin-top: 1rem !important;

	}

	.index-contact{

		padding-top: 3rem;

		padding-bottom: 3.25rem;

	}

	.index-contact .contact-us h2{

		font-size: 2rem;

	}

	.index-contact .contact-us p{

		line-height: 1.5rem;

	}

	.index-contact .contact-us .contact-doc h4{

		font-size: 1rem;

	}

	.index-contact .contact-us .contact-doc a{

		font-size: .875rem;

	}

	.index-contact .contact-us .contact-doc a[href]{

		font-size: 1.125rem;

		margin-bottom: 1.5rem;

	}

	.index-contact .contact-us .form-div{

		padding-top: .625rem;

	}

	.index-contact .contact-us .form-div input{

		padding: 1.25rem .75rem 1.25rem 3.25rem;

	}

	.index-contact .contact-us .form-div textarea{

		min-height: 7rem;

	}

	.index-contact .contact-us .form-div button{

		padding: .75rem 0;

	}

	.index-team{

		padding: 4.5rem 0;

	}

	

	.index-team .team-a{

		margin-top: .5rem;

    	padding: .5rem .5rem .5rem 3.5rem;

	}

	    

	.index-team .team-list .team-js{

		padding: 1rem 0 1.5rem;

	}

	.index-team .team-list .team-js h3{

		font-size: 1.5rem;

	}

	.index-team .team-list .team-item{}

	

	.index-news .news-title-box .news-title{

		width: 158px;

		font-size: 1rem;

	}

	.index-news .news-title-box .company-news-title{

		font-size: 2rem;

	}

	

	.index-news {

		padding-top: 2.75rem;

    	padding-bottom: 3.75rem;

	}

	.index-news .news-swiper .news-item .news-img{
		height: 320px;
	}

	

	

}

@media (max-width: 575.98px) {

	.banner{
		margin-top: 40px;
		
	}

	.index-product .product-banner{

		margin-top: 1.5rem;

	}

	.index-product .index-product-list{

		padding: 1.5rem 0 1.375rem;

	}

	.index-product .index-product-list .mb-60{

		margin-bottom: 1rem;

	}

	.index-product .index-product-list .list-item h4{

		width: 100%;

		padding: .5rem 0;



	}

	.index-about-us .who-are-we .who-youshi .who_item{

		margin-top: 1rem;

	}

	.index-about-us .who-are-we .who-youshi .who_img{

		width: 4rem;

	}

	.index-about-us .who-are-we .who-youshi .who_doc{

		padding-top: 5rem;



	}

	.index-about-us .who-are-we{

		padding-top: 3.25rem;

    	padding-bottom: 2.25rem;

	}

	.index-about-us .brand-web{

		margin-bottom: 2.75rem;

	}

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc h4{

		margin-top: 0;

	}

	.index-about-us .brand-web .brand-swiper .brand-item .brand-web-doc ul li{
		line-height: 2rem;
	}

	.index-about-us .rl-div .rl-item{

		padding: 1rem 0;

	}

	.index-about-us .rl-div .rl-item h2{

		font-size: 1.25rem;

	}

	.index-about-us .rl-div .rl-item h2 span{

		font-size: 1.75rem;

	}

	.index-about-us .rl-div .rl-item h3{

		font-size: 1rem;

	}

	.index-about-us .rl-div .rl-item a{

		font-size: 1rem;

	}

	.index-our-factory .factory-a{

		margin-top: 0;

		background-size: 18px 17px;

		font-size: .75rem;

		background-position-x: .5rem;

		padding: .25rem .5rem .25rem 2rem;

	}

	.index-team .team-list{

		margin-top: 1.5rem;

	}

	.index-team .team-a{

		font-size: .75rem;

		padding: .5rem .5rem .5rem 2rem;

	}

	.index-team .team-a i{

		font-size: 1.25rem;

		left: 5%;

	}



	.index-parter{

		padding-bottom: 2.5rem;

	}

	

	.index-contact{

		padding-top: 2rem;

		padding-bottom: 2.25rem;

	}

	.index-contact .contact-us h2{

		font-size: 1.5rem;

	}

	.index-contact .contact-us .form-div input{

		padding: 0rem .75rem 0rem 3.25rem;

		font-size: .875rem;

	}

	.index-contact .contact-us .form-div textarea{

		min-height: 5rem;

    	font-size: .875rem;

	}

	.index-contact .contact-us .form-div button{

		padding: .75rem 0;

		font-size: .875rem;

		width: 30%;

	}

	.index-contact .contact-us{

		padding: 0;

	}

	.index-contact .contact-us .form-div .notes{

		width: 68%;

		font-size: .75rem;

	}



	.index-contact .contact-us .contact-doc{

		padding-left: 3.5rem;

	}

	.index-contact .contact-us .contact-doc a{

		font-size: .75rem;

	}

	.index-contact .contact-us .contact_icon{

		width: 2.5rem;

		height: 2.5rem;

	}

	.index-contact .contact-us .contact_icon i{

		font-size: 1.25rem;

		line-height: 2.25rem;

	}

	.index-team .team-list .team-js{

		padding: .5rem 0 1rem;

		width: 100%;

	}

	.index-team .team-list .team-js ul li{

		font-size: .875rem;

	}

	

	.index-team .team-list .team-item{}

	.index-team{

		padding: 2.5rem 0;

	}

	.index-team:after{

		width: 100%;

	}

	.index-news .news-title-box .company-news-title{

		font-size: 1.25rem;

	}

	.index-news .news-title-box .news-title{

		width: 150px;

	}

	.index-news .news-title-box .news-title:after, .index-news .news-title-box .news-title:before{

		width: 2.875rem;

	}

	.index-news .news-swiper .news-item .news-img{
		height: 220px;
	}
	

}





/*index end*/



/*footer start*/





.footer{

	

	background: #0a1c2d;

	padding-top: 5.25rem;

	

}



.footer p{

	color: #FFFFFF;

	font-size: .875rem;

	line-height: 1.5rem;

	margin-bottom: .5rem;

}



.footer .foot-logo{

	margin-bottom: .5rem;

}



.footer .foot-jj{

	margin-bottom: 1rem;

}

.footer .footer-contact a{

	font-size: 1.125rem;

	color: #FFFFFF;

}

.footer .footer-contact ul li{

	padding-left: 1.5rem;

	position: relative;

}



.footer .footer-contact ul li i{

	color: #f8952c;

	position: absolute;

	left: 0;

	top: .25rem;

	font-size: 1rem;

}

.footer .foot-title{

	font-size: 1.25rem;

	color: #FFFFFF;

	font-weight: bold;

	display: inline-block;

	position: relative;

	margin-top: 2rem;

	margin-bottom: 1.5rem;

}

.footer .foot-title:after{

	content: "";

	position: absolute;

	width: 3rem;

	border: 1px solid #f8952c;

	left: 110%;

	top: 50%;

	transform: translateY(-50%);

	

}



.footer .foot-list ul li a{

	color: #FFFFFF;

	text-transform: uppercase;

	padding: 5px 0;

	display: block;

	font-size: .875rem;

}

.footer .foot-list ul li i{

	padding-right: .5rem;

}

.footer .foot-list ul li a:hover{

	color: #f8952c;

}



.footer .foot-form-div input{

	background: none;

	border-radius: 0;

	border-color: #1f2a34;

	color: #FFFFFF;

}



.footer .foot-form-div input::-webkit-input-placeholder{

	color: #FFFFFF;

}



.footer .foot-form-div i{

	position: absolute;

	top: 50%;

    transform: translateY(-50%);

    right: 1rem;

    color: #7c7d7f;

}

.footer .foot-form-div p{

	font-size: 1rem;

	margin-bottom: 1rem;

}

.footer .foot-form-div button{

	color: #FFFFFF;

	background: #f8952c;

	border: none;

	font-weight: bold;

    padding: .5rem 1rem;

}

.footer .foot-bottom{

	border-top: 1px solid #1f303f;

	padding: 3.625rem 0 1.5rem;

	margin-top: 2rem;

}

.footer .foot-bottom p{

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

	font-size: 1rem;

}

.footer .foot-bottom a{

	color: #FFFFFF;

}









.scroll-to-top{

	border: none;

    border-radius: 50%;

    bottom: 15px;

    color: #fff;

    background: #ff890b;

    cursor: pointer;

    display: none;

    font-size: 14px;

    height: 38px;

    line-height: 36px;

    position: fixed;

    right: 15px;

    text-align: center;

    width: 38px;

    z-index: 100;

}

.scroll-to-top:hover{

	background: #FFFFFF;

	color: #ff890b;

	box-shadow: 0 0 5px #ff890b;

}





@media (max-width: 1199.98px) { }

@media (max-width: 991.98px) { }

@media (max-width: 767.98px) {

	.footer .foot-title{

		font-size: 1rem;

	}

	.footer .foot-title:after{

		width: 2rem;

	}

	.footer .foot-list ul li a{

		font-size: .875rem;

	}

	.footer p{

		font-size: .75rem;

		line-height: 1rem;

	}

	.footer .foot-title{

		margin-bottom: .5rem;

	}

	.footer .foot-bottom{

		padding: 1.625rem 0 1.5rem;

	}

}

@media (max-width: 575.98px) {

	.footer{

		padding-top: 2.25rem;

	}

	.footer .footer-contact a{

		font-size: 1rem;

	}

	.footer .foot-title:after{

		display: none;

	}

	.footer .foot-list ul li a{

		font-size: .75rem;

	}

}



/*footer end*/





.main{

	

	background: #ebf0f3;

	overflow: hidden;

	padding-bottom: 3rem;

}



.main div.row{

	margin-left: -0.5rem;

	margin-right: -0.5rem;

}

.main div[class^=col-]{

	padding-left: 0.5rem;

	padding-right: 0.5rem;

}





.breadcrumb-nav{

	background: #e4e9ec;

	margin: 1.25rem 0 .75rem;

	padding: 7px 0;

}

.breadcrumb-nav .bar-nav{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.breadcrumb-nav a{

	color: #000000;

	font-size: 1.125rem;

	

}

.breadcrumb-nav a:hover{

	color: #00a0e9;

}

.breadcrumb-nav .sidebar-search .search-item{

	position: relative;

}

.breadcrumb-nav .sidebar-search .search-item i{

	position: absolute;

	left: .5rem;

	top: 50%;

	transform: translateY(-50%);

	color: #565656;

}

.breadcrumb-nav .sidebar-search input{

	border-radius: 5px;

	border:1px solid #4c4c4c;

	font-size: .875rem;

	background: none;

	line-height: 22px;

	text-indent: 2rem;

}









.breadcrumb-nav .sidebar-search button{

	color: #FFFFFF;

	border: none;

	background: #f8952c;

	border-radius: 5px;

	font-size: 1.125rem;

	padding: 0 10px;

	line-height: 1.5rem;

}



.small-title{

	padding: 1.25rem 0 1.125rem 1rem;

}

.small-title h4{

	font-size: 1.25rem;

	text-transform: uppercase;

	font-weight: bold;

	color: #063c83;

	display: inline-block;

	position: relative;

	z-index: 3;

	margin-bottom: 0;

}

.small-title h4:after{

	content: "";

	width: 100%;

	border-bottom: 5px solid #ffc600;

	position: absolute;

	left: 6px;

	bottom: 3px;

	z-index: -1;

}



.for-first-order{

	border-radius: 5px;

	overflow: hidden;

	text-align: center;	

	background: url(../img/product/for-first-order.jpg) no-repeat center top;

	background-size:cover;

	padding-bottom: 5.1875rem;

	box-shadow: 0 3px 1rem rgba(0,0,0,.14);

}



.for-first-order .for-title{

	background: #2a73d3;

	display: inline-block;

	padding: 3.75rem .5rem 0 1.25rem;

	margin-bottom: 3.875rem;

	position: relative;

}

.for-first-order .for-title:after{

	position: absolute;

    content: "";

    width: 0;

    height: 0;

    left: 0;

    border-top: solid 37px #2a73d3;

    border-left: solid 75px transparent;

    border-right: solid 93px transparent;

}





.for-first-order .for-title h2{

	font-size: 2rem;

	color: #FFFFFF;

}

.for-first-order .for-title h2 span{

	font-size: 6.75rem;

	font-family: impact;

}

.for-first-order .for-title h3{

	font-weight: bold;

	font-size: 2.5rem;

	color: #FFFFFF;

}

.for-first-order h4{

	font-weight: bold;

	color: #FFFFFF;

	font-size: 2rem;

	text-shadow: 2px 2px 0 #0047a4;

}



.catalogue{

	border-radius: 5px;

	overflow: hidden;

	box-shadow: 0 3px 1rem rgba(0,0,0,.14);

	background: #FFFFFF;

	padding-bottom: 1rem;

}



#product-related{

	

}



#product-related .nav-list{

	display: none;

}



#product-related ul li i:before{

	content: "\f105";

}

#product-related ul li.active i:before{

	content: "\f107";

}

#product-related ul li a{

	font-size: 1.125rem;

	color: #000000;

	padding: .375rem 0 .375rem 2.5rem;

	display: block;

	position: relative;

	z-index: 2;

	cursor: pointer;

}

#product-related ul li i{

	font-size: 1.5rem;

    position: absolute;

    left: 1.25rem;

}



#product-related > ul > li > a:after{

	content: "";

	width: 80%;

	height: 100%;

	background: #063c83;

	position: absolute;

	left: -100%;

	top: 0;

	border-bottom-right-radius: 1.5rem;

	border-top-right-radius: 1.5rem;

	z-index: -1;

	transition: all .25s ease-in;

}

#product-related > ul > li > a:hover:after,#product-related > ul > li.active > a:after{

	left: 0;

}

#product-related > ul > li:hover > a,#product-related > ul > li.active > a{

	color: #FFFFFF;

}



#product-related .nav-list li a{

	font-size: 1rem;

	color: #7a7a7a;

}

#product-related .nav-list li:hover{

	background: #ebf4ff;

}



.list-our-brand{

	border-radius: 5px;

	overflow: hidden;

	box-shadow: 0 3px 1rem rgba(0,0,0,.14);

	background: #FFFFFF;

	padding-bottom: .5rem;

}

.list-our-brand .brand-list ul{

	overflow: hidden;

	padding: 0 1.25rem;

}

.list-our-brand .brand-list ul li{

	float: left;

	width: 50%;

	border-bottom: 1px solid #efefef;

}

.list-our-brand .brand-list ul li:last-child,.list-our-brand .brand-list ul li:nth-last-child(2){

	border-bottom: none;

}

.list-our-brand .brand-list ul li:nth-child(odd){

	border-right: 1px solid #efefef;

}

.list-our-brand .brand-list ul li:nth-child(even){

	border-left: 1px solid #FFFFFF;

}



.hot-products{

	border-radius: 5px;

	overflow: hidden;

	box-shadow: 0 3px 1rem rgba(0,0,0,.14);

	background: #FFFFFF;

}

.hot-products ul{

	padding: 0 1rem;

}

.hot-products ul li{

	margin-bottom: 1rem;

	overflow: hidden;

}

.hot-products ul li dt{

	width: 36%;

	float: left;

}

.hot-products ul li dd{

	width: 64%;

	float: left;

	padding-left: .5rem;

	margin-bottom: 0;

}

.hot-products ul li dd h6{

	font-size: 1rem;

	color: #063c83;

	/*margin-bottom: 0;*/

}

.hot-products ul li dd p{

	margin-bottom: 0;

	font-size: 1rem;

	color: #FFFFFF;

	background: #ff1e00;

	display: inline-block;

	border-radius: 5px;

	padding: 0 3px;



}



/*products list start*/



.list-content .products-list-item{

	height: 100%;

	background: #00b2ed;

}

.list-content .products-list-item .product-img{

	position: relative;

	padding: 1rem 1rem 2rem;

    background: #FFFFFF;

}

.list-content .products-list-item .product-img ul{

	overflow: hidden;

	position: absolute;

	bottom: .5rem;

	left: 0;

	text-align: center;

	width: 100%;

}

.list-content .products-list-item .product-img ul li{

	display: inline-block;

	margin: 0 .125rem;

}

.list-content .products-list-item .product-con{

	padding: .5rem;

}

.list-content .products-list-item .product-con .tit a{

	font-size: 1rem;

	color: #FFFFFF;

	line-height: 1.125rem;

}

.list-content .products-list-item .product-con ul{

	/*display: flex;*/

	margin-top: .5rem;

	display: grid;

  	grid-template-columns: 30% 30% 40%;

  	

}

.list-content .products-list-item .product-con ul li{

	/*-webkit-flex: 33.33333%;

    -ms-flex: 33.33333%;

    flex: 33.33333%;*/

    border-right: 1px solid #FFFFFF;

}

.list-content .products-list-item .product-con ul li:last-child{

	border-right: none;

}

.list-content .products-list-item .product-con ul li span{

	display: block;

	width: 100%;

	text-align: center;

    color: #FFFFFF;

    font-size: 0.75rem;

}



/*products list end*/



.pagination{

	margin: 1rem auto 2rem;

}



.pagination a{

	display: block;

	border: 1px solid #dedede;

	padding: 0 .75rem;

	line-height: 2.5rem;

	text-align: center;

	font-size: 1.25rem;

	color: #000000;

}

.pagination span{

	display: block;

	

	padding: 0 .75rem;

	line-height: 2.5rem;

	text-align: center;

	font-size: 1.25rem;

	color: #000000;

}

.pagination a:hover{

	background: #00b2ed;

	color: #FFFFFF;

}



.commentswrap{

	border-radius: 5px;

	background: url(../img/commentswrap.jpg) no-repeat left top;

	background-size: cover;

	padding: 2rem 1.5rem 1rem;

	

}



.commentswrap .form-title h3{

	font-size: 2rem;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	margin-bottom: 1rem;

}



.commentswrap .form-title p{

	font-size: .875rem;

	color: #FFFFFF;

	text-align: center;

	line-height: 1.25rem;

	margin-bottom: 2rem;

}

.commentswrap .form-title p span{

	display: block;

}



.commentswrap .form-comments{

	

}

.commentswrap .form-comments .form-group{

	margin-bottom: 1.25rem;

}

.commentswrap .form-comments input,.commentswrap .form-comments select{

	border: 1px solid #667988;

}

.commentswrap .form-comments textarea{

	border: 1px solid #667988;

	min-height: 10.75rem;

}

.commentswrap .form-comments input::-webkit-input-placeholder,.commentswrap .form-comments select::-webkit-input-placeholder,.commentswrap .form-comments textarea::-webkit-input-placeholder{

	color: #667988;

}

.commentswrap .form-comments button{

	color: #FFFFFF;

	background: #fa952d;

	border: none;

	font-size: 1rem;

	line-height: 3rem;

    width: 100%;

    border-radius: 5px;

}

.commentswrap .form-comments span{

	color: #FFFFFF;

	font-size: .875rem;

}





@media (max-width: 1199.98px) {

	.small-title h4{
		font-size: 1.125rem;
	}

	.for-first-order{

		padding-bottom: 4.675rem;

	}

	

	.for-first-order .for-title{

		padding: 1.75rem .5rem 0 1em;

		margin-bottom: 2.875rem;

	}

	.for-first-order .for-title:after{

		border-top: solid 27px #2a73d3;

    	border-left: solid 58px transparent;

    	border-right: solid 65px transparent;

	}

	.for-first-order .for-title h2{

		font-size: 1.5rem;

	} 

	.for-first-order .for-title h2 span{

		font-size: 4.75rem;

	}

	.for-first-order h4{

		font-size: 1.75rem;

	}

	

	#product-related ul li a{

		font-size: 1rem;

		padding: .375rem 0 .375rem 2rem;

	}

	#product-related ul li i{

		font-size: 1.25rem;

	}

	

	.hot-products ul li dd h6{

		font-size: .875rem;

	}

	.hot-products ul li dd p{

		font-size: .875rem;

	}

	.list-content .products-list-item .product-con .tit a{

		font-size: .875rem;

	}

	.pagination a,.pagination span{

		font-size: 1rem;

		line-height: 2rem;

	}

	.breadcrumb-nav a{

		font-size: 1rem;

	}

}

@media (max-width: 991.98px) {

	

}

@media (max-width: 767.98px) {

	.list-content .products-list-item .product-img ul li{

		width: 1rem;

	}

	.pagination{

		flex-wrap: wrap;

		margin: 1rem auto 1rem;

	}

	.pagination a, .pagination span{

		font-size: .875rem;

    	line-height: 1.5rem;

    	padding: 0 .5rem;

    	margin: .25rem 0;

	}

	.commentswrap{

		padding: 1.5rem 1rem 1rem;

	}

	.commentswrap .form-title h3{

		font-size: 1.5rem;

	}

	.commentswrap .form-title p{

		font-size: .75rem;

		margin-bottom: 1rem;

	}

	.commentswrap .form-comments .form-group{

		margin-bottom: .75rem;

	}

	.commentswrap .form-comments textarea{

		min-height: 7.75rem;

	}

	.commentswrap .form-comments input, .commentswrap .form-comments select,.commentswrap .form-comments textarea{

		font-size: .875rem;

	}

	.breadcrumb-nav a{

		font-size: .875rem;

	}

}

@media (max-width: 575.98px) {

	.list-content .products-list-item .product-con .tit a{

		font-size: .75rem;

	}

	.list-content .products-list-item .product-con ul{

		display: block;

	}

	.list-content .products-list-item .product-con ul li{

		border-right:none;

		line-height: 1rem;

	}

	

	.list-content .products-list-item .product-con ul li span{

		display: contents;

		text-align: left;

	}

	.commentswrap{

		padding: 1.5rem .75rem 1rem;

	}

	.commentswrap .form-comments button{

		line-height: 2.5rem;

	}

	.commentswrap .form-title h3{

		margin-bottom: .5rem;

	}

	.breadcrumb-nav a{

		font-size: .75rem;

	}

	

}







/*product content start*/



.products-content .content-top{

	background: #FFFFFF;

	box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

	border-radius: 5px;

	margin-bottom: 1.25rem;

	padding: .875rem 1rem;

}





.products-content .content-top .con-FangDa{width: 100%;height: auto;}



.products-content .content-top .con-FangDa .con-fangDaIMg {

	width:auto;

	height:auto;

	max-width:100%;

	max-height:100%;

	position:relative;

	box-shadow: 0 0px 8px rgb(0 0 0 / 14%);

	/*border:2px solid #808080;*/

}







.products-content .content-top .con-FangDa .con-fangDaIMg > img {width:100%;height:100%;display: block;}











/*放大镜阴影图层*/



/*.products-content .content-top .magnifyingBegin {width:160px;height:160px;left:0;top:0;background-color:#454545;opacity:0.5;filter:alpha(opacity=50);position:absolute;cursor:move;display:none;}*/



/*放大镜显示区域*/



/*.products-content .content-top .magnifyingShow {width:500px;height:500px;display:none;position:absolute;right:-500px;top:0;overflow:hidden;z-index:99999;}



.products-content .content-top .magnifyingShow > img {width:1000px;height:1000px;margin-left:0;margin-top:0;}*/



/*设置选择图片容器*/



.products-content .content-top .con-FangDa-ImgList {padding-top:10px;width:100%;list-style:none;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap}



.products-content .content-top .con-FangDa-ImgList > li {width:18%;cursor:pointer;text-align:center;}



.products-content .content-top .con-FangDa-ImgList > li > img {vertical-align:top;display:inline;width:100%;border:1px solid #dedede;}



.products-content .content-top .con-FangDa-ImgList > li.active > img {border-color:#063c83;}



.products-content .content-top .con-FangDa-ImgList > li > img[src=""],.products-content .content-top .con-FangDa-ImgList > li > img:not([src]){border:none;}





.products-content .content-top .product-info{

	padding-top: 1rem;

}

.products-content .content-top .product-info h1{

	font-size: 1.5rem;

	color: #063c83;

	padding-left: 10px;

	position: relative;

	padding-bottom: .5rem;

	border-bottom: 1px solid #063c83;

	

}

.products-content .content-top .product-info h1:before{

	content: "";

	height: 1.25rem;

	border-left: 5px solid #00b2ed;

	position: absolute;

	left: 0;

	top: 5px;

}

.products-content .content-top .product-info .des{

	margin-top: 1.5rem;

	color: #000000;

	font-size: .875rem;

}

.products-content .content-top .product-info .des2{

	color: #000000;

	font-size: .875rem;

}



.products-content .content-top .product-info .info{

	color: #000000;

	font-size: .875rem;

}

.products-content .content-top .product-info .share{

	font-size: 1.25rem;

	margin: 1rem 0;

}

.products-content .content-top .product-info .share i{

	color: #212121;

	margin-right: 1rem;

}



.products-content .content-top .product-info .kefu-time{

	margin: 1rem 0;

    overflow: hidden;

}

.products-content .content-top .product-info .kefu-time ul li{

	float: left;

	width: 50%;

	position: relative;

}

.products-content .content-top .product-info .kefu-time ul li img{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 2.5rem;

}

.products-content .content-top .product-info .kefu-time ul li p{

	font-size: 1rem;

	color: #000000;

	margin-bottom: 0;

	padding-left: 2rem;

	text-align: center;

}

.products-content .content-top .product-info .kefu-time ul li p span{

	font-size: 2rem;

    display: block;

    font-weight: bold;

    font-style: italic;

    color: #ff0000;

    text-align: center;

    line-height: 2rem;

}



.products-content .content-top .product-info .inq{

	padding: 1rem 0;

}

.products-content .content-top .product-info .inq a{

	color: #FFFFFF;

	background: #f8952c;

	padding: .75rem .5rem;

    border-radius: 5px;

    font-size: .875rem;

    display: inline-block;

}

.products-content .content-top .product-info .inq a i{

	padding-right: 5px;

	font-size: 1.25rem;

}



.products-content .content-center{

	border-radius: 5px;

	background: #FFFFFF;

	box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

}

.products-content .content-center .pro-des-con a{

	font-size: 1rem;

	color: #000000;

	font-weight: bold;

	background: #dedede;

	display: inline-block;

	padding: 1rem 1.25rem;

	border-radius: 5px;

	text-transform: uppercase;

}

.products-content .content-center .pro-des-con a.active{

	color: #FFFFFF;

	background: #009cff;

}





.products-content .content-center .pro-content{

	padding: 2rem 1rem;

}

.products-content .content-center .pro-content img{

	width: 100%;

}



.products-content .content-center .pro-content .table td,.products-content .content-center .pro-content .table th{

	padding: .5rem;

	vertical-align: middle;

}



.products-content .content-center .pro-content .xzxzcssmar,.products-content .content-center .pro-content h3{

	font-weight: bold;

	color: #000000;

	margin-top: 1.75rem;

	margin-bottom: .875rem;

	font-size: 1.125rem;

}

.products-content .content-center .pro-content .xzrelated{

	overflow: hidden;

}

.products-content .content-center .pro-content .xzrelated li{

	width: 50%;

	float: left;

}



.products-content .content-center .pro-content .pro-company{

	

}



.products-content .content-center .pro-content .pro-company .company_profile_item img{

	border-radius: 5px;

}

.products-content .content-center .pro-content .pro-company .company_profile_item h4{

	font-size: 1rem;

	font-weight: bold;

	font-style: italic;

	margin: .5rem 0;

}





.product-right-top{

	box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

    border-radius: 5px;

    overflow: hidden;

}





.sidebar-join{

	background: url(../img/product/sidebar-join.jpg) no-repeat center center;

	background-size: cover;

	box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

    border-radius: 5px;

    overflow: hidden;

    padding: 4.5rem 0 3.5rem;

}



.sidebar-join h3{

	font-size: 1.25rem;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

	line-height: 2rem;

	margin-bottom: 1rem;

}

.sidebar-join h3 span{

	display: block;

}

.sidebar-join h4{

	font-size: 2rem;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	font-style: italic;

	margin-bottom: 1rem;

}

.sidebar-join .join-us{

	font-size: 1.25rem;

	color: #FFFFFF;

	text-transform: uppercase;

	background: #f8952c;

	display: inline-block;

	margin: 0 auto;

	padding: 0.5rem 2rem;

	border-radius: 5px;

}





@media (max-width: 1199.98px) {

	.sidebar-join{

		padding: 4rem 0 3rem;

	}

	.sidebar-join h3{

		font-size: 1rem;

		line-height: 1.5rem;

	}

	.sidebar-join h4{

		font-size: 1.5rem;

	}

	.sidebar-join .join-us{

		font-size: 1rem;

	}

	.products-content .content-top .product-info h1{

		font-size: 1.25rem;

	}

	.products-content .content-top .product-info .des{

		margin-top: 1rem;

		font-size: .75rem;

	}

	.products-content .content-top .product-info .info{

		font-size: .75rem;

	}

	.products-content .content-top .product-info .share{

		font-size: 1rem;

    	margin: .5rem 0;

	}

	.products-content .content-top .product-info .des2{

		font-size: .75rem;

	}

	.products-content .content-top .product-info .kefu-time{

		margin: .5rem 0;

	}

	.products-content .content-top .product-info .kefu-time ul li img{

		width: 2rem;

	}

	.products-content .content-top .product-info .kefu-time ul li p{

		font-size: .875rem;

	}

	.products-content .content-top .product-info .kefu-time ul li p span{

		font-size: 1.75rem;

	}

	.products-content .content-top .product-info .inq{

		padding: .5rem 0;

	}

	.products-content .content-top .product-info .inq a{

		font-size: .75rem;


	}

	.products-content .content-center .pro-des-con a{

		font-size: .875rem;

		padding: 1rem 1rem;

	}

	

}

@media (max-width: 991.98px) {

	

}

@media (max-width: 767.98px) {

	.products-content .content-center .pro-des-con a{

		padding: .75rem 1rem;

	}

	.products-content .content-center .pro-content .table td,.products-content .content-center .pro-content .table th{

		font-size: .875rem;

	}
	.products-content .content-top .product-info .inq a{

		    padding: .5rem;
		

	}

}

@media (max-width: 575.98px) {

	.products-content .content-center .pro-des-con a{

		font-size: .75rem;

	}

	.products-content .content-center .pro-content{

		font-size: .875rem;

	}

	.products-content .content-center .pro-content .xzxzcssmar, .products-content .content-center .pro-content h3{

		font-size: 1rem;

		margin-top: 1rem;

	}

	.products-content .content-center .pro-content .pro-company .company_profile_item h4{

		font-size: .875rem;

	}

	

	.products-content .content-center .pro-content .xzrelated li{

		width: 100%;

	}

	

	

}





/*product content end*/





/*news list start*/



.news-list-con{

	border-radius: 5px;

    overflow: hidden;

    box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

    background: #FFFFFF;

}



.news-list-con .news-tab ul{

	display: flex;

	background-color: #d5d5d5;

	overflow: hidden;

    border-radius: 5px;

}

.news-list-con .news-tab ul li{

	-webkit-flex: auto;

    -ms-flex: auto;

    flex: auto;

    border-radius: 5px;

}



.news-list-con .news-tab ul li a{

	text-align: center;

    width: 100%;

    display: block;

    text-transform: uppercase;

    color: #1b1b1b;

    font-weight: bold;

    padding: .125rem 0;

    margin: .375rem 0;

    border-right: 2px solid #ececec;

}

.news-list-con .news-tab ul li:last-child a{

	border-right: none;

}   

.news-list-con .news-tab ul li:hover{

	background-color: #009cff;

	box-shadow: 3px 0 .5rem rgb(0 0 0 / 50%);

}

.news-list-con .news-tab ul li:hover a{

	color: #FFFFFF;

	border-right: none;

	

}



.news-list-con .news-list-box{

	padding:  1.75rem 1.25rem;

}

.news-list-top{

	padding-bottom: 1rem;

	border-bottom: 1px solid #bebebe;

}

.news-list-top .top-news{

	border-radius: 5px;

	overflow: hidden;

	position: relative;

}

.news-list-top .top-news .top-news-p{

	position: absolute;

	padding: .5rem;

	background: rgba(0,0,0,.4);

	bottom: 0;

	min-height: 5.5rem;

}

.news-list-top .top-news p{

	

	margin-bottom: 0;

	color: #FFFFFF;

	font-size: 1rem;

	max-height: 4.5rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	

}



.news-list-center .news-list-item{

	border-bottom: 1px solid #bebebe;

	padding: 1.875rem 0;

}

.news-list-center .news-list-item h2{

	font-size: 1.125rem;

	font-weight: bold;

	color: #000000;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.news-list-center .news-list-item h2.one{

	-webkit-line-clamp: 1;

	margin-bottom: .25rem;

}

.news-list-center .news-list-item p{

	font-size: .875rem;

	color: #333333;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.news-list-center .news-list-item p.two{

	-webkit-line-clamp: 2;

	margin-bottom: .25rem;

}

.news-list-center .news-list-item .classification{

	font-size: .875rem;

	color: #333333;

}

.news-list-center .news-list-item .read-time{

	font-size: .875rem;

	color: #333333;

	padding: 3rem 0 0;

}

.news-list-center .news-list-item .read-time img{

	margin-right: .5rem;

}



.news-list-center .news-list-item .read-more{

	color: #333333;

    font-size: .875rem;

    border: 1px solid #333333;

    border-radius: 5px;

    padding: .25rem 1rem;

}

.news-list-center .news-list-item .read-more span{

	margin-right: .5rem;

}

.news-list-center .news-list-item .read-more:hover{

	color: #009cff;

	border-color: #009cff;

}

.news-list-center .news-list-item h4{

	text-align: center;

	font-size: 1.375rem;

	color: #333333;

	border-left: 1px solid #333333;

}

.news-list-center .news-list-item h4 span{

	display: block;

	font-size: 2.375rem;

}

.sidebar-response{

	border-radius: 5px;

    overflow: hidden;

    box-shadow: 0 3px 1rem rgb(0 0 0 / 14%);

    background: #FFFFFF;

    padding: 2rem 1.375rem 1rem;

}

.sidebar-response .sidebar-response-top{

	border-bottom: 1px solid #333333;

}

.sidebar-response .sidebar-response-top ul li{

	position: relative;

	overflow: hidden;

}

.sidebar-response .sidebar-response-top ul li img{

	float: left;

	margin: 0 1rem;

	

}

.sidebar-response .sidebar-response-top ul li p{

	float: left;

	text-align: center;

	font-size: 1rem;

	color: #000000;

	display: block;

	width: 60%;

}

.sidebar-response .sidebar-response-top ul li p span{

	display: block;

	color: #ff1f02;

	font-weight: bold;

	font-size: 2.25rem;

	font-style: italic;

	line-height: 2rem;

}

.sidebar-response .sidebar-response-bottom{

	padding-top: .5rem;

}

.sidebar-response .sidebar-response-bottom a{

	display: block;

	width: 100%;

	text-align: center;

	color: #000000;

	font-size: .875rem;

	margin: .25rem 0;

}







@media (max-width: 1199.98px) {

	.news-list-top .top-news .top-news-p{

		min-height: 5rem;

	}

	.news-list-top .top-news p{

		font-size: .875rem;

	}

	.news-list-center .news-list-item p{

		margin-bottom: .5rem;

		

	}

	.news-list-center .news-list-item .read-time{

		padding: .5rem 0 0;

	}

	.news-list-center .news-list-item .read-more{

		font-size: .75rem;

	}

	.news-list-center .news-list-item h4{

		font-size: 1rem;

	}

	.news-list-center .news-list-item h4 span{

		font-size: 2rem;

	}

	.sidebar-response .sidebar-response-top ul li img{

		margin: 0;

		width: 25%;

	}

	.sidebar-response .sidebar-response-top ul li p{

		width: 72%;

		font-size: .875rem;

	}

	

}

@media (max-width: 991.98px) {

	

}

@media (max-width: 767.98px) {

	.news-list-con .news-tab ul li a{

		font-size: .875rem;

	}

	.news-list-center .news-list-item{

		padding: 1.25rem 0;

	}

	.news-list-center .news-list-item h2{

		margin-top: .5rem;

	}

	.news-list-center .news-list-item h2.one{

		margin-top: 0;

	}

}

@media (max-width: 575.98px) {

	.news-list-center .news-list-item h2{

		font-size: 1rem;

	}

	.news-list-center .news-list-item p{

		font-size: .75rem;

	}

	.news-list-center .news-list-item h4{

		font-size: .875rem;

	}

	.news-list-center .news-list-item h4 span{

		font-size: 1.5rem;

	}

	

}





/*news list end*/



/*news content start*/



.new-text{

	padding: 1.5rem 1.25rem;
	background: #FFFFFF;

}

.new-text img{
	max-width: 100%;
    display: block;
    margin: 0 auto;

}

.new-text .news-title{

	border-bottom: 2px solid #bfbfbf;

}

.new-text .news-title h1{

	font-size: 1.875rem;

	font-weight: bold;

}

.new-text .news-title .news-title-icon{

	margin: 1.5rem 0;

}

.new-text .news-title .news-title-icon ul li{

	display: inline-block;

	margin-right: 1rem;

}



.new-text .text-content{

	padding: 1rem 0;

}

.new-text .text-content p{

	font-size: 1rem;

	color: #666666;

	line-height: 1.6rem;

	margin-bottom: 15px;

}

.new-text .text-content span{

	font-size: .875rem;

	color: #666666;

	line-height: 2rem;

	margin-bottom: 0;

}



@media (max-width: 1199.98px) {

	.new-text .news-title h1{

		font-size: 1.75rem;

	}

	.new-text{

		padding: 1.5rem 1rem;

	}

	

}

@media (max-width: 991.98px) {

	.new-text{

		padding: 1.5rem .5rem;

	}

	.new-text .news-title h1{

		font-size: 1.5rem;

	}

	.new-text .news-title .news-title-icon ul li{

		font-size: .875rem;

	}

	.new-text .news-title .news-title-icon{

		margin: 1rem 0;

	}

	.new-text .text-content{

		padding: .5rem 0;

	}

}

@media (max-width: 767.98px) {

	.new-text{

		padding: 1.5rem .5rem;

	}

	.new-text .news-title h1{

		font-size: 1.25rem;

	}

}

@media (max-width: 575.98px) {

	.new-text{

		padding: 1rem .5rem;

	}

	.new-text .text-content p{

		font-size: .875rem;

		/*line-height: 1.5rem;*/

	}

	.new-text .text-content span{

		font-size: .75rem;

		line-height: 1.5rem;

	}

	.new-text .news-title .news-title-icon{

		margin: .5rem 0;

	}

}







/*news content end*/