body,
div,
ul,
ol,
dl,
dt,
dd,
li,
dl,
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font-style: normal;
}

ol,
ul,
li {
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

img {
	border: 0;
	vertical-align: middle;
}

body {
	color: #000000;
	background: #FFF;
	text-align: left;
	background: #e5e5e5;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.clearfix {
	clear: both;
	content: "";
	display: block;
	overflow: hidden
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.all {
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.wh {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

:focus {
	outline: none;
}

html {
	font-family: "Arial";
}

.m0 {
	margin: 0;
}

.p0 {
	padding: 0;
}

.top {
	line-height: 0.42rem;
	font-size: 0.14rem;
	color: #4d4d4d;
}

.top-box {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top span {
	margin-right: 0.15rem
}

.top .col-md-4 span {
	margin: 0 .1rem;
}

.top .col-md-4 em {
	color: #bfbfbf
}

.top .col-md-4 span img {
	margin: 0 0.05rem
}

.nav-box {
	background: #eeeeee;
}

.nav {
	line-height: 1.25rem
}

.nav .col-md-3.col-xs-6 {
	padding-left: 0;
}



/**Navigation start**/
.catlist {
	margin-top: 0.425rem;
	background: #0c3056;
	color: #ee9102
}

.catlist a {
	color: #ee9102;
	text-decoration: none;
}

.catlist li {
	height: 0.45rem;
	overflow: hidden;
	line-height: 0.45rem;
	font-size: 0.18rem;
}

.catlist li i {
	margin-right: 0.2rem;
}

.catlist li em {
	padding-top: 0.13rem;
}

.catlist ul li {
	position: relative;
}

.catlist ul li ul {
	position: absolute;
	top: 0.41rem;
	left: 0;
	width: 100%;
	background: #0c3056;
	display: none;
	z-index: 100000;
}

.catlist ul li ul .down {
	text-indent: 0.15rem;
}

.catlist ul li ul li:hover {
	color: #fff;
	background: #ee9102
}

.catlist ul li ul li:hover a {
	color: #fff;
}

.menu ul li {
	display: inline-block;
}

.menu ul li a {
	/* padding: 0.1rem 0.15rem; */
	display: block;
	padding-left: 0.15rem;
}

.menu ul li a:hover,
.menu ul li.active a {
	/* color: #fff; */
	/* background: #ee9102 */
	color: #ee9102
}

.sm .en {
	margin-right: 0.1rem
}

.sm .search {
	margin-right: 0.2rem
}

/**Navigation end**/

/**banner start*/
.banner {
	overflow: hidden;
	position: relative;
}

.banner img {
	width: 100%;
}

.banner .swiper-pagination-bullet-active {
	background: #ee9102;
	width: 0.3rem;
	border-radius: 0.1rem;

}

.banner .texts {
	position: absolute;
	top: 25%;
	left: 0;
	width: 50%;
	color: #54575a;
	padding-left: 20%;
	display: none;
}

.banner .texts h2 {
	font-size: 0.36rem;
	padding-bottom: 0.5rem;
}


.banner .texts h3 {
	font-size: 0.24rem;
	line-height: 1.1;
	margin-bottom: 15%;
}



.banner .texts a.btn-yellow-s {
	background: #0c3056;
	color: #da7c11;
	padding: 0.05rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.banner .texts h4 {
	font-size: 0.16rem;
	color: #54575a;
	line-height: 1.3;
}

/**banner end**/

/***manufacturer start**/
.manufacturer {
	background: #fff;
	padding-top: 0.8rem;
}

.manufacturer .title {
	width: 54%;
	margin: 0 auto;
}

.manufacturer .title h1 {
	font-size: 0.36rem;
	font-family: "Arial";
	color: #4d4d4d;
	line-height: 1.333;
	text-align: center;
	font-weight: 100;
	position: relative;
	padding-bottom: 0.3rem;
}

.manufacturer .title h1::after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 2px;
	background: #ee9102;
	position: absolute;
	bottom: -3px;
	left: 44%
}

.manufacturer .title p {
	font-size: 0.18rem;
	font-family: "Arial";
	color: rgb(77, 77, 77);
	line-height: 1.667;
	text-align: center;
	padding-top: 0.4rem;
	font-weight: 100;
}

.prlist {
	padding-top: 0.7rem;
	margin-bottom: 0.8rem;
}

.prlist>div {
	padding-right: 0.05rem;
	padding-left: 0.05rem;
}

.prlist .list {
	position: relative;
	margin-bottom: 0.2rem;

}

.prlist .list img {
	max-width: 100%;
	height: 4rem;
}

.prlist .list a {
	display: block;
	position: relative;
}

.prlist .list .t {
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
	line-height: 3;
	margin: 0;
	padding: 0;
	font-size: 0.24rem;
	color: #4d4d4d;
}

.prlist .list .info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(45, 87, 126, 0.8);
	color: #fff;
	height: 100%;
	padding: 0.3rem;
}

.prlist .list .info .b {
	position: relative;
	height: 100%;
}

.prlist .list .info a {
	color: #fff;
}

.prlist .list .info .t1 {
	font-size: 0.24rem;
}

.prlist .list .info .t2 {
	padding-top: 0.4rem;
	font-size: 0.16rem;
	line-height: 1.5
}

.prlist .list .info a {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: right;
	font-size: 0.14rem;
}


/***applications**/

.industry-section-overview-container {
	padding: 0.5rem 0 0.8rem 0;
	background: #ffffff;
	color: #4d4d4d;
}

.industry-section-overview-container .industry-overview-title h2 {

	font-size: 0.3rem;
	padding-bottom: 0.15rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.industry-section-overview-container .industry-overview-info p {
	/* text-align: center; */
}

.solutions-content-info {
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.85;
	padding-top: 0.4rem;

}

.solutions-content-info a {
	text-decoration-line: yes;
	text-decoration: underline;
	color: #da7c11;
}

.industry-section-solutions-container {
	padding: 0.5rem 0 0.7rem 0;

}

.industry-section-overview-container ul.list-paddingleft-2 {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.industry-section-overview-container ul li {
	list-style-type: disc;
}

.industry-section-overview-container .text a {
	color: #da7c11;
	border-bottom: solid 1px #ddd;
}


.industry-section-overview-container .text a:hover {
	text-decoration: underline;
}


.industry-section-solutions-container a.btn-yellow-s {
	background: #0c3056;
	color: #da7c11;
	padding: 0.05rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.industry-section-products-container {
	background: #ffffff;
	padding: 0.5rem 0 0.7rem 0;
}

.industry-section-products-container .product_list {
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
}

.industry-section-products-container .product_list a {
	display: block;
	text-decoration: none;
}

.industry-section-products-container .product_list>div>div {
	padding-left: 0.07rem;
	padding-right: 0.07rem;
	padding-bottom: 0.2rem;
}

.industry-section-products-container .product_list a img {
	width: 100%;
	height: 2.6rem;
	border: 1px solid #979797;
	border-bottom: 0;

}

.industry-section-products-container .product_list a:hover h4 {
	color: #da7c11
}

.industry-section-products-container .product_list a:hover img {
	opacity: 0.8
}

.industry-section-products-container .product_list a p {
	margin-bottom: 0
}

.industry-section-products-container .product_list a h4 {
	height: 0.7rem;
	color: #fff;
	line-height: 0.7rem;
	font-size: 0.24rem;
	background: #325172;
}

.industry-section-solutions-container .right {
	color: #4d4d4d;
	font-size: 0.14rem;
	padding-left: 0.4rem;
}

.industry-section-tank-info-container {
	background: #ffff;
}

/* productslist */

.productlist {
	padding-top: 0.6rem;
	background: #fff;
}

.productlist .pageset {
	height: 0.8rem;
	font-size: 0.18rem;

}

.productlist .pageset span {
	color: #4d4d4d;
	margin: 0 0.2rem;
}

.productlist .list img {
	width: 100%;
	height: 1.7rem;
	border: 1px solid #979797;
}

.productlist .list>div {}

.productlist .list .title {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.18rem;
	color: #54565b;
	text-decoration: none;
	line-height: 1.333;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	height: 80px;
}

/* product search */

.productlist .list.clearfix {
	padding-bottom: 0.6rem;
}

.pagination__nav {
	position: relative;
	text-align: center;
	padding: 0 10px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.blog-mores .pagination__nav a {
	padding: 0.1rem 0.3rem;
	border: 2px solid #da7c11;
	color: #da7c11;
	font-size: 0.24rem;
	border-radius: 0.1rem;
}

.blog-mores .pagination__nav a:hover {
	border: 1px solid #292929;
	background-color: #e5e5e5;
}


.applications {
	background: #0c3056;
	padding-top: 0.65rem;
	padding-bottom: 0.35rem;
	color: #fff;
}

.global .title h2 {
	line-height: 1.333;
	font-size: 0.36rem;
	padding-bottom: 0.2rem;
	position: relative;
	margin-bottom: 3%;

}

.global .title h2::after {
	content: "";
	display: block;
	width: 1rem;
	height: 2px;
	background: #ee9102;
	position: absolute;
	left: 45%;
	bottom: 0;
}

.global .title p {
	margin: 0;
	line-height: 5;
	font-size: 0.18rem;
}

.applications .fclist>div {
	height: 4.5rem;
	overflow: hidden;
	padding-left: 0.05rem;
	padding-right: 0.05rem;
	margin-bottom: 0.3rem;
}

.applications .fclist a {
	display: block;
	position: relative;
	height: 4.5rem;
}

.applications .fclist a:hover img {
	opacity: 0.8
}

.applications .fclist img {
	width: 100%;
	height: 100%;
}

.applications .fclist h3 {
	position: absolute;
	width: 100%;
	color: #fff;
	left: 0;
	bottom: 0;
	font-size: 0.24rem;
	height: 0.7rem;
	line-height: 0.7rem;
	margin: 0;
	background: rgba(22, 57, 99, 0.8);
}

/* blog */
.blog {
	padding-top: 0.5rem;

	background: #ffffff;
}

.blog .title p {
	width: 65%;

	line-height: 2;
	margin: 0.3rem auto;
}

.blog .list {
	margin-bottom: 1rem
}

.blog .list>div {
	padding-left: 0.05rem;
	padding-right: 0.05rem;

}

.blog .list a {
	display: block;
	text-decoration: none;
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.5;
}

.blog .list img {
	width: 100%;
	height: 2.4rem
}

.blog .list p {
	margin: 0.15rem 0;

}

.blog .list a:hover img {
	opacity: 0.8
}

.blog .list a:hover {
	color: #ee9102
}

/* footer section clients */
.footer-section-clients-container {
	background: #fff;
	padding-bottom: 0.5rem;
}

.footer-section-clients h3 {
	font-size: 18px;
	font-family: 'tex', Arial, Helvetica, sans-serif;
	color: #999;
	padding: 45px 0 0 0;
	text-align: center;
	line-height: 1.1;
}

.footer-section-clients ul {
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: table;
}

.footer-section-clients-container ul li {
	display: block;
	width: 16.5%;
	float: left;
	line-height: 1.95rem;
	text-align: center;
}

.footer-section-clients-container .clearfix {
	border: 1px solid #dcdcdc;
}


/* footer */

.footer {
	padding-top: 0.6rem;
	padding-bottom: 0.9rem;
}

.footer .logo img {
	max-width: 1.8rem;
	margin-bottom: 0.2rem;
}

.footer .l1 {
	font-size: 0.14rem;
	line-height: 1.7;
	color: #4d4d4d;
	padding-bottom: 0.5rem;
}

.footer .l2 a {
	width: 14.6666%;
	display: inline-block;
	text-align: left;
}

.footer .l2 a:last-of-type {
	/* text-align: right; */
}

i.ft-social-link {
	font-size: 25px;
}

.footer .title {
	font-size: 0.22rem;

	line-height: 1.1;
	padding-bottom: 0.2rem;
	color: #4d4d4d;
}


.footer .c1 ul li {
	line-height: 1.7;
	font-size: 0.14rem;

}

.footer .c1 ul li a {
	text-decoration: none;
	color: #4d4d4d;
}

.footer .c1 ul li a:hover {
	color: #ee9102
}

.footer .r1 {
	color: #4d4d4d;
}

.footer .r1 ul li {
	line-height: 1.7;
	font-size: 0.14rem;

}

.footer .r1 ul li a {
	text-decoration: none;
	color: #4d4d4d;
}

.footer .r1 ul li a:hover {
	color: #ee9102
}


.copyright {
	background: #0c3056;
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.45rem;
}

.up {
	position: relative;
	display: none;
}

.up .this_top {
	position: fixed;
	right: 1%;
	bottom: 1rem;
	z-index: 100000;
}

.up .this_top .box {}

.up .this_top .box a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 0.45rem;
	height: 0.45rem;
	background: #0c3056;
	line-height: 0.45rem;
	border-radius: 100%;
	z-index: 10;
	font-size: 0.22rem;
	cursor: pointer;
}

/* plug */

.plug .btn {
	width: 100%;
}


#search {
	display: none;
}

.mnav {
	display: none;
	position: fixed;
	top: 0.6rem;
	left: 0;
	width: 100%;
	z-index: 100002;
	padding: 0.1rem 0.3rem;
	background: #ee9102;
}

.mask {
	display: none;
	top: 0.6rem;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 100001;
	width: 100%;
	height: 100%;
	left: 0;

}


.mnav a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 0.234rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mnav a i {
	cursor: pointer;
	line-height: 2;
}

.mnav ul li li {
	text-indent: 1em;
}


.mnav ul li {
	line-height: 2;

}

.mnav ul ul {
	display: none
}





/* video */

.banner .text {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	color: #fff;
}

.banner .text h1 {
	padding-top: 4%;
	font-size: 0.36rem;

	color: #ffffff
}

.banner .text a {
	color: #fff;
}

.banner .text>div {
	line-height: 2;
	font-size: 0.14rem;
}



.video video {
	max-width: 100%;
}

.video {
	background: #0c3056;
	padding: 0.1rem 0;
}

.video .text {
	padding-top: 0rem;
	color: #fff;
	line-height: 1.5
}

.video .text h2 {
	color: #df8814;
	line-height: 3;
	font-size: 0.24rem;
}

.videos {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	min-width: 225px;
	width: 100%;
	margin-bottom: 0;
}


/***product list video**/

.product-section-category-overview-container {
	background: #ffffff;
	padding: 0.1rem 0;
	text-align: center;
	padding: 0.1rem 0 0.3rem 0;
}

.product-section-category-overview-container .list img {
	width: 100%;
}

.product-section-category-overview-container .text {
	padding-top: 0rem;
	color: #000000;
	line-height: 1.5;
	text-align: left;
}
.product-section-category-overview-container .text p{
	font-size:  0.18rem;
}
.product-section-category-overview-container .text h2 {
	color: #df8814;
	line-height: 3;
	font-size: 0.24rem;
}



/* product list */

.cplist {
	background: #fefefe;
	padding: 0.1rem 0;
}

.cplist .box {
	background: #eeeeee;
	padding: 0.5rem 0;
}

.cplist .box .img {
	padding: 0 0.5rem
}

.cplist .box .info h2 {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 2
}

.cplist .box .info {
	line-height: 1.6;
	padding: 0 0.5rem;
	color: #4d4d4d;
	font-size: 0.16rem;
}

.cplist .box .info a {
	background: #0c3056;
	color: #da7c11;
	font-size: 0.18rem;
	border-radius: 6px;
	margin-top: 0.3rem
}

.cplist .c {
	margin-bottom: 0.1rem;
}


.cplist .box .info a span {
	margin-left: 0.1rem
}

.cplist .box .info a:hover {
	color: #fff;
}

.cplist .box .img img:hover {
	opacity: 0.8;
}

.cplist .more {
	padding-top: 0.6rem;
	/** margin-bottom: 1.2rem;**/
}

.cplist .more a {
	padding: 0.1rem 0.5rem;
	border: 1px solid #da7c11;
	border-radius: 5px;
	color: #da7c11;
	font-size: 0.24rem;
}

.cplist .more a:hover {
	border: 1px solid #da7c11;
	color: #da7c11;
}

/* product category one */


.product-section-category-container {
	background: #fefefe;
}

.product-section-category-container .box {
	background: #eeeeee;
	padding: 0.5rem 0;
}

.product-section-category-container .box .info {
	line-height: 1.6;
	padding: 0 0.5rem;
	color: #4d4d4d;
	font-size: 0.16rem;
}

.product-section-category-container .box .info h2 {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 2;
}


.product-section-category-container .box .info a {
	background: #0c3056;
	color: #da7c11;
	font-size: 0.18rem;
	border-radius: 6px;
	margin-top: 0.3rem;
}


.product-section-category-overview-info-container {
	background: #ffffff;
	padding: 0.0rem 0 0.2rem 0;
}

.product-section-category-overview-info-container .icon a {
	display: block;
	line-height: 0.9rem;
	border-bottom: 1px solid #eee;
	position: relative;
	text-decoration: none;
}

.product-section-category-overview-info-container .icon a img {
	height: 0.4rem;
}

.product-section-category-overview-info-container .icon a span {
	color: #4d4d4d;
	font-size: 0.20rem;
}

.product-section-category-overview-info-container .icon h3 {
	margin: 20px 0 20px 0;
	color: #4d4d4d;
	font-size: 0.20rem;

}

.product-section-category-overview-info-container .icon a em {
	position: absolute;
	right: 0;
	font-size: 0.26rem;
	color: #da7c11;
	top: 0rem;
}

.product-section-category-overview-info-container .icon a i {
	position: absolute;
	right: 0;
	font-size: 0.26rem;
	color: #da7c11;
	top: 0rem;
}


.product-section-category-overview-info-container .list {
	padding-top: 0.5rem;
}

.product-section-category-overview-info-container .list .title {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 0.7rem;
	padding-bottom: 0.2rem;
}

.product-section-category-overview-info-container .list .col-md-6.col-xs-6:last-of-type {

	border-left: 1px solid #ddd;

}

.product-section-category-overview-info-container .list .img img {
	width: 100%;

}

.product-section-category-overview-info-container .list .t h3 {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 0.8rem;
}

.product-section-category-overview-info-container .list .info {
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.6;
}

.product-section-category-overview-info-container .list .c {
	height: 100%;
}


.product-section-category-overview-info-container .list .btns {
	padding-top: 0.28rem;
}

.product-section-category-overview-info-container .list .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}




/* video page */
.v1 {
	background: #fefefe
}

.v1 .title h2 {
	font-size: 0.36rem;
	color: #4d4d4d;
	line-height: 3;
	text-align: center;
}

.v1 .list {
	margin-bottom: 0.9rem
}

.v1 .list .l .t {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 0.6rem;
	border-top: 1px solid #d2d2d2;

}

.v1 .list .l:last-of-type .t {
	border-bottom: 1px solid #d2d2d2;
}

.v1 .list .l .t a {
	text-decoration: none;
	position: relative;
}

.v1 .list .l .t a h3 {
	color: #4d4d4d;
	margin-left: 1em;
	line-height: 0.6rem;
}

.v1 .list .l .t i {
	font-size: 0.22rem;
	height: 0.6rem;
	display: block;
	line-height: 0.6rem;
	width: 0.5rem;
	text-align: center;
	cursor: pointer;
	color: #df8814;
	position: absolute;
	right: 0.2rem;
	top: 0;
}

.v1 .list .l .t em {
	font-size: 0.22rem;
	height: 0.6rem;
	display: block;
	line-height: 0.6rem;
	width: 0.5rem;
	text-align: center;
	cursor: pointer;
	color: #df8814;
	position: absolute;
	right: 0.2rem;
	top: 0;
}


.v1 .list .l .info {
	padding-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.5;
	display: none;
	margin-left: 1em;

}


.v1 .list .l .info.active {
	display: block;
}


.v1 .list .l.active .t {
	background: #eeeeee;
}

/* contact */

.contact {
	background: #ffffff;
	padding: 0.8rem;
	font-size: 0.16rem;
}

.contact h4 {
	color: #d97f01;
	line-height: 2;
	font-size: 0.34rem;
	text-transform: uppercase;
}

.contact .text-center p {
	line-height: 3;
	font-size: 0.16rem;
	padding-bottom: 0.4rem;
}

.contact .more a {
	padding: 0.1rem 0.5rem;
	background: #0c3056;
	color: #fff;
	font-size: 0.24rem;
}

.contact .more a:hover {
	background: #df8814
}





/* video page view */
.video_view {
	padding: 0.6rem 0;
	background: #fff;
}

.video_view h2 {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 3
}

.video_view video {
	max-width: 100%;
	margin-bottom: 0.3rem;
}

.video_view .content {
	line-height: 1.6;
	font-size: 0.18rem;
}






/* product page */
.pr_imglist .swiper {
	width: 100%;

}

.pr_imglist .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pr_imglist .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.pr_imglist .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.pr_imglist .swiper-slide {
	background-size: cover;
	background-position: center;
}

.pr_imglist .mySwiper2 {
	height: 80%;
	width: 100%;
}

.pr_imglist .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.pr_imglist .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.pr_imglist .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.pr_imglist .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.products_view {
	background: #fff;
}

.products_view .pr_imglist {
	overflow: hidden;
}

.products_view .pr_imglist img {
	width: 520px;
	height: 385px;
}

.products_view {
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
}

.pr_imglist .swiper-button-next {
	right: 0.3rem;
	color: rgba(0, 0, 0, 0.6);
	background: none;
	font-size: 0.3rem;
}

.pr_imglist .swiper-button-prev {
	left: 0.3rem;
	color: rgba(0, 0, 0, 0.6);
	background: none;
	font-size: 0.3rem;
}

.pr_imglist .mySwiper {
	width: 90%;
	margin: 0 auto;
}

.products_view .rightbox {
	margin-left: 0.3rem;
}

.products_view .rightbox h2 {
	line-height: 2;
	font-size: 0.3rem;
	color: #4d4d4d;
}

.products_view .rightbox .info {
	line-height: 1.6;
	font-size: 0.16rem;
	color: #4d4d4d;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.products_view .rightbox .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.3rem 0.08rem 0.5rem;
	border-radius: 5px;
	font-size: 0.18rem;
	margin-right: 0.3rem;
}





.cp_view .tablist .list .btns a {
	background: #0c3056;
	cp color: #da7c11;
	padding: 0.08rem 0.5rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.cp_view .tablist {
	background: #fff;
}

.cp_view .tablist .tab li {
	display: block;
	width: 15.66%;
	line-height: 1.5;
	text-align: right;
}

.cp_view .tablist .list {
	display: none;
}

.cp_view .tablist .list.active {
	display: block;
}



.cp_view .tablist .tab li:nth-child(1) {

	text-align: left;
}

.cp_view .tablist .tab li:nth-child(2) {
	width: 21.66%;
	text-align: center;
}

.cp_view .tablist .tab li a {
	font-size: 0.25rem;
	color: #76777b;
	text-decoration: none;
}

.cp_view .tablist .tab li.active a,
.cp_view .tablist .tab li a:hover {
	color: #da7c11;
	border-bottom: 2px solid #da7c11;
}

.cp_view .tablist .list {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 5rem;
}

.cp_view .tablist .list p,
.cp_view .tablist .list div {
	margin-bottom: 0.2rem;
}


/* product page Project Examples */












/* product page tech */


.tech-specs {
	background: #0c3056;
	padding: 0.5rem 0 0.7rem 0;
}

.tech-specs h2 {
	text-align: center;
	color: #fff;
	padding-left: 6%;
}

.col-md-6.col-xs-12.l:first-of-type {
	border-right: 1px solid #ddd;
}

.tech-specs .info {
	margin-top: 10%;
}

.tech-specs-list li {
	line-height: 1.2;
	font-size: 0.22rem;
	color: #fff;
}

em.fa.fa-check {
	margin-right: 10px;
}

em.fa.fa-check {
	margin-right: 10px;
}

.et-item {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 20px 0px 20px 20px;
	background: #2f537a;
	font-size: 0.16rem;
}


.eb-item {

	padding: 20px 0px 20px 20px;
	font-size: 0.16rem;

}

.elb-item {

	padding: 20px 0px 20px 20px;

	border-bottom: 1px solid #ddd;
	font-size: 0.16rem;
}

ul.tech-specs-list.list-paddingleft.list-paddingleft-2 {
	padding-right: 0.3rem;
}

ul.tech-specs-list.list-paddingright.list-paddingleft-2 {
	padding-left: 0.3rem;
}

/* product detail available options */


.available_options .a_box {
	background: #eeeeee;
	padding: 0.7rem 0;
}

.available_options .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.available_options .btns a h3 {
	font-size: 0.18rem;
}


.available_options .a_box .list>div:first-of-type {
	border-right: 1px solid #ddd;
}

.available_options .title h2 {
	color: #4d4d4d;
	font-size: 0.32rem;
	text-align: center;
}


.available_options .a_box img {
	width: 100%;
}

.available_options .a_box .t {
	font-size: 0.16rem;
	color: #4d4d4d;
}

.available_options .a_box .info {
	padding: 0.2rem 0 0.4rem 0;
	font-size: 0.14rem;
	color: #898c8d;
	line-height: 1.28;
}


/* custom solution */

.custom-soltions {
	padding-top: 0.1rem;
	background: #ffffff;
}







/* product details */

.product_video {
	background: #fff;
	padding-bottom: 0.6rem 0;
}

.product_video h2 {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 3;
}

.product_video video {
	max-width: 100%;
	margin-bottom: 0.3rem;
}

.product_video .content {
	line-height: 1.6;
	font-size: 0.18rem;
	padding-bottom: 0.3rem;
}




/* product page downloads */
.product_downloads {
	background: #0c3056;
	padding: 0.8rem 0 1rem 0;
}

.product_downloads .title h2 {
	color: #fff;

}

.product_downloads .icon {
	margin-top: 10%;
}


.product_downloads .icon a {
	display: block;
	line-height: 0.9rem;
	position: relative;
	text-decoration: none;
	background: #2f537a;
	padding: 5%;
	color: #fff;
	font-size: 0.24rem;
}

.product_downloads .icon a img {
	height: 0.4rem;
	margin-right: 0.4rem;
}

.product_downloads .icon a span {
	color: #fff;
	font-size: 0.24rem;
	margin-left: 0.3rem;
}

.product_downloads .icon a i {
	position: absolute;
	right: 0;
	font-size: 0.26rem;
	color: #da7c11;
	top: 0.34rem;
}

.product_downloads .list {
	padding-top: 0.5rem;
}

.product_downloads .list .title {
	font-size: 0.32rem;
	color: #fff;
	line-height: 0.7rem;
	padding-bottom: 0.2rem;
}

.product_downloads .list .col-md-6.col-xs-6:last-of-type {

	border-left: 1px solid #ddd;

}

.product_downloads .list .img img {
	width: 100%;

}

.product_downloads .list .t h3 {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 0.8rem;
}

.product_downloads .list .info {
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.6;
}

.product_downloads .list .c {
	height: 100%;
}


.product_downloads .list .btns {
	padding-top: 0.28rem;
}

.product_downloads .list .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

/*product page video*/

.product_videos {
	min-width: 225px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 0;
	height: 100%;
	min-height: 225px;

}

.product_videos .youtube {
	width: 100%;
	height: 600px;


}

/*product page faq*/

.faq .list .title .click em {
	cursor: pointer;
	color: #dd8313;
}


.product-category-faqs {
	background-color: #fff;
	padding-bottom: 5%;
	padding-top: 2%;
}

.product-category-faqs .title {
	font-size: 0.36rem;
	color: #4d4d4d;
	line-height: 3;
	text-align: center;
	padding-bottom: 4%;
}


.accordion {
	height: 60px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	transition: height 0.3s ease;
	border-bottom: 1px solid #d2d2d2;
}

.accordion .accordion_tab {
	padding: 20px;
	cursor: pointer;
	user-select: none;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
	position: relative;
}

.accordion .accordion_tab .accordion_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 15px;
	height: 15px;
	transition: all 0.3s ease;
}

.accordion .accordion_tab .arrow {
	width: 10px;
	height: 10px;
	border: solid #df8814;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);

	position: absolute;
	right: 2%;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
}


.accordion .accordion_tab .accordion_arrow img {
	width: 100%;
	height: 100%;
}

.accordion .accordion_tab.active .accordion_arrow {

	transform: translateY(-50%) rotate(180deg);

}

.accordion .accordion_tab.active .arrow {
	transform: rotate(-135deg);
}

.accordion.active {
	height: 8%;
}

.accordion .accordion_content {
	padding: 20px;
}

.accordion .accordion_content .accordion_item {
	margin-bottom: 20px;
}

.accordion .accordion_content .accordion_item h4 {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 18px;
	color: #4d4d4d;
}

.accordion .accordion_content .accordion_item p.item_title {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 18px;
	color: #6adda2;
}

.accordion_tab:hover {
	background-color: #eeeeee;
}

.accordion_tab.active {

	background-color: #eeeeee;
}

.wrapper .list-paddingleft-2 li {
	list-style-type: disc;
	margin-left: 25px;
}

.accordion_item a {
	color: #da7c11;
	text-decoration: underline;
}



/*page next or before*/

.more_Product {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.more_Product .title {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 1.6;
}


.more_Product .title p {
	height: 3px;
	line-height: 0.1
}

.more_Product .title i {
	display: inline-block;
	width: 0.6rem;
	height: 2px;
	background: #df8814;

}


.more_Product .product_list {
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
}

.more_Product .product_list a {
	display: block;
	text-decoration: none;
}

.more_Product .product_list>div>div {
	padding-left: 0.07rem;
	padding-right: 0.07rem;
	padding-bottom: 0.2rem;
}

.more_Product .product_list a img {
	width: 100%;
	height: 4.5rem;
}

.more_Product .product_list a:hover h4 {
	color: #da7c11
}

.more_Product .product_list a:hover img {
	opacity: 0.8
}

.more_Product .product_list a p {
	margin-bottom: 0
}

.more_Product .product_list a h4 {
	height: 0.7rem;
	color: #fff;
	line-height: 0.7rem;
	font-size: 0.24rem;
	background: #325172;
}

/* video list */
.videolist .form-inline {
	display: inline
}

.videolist {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #fff;
}

.videolist .pageset {
	height: 0.8rem;
	font-size: 0.18rem;

}

.videolist .pageset span {
	color: #4d4d4d;
	margin: 0 0.2rem;
}

.videolist .list img {
	width: 100%;
	height: 1.7rem;
}

.videolist .list>div {}

.videolist .list .title {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.18rem;
	color: #54565b;
	text-decoration: none;
	line-height: 1.333;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	height: 100px;
}



/* faq page */
.faq {
	background-color: #fff;
	padding-bottom: 5%;
	padding-top: 5%;
}

.faq .title p.text {
	/** line-height: 1.3rem;**/
	color: #4d4d4d;
	font-size: 0.3rem;
	text-align: center;
	padding-bottom: 3%;
}

.faq .list .title {

	font-size: 0.16rem;
	color: #4d4d4d;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;

}

.faq .list .title .text h3 {
	line-height: 1.3;
	font-family: "Open Sans";
	font-size: 0.24rem;
	font-weight: 300;
	cursor: pointer;
}

.faq .list .title .click {
	line-height: 3;
	font-size: 0.2rem;
}

.faq .list .info {
	font-family: "Open Sans";
	/*padding-top: 0.25rem;*/
	padding-bottom: 0.25rem;
	display: none;
	color: #4d4d4d;
}


.faq .list>div {
	margin-bottom: 0.15rem;
	border-bottom: 1px solid #ddd;
}

.faq .list .title .click i {
	cursor: pointer;
	color: #dd8313;
}

/* 404 page */
.error {
	background: #fff;
	padding: 1rem 0;
}

.error .home {
	padding: 0.5rem 0;
}

.error .home a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.5rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.error .searchs .form-control {
	line-height: 0.76rem;
	background: #eeeeee;
	display: block;
	width: 100%;
	height: 0.76rem;

}

.error h2 {
	font-size: 0.5rem;
	font-weight: bold;
	line-height: 2;
	color: #4d4d4d
}

.error h3 {
	font-size: 0.34rem;
	font-weight: 400;
	color: #4d4d4d;
	line-height: 1.8;
}



.error .searchs {
	position: relative;
}

.error .searchs .btn {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../image/search-lg.png) no-repeat;
	height: 0.76rem;
	width: 1rem;
	border: none;
	background-position: center center;
	background-size: auto
}


/* comapny page*/
.company {
	background-color: #fff;
}

.company .com1 {
	padding-bottom: 1rem;
}

.company .com1 .title {
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	font-size: 0.3rem;
	color: #4d4d4d;
	line-height: 1.2;
}

.company .com1 .info {
	padding-bottom: 0.5rem;
	color: #4d4d4d;
	font-size: 0.18rem;
}

.company .com1 .c2>div {
	padding-left: 0.07rem;
	padding-right: 0.07rem;
}

.company .com1 .c2 .box {
	background-color: #0c3056;
	color: #fff;
	padding: 0.3rem 0;

}

.company .com1 .c2 .box img {

	height: 0.5rem;
}

.company .com1 .c2 .box .m {
	font-size: 0.3rem;
	line-height: 1.8;
	font-weight: bold;
}

.company .com1 .c2 .box .e {
	font-size: 0.18rem;
}

.company .com2 {
	background-color: #eeeeee;
	padding-top: 1.2rem;
	padding-bottom: 0.5rem;
}

.company .com2 h4 {
	font-size: 0.3rem;
	color: #4d4d4d;
	line-height: 1.3;
}

.company .com2 .text {
	font-size: 0.3rem;
	color: #4d4d4d;
	line-height: 1.3;
	padding: 0 0.3rem;
	padding: 0.2rem 0;
}

.company .com2 .info {
	font-size: 0.18rem;
	color: #4d4d4d;
	padding: 0 0.4rem;
	padding-bottom: 0.8rem;
}

.company .com2 .btns .btn-yellow {
	border: 2px solid #df8814;
	color: #df8814;
	font-size: 0.24rem;
	padding: 0.05rem 0.2rem;
	margin: 0 0.2rem;
}

.company .com3 .title {
	padding: 0.5rem 0;
	font-size: 0.36rem;
	color: #4d4d4d;
}

.company .com3 .list a {
	display: block;
	text-decoration: none;
}

.company .com3 .list img {
	width: 100%;
	height: auto;
}

.company .com3 .list .t {
	padding: 0.2rem 0;
	width: 80%;
	margin: 0 auto;
	height: 0.8rem;
}

.company .com3 .list>div {
	padding-bottom: 0rem;
	padding-left: 0.06rem;
	padding-right: 0.06rem;
}

.company .com3 {
	padding-bottom: 0.6rem;
}

.company .com3 .list a:hover {
	color: #da7c11;
}

.company .com3 .list a:hover img {
	opacity: 0.8
}

/* solution */

.solve {
	background-color: #fff;
	padding: 0.3rem 0 0.7rem 0;
}

.solve .solve .img img {
	height: 2rem;
	border-radius: 5px;
}

.solve .title {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 1.5;
	padding-bottom: 0.1rem;
}


.solve .l:first-of-type {
	border-right: 1px solid #ddd;
}

.solve .info {

	font-size: 0.16rem;
	color: #4d4d4d;
	padding-bottom: 0.2rem;
}

.solve a.btn-yellow-s {
	background: #0c3056;
	color: #da7c11;
	padding: 0.05rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.solve1 {
	text-align: left;
	background: #fff;
	padding: 0.6rem 0;
	font-size: 0.18rem;
	color: #4d4d4d;
	line-height: 1.5
}

.solve1 p {
	margin-bottom: 0.2rem
}

.solve2 {
	padding: 0.5rem 0;
	background: #eeeeee;
}


.solve2 h2 {
	color: #4d4d4d;
	font-size: 0.32rem;
	line-height: 2;
	padding-bottom: 0.3rem;
}

.solve2 .t {
	color: #4d4d4d;
	font-size: 0.18rem;
}




.solve3 {
	background: #fff;
	padding-bottom: 0.5rem;
}

.solve3 .title {
	padding: 0.5rem 0;
	font-size: 0.36rem;
	color: #4d4d4d;
}

.solve3 .title h2 {
	padding: 0.1rem 0;
	font-size: 0.32rem;
	color: #4d4d4d;
}

.solve3 .list a {
	display: block;
	text-decoration: none;
}

.solve3 .list img {
	width: 100%;
	height: 2.5rem;
}

.solve3 .list .t {
	padding: 0.2rem 0;
	width: 86%;
	margin: 0 auto;
	height: 0.8rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.solve3 .list>div {
	padding-bottom: 0rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.solve3 .list a:hover {
	color: #da7c11;
}

.solve3 .list a:hover img {
	opacity: 0.8
}

.form {
	background-color: #fff;
	padding: 0.5rem 0;
	padding-bottom: 1rem;
}

.form .fiel {
	position: relative;
}

.form .fiel .icon {
	position: absolute;
	left: 0;
	top: 1px;
	width: 50%;
	height: 0.32rem;
	background: #eeeeee url(../image/fiel.jpg) no-repeat;
	background-size: 0.36rem;
	line-height: 0.32rem;
	text-align: left;
	padding-right: 0.1rem;
	color: #b2b2b2;
	text-indent: 0.5rem;
}

.form .fiel input {
	background-color: #eeeeee;
}



.form .btn-yellow-s {
	background: #0c3056;
	color: #da7c11;
	padding: 0.05rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.form label {
	position: relative;
	font-size: 0.16rem;
	color: #4d4d4d;
	font-weight: 100;
	font-family: "Arial";
}

.form em {
	color: red;
	position: absolute;
	top: 0.03rem;
	margin-left: 0.1rem;
}

.form label p {
	font-size: 0.12rem;
	color: #4d4d4d;
}


.form .pull-fr {
	border: 2px solid #eee;
	padding: 0.25rem;
}

.form .pull-fr p {
	margin-bottom: 0;
}

.form .pull-fr h3 {
	font-size: 0.20rem;
	color: #484747;
	line-height: 1.8;
}

.form .pull-fr .box {
	margin: 0.2rem 0 0.3rem 0;
	font-size: 0.14rem;
	color: #484747;
	line-height: 1.8;
}

.form .pull-fr .box1 {
	font-size: 0.14rem;
	color: #484747;
	line-height: 1.8;
}


/* map */
.map {
	background-color: #fff;
	padding: 0.8rem 0;
}

.map .row>div {
	margin-bottom: 0.5rem;
	height: 3.1rem;
}

.map .title {
	font-size: 0.3rem;
	color: #4d4d4d;
	line-height: 1.5;
}

.map .list a {
	text-decoration: none;
	display: block;
	line-height: 2;
	font-size: 0.16rem;
	color: #4d4d4d;
}

.map .list a:hover {
	color: #da7c11
}

.download {
	padding: 0.5rem 0;
	background: #fff;
}

.download .title {
	line-height: 2;
	font-size: 0.16rem;
	padding-bottom: 0.4rem;
	padding-top: 0.2rem;
}

.download .list .img {
	text-align: left;
}

/*.download1 .list img {
    height: 3rem;
}*/

.download .list .t {
	padding-top: 0.2rem;
}

.download .list .t h2 {
	line-height: 3;
	color: #4d4d4d;
	font-size: 0.20rem;
	position: relative;
	padding-left: 0.2rem;
}

.download .list .t h2:after {
	content: ">";
	display: block;
	color: #0c3056;
	position: absolute;
	top: 0.06rem;
	font-size: 0.19rem;
	left: -0;
}

.download .list .t p {
	font-size: 0.14rem;
	color: #4d4d4d;
	width: 80%;
	height: 0.7rem
}

.download .list .row>div {
	padding-bottom: 0.5rem;
}

.Applications {
	padding: 0.5rem 0 0.8rem 0;
	background: #ffffff;
	color: #4d4d4d;
	font-size: 0.3rem;
}

.Applications .title h2 {
	font-size: 0.3rem;
	padding-bottom: 0.15rem;
	font-weight: bold;
	line-height: 1.5
}

.Applications .title p {
	padding-bottom: 0;
	font-size: 0.17rem;
	margin-bottom: 0;
	font-family: "Open Sans", "Arial", "sans-serif";

}



.Applications .list {
	padding-top: 0.5rem;
}

.Applications .list img {
	width: 100%;
	transition: all 1s;
}

.Applications .list .img {
	overflow: hidden;
}

.Applications .list>div {
	padding-left: 0.07rem;
	padding-right: 0.07rem;

}


.Applications .list a {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #e6e7e8;
	text-decoration: none;
	margin-bottom: 10%;
}




.Applications .list div.text-center h3 {
	border: 0.1rem solid rgba(0, 0, 0, 0);
	width: 100%;
	margin-bottom: 0;
	line-height: 1.3;
	color: #063c6f;
	font-size: 0.24rem;
	text-transform: capitalize;
	overflow: hidden
}

.Applications .list .text {
	font-size: 0.16rem;
	color: #4d4d4d;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border: 0.1rem solid rgba(0, 0, 0, 0);


}



.Applications .list a:hover img {
	opacity: 0.8;
	transform: scale(1.1);

}


.Applications1 {
	background: #ffffff;
	padding: 0.5rem 0 0.7rem 0;
}

.app .title h2 {
	font-size: 0.32rem;
	line-height: 0.6rem;
	padding-bottom: 0.1rem;
	position: relative;
	color: #4d4d4d;
}



.app .title h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 0.7rem;
	height: 2px;
	background: #da7c11;
}


.Applications1 .p {
	padding-top: 0.4rem;
}

.Applications1 .p .p1 {
	font-size: 0.18rem;
	color: #4d4d4d;
}

.Applications1 .p {
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.85;
}


.Applications1 .img img {
	max-width: 76%;
}

.Applications1 .right {
	color: #4d4d4d;
	font-size: 0.14rem;
}

.Applications2 {
	padding: 0.71rem 0;
	background: #eeeeee;
}



.Applications2 .title h2 {
	font-size: 0.24rem;
	line-height: 0.6rem;
	padding-bottom: 0.1rem;
	position: relative;
	color: #4d4d4d;
}

.Applications2 .title h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 0.7rem;
	height: 2px;
	background: rgba(0, 0, 0, 0)
}

.Applications2 .left .text {
	padding-top: 0.6rem;
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.8;
	width: 84%;
}

.Applications2 .right {
	border-left: 1px solid #ddd;
}

.Applications2 .right ul li {
	position: relative;
}

.Applications2 .right ul li .mun {
	position: absolute;
	top: 0;
	left: 0;
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	background: #da7c11;
	color: #fff;
	border-radius: 100%;
	z-index: 100000;

}


.Applications2 .right ul li a {
	display: block;
	font-size: 0.18rem;
	color: #4d4d4d;
	position: relative;
}

.Applications2 .right ul li a span {
	display: block;
	width: 100%;
	padding-left: 0.4rem;
}

.Applications2 .right ul li a i {
	color: #da7c11;
	margin-right: 0.3rem;
	font-size: 0.22rem;
	position: absolute;
	left: 0;
	top: 0;
}

.Applications2 .right ul li p {

	color: #0c3056;
	font-size: 0.14rem;
	line-height: 3;
	margin-left: 0.4rem;
	border-bottom: 1px solid #d2d2d2;
}

.Applications2 .right ul li a:hover {
	color: #da7c11
}



.Applications3 .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.Applications3 .btns a h3 {
	font-size: 0.18rem;
}


.Applications3 {
	padding: 0.8rem 0 1rem 0;
	background: #ffffff;
}

.Applications3 .list>div:first-of-type {
	border-right: 1px solid #ddd;
}

.Applications3 .title h2 {
	color: #4d4d4d;
	font-size: 0.32rem;
	line-height: 3;
}


.Applications3 img {
	width: 100%;
}

.Applications3 .t {
	font-size: 0.16rem;
	color: #4d4d4d;
}

.Applications3 .info {
	padding: 0.2rem 0 0.4rem 0;
	font-size: 0.14rem;
	color: #898c8d;
	line-height: 1.28;
}


/* resources page  */


.resources {
	background: #ffffff;
	padding: 0.7rem 0 1rem 0;
}

.resources .icon a {
	display: block;
	line-height: 0.9rem;
	border-bottom: 1px solid #eee;
	position: relative;
	text-decoration: none;
}

.resources .icon a img {
	height: 0.4rem;
}

.resources .icon a span {
	color: #4d4d4d;
	font-size: 0.20rem;
	margin-left: 0.3rem;
}


.resources .icon a i {
	position: absolute;
	right: 0;
	font-size: 0.26rem;
	color: #da7c11;
	top: 0.34rem;
}

.resources .list {
	padding-top: 0.5rem;
}

.resources .list .title {
	font-size: 0.32rem;
	color: #4d4d4d;
	line-height: 0.7rem;
	padding-bottom: 0.2rem;
}

.resources .list .col-md-6.col-xs-6:last-of-type {

	border-left: 1px solid #ddd;

}

.resources .list .img img {
	width: 100%;

}

.resources .list .t h3 {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 0.8rem;
}

.resources .list .info {
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.6;
}

.resources .list .c {
	height: 100%;
}


.resources .list .btns {
	padding-top: 0.28rem;
}

.resources .list .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}


/* blog page  */

.blogs {
	background: #ffffff;
	padding: 0.6rem 0;
}

.blogs .title h2 {
	color: #4d4d4d;
	font-size: 0.32rem;
	padding-bottom: 0.6rem;
}

.blogs .list .btns a {
	background: #0c3056;
	color: #da7c11;
	padding: 0.08rem 0.2rem;
	border-radius: 5px;
	font-size: 0.18rem;
}

.blogs .list .img {
	line-height: 2.1rem;
	height: 2.1rem;
}

.blogs .list .img img {
	width: 100%;
	border-radius: 3px;


}

.blogs .list>div {
	margin-bottom: 0.7rem;
}


.blogs .list h4 {
	color: #4d4d4d;
	font-size: 0.24rem;
	line-height: 1.25;
	padding: 0.2rem 0;
}

.blogs .list .btns {
	padding-top: 0.5rem;
}

.blogs .list .btns a span {
	margin-left: 0.1rem;
}

.blog-mores {
	background-color: #ffffff;
	padding-bottom: 0.7rem;
}

.blog-mores .btns a {
	padding: 0.1rem 0.3rem;
	border: 2px solid #da7c11;
	color: #da7c11;
	font-size: 0.24rem;
	border-radius: 0.1rem;
}


.blog-view {
	background: #ffffff;
	padding-bottom: 0.8rem;
}

.blog-view .b1 {
	background: #eeeeee;
	padding-top: 0.4rem;

}

.blog-view .b1 .col-md-6 {
	line-height: 0.8rem;
	font-size: 0.28rem;
	color: #4d4d4d;
}

.blog-view .b1 .col-md-6.text-right span {
	margin-right: 0.3rem;

}

.blog-view .b1 .col-md-6.text-right img {
	height: 0.2rem;
}

.blog-view .b1 .col-md-6.text-right a {
	margin: 0 0.1rem;
}



.blog-view .b2 .t1 {
	padding-top: 0.3rem;
	font-size: 0.16rem;
	color: #4d4d4d;
	line-height: 1.5;
}

.blog-view .b2 .t1 a {
	color: #da7c11;
	text-decoration: underline;
}

.blog-view .b2 .t1 .title h2 {
	padding-bottom: 0.3rem;
}

.blog-view .b2 .t1 .text {
	width: 90%;
}

.blog-view .b2 .t1 .img {
	width: 80%;
	margin: 0 auto;
}

.blog-view .b2 .t1 .img img {
	width: 100%;
}

.blog-view .b2 .t1 {
	padding-bottom: 0.3rem;
}

.blog-view .b2 .t1 .list-paddingleft-2 {
	padding-bottom: 0.3rem;
}

.blog-view .b2 .t2 .title {
	font-size: 0.3rem;
	color: #4d4d4d;
	padding-bottom: 0.3rem;
}

.blog-view .b2 .t2 a {
	color: #da7c11;
	text-decoration: underline;
}

.blog-view .b2 .t2 .img {
	padding-right: 0.3rem;
	padding-bottom: 0.3rem;
}

.blog-view .b2 .t2 .img img {
	max-width: 100%;
}

.blog-view .b2 .t2 .text {
	line-height: 1.5;
	font-size: 0.16rem;
	color: #4d4d4d;
}

.blog-view .b2 .t2 .text p {
	margin-bottom: 0.28rem;
}

.blog-view .b2 .t2>div {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.blog-view .b2 .t3 {
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
}

.blog-view .b2 .t3 .a {
	background: #0c3056;
	line-height: 1.2rem;
}

.blog-view .b2 .t3 .btn {
	color: #da7c11;
	font-size: 0.28rem;

}

.blog-view .b2 .t3 {
	color: #da7c11;
	font-size: 0.24rem;
}

.blog-view .b2 .t3 .pull-right i.ft-social-link {
	color: #da7c11;
	padding-right: 10px;
	padding-left: 10px;
}


.blog-view .b2 .t3 img {
	height: 0.2rem;
	margin-left: 0.15rem;
}



.blog-view .b2 .t3 .btn span {
	margin-right: 0.3rem;
}


.blog-view .b2 .t4 .title {
	font-size: 0.3rem;
	color: #4d4d4d;
	padding-bottom: 0.8rem;
}

.blog-view .b2 .t4 .list .img {
	height: 1.8rem;
	overflow: hidden;
}

.blog-view .b2 .t4 .list img {
	width: 100%;
}

.blog-view .b2 .t4 .list .box {
	background: #eeeeee;

}

.blog-view .b2 .t4 .list .t {
	padding-top: 0.1rem;
	color: #4d4d4d;
	font-size: 0.24rem;
}

.blog-view .b2 .t4 .list .btns {
	margin-top: 0.2rem;

}

.blog-view .b2 .t4 .list .btns a {
	background: #0c3056;
	color: #df8814;
	font-size: 0.18rem;
}

/* thank you */
.thankyou {
	background: url(../image/bj.png) #fff no-repeat;

	background-position: center;
	padding: 3rem 0;

}

.thankyoubox {
	padding: 0.4rem 0;
	background: #fff;
}


.thankyoubox .title h1 {
	font-size: 0.55rem;
	color: #4d4d4d;
	width: 60%;
	margin: 0 auto;
}

.thankyoubox .text {
	font-size: 0.24rem;
	color: #4d4d4d;
	line-height: 2;
}

/* hero */

.header-hero-container .text {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	color: #fff;
}

.header-hero-container .text h1 {
	padding-top: 4%;
	font-size: 0.36rem;

	color: #ffffff
}

.header-hero-container .text a {
	color: #fff;
}

.header-hero-container .text>div {
	line-height: 2;
	font-size: 0.14rem;
}

.header-hero-container {
	width: 100%;
	height: 210px;
}

.header-hero-container.header-hero-company {
	background-image: url(/images/content/heros/hero_company.jpg);
}

.header-hero-container.header-hero-contact {
	background-image: url(/images/content/heros/hero_contact.jpg);
}

.header-hero-container.header-hero-sitemap {
	background-image: url(/images/content/heros/hero_sitemap.jpg);
}


.header-hero-container.header-hero-resources {
	background-image: url(/images/content/heros/hero_resources.jpg);
}


.header-hero-container.header-hero-faqs {
	background-image: url(/images/content/heros/hero_faq.jpg);
}

.header-hero-container.header-hero-videos {
	background-image: url(/images/content/heros/hero_resources_videos.jpg);
}

.header-hero-container.header-hero-downloads {
	background-image: url(/images/content/heros/hero_resources_downloads.jpg);
}

.header-hero-container.header-hero-solutions {
	background-image: url(/images/content/heros/hero_solutions.jpg);
}

.header-hero-container.header-hero-blog {
	background-image: url(/images/content/heros/hero_blog.jpg);
}

.header-hero-container.header-hero-products {
	background-image: url(/images/content/heros/hero_products.jpg);
}

.header-hero-container.header-hero-products-ro {
	background-image: url(/images/content/heros/hero_products_1.jpg);
}

.header-hero-container.header-hero-products-rf {
	background-image: url(/images/content/heros/hero_products_2.jpg);
}

.header-hero-container.header-hero-industry-all {
	background-image: url(/images/content/heros/hero_industry-all.jpg);
}

.header-hero-container.header-hero-industry-factory-automation {
	background-image: url(/images/content/heros/hero_industry-factory-automation.jpg);
}

.header-hero-container.header-hero-industry-medical {
	background-image: url(/images/content/heros/hero_industry-medical.jpg);
}

.header-hero-container.header-hero-industry-defense {
	background-image: url(/images/content/heros/hero_industry-defense.jpg);
}

.header-hero-container.header-hero-industry-alternative-energy {
	background-image: url(/images/content/heros/hero_industry-alternative-energy.jpg);
}

.header-hero-container.header-hero-industry-oil-gas {
	background-image: url(/images/content/heros/hero_industry-oil-gas.jpg);
}

.header-hero-container.header-hero-industry-oil-gas-onshore {
	background-image: url(/images/content/heros/hero_industry-oil-gas-onshore.jpg);
}

.header-hero-container.header-hero-industry-oil-gas-offshore {
	background-image: url(/images/content/heros/hero_industry-oil-gas-offshore.jpg);
}

.header-hero-container.header-hero-industry-aerospace {
	background-image: url(/images/content/heros/hero_industry-aerospace.jpg);
}

.header-hero-container.header-hero-industry-marine {
	background-image: url(/images/content/heros/hero_industry-marine.jpg);
}

.header-hero-container.header-hero-industry-food-beverage {
	background-image: url(/images/content/heros/hero_industry-food-beverage.jpg);
}

.header-hero-container.header-hero-industry-construction {
	background-image: url(/images/content/heros/hero_industry-construction.jpg);
}

.header-hero-container.header-hero-industry-machine-tool {
	background-image: url(/images/content/heros/hero_industry-machine-tool.jpg);
}

.header-hero-container.header-hero-industry-agriculture {
	background-image: url(/images/content/heros/hero_industry-agriculture.jpg);
}

.header-hero-container.header-hero-industry-security {
	background-image: url(/images/content/heros/hero_industry-security.jpg);
}

.header-hero-container.header-hero-industry-robots {
	background-image: url(/images/content/heros/hero-factory-automation-industry-robots.jpg);

}

.header-hero-container.header-hero-industry-cranes {
	background-image: url(/images/content/heros/hero-construction-industry-cranes.jpg);

}

.header-hero-container.header-hero-industry-processing-equipments {
	background-image: url(/images/content/heros/hero-food-beverage-industry-processing-equipments.jpg);

}

.header-hero-container.header-hero-industry-forestry {
	background-image: url(/images/content/heros/hero_industry-forestry.jpg);
}

.header-hero-container.header-hero-industry-metal {
	background-image: url(/images/content/heros/hero_industry-metal.jpg);
}

/* get a quote */

.get-a-quote {
	color: #000000;
	background: #FFF;
	text-align: center;
}

.input5,
.input {
	margin-bottom: 0.1rem;
}

.input5 input,
.input input,
.input select {
	width: 100% !important;
}

.input5>div,
.input>div {
	padding-left: 0px !important;
	padding-right: 0.05rem !important;
}

.get-a-quote-title {
	font-size: 0.36rem;
	line-height: 2;
	position: relative;
}

.get-a-quote-title:after {
	background-color: #fccc02;
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
}

.get-a-quote-title.d:after {
	background-color: #fccc02;
	content: "";
	display: inline-block;
	position: absolute;
	width: 40px;
	height: 2px;
	left: 0;
	bottom: 0;
}

.top2 {
	margin-top: 0.2rem
}



.desc {
	font-size: 0.16rem;
	line-height: 1.5;
	margin-top: 0.1rem;
	color: #666;
}

.input-group .form-control {
	background: none;
	border: none;
	box-shadow: none;
}

.ch {
	line-height: 0.34rem;
}

.ch span {
	margin-left: 0.1rem;
	color: #666;
	font-weight: 400;
}



.img .img-responsive {
	width: 100%;
}

.img label {
	width: 100%;
}

.img {
	color: #666;
	padding-left: 0;
	/* padding-right: 10px; */
}

.img:nth-child(4n) {
	padding-right: 5px;
}

.img span {
	margin-left: 0.1rem;
}

.top2 textarea {
	width: 100% !important;
}

h2.get-a-quote-title::after {
	width: 100%;
}

.file label {
	position: relative;
	width: 100%;
}

.file .w {
	position: absolute;
	width: 62%;
	height: 0.34rem;
	z-index: 100;
	background-color: #395575;
	margin-left: 0;
	line-height: 0.34rem;
	color: #fff;
	text-indent: 3em;
}

.file label .glyphicon-open-file {
	position: absolute;
	z-index: 101;
	font-size: 0.18rem;

	background-color: #395575;
	color: #e78700;
	text-align: left;
	width: 0.3rem;
	height: 0.33rem;
	line-height: 0.33rem;
	padding-left: 0.1rem;
}

.file label input {
	position: relative;
	z-index: 9;
	width: 62% !important;
}

.file label span {
	margin-left: 0.1rem;
	color: #666;
	vertical-align: bottom;
}

.code {
	width: 70% !important;
}

.codes img {
	max-width: 30%;
	margin-left: 0.05rem;
	max-height: 0.35rem;
}

button.btn-lg {
	width: 100%;
	background-color: #0d2f54;
	color: #e58109;
	font-size: 0.22rem;
}


.valuezz {
	display: none;
}

.valuezz .valuetitle {
	font-size: 0.16rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 0;
}

.valuezz .t {
	line-height: 3;
	font-size: 0.15rem;
}



.valuezz .col-md-1 a {
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	margin-right: 0.1rem;
	cursor: pointer;
}

.valuezz .top1 {
	margin-top: 0.1rem
}


label.dd {
	text-align: left;
	margin-left: 2px;
}

figcaption.caption-text {
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}





@media (max-width:768px) {
	html {
		font-size: calc(17.216vw)
	}

	.blogs .list .img {
		height: auto
	}

	.nav {
		line-height: 0.6rem;
	}

	.nav .logo img {
		max-width: 80%;
	}

	.manufacturer .title {
		width: 100%;
	}

	.prlist .list img {
		width: 100%;
	}

	.applications .title p {
		line-height: 2;
		font-size: 0.18rem;
		margin: 0.3rem 0;
	}

	.blog .list a {
		font-size: 0.18rem;
	}

	.up .this_top {
		right: 2%
	}

	.footer>div>div {
		margin-bottom: 0.5rem
	}

	.footer .c1 {
		padding-top: 0.5rem
	}

	.footer .c1>div>div {
		margin-bottom: 0.5rem
	}

	.banner .text h2 {
		padding-top: 1%
	}


	.v1 .list .l .info {
		font-size: 0.18rem;
	}

	.contact .text-center p {
		line-height: 2;
		font-size: 0.18rem;
	}

	.cp_view .tablist .tab li {
		width: 50%;
		margin-bottom: 0.1rem;
	}

	.cp_view .tablist .tab li:nth-child(2) {
		width: 50%;
	}

	ul.tech-specs-list.list-paddingleft.list-paddingleft-2 {
		padding-right: 0rem;
	}

	ul.tech-specs-list.list-paddingright.list-paddingleft-2 {
		padding-left: 0rem;
	}

	.tech-specs {
		padding-bottom: 0;
	}

	.available_options .a_box {

		padding-left: 15px;
		padding-right: 15px;
	}

	.available_options .a_box .t {
		text-align: center;

	}

	.available_options .a_box .info {

		text-align: center;
	}

	.available_options .a_box .list>div:first-of-type {
		padding: 0 15px 40px 15px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 40px;
	}



	.available_options {
		padding: 0.3rem 0 0.3rem 0;
	}

	.available_options .btns {
		text-align: center;
	}

	.more_Product .product_list>div>div {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0.15rem;
	}

	.more_Product .product_list a img {
		width: 100%;
		height: 3.5rem;
	}

	.videolist .pageset {
		height: auto;
		margin-bottom: 0.3rem;
	}

	.videolist .list .title {
		width: 90%
	}

	.faq .list .title .text {
		padding-left: 0;
	}

	.company .com3 .list img {
		height: auto;
	}

	.company .com3 .list .t {
		width: 96%;
		height: auto;
	}

	.company .com3 .list>div {
		padding-bottom: 0.3rem;
	}

	.solve3 .list img {
		height: auto;
	}

	.form .fiel .icon {
		height: 34px;
		padding: 6px 12px;
		width: 100%;
		line-height: 0.38rem;
		text-align: center;
		background-size: 0.58rem
	}


	.form .pull-fr {
		margin-top: 0.2rem
	}

	.form .pull-fr .box {
		margin: 0.2rem 0 0.3rem 0;
		font-size: 0.18rem;
		color: #484747;
		line-height: 1.8;
	}

	.form .pull-fr .box1 {
		font-size: 0.18rem;
		color: #484747;
		line-height: 1.8;
	}

	.form .btn-yellow-s {
		display: inline-block;
		width: 100%;
		font-size: 0.22rem;
	}

	.download .list img {
		max-width: 100%;
		height: 3rem;
	}

	.resources .list .btns {
		padding-top: 0.5rem;
	}



	.resources .list .btns a,
	.blogs .list .btns a,
	.blog-view .b2 .t4 .list a {
		width: 100%;
		display: block;
		text-align: center;
	}

	.blog-view .b2 .t4 .list>div {
		margin-bottom: 0.3rem;
	}

	.nav-box {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.Applications .list>div {
		margin-bottom: 0.15rem;
		padding-left: 0.15rem;
		padding-right: 0.15rem;

	}

	.Applications .list img {
		height: auto;
	}



	.thankyoubox .title h1 {
		font-size: 0.3rem;
		width: 90%;
	}

	.thankyou {
		padding: 1rem 0
	}


	.logo {
		text-align: center
	}

	.prlist .list .t {
		color: #fff;
		width: 100%;
		left: 0;
		background: rgba(0, 0, 0, 0.8);
		text-indent: 1em;
	}


	.footer-section-clients-container .col-xs-12 li {
		width: 50%;
		display: inline-block;
	}

	.footer-section-clients-container .col-xs-12 a img {
		max-width: 100%;
	}

	.banner .text h1 {
		padding-top: 0;
	}

	.cplist {
		padding-bottom: 0;
	}

	.custom-soltions {
		padding-bottom: 0.3rem;
	}

	.cplist .more {
		margin-bottom: 0.6rem;
	}

	.cp_view .tablist .tab li {
		text-align: left !important;
	}

	.col-md-6.col-xs-12.l {
		margin-bottom: 0.5rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom: 0.3rem;
	}


	.solve .l {
		margin-bottom: 0.5rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom: 0.3rem
	}

	.solve .title {
		padding-top: 0.3rem
	}

	.blog-view .b1 .col-md-6 {
		text-align: left;
	}

	.blog-view .b2 .pull-right {
		width: 100%;
		line-height: 0.3rem;
		padding-bottom: 0.3rem;
	}

	.company .com3 .list img {
		max-height: auto;
	}

	.error .img img {
		max-width: 100%;
	}

	.solve .img img {
		max-width: 100%;
	}

	.solve .title {
		padding-top: 0.1rem
	}

	.resources .list .t h3 {
		line-height: 0.3rem
	}

	.resources .list .btns {
		padding-top: 0.4rem;
	}

	.resources .list .col-xs-12 .row {

		margin-bottom: 0.3rem;
	}

	.faq .title p.text {
		line-height: 1.2;
		margin-top: 0.15rem
	}

	.product_downloads .icon {
		margin-top: 20%;
	}

	.product_downloads .icon a {

		margin-top: 20px;
	}



	.banner .texts {
		top: 15%;
		/**  display: none;**/
	}

	.banner .texts h2 {
		font-size: 0.26rem;
		padding-bottom: 0.1rem;
	}

	.banner .texts {
		padding-left: 6%;
	}

	.banner .texts h3 {
		margin-bottom: 0.3rem
	}

	.global .title h2::after {
		content: "";
		display: block;
		width: 1rem;
		height: 2px;
		background: #ee9102;
		position: absolute;
		left: 40%;
		bottom: 0;
	}

	.tech-specs h2 {
		text-align: center;
		color: #fff;
		padding-left: 0px;
	}

	img.center-block {
		width: 100%;
	}

	.industry-section-solutions-container .right {
		color: #4d4d4d;
		font-size: 0.14rem;
		padding-left: 0.21rem;
		padding-top: 0.6rem;
	}

	.industry-section-products-container .product_list {
		padding-top: 0.5rem;
		padding-bottom: 0.3rem;
		padding-right: 10PX;
		padding-left: 10px;
	}

	.industry-section-solutions-container .btns {
		text-align: center;
	}

	.accordion .accordion_content .accordion_item h3 {
		line-height: 1.3;
		font-family: "Open Sans";
		font-size: 0.24rem;
		font-weight: 300;
		cursor: pointer;
	}

	.accordion .accordion_tab {
		padding: 10px;
	}

	.accordion {
		height: 70px;
	}

	.industry-section-solutions-container img {
		border: 0;
		vertical-align: middle;
		max-width: 100%;
	}


	.header-hero-container {
		width: 100%;
		height: 100px;
	}

	.header-hero-container .text {
		padding: 10px 0;
	}



	/* get a quote */

	.input input,
	.input select {
		margin-bottom: 0.1rem;
	}

	.file label {
		width: 100%;
	}

	.file label .glyphicon-open-file {
		position: absolute;
		z-index: 101;
		font-size: 0.16rem;
		background-color: #395575;
		color: #fff;
		text-align: left;
		width: 0.3rem;
		height: 0.37rem;
		line-height: 0.37rem;
		padding-left: 0.2rem;
	}

	.file .w {
		height: 0.38rem;
		line-height: 0.38rem;
	}

	.file label span {
		display: inline-block;
		width: 100%;
		color: #666;
		line-height: 0.36rem;
	}

	.code {
		width: 70% !important;
		display: inline-block;


	}

	.codes {
		padding-left: 0
	}

	.valuezz .row {
		border: 1px solid rgba(0, 0, 0, .2);
		margin-bottom: 16px;
		margin: 16px 1px;
	}

	.col-md-1.t.col-xs-12 {
		text-align: center;
		background-color: rgba(0, 0, 0, .1);
		margin-top: 16px;
	}

	.pro-list{
		display: flex;
		flex-direction: column;
	}
	
	.pro-item{
		margin: 10px;
	}
	
	.pro-tab .last{
		display: none;
	}
	
}

.pro-item{
	background-color: #eeeeee;
}

@media (min-width:768px) {
	html {
		font-size: 100px
	}

	/* get a quote */

	.valuezz .col-md-2 {
		width: 18%;
	}

	.valuezz .col-md-1 {
		width: 10%;
		text-align: center;
		line-height: 0.34rem
	}

	.valuezz p {
		margin-bottom: 0
	}

	.valuezz .row .col-md-1 {
		margin-top: 0.1rem
	}

	.valuezz .row:first-of-type .col-md-1 {
		margin-top: 0.5rem
	}

	.valuezz .row .nt {
		display: none;
	}

	.valuezz .row:first-of-type .nt {
		display: block
	}

	.pro-list{
		margin: auto;
		width: 1149px;
		display: flex;
		justify-content:flex-start;
		flex-direction:row;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.pro-item{
		background-color: #e4e4e4;
		width: 373px;
		margin: 0px 5px 10px 5px;
	}
	.product-section-category-overview-container .text {
		margin-left: -15px;
	}
}

/* newcss */
.category-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffffff;
	margin: auto;
	margin-top: 30px;
}

.category-item {
	flex-basis: 0;
	flex-grow: 1;
	min-width: 100px;
	max-width: 100%;
	border-bottom: 1px solid #c4c4c4;
	height: 50px;
	line-height: 50px;
	color: #909090;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.category-list .active {
	border-bottom: 1px solid #d97f01;
	margin-bottom: -1px;
}

.category-list .active a {
	color: #d97f01;
}

.category-item a {
	font-size: 16px;
	font-weight: bold;
	color: #909090;
}
.pro-item{

}
.pro-item h3{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.pro-item .info{
	font-size: 16px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	height: 70px;
}

.pro-item .btns{
	text-align: center;
}
.pro-item .pro-bottom{
	background-color: #e4e4e4;
	padding-bottom: 20px;
	padding-top: 20px;
}
.pro-item:hover .pro-bottom{
	background: #da8002;
	color: #ffffff;
}

.pro-item:hover .btn-default{
	color: #ffffff;
	background: #da8002;
	border-color: #ffffff;
}
.des-info{
	margin: 20px 0px 20px 0px;
}

.pro-name{
	font-size: 0.3rem;
	font-weight: bold;
}

.pro-tab{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 0.2rem;
}

.pro-tab-item{
	height: 0.5rem;
	line-height: 0.5rem;
	padding: 0rem 0.2rem 0.5rem 0.2rem;
	font-size: 0.22rem;
	color: #909090;
	border-bottom: 1px solid #909090;
	cursor: pointer;
	text-wrap: nowrap;
}
.pro-tab .last{
	flex:1;
}
.pro-tab .current{
	color: #e55c00;
	border-color: #e55c00;
}
.pro-item img{
	width: 373px;
	height: 276px;
}