* {
	padding: 0;
	margin: 0;

	font-family: "微软雅黑";
	font: 12px/1.5 Arial, '微软雅黑', 'Microsoft YaHei', "Microsoft JhengHei", PingFang SC, Helvetica, sans-serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

body {
	overflow-x: hidden;
}

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

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: "";
}

ol,
ul {
	list-style: none;
}

img {
	vertical-align: middle;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

.container {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.container1300 {
	width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: '';
	overflow: hidden;
	clear: both;
	visibility: hidden;
	display: block;
}

.flexbox {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.noscroll {
	overflow-y: hidden;
}

.banner {
	height: 100%;
	position:relative;
}
.banner video {
    width: 100%;
	display:block;
}

.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	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;
	overflow: hidden;
}

.banner .swiper-button-next {
	width: 64px;
	height: 64px;
	background: rgba(3, 22, 35, 0.5);
	backdrop-filter: blur(5px);
	border-radius: 100%;
	color: #fff;
}

.banner .swiper-button-next::after {
	font-size: 28px;
	color: #fff;
}

.banner .swiper-button-prev {
	width: 64px;
	height: 64px;
	background: rgba(3, 22, 35, 0.5);
	backdrop-filter: blur(5px);
	border-radius: 100%;
	color: #fff;
}

.banner .swiper-button-prev::after {
	font-size: 28px;
	color: #fff;
}

.banner .swiper-slide {
	background-size: cover;
	height: 100%;
	background-position: center;
}
.banner .home-pc-wrap{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			display:flex;
			justify-content: center;
			align-items: center;
			background:rgba(0,0,0,.3);
		}
		.home-wrap-bd{
			max-width: 1200px;
			padding: 0 10px;
			margin: 0 auto;
			text-align: center;
		}
		.home-wrap-bd h1 {
			position: relative;
			max-width: 890px;
			margin: 0 auto 50px;
			color: #fff;
			font-size: 36px;
			font-weight: 700;
		}
		.home-wrap-bd h1:after {
			content: '';
			position: absolute;
			bottom: -22px;
			left: 50%;
			width: 100px;
			height: 3px;
			margin-left: -30px;
			background-color: rgba(255,255,255,.5);
		}
		.home-wrap-bd p {
			max-width: 980px;
			margin-bottom: 110px;
			color: #e9e7db;
			line-height:1.5;
		}

.header {
	
	width: 100%;
	padding: 15px 0;
	transition: all .5s ease;
	top: -100%;
	left: 0;
	z-index: 999;
	background:#000;
}
.header .logo img{
	height:66px;
}
.header .top {
	justify-content: space-between;
	align-items: center;
}

.header .r-header {
	align-items: center;
}

.header .r-header .hnav ul li {
	display: inline-block;
	margin-right: 30px;
	position: relative;
	line-height: 60px;
}

.header .r-header .hnav ul li .dn {
	margin-left: 5px;
}

.header .r-header .hnav ul li a {
	font-size: 16px;
	color: #fff;
}

.header .r-header .hnav ul>li .l-nav {
	position: absolute;
	width: 150px;
	z-index: 99;
	background: #000;
	display: none;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
}

.header .r-header .hnav ul>li .l-nav a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	font-size: 14px;
}

.header .r-header .hnav ul>li:hover .l-nav {
	display: block;
}

.header .r-header .hnav ul>li .l-nav a:hover {
	background-color: #e21b22;
}

.header .icon-list .i {
	margin: 0 15px;
}

.header .icon-list .i img{
	width:17px;
}

.header .r-header .gobuy .redbuy a {
	display: inline-block;
	background-color: #e21b22;
	background-image: url(../images/rocket-icon.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 10px 20px 10px 40px;
	color: #fff;
	border-radius: 5px;
	background-size:17px auto;
}

.header.header-up {
	background: #000;
	position: fixed;
    top: 0 !important;
}

.MASK_SEARCH {
	position: fixed;
	width: 100%;
	height: 0;
	background: #f0ebe7;
	z-index: 999;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: .4s all ease-in-out;
}

.MASK_SEARCH .searchbox {
	height: 90%;
	width: 95%;
	position: absolute;
	left: 2.5%;
	top: 5%;
	margin: auto;
	background: #fff;
	border-radius: 15px;
}

.MASK_SEARCH .middle {
	width: 1000px;
	/* margin: auto; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.MASK_SEARCH .searchbox .searchform {
	padding: 60px 0;
}

.MASK_SEARCH .searchbox .searchform .zx {
	display: flex;
	display: -webkit-flex;
	display: -ms-inline-flexbox;
	display: -ms-flexbox;
	justify-content: space-between;
	border-bottom: 1px solid #bdbdc1;
}

.MASK_SEARCH .searchbox .searchform .zx input[type=text] {
	width: 600px;
	height: 60px;
	border: 0;
	font-size: 15px;
	outline: none;

}

.MASK_SEARCH .searchbox .searchform .zx input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset !important;
}

.MASK_SEARCH .searchbox .searchform .zx input:-internal-autofill-previewed,
.MASK_SEARCH .searchbox .searchform .zx input:-internal-autofill-selected {
	-webkit-text-fill-color: #333 !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

.MASK_SEARCH .searchbox .searchform .zx .item2 {
	position: relative;
}

.MASK_SEARCH .searchbox .searchform .zx input[type=submit] {
	background: url(../images/fdj2.png) no-repeat center;
	height: 28px;
	width: 28px;
	background-size: 100%;
	border: 0;
	position: relative;
	top: 15px;
	margin-right: 10px;
}

.MASK_SEARCH .searchbox .searchform .zx .close {
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #595757;
	transform: rotate(45deg);
	cursor: pointer;
	transition: .3s all linear;
	position: relative;
	top: 4px;
}

.MASK_SEARCH .searchbox .searchform .zx .close::after {
	content: '';
	display: block;
	width: 30px;
	height: 4px;
	background: #595757;
	transform: rotate(-90deg);
}

.index_recommend {
	background: url(../images/i1_bg.jpg) no-repeat center;
	height: 1036px;
	padding: 100px 0 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.index_recommend .title {
	text-align: center;
}

.index_recommend .title h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}

.index_recommend .title p {
	font-size: 14px;
	color: #fff;
	margin: 20px 0 0 0;
}

.index_recommend .rec_middle .m_Left .top .point {
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-top: 12px;
}

.index_recommend .rec_middle .m_Left .top .point::after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;

	left: 3px;
	top: 3px;
}

.index_recommend .rec_middle .m_Left {
	width: 50%;
	float: left;
}

.index_recommend .rec_middle .m_Left .top .info {
	display: inline-block;
	vertical-align: top;
	width:90%;
	width: calc(100% - 30px);
}

.index_recommend .rec_middle .m_Left .top .info h3 {
	color: #fff;
	font-size: 24px;
}

.index_recommend .rec_middle .m_Left .top .info p {
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}

.index_recommend .mdd {
	padding: 35px 0;
}

.index_recommend .mdd ul {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	padding: 5px;

	flex-wrap: wrap;
}

.index_recommend .mdd ul li {
	margin: 5px;
	width:22%;
}

.index_recommend .mdd ul li a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	padding: 5px 0;
	text-align:center;
	width:100%;
	border-radius: 15px;
	transition: .3s all ease;
}

.index_recommend .mdd ul li a:hover {
	background-color: #bd2127;
}

.index_recommend .mdd ul li a.on {
	background-color: #bd2127;
}

.index_recommend .mdd ul li.on a {
	background-color: #bd2127;
}

.index_recommend .mdinfo .item p {
	color: #fff;
	font-size: 14px;
}

.index_recommend .mdinfo .item {
	display: none;
	position: relative;
}

.index_recommend .mdinfo .item:first-child {
	display: block;
}

.index_recommend .m_Right {
	float: right;
	width: 43%;
}

.index_recommend .m_Right .ibg {
	background: #98141a;
	text-align: right;
	border-radius: 15px;
}

.index_recommend .m_Right .ibg .pic {
	display: none;
	position: relative;
}

.index_recommend .m_Right .ibg .pic img {
	position: relative;
	top: -10px;
	width: 98%;
	border-radius: 15px;
}

.index_recommend .m_Right .ibg .pic:first-child {
	display: block;
}

.index_recommend .rec_middle {
	padding: 60px 0 80px;
}

.index_recommend .rec_bottom .r_top .point {
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-top: 12px;
}

.index_recommend .rec_bottom .r_top .point::after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;

	left: 3px;
	top: 3px;
}

.index_recommend .rec_bottom .r_top .k {
	font-size: 24px;
	color: #fff;
	display: inline-block;
}

.index_recommend .rec_bottom .s_bottom {
	padding: 50px 0;
}

.index_recommend .rec_bottom .s_bottom ul li {
	width: 25%;
	border: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.index_recommend .rec_bottom .s_bottom ul li .a {
	justify-content: center;
	align-items: center;
	height: 100px;
	position: relative;
}

.index_recommend .rec_bottom .s_bottom ul li .a .icon img {
	height: 50px;
}

.index_recommend .rec_bottom .s_bottom ul li .a .icon {
	margin-right: 10px;
}

.index_recommend .rec_bottom .s_bottom ul li .a .words h3 {
	color: #fff;
	font-size: 18px;
}

.index_recommend .rec_bottom .s_bottom ul li .a .words p {
	color: #fff;
	font-size: 14px;
}

.index_recommend .rec_bottom .s_bottom ul li .a::after {
	content: '';
	position: absolute;
	right: -15px;
	background: url(../images/ljt.png) no-repeat center #000;
	top: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	color: #fff;
	margin: auto;
	border: 2px solid #fff;
	border-radius: 50%;
}

.index_recommend .rec_bottom .s_bottom ul li:last-child .a::after {
	display: none;
}

.index_pro {
	padding: 80px 0;
}

.index_pro .list-nav ul li {
	width: 13.75%;
	text-align: center;

}

.index_pro .btitle {
	text-align: center;
}

.index_pro .btitle h3 {
	font-size: 36px;
	color: #2f323a;
	font-weight: bold;
}

.index_pro .btitle p {
	font-size: 14px;
	color: #6f6f6f;
	margin: 10px 0 0 0;
}

.index_pro .list-nav ul li .img {
	height: 52px;
	margin-bottom: 5px;
}

.index_pro .list-nav ul li .img img {
	max-height: 100%;
}

.index_pro .list-nav {
	padding: 45px 0;
}

.index_pro .list-nav ul {
	justify-content: space-between;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.index_pro .list-nav ul li {
	padding: 25px 15px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

}

.index_pro .list-nav ul li .t {
	font-size: 14px;
	color: #000;
}

.index_pro .list-nav ul li .hover {
	background-color: #c70e15;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 145px;
	opacity: 0;
	transition: .2s all ease;
	box-shadow: 2px 2px 5px #eaeaea;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.index_pro .list-nav ul li:hover .hover {
	opacity: 1;
	height: 175px;
	top: -15px;
}

.index_pro .list-nav ul li.on .hover {
	opacity: 1;
	height: 175px;
	top: -15px;
}

.index_pro .list-nav ul li .hover .t2 {
	font-size: 14px;
	color: #fff;
}

.index_pro .plist .item {
	display: none;

}

.index_pro .plist .item.open {
	display: block;
}

.index_pro .plist ul li {
	width: 24%;
	margin-right: 1.3%;
	float: left;
	margin-bottom: 25px;
}

.index_pro .plist ul li:nth-child(4n) {
	margin-right: 0;
}

.index_pro .plist ul li .img {
	overflow: hidden;
	border:1px solid #eaeaea;
}

.index_pro .plist ul li .img .mimg {
	height: 300px;
	background-size: cover;
	background-position: center;
	transition: .3s all ease;
}

.index_pro .plist ul li .img img {
	width: 100%;
	transition: .3s all ease;
}

.index_pro .plist ul li .img:hover .mimg {
	transform: scale(1.1);
}

.index_pro .plist ul li .info {
	width: 90%;

	margin: 10px auto 0 auto;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	position: relative;
	box-shadow: 2px 2px 5px #eaeaea;
	transition: .2s all ease;
}

.index_pro .plist ul li .info h3 {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index_pro .plist ul li:hover .info {
	background-color: #000;

}

.index_pro .plist ul li:hover .info h3 {
	color: #fff;
}

.index_cho {
	background: #fafafa;
	padding: 60px 0;
}

.index_cho .title {
	text-align: center;
}

.index_cho .title h3 {
	font-size: 36px;
	color: #2f323a;
	font-weight: bold;
}

.index_cho .title p {
	font-size: 14px;
	color: #6f6f6f;
	margin-top: 15px;
}

.index_cho .list {
	padding: 45px 0 100px;
}

.index_cho .list ul {
	justify-content: space-between;
}

.index_cho .list ul li {
	width: 33%;
	text-align: center;
}

.index_cho .list ul li .mtitle {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin: 15px 0 20px;
}

.index_cho .list ul li .stitle {
	font-size: 14px;
	color: #6f6f6f;
}

.index_about {
	padding: 100px 0 80px;
}

.index_about {
	background-color: #f7f6f6;
}
.index_about .title{
	padding-left:25px;
}
.index_about .title h3 {
	font-size: 36px;
	color: #000;
	font-weight: bold;
}

.index_about .title p {
	font-size: 14px;
	color: #6f6f6f;
	margin: 5px 0 15px;
}

.index_about .title .line {
	width: 100px;
	height: 2px;
	background-image: linear-gradient(to right, #e21b22, #fff);
}

.index_about .words {
	width: 70%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px 150px 30px 25px;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 50px 0 0 0;
	position: relative;
	z-index: 1;
}

.index_about .words p {
	font-size: 14px;
	color: #6f6f6f;
	line-height: 1.5;
}

.index_about .words a {
	background-color: #e21b22;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 10px 35px;
	border-radius: 20px;
	margin: 60px 0 0 0;
}

.index_about .container {
	position: relative;
}

.index_about .abg {
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 378px;
	width: 503px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;

}

.index_black {
	background-color: #000;
	padding: 130px 0;
}

.index_black .icon-list {
	justify-content: space-between;
	align-items: center;

}
.index_black .icon-list .img img{
	width: 100%;
}

.index_black .container {
	position: relative;
}

.index_black .swiper-container {
	width: 90%;
	margin: auto;
}

.index_black .icon-list .swiper-button-next {
	color: #fff;
}

.index_black .icon-list .swiper-button-next::after {
	font-size: 24px;
	font-weight: bold;
}

.index_black .icon-list .swiper-button-prev {
	color: #fff;
}

.index_black .icon-list .swiper-button-prev::after {
	font-size: 24px;
	font-weight: bold;
}

.index_solute {
	padding: 100px 0;
	background-color: #eeeeee;
}

.index_solute .top {
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.index_solute .top .title .line {
	height: 5px;
	background: #e21b22;
	width: 50px;
}

.index_solute .top .title h3 {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin: 10px 0 20px;
}

.index_solute .top .title p {
	font-size: 16px;
	color: #6f6f6f;

}

.index_solute .top .more a {
	display: inline-block;
	background-color: #e21b22;
	background-image: url(../images/more1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 10px 20px 10px 40px;
	color: #fff;
	border-radius: 5px;
}

.index_solute .list {
	padding: 30px 0 0 0;
}

.index_solute .list ul {
	justify-content: space-between;
}

.index_solute .list ul li {
	background-color: #fff;
	width: 31%;
	transition: .3s all ease;
	cursor: pointer;
}

.index_solute .list ul li .by {
	text-align: center;
	background-color: #fff;
	padding: 25px 30px 30px 30px;
	
	position: relative;
	transition: .3s all ease;
}

.index_solute .list ul li .by .info h3 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.index_solute .list ul li .by .info p {
	font-size: 14px;
	color: #6f6f6f;
	margin: 20px 0 20px;
}
.index_solute .list ul li .by .img img{
	width: 100%;
}

.index_solute .list ul li:hover {
	background: #ffa6a9;
}

.index_solute .list ul li:hover .by {
	transform: translate(10px, 10px);
	background-color: #e21b22;

}

.index_solute .list ul li:hover .by .info h3 {
	color: #fff;
}

.index_solute .list ul li:hover .by .info p {
	color: #fff;
}

.index_contact {
	padding: 100px 0;
}

.index_contact .title {
	text-align: center;
}

.index_contact .title h3 {
	font-size: 36px;
	font-weight: bold;
}

.index_contact .title p {
	font-size: 14px;
	color: #6f6f6f;
	margin-top: 10px;
}

.index_contact .list {
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px 0 0 0;
}

.index_contact .list .item {
	width: 32%;
	border: 1px solid #bfbfbf;
	display: flex;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	margin: 10px 0;
	transition: .1s all ease;
}

.index_contact .list .item.onfocus {
	border: 1px solid #c70e15;
}

.index_contact .list .item label {
	font-size: 16px;
	width: 80px;
}

.index_contact .list .item.onfocus label {
	color: #c70e15;
}

.index_contact .list .item input {
	width: 70%;
	width: calc(100% - 70px);
	border: 0;
	outline: none;
}

.index_contact .list .item input:-webkit-autofill {

	transition: background-color 5000s ease-in-out 0s;
}

.index_contact .list .item2 {
	width: 100%;

}

.index_contact .list .item2 textarea {
	width: 100%;
	height: 180px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	border: 1px solid #bfbfbf;
	font-size: 16px;
	margin-top: 10px;
	outline: none;
}

.index_contact .list .item2.onfocus textarea {
	border: 1px solid #c70e15;
}

.index_contact .list .submit {
	margin-top: 10px;
}

.index_contact .list .submit input {
	color: #fff;
	background-color: #e21b22;
	border: 1px solid #e21b22;
	font-size: 16px;
	padding: 5px 20px;
}

.footer {
	background: #191919;
	padding: 100px 0 80px;
}

.footer .top {
	justify-content: space-between;
}

.footer .top .logo h3 {
	font-size: 18px;
	color: #e21b22;
	font-weight: bold;
}

.footer .top .logo img {
	width: 85px;
}

.footer .top .logo .ii {
	margin-bottom: 15px;
}

.footer .top .fLeft {

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 15px;
}

.footer .top .fLeft .icon-list {

	margin-top: 60px;
}

.footer .top .fLeft .icon-list a {
	margin-right: 15px;
}

.footer .top .fLeft .icon-list img {
	height: 21px;
}

.footer .top .fmiddle1 .toptit {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer .top .fmiddle1 .s .s1 {
	align-items: center;
	margin: 10px 0;
}

.footer .top .fmiddle1 .s .s1 .w {
	font-size: 16px;
	color: #6f6f6f;
	margin-left: 10px;
}

.footer .top .fmiddle1 .sendform a {
	display: inline-block;
	margin-top: 15px;
	background-image: url(../images/send_icon.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 10px 30px 10px 40px;
	color: #fff;
	border: 1px solid #ff0000;
}

.footer .top .fmiddle1 .u ul li a {
	font-size: 16px;
	color: #6f6f6f;
	margin: 3px 0;
	display: inline-block;
}

.footer .top .fmiddle1 .u ul li a:hover {
	color: #fff;
}

.footer .top .fproduct {
	flex: 0 0 220px;
}

.footer .top .fproduct ul {
	flex-wrap: wrap;
}

.footer .top .fproduct ul li {
	margin-right: 10px;
}

.footer .top .f_tags .toptit {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer .top .f_tags {
	flex: 0 0 300px;
}

.footer .top .f_tags .t {
	flex-wrap: wrap;
}

.footer .top .f_tags .t a {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	border: 1px solid #6f6f6f;
	padding: 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: .3s all ease;
}

.footer .top .f_tags .t a:hover {
	color: #fff;
	border: 1px solid #fff;
}

.copyright {
	text-align: center;
	padding: 10px 0;
	background-color: #000;
}

.copyright a,
.copyright p {
	font-size: 12px;
	color: #6f6f6f;
}



.index_cho .title h3 {
	font-size: 36px;
	color: #2f323a;
	font-weight: bold;
}



.index_cho .list {
	padding: 25px 0 30px;
}

.index_about {
	padding: 30px 0 30px;
}

.banner_noindex {
	background-position: top center;
	background-repeat: no-repeat;
	height: 375px;
	position: relative;
}

.location {
	padding: 15px 0;
}

.location .loc {
	align-items: center;
}

.location .loc {
	font-size: 18px;
	color: #2e2e2e;
}

.location .loc a {
	font-size: 14px;
	color: #2e2e2e;
}

.productlist {
	padding: 25px 0;
}

.productlist .leftnav {
	width: 27.5%;
	float: left;
	border-radius: 10px;
	overflow: hidden;

}

.productlist .leftnav .top {
	background: #e21b22;
	padding: 15px 30px;
}

.productlist .leftnav .top h3 {
	font-size: 24px;
	color: #fff;
}

.productlist .leftnav .list {
	border: 1px solid #d2d2d2;
}

.productlist .leftnav .list>ul>li>a {
	font-size: 14px;
	color: #4c4c4c;
	display: block;
	padding: 15px 30px;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}

.productlist .leftnav .list .secound {
	background: #f0f0f0;
	display: none;
	overflow: hidden;
}

.productlist .leftnav .list .secound a {
	display: block;
	font-size: 14px;
	color: #4c4c4c;
	padding: 15px 30px;
}

.productlist .leftnav .list .secound a:hover {
	color: #0061ae;
}

.productlist .rightpro {
	width: 70%;
	float: right;
}

.productlist .leftnav .list>ul>li>a::after {
	content: '>';
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 16px;
	transition: .3s all ease;
}

.productlist .leftnav .list>ul>li.on>a::after {
	transform: rotate(90deg);

}

.productlist .leftnav .list>ul>li.on>a {
	color: #e21b22;
}

.productlist .leftnav .bottom {
	margin-top: 30px;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #eaeaea;
}

.productlist .leftnav .bottom .stitle {
	background: #e21b22;
	padding: 15px 30px;
	border-radius: 10px 10px 0 0;
}

.productlist .leftnav .bottom .stitle h3 {
	font-size: 24px;
	color: #fff;
}

.productlist .leftnav .bottom .box {
	padding: 15px 30px;
}

.productlist .leftnav .bottom .box .i {
	align-items: center;
	margin: 5px 0;
}

.productlist .leftnav .bottom .box .i img {
	display: block;
}

.productlist .leftnav .bottom .box .i .h {
	font-size: 16px;
	color: #4c4c4c;
	margin-left: 5px;
}

.productlist .leftnav .bottom .box .btns {
	justify-content: space-between;
	margin-top: 15px;
}

.productlist .leftnav .bottom .box .btns a {
	font-size: 14px;
	color: #fff;
	background: #e21b22;
	padding: 7px 18px;
	display: inline-block;
}

.productlist .rightpro ul li {
	width: 32%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-right: 2%;
	position: relative;
	margin-bottom: 15px;
}

.productlist .rightpro ul li:nth-child(3n) {
	margin-right: 0;
}

.productlist .rightpro ul li .img {
	overflow: hidden;
	background-size: cover;
	background-position: center;

	transition: .3s all ease-in-out;
}

.productlist .rightpro ul li .img img {
	width: 100%;
	transition: .3s all ease-in-out;
}

.productlist .rightpro ul li .info {
	background-color: #4d4d4d;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 10px 5px;
	text-align: center;
}

.productlist .rightpro ul li .info h3 {
	color: #fff;
	font-size: 14px;
	height:42px;
	overflow:hidden;
}

.productlist .rightpro ul li:hover .info {
	background-color: #e21b22;
}

.productlist .rightpro ul li:hover .img img {
	transform: scale(1.1);
}

.page span {
	border: 1px solid #d2d2d2;
	padding: 3px 8px;
	display: inline-block;
	margin: 0 3px;
}

.page a {
	border: 1px solid #d2d2d2;
	padding: 3px 8px;
	display: inline-block;
	margin: 0 3px;
}

.page .on {
	background: #e21b22;
	color: #fff;
}

.page {
	text-align: center;
	font-size: 14px;
	color: #606060;
	padding: 30px 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
.page #search-item-length-wrap {
    margin-left: 10px;
    align-items: center;
}
#search-item-length-wrap select {
    width: auto;
    padding: 5px 20px 5px 5px;
    height: auto;
}
.page #search-item-length-wrap p {
    font-size: 16px;
    margin-left: 5px;
}

.contacts .top {
	text-align: center;
}

.contacts .top h3 {
	font-size: 30px;
	color: #000;

}

.contacts .top p {
	font-size: 18px;
	color: #4c4c4c;
	margin-top: 10px;
}

.contacts .list {
	justify-content: space-between;
	flex-wrap: wrap;
}

.contacts .list .item {
	width: 32%;
	margin-right: 2%;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px 25px;
	background: #f7f7f7;
	margin-bottom: 30px;
	position: relative;
}

.contacts .list .item:nth-child(3) {
	margin-right: 0;
}

.contacts .list .item:nth-child(5) {
	margin-right: 0;
}

.contacts .list .item:nth-child(4),
.contacts .list .item:nth-child(5) {
	width: 49%;
}

.contacts .list .item .img {
	height: 60px;
	margin-bottom: 30px;
}

.contacts .list .item .img img {
	max-height: 100%;
	max-width: 50px;
}

.contacts .list .item .info {}

.contacts .list .item .info h3 {
	font-size: 20px;
	color: #2d2d2d;
	font-family: roboto-bold;
}

.contacts .list .item .info p {
	font-size: 14px;
	color: #2d2d2d;
	line-height: 24px;
	height: 100px;
	margin: 15px 0;
}

.contacts .list .item .info a {
	background-color: #e01b22;
	border-color: #e01b22;
	color: #fff;
	font-size: .875rem;
	padding: 11px 15px;
	display: inline-block;
	transition: .3s all linear;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
}

.contacts .list .item .info a:hover {
	background-color: #d0181f;
	border-color: #d0181f;
	color: #fff;
}

.contacts .list .item .info a.ln {
	background-color: transparent;
	color: #e01b22;
	border: 1px solid #e01b22;
}

.contacts .list {
	padding: 80px 0 30px;
}

.subscribe .sblist {
	text-align: center;
	background-color: #e21b22;
	padding: 40px 0;
}

.subscribe .sblist p {
	font-size: 24px;
	color: #fff;
	font-family: roboto-bold;
}

.subscribe .sblist a {
	background-color: #fff;
	border-color: #e01b22;
	color: #e01b22;
	font-size: .875rem;
	padding: 11px 15px;
	display: inline-block;
	margin-top: 15px;
	transition: .3s all linear;
}

.subscribe .sblist a:hover {
	background-color: #d0181f;
	border-color: #d0181f;
	color: #fff;
}

.shg .shg_list {
	justify-content: space-between;
}

.shg .shg_list .its {
	width: 38%;
}

.shg .shg_list .its .tit {
	font-size: 34px;
	color: #2d2d2d;
	font-family: roboto-bold;
}

.shg .shg_list .its .text p {
	font-size: 16px;
	color: #2d2d2d;
}

.shg .shg_list .its .btn2 {
	margin-left: 40px;
}

.shg .shg_list .its .btn2 a {
	background-color: #e01b22;
	border-color: #e01b22;
	color: #fff;
	font-size: .875rem;
	padding: 11px 15px;
	border-radius: 2px;
	display: inline-block;
	transition: .3s all linear;
}

.shg .shg_list .its .btn2 a:hover {
	background-color: #d0181f;
	border-color: #d0181f;
	color: #fff;
}

.shg .shg_list {
	padding: 80px 0;
}

.shg .shg_list .its .bottom {
	margin-top: 15px;
}

.apac .top .its {
	justify-content: space-between;
	margin-bottom: 35px;
}

.apac .top .its:nth-child(2) {
	flex-direction: row-reverse;
}

.apac .top .info h3 {
	font-size: 30px;
	color: #2e2e2e;
	font-family: roboto-bold;
}

.apac .top .info .line {
	width: 45px;
	height: 3px;
	background-color: #e21b22;
	margin: 30px 0 45px;
}

.apac .top .info p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 2;
}

.apac .top .info {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.apac .top .img {
	width: 45%;
}

.apac .top .img img {
	width: 100%;
}

.apac .picgroup .img {
	width: 50%;
}

.apac .picgroup .img img {
	width: 100%;
}

.apac .wz {
	padding: 65px 0;
}

.apac .wz h3 {
	font-size: 30px;
	color: #4c4c4c;
	font-family: roboto-bold;
}

.apac .wz .line {
	width: 50px;
	height: 3px;
	background-color: #e21b22;
	margin: 10px 0 20px;
}

.apac .wz p {
	color: #4c4c4c;
	font-size: 16px;
	line-height: 2;
}

.apac_bt .top h3 {
	font-size: 30px;
	color: #e21b22;
	font-weight: bold;
}

.apac_bt .list ul {
	justify-content: space-between;
	padding: 50px 0;
}

.apac_bt .list ul li {
	position: relative;
	width: 31.25%;
}

.apac_bt .list ul li .img img {
	width: 100%;
}

.apac_bt .list ul li .mask {
	width: 95%;
	height: 95%;
	border: 2px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	left: 2.5%;
	top: 2.5%;
	position: absolute;
	display: flex;
	display: flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.apac_bt .list ul li .mask h3 {
	font-size: 24px;
	color: #fff;
	font-family: roboto-bold;
	margin-bottom: 10px;
}

.apac_bt .list ul li .mask p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

.l-why .top {
	text-align: center;
}

.l-why .top h3 {
	font-size: 24px;
	font-family: roboto-bold;
	color: #e21b22;
}

.l-why .bottom {
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 60px 0;
}

.l-why .bottom .item {
	margin-bottom: 40px;
}

.l-why .bottom .item:nth-child(1),
.l-why .bottom .item:nth-child(2) {
	width: 49%;
}

.l-why .bottom .item:nth-child(3),
.l-why .bottom .item:nth-child(4),
.l-why .bottom .item:nth-child(5) {
	width: 32%;
}

.l-why .bottom .item:nth-child(6),
.l-why .bottom .item:nth-child(7) {
	width: 49%;
}

.l-why .bottom .item .img img {
	width: 100%;
}

.l-why .bottom .item .info {
	background-color: #fff;
	height: 130px;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.l-why .bottom .item .info h3 {
	font-size: 22px;
	color: #2d2d2d;
	margin-bottom: 10px;
}

.l-why .bottom .item .info p {
	font-size: 16px;
	color: #2d2d2d;
}

.abm {
	padding: 45px 0;
}

.abm .top h3 {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
}

.abm ul li {
	width: 31%;
	background: #fff;
	position: relative;
	box-shadow: 3px 3px 5px #eaeaea;
}

.abm ul {
	justify-content: space-between;
}

.abm ul li .img img {
	width: 100%;
}

.abm ul li .info {
	padding: 20px 20px 50px 20px;
	background: #fff;

}

.abm ul li .info h3 {
	font-size: 20px;
	font-family: roboto-bold;
	margin-bottom: 15px;
}

.abm ul li .info p {
	font-size: 14px;
	color: #4c4c4c;
	line-height: 1.8;
}

.abm ul li .more {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.abm ul li .more a {
	font-size: 14px;
	color: #e21b22;
}

.abm ul li .more a img {
	margin-left: 5px;
	width:25px;
}

.herework {
	background: url(../images/design-1.jpg) no-repeat center;
	height: 276px;
}

.herework .container {
	height: 100%;
}

.herework .content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.herework .content h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
}

.herework .content .line {
	width: 60px;
	height: 4px;
	background: #e21b22;
	margin: 15px auto 25px auto;
}

.herework .content p {
	font-size: 17px;
	color: #fefefe;
}

.delivery {
	padding: 50px 0;
}

.delivery .top h3 {
	font-size: 30px;
	text-align: center;
	font-family: roboto-bold;
}

.delivery .href-ul {
	justify-content: space-between;
	padding: 45px 0;
}

.delivery .href-ul a {
	width: 18%;
	background: #4d4d4d;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size:14px;
}

.delivery .href-ul a:hover {
	transition: all .1s ease-in-out;
	background: #a61f22;
}

.delivery .content h3 {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-family: roboto-bold;
}

.delivery .content .t2 {
	font-size: 24px;
	color: #4c4c4c;
	text-align: center;
	margin: 25px 0;
}

.delivery .content .ctx p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 2;
	position: relative;
	padding-left: 15px;
}

.delivery .content .ctx p:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #4c4c4c;
	left: 0;
	top: 15px;
	border-radius: 50%;
}

.advocates {
	background: url(../images/design-2.jpg) no-repeat center;
	padding: 80px 0;
}

.advocates .top {
	text-align: center;
}

.advocates .top h3 {
	font-size: 30px;
	color: #fff;
	font-family: roboto-bold;
	margin-bottom: 15px;
}

.advocates .top p {
	font-size: 24px;
	color: #fff;
}

.advocates .bottom {
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0 0 0;
}

.advocates .bottom .info {
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 25px 25px 0 25px;
}

.advocates .bottom .info h3 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 25px;
}

.advocates .bottom .info p {
	font-size: 15px;
	color: #fffefe;
	line-height: 2;
}

.advocates .bottom .info a {
	font-size: 15px;
	color: #e21b22;
	margin-top: 25px;
	display: inline-block;
}

.advocates .bottom .img {
	max-width: 50%;
}

.advocates .bottom .img img {
	max-width: 100%;
}

.dedicated {
	padding: 45px 0 0;
}

.dedicated .top {
	text-align: center;
}

.dedicated .top h3 {
	font-size: 30px;
	font-family: roboto-bold;
}

.dedicated .top p {
	font-size: 16px;
	color: #000;
	margin: 15px 0 40px;
}

.dedicated .ctx {
	background: #fff;
	padding: 35px;
	margin-bottom:30px;
}

.dedicated .ctx .t1 {
	font-size: 24px;
}

.dedicated .ctx .t2 {
	font-size: 15px;
	color: #4c4c4c;
	margin: 15px 0 20px;
}

.dedicated .ctx .ct .item {
	width: 50%;
}

.dedicated .ctx .ct .item p {
	font-size: 15px;
	color: #4c4c4c;
	line-height: 2;
}

.dedicated .tlist {
	justify-content: space-between;
	padding: 50px 40px;
	align-items: center;
}

.dedicated .tlist:first-child {
	flex-direction: row-reverse;
}

.dedicated .tlist .img {
	width: 50%;
}

.dedicated .tlist .img img {
	max-width: 100%;
}

.dedicated .tlist .text {
	width: 48%;
}

.dedicated .tlist .text h3 {
	font-size: 24px;
	font-family: roboto-bold;
	margin-bottom: 20px;
	font-weight:bold;
}

.dedicated .tlist .text .tt2 {
	font-size: 15px;
	margin-bottom: 20px;
}

.dedicated .tlist .text p {
	color: #4c4c4c;
	font-size: 15px; 
	line-height: 2;
}
.dedicated .dedicated-list{
	background:#fff; 
} 
.wcd{
	background:#fff;
}
.wcd .top h3 {
	font-size: 30px;
	font-family: roboto-bold;
	text-align: center;
	    padding: 20px 0 30px;
}

.wcd .list ul {
	justify-content: space-between;
	flex-wrap: wrap;
}

.wcd .list ul li {
	width: 48%;
	background: #fff;
	position: relative;
	box-shadow: 3px 3px 5px #eaeaea;
	margin: 20px 0;
}

.wcd .list ul li .img img {
	width: 100%;
}

.wcd .list ul li .info {
	padding: 20px 20px 50px 20px;
	background: #fff;
}

.wcd .list ul li .info h3 {
	font-size: 20px;
	font-family: roboto-bold;
	margin-bottom: 15px;
}

.wcd .list ul li .info p {
	font-size: 15px;
	color: #4c4c4c;
	line-height: 1.8;
}

.wcd .list ul li .more {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.wcd .list ul li .more a {
	font-size: 15px;
	color: #e21b22;
}
.wcd .list ul li .more a img{
	margin-left:5px;
	width:25px;
}

.wcd-2 {
	background: #fff;
	padding: 60px 0 30px;
}

.wcd-2 .content h3 {
	font-size: 30px;
	color: #000000;
	text-align: center;
	font-family: roboto-bold;
}

.wcd-2 .content .ctx {
	padding: 35px 40px;
	font-size: 16px;
	color: #4c4c4c;
	line-height: 2;
}

.ts {
	padding: 60px 0 30px;
}

.ts .top h3 {
	font-size: 30px;
	color: #000;
	text-align: center;
	font-family: roboto-bold;
}

.ts .top p {
	font-size: 24px;
	text-align: center;
	margin-top: 15px;
}

.ts ul {
	flex-wrap: wrap;
}

.ts .list {
	padding: 40px 0 0 0;
}

.ts ul li {
	width: 31%;
	background: #fff;
	position: relative;
	box-shadow: 3px 3px 5px #eaeaea;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ts ul li:nth-child(3n) {
	margin-right: 0;
}

.ts ul li .img img {
	width: 100%;
}

.ts ul li .info {
	padding: 20px 20px 50px 20px;
	background: #fff;
}

.ts ul li .info h3 {
	font-size: 18px;
	font-family: roboto-bold;
	margin-bottom: 15px;
}

.ts ul li .info p {
	font-size: 15px;
	color: #4c4c4c;
	line-height: 1.8;
}

.ts ul li .more {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.ts ul li .more a {
	font-size: 15px;
	color: #e21b22;
}
.ts ul li .more a img{
	width:25px;
	margin-left:5px;
}

.qresult .top {
	text-align: center;
}

.qresult .top h3 {
	font-size: 30px;
	color: #000000;
	font-family: roboto-bold;
}

.qresult .top p {
	font-size: 24px;
	color: #000000;
	margin: 15px 0 40px;
}

.qresult .bottom {
	flex-direction: row-reverse;
}

.qresult .bottom .info {
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 25px 25px 0 25px;
}

.qresult .bottom .info h3 {
	font-size: 24px;
	margin-bottom: 25px;
	font-family: roboto-bold;
}

.qresult .bottom .info p {
	font-size: 15px;
	line-height: 2;
}

.qresult .bottom .info a {
	font-size: 15px;
	color: #e21b22;
	margin-top: 25px;
	display: inline-block;
}

.qresult .bottom .img {
	max-width: 50%;
}

.qresult .bottom .img img {
	max-width: 100%;
	border-radius:20px;
}

.qresult-2 {
	padding: 60px 0;
}

.qresult-2 ul li {
	float: left;
	width: 23%;
	margin-right: 2.6%;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	margin-bottom: 2.6%;


}

.qresult-2 ul li:hover {
	box-shadow: 0px 0px 10px #d3d3d3;
	transition: .3s all ease;
}

.qresult-2 ul li:nth-child(4n) {
	margin-right: 0;
}

.qresult-2 ul li .img img {
	width: 100%;
}

.qresult-2 ul li .tit {
	font-size: 16px;
	color: #000;
	margin: 10px 0;
	height: 48px;
	overflow: hidden;
}

.qresult-2 ul li .text {
	font-size: 16px;
	color: #4c4c4c;
	height: 42px;
	overflow: hidden;
}

.qresult-3 .top h3 {
	font-size: 30px;
	font-family: roboto-bold;
	text-align: center;
	margin-bottom: 25px;
}

.qresult-3 .top p {
	font-size: 16px;
	line-height: 2;
	padding: 0 10%;
	text-align: center;
}

.qresult-3 .qresbg {
	background: url(../images/design-8.jpg) no-repeat center;
	text-align: center;
	height: 286px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5% 0 0 0;
	margin-top: 40px;
}

.qresult-3 .qresbg h3 {
	font-size: 30px;
	color: #fff;
	font-family: roboto-bold;
}

.qresult-3 .qresbg .line {
	width: 60px;
	height: 4px;
	background: #e21b22;
	margin: 25px auto;
}

.qresult-3 .qresbg p {
	font-size: 16px;
	color: #fff;
	line-height: 2;
}

.full-service .top h3 {
	font-size: 30px;
	font-family: roboto-bold;
	text-align: center;
}

.full-service .top {
	padding: 0 0 40px;
}

.full-service {
	padding: 40px 0;
}

.full-service .item {
	border-top: 8px solid #e21b22;
	margin-bottom: 50px;
}

.full-service .item .img img {
	width: 100%;
}

.full-service .item .info {
	background: #fff;
	padding: 40px 35px;
}

.full-service .item .info h3 {
	font-size: 24px;
	color: #4c4c4c;
	font-family: roboto-bold;
	margin-bottom: 20px;
}

.full-service .item .info p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 2;
}

.full-service .item .info .link {
	padding: 30px 0 0 0;
}

.full-service .item .info .link a {
	font-size: 16px;
	font-family: roboto-bold;
	padding: 10px 35px;
	border: 1px solid #eaeaea;
	display: inline-block;
	margin-right: 50px;
}

.service_list .tit {
	text-align: center;
}

.service_list .tit h3 {
	font-size: 24px;
	color: #e21b22;
	font-family: roboto-bold;
	margin-bottom: 20px;
}

.service_list .tit p {
	font-size: 16px;
	color: #2d2d2d;
	line-height: 1.5;
}

.service_list .list {
	padding: 60px 0 0 0;
}

.service_list .list .itemlist {
	width: 48%;
	float: left;
	margin-bottom: 40px;
	margin-right: 2%;
}

.service_list .list .itemlist:first-child {
	width: 100%;
}

.service_list .list .itemlist:nth-child(2n+1) {
	margin-right: 0;
}

.service_list .list .itemlist .img img {
	width: 100%;
}

.service_list .list .itemlist .info {
	position: relative;
	padding: 30px 30px;
	background-color: #fff;
	height: 250px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.service_list .list .itemlist .info h3 {
	font-size: 26px;
	color: #2d2d2d;
	font-family: roboto-bold;
	font-weight:bold;
}

.service_list .list .itemlist .c p {
	font-size: 16px;
	color: #2d2d2d;
}

.service_list .list .itemlist .c {
	margin: 20px 0;
}

.service_list .list .itemlist .more {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.service_list .list .itemlist .more a {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	background: #e21b22;
	padding: 7px 20px;
}

.service_cont .cont {
	text-align: center;
}

.service_cont .cont h3 {
	font-size: 24px;
	color: #e21b22;
	font-family: roboto-bold;
}

.service_cont .cont p {
	font-size: 16px;
	color: #2d2d2d;
	margin: 20px 0;
}

.service_cont .cont a {
	background-color: #e21b22;
	color: #fff;
	font-size: 16px;
	padding: 7px 15px;
	display: inline-block;
}

.service_cont {
	padding: 40px 0 60px;
}

.banner_noindex .wz {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner_noindex .wz h3 {
	color: #fff;
	font-size: 40px;
	margin-bottom: 15px;
	font-family: roboto-bold;
}

.banner_noindex .wz p {
	font-size: 20px;
	color: #fff;
}

.hasTop {}

.hasTop .tit {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.hasTop .onecheck {
	background: url(../images/designbg.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 60px 0;
}

.hasTop .onecheck .to {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.hasTop .onecheck .list a {
	display: inline-block;
	width: 25%;
	background: #fff;
	padding: 10px 0;
	font-size: 16px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 3px;
	margin: 10px 20px;
}

.hasTop .onecheck .list a:hover {
	background: #e21a22;
	transition: all .3s ease-out;
	color: #fff;
}

.service_l {
	padding: 60px 0 0 0;
}

.service_l .top h3 {
	font-size: 30px;
	text-align: center;
	font-family: roboto-bold;
}

.service_l .list .lt {
	background: #fff;
	padding: 35px;
	margin: 50px 0;
}

.service_l .list .lt .info h3 {
	font-size: 24px;
	color: #090909;
	font-family: roboto-bold;
	margin-bottom: 20px;
}

.service_l .list .lt .info p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 1.5;
}

.service_l .list .lt {
	justify-content: space-between;
	box-shadow: 2px 3px 5px #eaeaea;
}

.service_l .list .lt:nth-child(2n) {
	flex-direction: row-reverse;
}

.service_l .list .lt .info {
	width: 48%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px 0 0 0;
}

.service_l .list .lt .info a {
	cursor: pointer;
	color: #e21b22;
	font-size:16px;
}

.service_l .list .lt .img {
	width: 48%;
}

.service_l .list .lt .img img {
	width: 100%;
}

.service_bt {
	background: url(../images/design_bt.jpg) no-repeat center;
	height: 383px;
}

.service_bt .container {
	height: 100%;
}

.service_bt .content {
	height: 100%;
	flex-direction: column;
	justify-content: center;
	display: flex;
}

.service_bt .content h3 {
	font-size: 30px;
	text-align: center;
	color: #fff;
	font-family: roboto-bold;
}

.service_bt .content .line {
	width: 60px;
	height: 5px;
	background: #e21b22;
	margin: 15px auto 25px auto;
}

.service_bt .content p {
	font-size: 16px;
	color: #fff;
	line-height: 2;
}
.service_bt .content .more{
	text-align:center;
	margin-top:20px;
}
.service_bt .content .more a{
	display:inline-block;
	padding:8px 25px;
	background:#e21b22;
	color:#fff;
	font-size:14px;
}

.productshow {
	padding: 25px 0;
}

.productshow .leftimg {
	float: left;
	width: 40%;
}

.videoshow .leftimg {
	width: 100%;
}

.productshow .leftimg img {
	width: 100%;
}

.productshow .moreImg {
	float: left;
	width: 8%;
	
	overflow: hidden;
	position: relative;
	margin-left: 2%;
}

.productshow .moreImg img {
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.productshow .moreImg img.on {
	border: 2px solid #7f1c1f;
}

.productshow .moreImgmobile img.on {
	border: 2px solid #7f1c1f;
}

.productshow .moreImg .swiper-container {
	height: 480px;
	padding-top: 25px;
}

.productshow .moreImg .swiper-button-next {
	top: auto;
	bottom: -15px;
	transform: rotate(90deg);
	color: #b9b9b9;
	right: 35%;
}

.productshow .moreImg .swiper-button-prev {
	top: 10px;
	transform: rotate(90deg);
	color: #b9b9b9;
	left: 35%;
}

.productshow .swiper-button-next:after,
.productshow .swiper-button-prev:after {
	font-size: 24px;
	font-weight: bold;
}

.productshow .rightinfo {
	float: right;
	width: 45%;
	position:relative;
}
.productshow .container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}


.videoshow .rightinfo {
	width: 100%;
}

.productshow .rightinfo h3 {
	font-size: 16px;
	color: #760202;
	line-height: 2;
	border-bottom:1px solid #e3e3e3;
	padding-bottom:10px;
}

.productshow .rightinfo .content {
	padding-top: 20px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 2;
	padding-bottom: 40px;
}

.productshow .rightinfo .content img {
	max-width: 100%;
}

.profile .title {
	color: #000;

	border-bottom: 1px solid #efefef;
}

.profile .title p {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	display: inline-block;
	position: relative;
	padding: 10px 20px;
}

.profile .title p::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	bottom: 0;
	background-color: #a70a01;
}

.profile .profilecontent {
	padding: 15px 0;
}

.profile .profilecontent img {
	max-width: 100%;
}

.profile .profilecontent {
	font-size: 14px;
	color: #4c4c4c;
	line-height: 2;
}

.newlists .list ul li {
	margin: 35px 0;
}

.newlists .list ul li .img {
	width: 28%;
	background-size: cover;
}

.newlists .list ul li .info {
	padding: 25px 20px;
	background-color: #f5f5f5;
	width: 72%;
}

.newlists .list ul li .info .date h3 {
	font-size: 20px;
	color: #939699;
}

.newlists .list ul li .info .date h3 span {
	font-size: 24px;
	color: #e21b22;
}

.newlists .list ul li .info .title {
	padding: 15px 0;
}

.newlists .list ul li .info .title h3 {
	font-size: 23px;
	color: #e21b22;
}

.newlists .list ul li .info .description {
	height: 60px;
	overflow: hidden;
}

.newlists .list ul li .info .description p {
	font-size: 16px;
	color: #2d2d2d;
	line-height: 30px;
}

.newshow .title {
	background: #f5f5f5;
	padding: 10px 20px;
}

.newshow .title h3 {
	font-size: 24px;
	color: #2d2d2d;
	font-family: roboto-regular;
}

.newshow .date {
	color: #939699;
	font-size: 18px;
	background-color: #f5f5f5;
	display: inline-block;
	padding: 10px 25px;
	margin: 30px 0 50px;
}

.newshow .content {
	font-size: 14px;
	color: #2d2d2d;
	line-height: 2;
}

.newshow .content img {
	max-width: 100%;
}

.mml-mask.mml-show {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.mml-mask {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	background: rgba(0, 0, 0, .5);
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mml-modal {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: auto;
	max-height: 100%;
	max-width: 1000px;
	background: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 34px 0 rgb(33 33 33 / 15%);
	box-shadow: 0 0 34px 0 rgb(33 33 33 / 15%);
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.mml-form .file-upload {
	position: relative;
	z-index: 1;
	opacity: 0;
}

.mml-form .file-widget {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.mml-form .file-btn {
	margin-right: 20px;
	width: 140px;
	line-height: 40px;
	color: #fff;
	background-color: #e21b22;
	border-color: transparent;
	font-size: 16px;
}

.btn,
.wpcf7-submit,
.file-btn {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
	padding: 0 20px;
	width: 285px;
	max-width: 100%;
	border: solid 3px #875d3e;
	color: #875d3e;
	line-height: 54px;
	font-size: 22px;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: all 0.24s;
	-o-transition: all 0.24s;
	transition: all 0.24s;
	overflow: hidden;
}

.mml-modal-content h4 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 22px;
}

.mml-modal-header {
	padding: 5px 20px;
	text-align: right;
}

.mml-modal-close {
	font-size: 26px;
	cursor: pointer;
	color: #9c8d7c;
}

.mml-modal-content {
	padding: 0 30px 20px;
	overflow: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.mml-modal-content h4 {
	margin-bottom: 30px;
	text-align: center;
}

.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.mml-form .ipt-row {
	position: relative;
	margin-bottom: 30px;
	color: #9c8d7c;
}

.mml-form label {
	display: block;
	width: 100%;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.mml-form input,
.mml-form textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 15px;
	border: none;
	outline: none;
	max-height: 120px;
	background-color: #eeeeee;
	-webkit-transition: all .24s;
	-o-transition: all .24s;
	transition: all .24s;
	resize: none;
}

.mml-form .file-msg {
	margin: -10px 0 50px;
	color: #9c8d7c;
}

.mml-form .wpcf7-submit {
	padding: 0 10px;
	line-height: 60px;
	background-color: #e21b22;
	color: #fcfcf7;
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: .75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc;
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.wpcf7 .code input {
	width: 50%;
	display: inline-block;
}

.wpcf7 .code img {
	height: 38px;
}
.productshow  .rightinfo .inquiry {
    background: #e21b22;
    color: #fff;
    font-size: 20px;
    position: absolute;
    width: 100%;
    padding: 10px 0;
    left: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
}

@media screen and (min-width: 300px) and (max-width: 960px) {
	.pc {
		display: none!important;
	}

	.mobile {
		display: block;
	}

	.container {
		width: 100%;
		padding: 0 10px;
		overflow: hidden;
	}

	.banner img {
		width: 100%;
	}

	.navs-m {
		width: 45px;
		height: 37px;
		overflow: hidden;
		position: relative;
		right: 0;
		top: 0;
		z-index: 1000;
	}

	.navs-m span,
	.navs span:first-child,
	.navs span:last-child {
		left: 14px;
		position: absolute;
		background: #fff;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		width: 27px;
		height: 2px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}

	.navs-m span {
		top: 16px;
	}

	.navs-m span:first-child {
		content: "";
		top: 8px;
	}

	.navs-m span:last-child {
		content: "";
		top: 24px;
	}

	.drawer {
		z-index: 99;
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: #fff;
		visibility: hidden;
		opacity: 0;
		top: 66px;
		padding: 0 9px 15px;
		-webkit-transition: visibility 200ms 250ms, opacity 200ms 250ms, -webkit-transform 200ms 200ms;
		transition: visibility 200ms 250ms, opacity 200ms 250ms, -webkit-transform 200ms 200ms;
		transition: transform 200ms 200ms, visibility 200ms 250ms, opacity 200ms 250ms;
		transition: transform 200ms 200ms, visibility 200ms 250ms, opacity 200ms 250ms, -webkit-transform 200ms 200ms;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		background: #000;
		padding-top: 20px;
		overflow-y: auto;
	}

	.drawer ul.innerInfo {
		position: relative;
	}

	.drawer ul li[data-level="0"]>a {
		text-transform: capitalize !important;
		color: #fff;
		padding: 10px 20px;
		font-size: 16px;
		display: block;
		position: relative;
	}

	.drawer .menu-submenu {
		width: 100% !important;
		top: 0;
		background-color: white;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border: 0;
		padding: 0;
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
		-webkit-transition: 180ms ease-in-out;
		transition: 180ms ease-in-out;
		min-height: 101%;
		position: absolute;
		z-index: 1;
		background: #000;
	}

	.drawer .we-mega-menu-link-button {
		display: block;
		background-color: transparent;
		height: 20px;
		width: 20px;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		background-image: url(../images/icons-arrow-right-white.svg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		position: absolute;
		top: 12px;
		right: 5px;
		background-repeat: no-repeat;
	}

	.drawer .menu-submenu ul li.backLink a {
		padding: 18.5px 20px;
		font-size: 12px;
	}

	.drawer .menu-submenu ul li.backLink a span {
		font-size: 14px;
		display: inline-block;
	}

	.drawer .menu-submenu ul li a {
		padding: 10px 40px 5px 21px;
		color: #fff;
		font-size: 14px;
		line-height: 22px;
		display: block;
	}

	.drawer.opened {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}

	.drawer .menu-submenu.opened {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}

	.MASK_SEARCH .middle {
		width: 100%;

	}

	.MASK_SEARCH .searchbox .searchform {
		padding: 60px 12px;
	}

	.MASK_SEARCH .searchbox .searchform .zx input[type=text] {
		width: 70%;
		height: 38px;
		border: 0;
		font-size: 15px;
		outline: none;
	}

	.MASK_SEARCH .searchbox .searchform .zx input[type=submit] {
		background: url(../images/fdj2.png) no-repeat center;
		height: 20px;
		width: 20px;
		background-size: 100%;
		border: 0;
		position: relative;
		top: 13px;
		margin-right: 4px;
	}

	.MASK_SEARCH .searchbox .searchform .zx .close {
		display: inline-block;
		width: 20px;
		height: 3px;
		background: #595757;
		transform: rotate(45deg);
		cursor: pointer;
		transition: .3s all linear;
		position: relative;
		top: 4px;
	}

	.MASK_SEARCH .searchbox .searchform .zx .close::after {
		content: '';
		display: block;
		width: 20px;
		height: 3px;
		background: #595757;
		transform: rotate(-90deg);
	}

	.header .hnav {
		display: none;
	}

	.header .logo img {
		height: 40px;
	}

	.index_recommend {
		height: auto;
		background-size: cover;
		padding: 30px 0 0 0;
	}

	.index_recommend .title h3 {
		font-size: 22px;
		color: #fff;
		font-weight: bold;
	}

	.index_recommend .title p {
		font-size: 14px;
		color: #fff;
		margin: 15px 0 0 0;
	}

	.index_recommend .rec_middle .m_Left {
		width: 100%;
		float: left;
	}

	.index_recommend .rec_middle {
		padding: 30px 0 30px;
	}

	.index_recommend .rec_middle .m_Left .top .info h3 {
		color: #fff;
		font-size: 18px;
	}

	.index_recommend .rec_middle .m_Left .top .point {

		margin-right: 8px;
		margin-top: 7px;
	}

	.index_recommend .mdd ul li a {

		font-size: 13px;
		

	}

	.index_recommend .rec_middle .m_Left .top .info {
		display: inline-block;
		vertical-align: top;
		width: 80%;
		width: calc(100% - 30px);
	}

	.index_recommend .m_Right {
		float: right;
		width: 100%;
		margin-top: 20px;
	}

	.index_recommend .m_Right .ibg .pic img {
		position: relative;
		top: 0;
		width: 100%;
		border-radius: 15px;
	}

	.index_recommend .rec_bottom .r_top .k {
		width: 80%;
		width: calc(100% - 30px);
		font-size: 16px;
	}

	.index_recommend .rec_bottom .r_top .point {
		margin-right: 7px;
		margin-top: 5px;
	}

	.index_recommend .rec_bottom .s_bottom ul li {
		width: 50%;
	}

	.index_recommend .rec_bottom .s_bottom ul {
		flex-wrap: wrap;
	}

	.index_recommend .rec_bottom .s_bottom ul li:nth-child(2) .a::after {
		display: none;
	}

	.index_recommend .rec_bottom .s_bottom ul li .a .words h3 {
		color: #fff;
		font-size: 16px;
	}

	.index_recommend .rec_bottom .s_bottom ul li .a .words p {
		color: #fff;
		font-size: 12px;
	}

	.index_recommend .rec_bottom .s_bottom ul li .a .icon img {
		height: 40px;
	}

	.index_recommend .rec_bottom .s_bottom {
		padding: 30px 0;
	}

	.index_pro {
		padding: 30px 0;
	}

	.index_pro .btitle h3 {
		font-size: 22px;
		color: #2f323a;
		font-weight: bold;
	}

	.index_pro .btitle p {
		font-size: 13px;
		color: #6f6f6f;
	}
	.index_cho .title h3 {
	    font-size: 22px;
	    color: #2f323a;
	    font-weight: bold;
	}

	.mobile_nav_p {
		padding: 20px 0;
		box-shadow: 0px 0px 5px #dddddd;
		margin: 15px 0;
	}

	.mobile_nav_p .swiper-slide {
		text-align: center;
	}

	.mobile_nav_p .swiper-slide .img {
		height: 30px;

	}

	.mobile_nav_p .swiper-slide .img img {
		max-height: 100%;
	}

	.mobile_nav_p .swiper-slide .t2 {
		font-size: 12px;
		margin-top: 10px;
	}

	.mobile_nav_p .swiper-button-next,
	.mobile_nav_p .swiper-button-prev {
		width: 30px;
		height: 30px;

		color: #c3c3c3;
		background: rgba(0, 0, 0, .8);
	}

	.mobile_nav_p .swiper-button-next:after,
	.mobile_nav_p .swiper-button-prev:after {
		font-size: 14px;
	}

	.index_pro .plist .item {
		display: block;
	}

	.index_pro .plist ul li .info h3 {
		font-size: 12px;
	}

	.index_pro .plist ul li {
		width: 32%;
		margin-right: 2%;
		float: left;
	}
	.index_pro .plist ul li:nth-child(3n){
		margin-right:0;
	}

	.index_pro .plist ul li .img .mimg {
		height: 30vw;
	}

	.index_about .words {
		width: 100%;
		padding: 30px 15px 30px 15px;
		margin: 30px 0 0 0;
	}

	.index_about .abg {
		background-repeat: no-repeat;
		background-size: 100% auto;
		height: 72vw;
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		z-index: 0;
	}

	.index_about .words a {
		margin: 30px 0 0 0;
		padding: 7px 35px;
		font-size: 13px;
	}

	.index_about .title h3 {
		font-size: 22px;

	}

	.index_about .title p {
		font-size: 13px;
	}

	.index_solute {
		padding: 30px 0;
		background-color: #eeeeee;
	}

	.index_solute .top .title h3 {
		font-size: 22px;
	}

	.index_solute .top .title p {
		font-size: 14px;
		color: #6f6f6f;
	}
	.index_solute .top .title{
		padding: 0 0 10px 0;
	}

	.index_solute .list ul li {
		background-color: #fff;
		width: 100%;
		transition: .3s all ease;
		cursor: pointer;
		margin: 15px 0;
	}

	.index_solute .list ul {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.index_contact {
		padding: 30px 0;
	}

	.index_contact .title h3 {
		font-size: 22px;
		font-weight: bold;
	}

	.index_contact .list {
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 30px 0 0 0;
	}

	.index_contact .list .item label {
		font-size: 12px;
		width: 70px;
	}
	.index_cho {
		background: #fafafa;
		padding: 30px 0 0 0;
	}
	.index_cho .title p {
	font-size: 13px;
	color: #6f6f6f;
	margin-top: 10px;
}

.index_cho .list ul li .mtitle {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin: 10px 0 15px;
}

.index_cho .list ul li .stitle {
	font-size: 12px;
	color: #6f6f6f;
}
	.footer {
		background: #191919;
		padding: 30px 0 30px;
	}

	.footer .top {
		flex-wrap: wrap;
	}

	.footer .top .logo h3 {
		font-size: 16px;
		color: #e21b22;
		font-weight: bold;
		line-height: 30px;
	}

	.footer .top .fLeft .icon-list {

		margin-top: 30px;
	}

	.footer .top .fmiddle1 {
		padding: 15px;
	}

	.footer .top .fmiddle1 .s .s1 .w {
		font-size: 14px;
		color: #6f6f6f;
		margin-left: 10px;
	}

	.footer .top .fmiddle1 .toptit {
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.location .loc a {
		font-size: 12px;
		color: #2e2e2e;
	}

	.location .loc img {
		height: 15px;
	}

	.productlist .leftnav {
		width: 100%;
		float: left;
		border-radius: 10px;
		overflow: hidden;
		display: none;
	}

	.productlist .rightpro {
		width: 100%;
		float: right;
	}

	.productlist .rightpro ul li {
		width: 49%;
		margin-right: 2% !important;
	}

	.productlist .rightpro ul li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.productlist .rightpro ul li .info h3 {
		color: #fff;
		font-size: 12px;
		height: 36px;
		overflow: hidden;
	}

	.banner_noindex {
		background-position: top center;
		background-repeat: no-repeat;
		height: 50vw;
		background-size: cover;
	}

	.banner_noindex .wz h3 {
		font-size: 5vw;
		margin-bottom: 5px;
	}

	.banner_noindex .wz p {
		font-size: 3vw;
		color: #fff;
	}

	.hasTop .onecheck .list a {
		display: inline-block;
		width: 90%;
		background: #fff;
		padding: 8px 0;
		box-sizing: border-box;
		font-size: 14px;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 3px;
		margin: 10px 0;
	}

	.hasTop .onecheck .to {
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.hasTop .onecheck {
		padding: 30px 0;
	}

	.hasTop .tit {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.hasTop {
		padding: 30px 0 0 0;
	}

	.service_l {
		padding: 30px 0 0 0;
	}

	.service_l .top h3 {
		font-size: 24px;
	}

	.service_l .list .lt {
		flex-wrap: wrap;
		margin: 30px 0;
		padding: 15px;
	}

	.service_l .list .lt .info {
		width: 100%;
		padding: 10px 0 10px 0;
	}

	.service_l .list .lt .img {
		width: 100%;
	}

	.service_l .list .lt .info h3 {
		font-size: 16px;
		color: #090909;
		font-family: roboto-bold;
		margin-bottom: 15px;
	}

	.service_l .list .lt .info p {
		font-size: 13px;
		color: #4c4c4c;
		line-height: 1.5;
	}
	.service_l .list .lt .info a {
		font-size: 13px;
	}

	.service_bt {
		height: auto;
		padding: 30px 0;
		background-size: cover;
	}

	.service_bt .content h3 {
		font-size: 18px;
		text-align: center;
		color: #fff;
		font-family: roboto-bold;
	}
	.service_bt .content .more a{
		font-size: 13px;
		padding: 6px 22px;
	}

	.service_bt .content .line {
		width: 45px;
		height: 3px;
		background: #e21b22;
		margin: 10px auto 10px auto;
	}

	.service_bt .content p {
		font-size: 13px;
		color: #fff;
		line-height: 2;
	}

	.abm .top h3 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.abm {
		padding: 30px 0;
	}

	.abm ul li {
		width: 100%;
	}

	.abm ul {
		flex-wrap: wrap;
	}

	.abm ul li .info h3 {
		font-size: 18px;
		font-family: roboto-bold;
		margin-bottom: 10px;
	}

	.abm ul li .info p {
		font-size: 14px;
		color: #4c4c4c;
		line-height: 1.8;
	}

	.abm ul li .more a {
		font-size: 14px;
		color: #e21b22;
	}

	.abm ul li .more a img {
		width: 25px;
	}

	.herework .content h3 {
		font-size: 20px;
		color: #fff;
		text-align: center;
	}

	.herework .content .line {
		width: 50px;
		height: 3px;
		background: #e21b22;
		margin: 15px auto 15px auto;
	}

	.herework .content p {
		font-size: 14px;
		color: #fefefe;
	}

	.herework {
		height: auto;
		padding: 30px 0;
	}

	.delivery {
		padding: 30px 0;
	}

	.delivery .top h3 {
		font-size: 20px;
		text-align: center;
		font-family: roboto-bold;
	}

	.delivery .href-ul {
		justify-content: space-between;
		padding: 20px 0;
		flex-wrap: wrap;
	}

	.delivery .href-ul a {
		width: 100%;
		background: #4d4d4d;
		color: #fff;
		text-align: center;
		padding: 8px 0;
		margin: 8px 0;
	}

	.delivery .content h3 {
		font-size: 20px;
	}

	.delivery .content .t2 {
		font-size: 18px;
		color: #4c4c4c;
		text-align: center;
		margin: 20px 0;
	}

	.delivery .content .ctx p {
		font-size: 14px;
	}

	.advocates {
		background: url(../images/design-2.jpg) no-repeat center;
		padding: 30px 0;
		background-size: cover;
	}

	.advocates .top h3 {
		font-size: 20px;
		color: #fff;
		font-family: roboto-bold;
		margin-bottom: 15px;
	}

	.advocates .top p {
		font-size: 16px;
		color: #fff;
	}

	.advocates .bottom {
		flex-wrap: wrap;
	}

	.advocates .bottom .img {
		width: 100%;
		max-width: 100%;
	}

	.advocates .bottom .img img {
		width: 100%;
	}

	.advocates .bottom .info {
		width: 100%;
		padding: 20px 15px 0 15px;
	}

	.advocates .bottom .info h3 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 15px;
	}

	.advocates .bottom .info a {
		font-size: 14px;
		color: #e21b22;
		margin-top: 20px;
		display: inline-block;
	}

	.advocates .bottom .info p {
		font-size: 14px;
		color: #fffefe;
		line-height: 2;
	}

	.dedicated {
		padding: 30px 0 10px;
	}

	.dedicated .top h3 {
		font-size: 20px;
		font-family: roboto-bold;
	}
	.dedicated .ctx .t1 {
    font-size: 20px;
}

	.dedicated .top p {
		font-size: 14px;
		color: #000;
		margin: 15px 0;
	}

	.dedicated .ctx .ct .item p {
		font-size: 12px;
		color: #4c4c4c;
		line-height: 2;
	}

	.dedicated .ctx {
		background: #fff;
		padding: 15px;
	}

	.dedicated .tlist {
		flex-wrap: wrap;
	}

	.dedicated .tlist {
		justify-content: space-between;
		padding: 30px 0;
		align-items: center;
	}

	.dedicated .tlist .text {
		width: 100%;
	}

	.dedicated .tlist .img {
		width: 100%;
	}

	.dedicated .tlist .img img {
		width: 100%;
	}

	.dedicated .tlist .text h3 {
		font-size: 20px;
		font-family: roboto-bold;
		margin: 15px 0;
	}

	.dedicated .tlist .text p {
		color: #4c4c4c;
		font-size: 14px;
		line-height: 2;
	}

	.wcd .top h3 {
		font-size: 24px;
		font-family: roboto-bold;
		text-align: center;
	}

	.wcd .list ul li {
		width: 100%;
	}

	.wcd .top h3 {
		font-size: 24px;
		font-family: roboto-bold;
		text-align: center;
	}

	.wcd .list ul li .info h3 {
		font-size: 16px;
		font-family: roboto-bold;
		margin-bottom: 15px;
	}

	.wcd .list ul li .info p {
		font-size: 14px;
		color: #4c4c4c;
		line-height: 1.8;
	}
	.wcd .list ul li .more a {
	    font-size: 14px;
	    color: #e21b22;
	}

	.wcd-2 {
		background: #fff;
		padding: 30px 0 30px;
	}

	.wcd-2 .content h3 {
		font-size: 20px;
	}

	.wcd-2 .content .ctx {
		padding: 15px 20px;
		font-size: 16px;
		color: #4c4c4c;
		line-height: 2;
	}

	.wcd-2 .content .ctx {
		font-size: 14px;
	}

	.ts {
		padding: 30px 0 30px;
	}

	.ts .top h3 {
		font-size: 20px;
	}

	.ts .top p {
		font-size: 16px;
	}
	.ts ul li .more a {
	    font-size: 14px;
	    color: #e21b22;
	}

	.qresult .top h3 {
		font-size: 24px;
		color: #000000;
		font-family: roboto-bold;
	}

	.qresult .top h3 {
		font-size: 20px;
		color: #000000;
		font-family: roboto-bold;
	}

	.qresult .top p {
		font-size: 16px;
		color: #000000;
		margin: 10px 0 20px;
	}

	.qresult .bottom .info {
		width: 100%;
		padding: 20px 15px 0 15px;
	}

	.qresult .bottom .img {
		max-width: 100%;
		width: 100%;
	}
	.qresult .bottom .info a {
	    font-size: 14px;
	    color: #e21b22;
	    margin-top: 20px;
	    display: inline-block;
	}

	.ts ul li {
		width: 100%;
		margin-right: 0;
	}

	.ts ul li .info h3 {
		font-size: 16px;
		font-family: roboto-bold;
		margin-bottom: 15px;
	}

	.ts ul li .info p {
		font-size: 14px;
		color: #4c4c4c;
		line-height: 1.8;
	}

	.qresult .bottom {
		flex-direction: row-reverse;
		flex-wrap: wrap;
	}

	.qresult .bottom .info h3 {
		font-size: 16px;
		margin-bottom: 15px;
		font-family: roboto-bold;
	}

	.qresult .bottom .info p {
		font-size: 14px;
		line-height: 2;
	}

	.qresult-2 {
		padding: 30px 0;
	}

	.qresult-2 ul li {
		width: 49%;
		margin-right: 2% !important;
		margin-bottom: 15px;
	}

	.qresult-2 ul li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.qresult-2 ul li .img img {
		width: 80%;
	}

	.qresult-2 ul li .tit {
		font-size: 14px;
		color: #4c4c4c;
		margin: 10px 0;
		height: 44px;
	}

	.qresult-2 ul li .text {
		font-size: 14px;
		color: #4c4c4c;
		height: 38px;
	}
	.qresult-3 .qresbg{
		height: auto;
		padding: 5% 0 5% 0;
	}
	.qresult-3 .top p {
		font-size: 14px;
		line-height: 2;
		padding: 0 0;
		text-align: center;
	}

	.qresult-3 .qresbg h3 {
		font-size: 20px;
		color: #fff;
		font-family: roboto-bold;
	}

	.qresult-3 .qresbg .line {
		width: 50px;
		height: 3px;
		background: #e21b22;
		margin: 15px auto;
	}

	.qresult-3 .qresbg p {
		font-size: 14px;
		color: #fff;
		line-height: 2;
	}

	.full-service {
		padding: 30px 0;
	}

	.full-service .top h3 {
		font-size: 20px;
		font-family: roboto-bold;
		text-align: center;
	}

	.full-service .top {
		padding: 0 0 30px;
	}

	.full-service .item .info {
		background: #fff;
		padding: 20px 25px;
	}

	.full-service .item .info h3 {
		font-size: 18px;
	}

	.full-service .item .info p {
		font-size: 14px;
		color: #4c4c4c;
		line-height: 2;
	}

	.full-service .item .info .link a {
		font-size: 14px;
		font-family: roboto-bold;
		padding: 8px 20px;
		border: 1px solid #eaeaea;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.full-service .item {
		border-top: 6px solid #e21b22;
		margin-bottom: 30px;
	}

	.qresult-3 .top h3 {
		font-size: 20px;
		font-family: roboto-bold;
		text-align: center;
		margin-bottom: 20px;
	}

	.apac {
		padding: 30px 0 0 0;
	}

	.apac .top .its {
		flex-wrap: wrap;
	}

	.apac .top .img {
		width: 100%;
	}

	.apac .top .info {
		width: 100%;
		padding: 25px 0 0 0;
	}

	.apac .top .info h3 {
		font-size: 20px;
		color: #2e2e2e;
		font-family: roboto-bold;
	}

	.apac .top .info .line {
		width: 45px;
		height: 3px;
		background-color: #e21b22;
		margin: 10px 0 15px;
	}

	.apac .top .info p {
		font-size: 14px;
		color: #4c4c4c;
		line-height: 2;
	}

	.apac .wz {
		padding: 30px 0;
	}

	.apac .wz h3 {
		font-size: 20px;

	}

	.apac .wz p {
		color: #4c4c4c;
		font-size: 14px;
		line-height: 2;
	}

	.apac_bt .top h3 {
		font-size: 20px;
		color: #e21b22;
		font-family: roboto-bold;
	}

	.apac_bt .list ul {
		padding: 30px 0;
		flex-wrap: wrap;
	}

	.apac_bt .list ul li {
		width: 100%;
	}

	.apac_bt .list ul li .mask h3 {
		font-size: 18px;
		color: #fff;
		font-family: roboto-bold;
		margin-bottom: 10px;
	}

	.apac_bt .list ul li .mask p {
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 28px;
	}

	.contacts {
		padding: 30px 0 0 0;
	}

	.contacts .top h3 {
		font-size: 18px;
	}
	.contacts .top p {
	    font-size: 14px;
	    color: #4c4c4c;
	}

	.contacts .list {
		padding: 30px 0 30px;
		justify-content: center;
	}

	.contacts .list .item {
		width: 90% !important;
		margin-right: 0 !important;

	}

	.contacts .list .item .info a {
		width: 150px;
		padding: 11px 0;
		font-size: .8rem;
		margin: 5px 0;
	}
	.contacts .list .item .img {
	    height: 40px;
	    margin-bottom: 20px;
	}
	.contacts .list .item .info h3 {
	    font-size: 18px;
	}
	

	.subscribe .sblist p {
		font-size: 18px;
		color: #fff;
		font-family: roboto-bold;
	}

	.subscribe .sblist {
		text-align: center;
		background-color: #e21b22;
		padding: 20px 10px;
	}

	.shg .shg_list .its {
		width: 100%;
		margin: 5px 0;
	}

	.shg .shg_list {
		flex-wrap: wrap;
		padding: 30px 0;
	}

	.shg .shg_list .its .tit {
		font-size: 22px;
		color: #2d2d2d;
		font-family: roboto-bold;
	}
	.shg .shg_list .its .text p {
	    font-size: 14px;
	    color: #2d2d2d;
	}

	.shg .shg_list .its .btn2 {
		margin-left: 0;
		margin: 15px 0;
	}

	.shg .shg_list .its .bottom {
		margin-top: 15px;
		flex-direction: column;
	}
	.newlists{
		padding: 30px 0 0 0;
	}
	.newlists .list ul li a{
		flex-wrap: wrap;
	}
	.newlists .list ul li .img {
		width: 100%;
		height: 50vw;
		background-size: cover;
	}
	.newlists .list ul li .info {
		padding: 20px 15px;
		background-color: #f5f5f5;
		width: 100%;
	}
	.newlists .list ul li .info .date h3 {
		font-size: 16px;
		color: #939699;
	}
	.newlists .list ul li .info .date h3 span {
		font-size: 16px;
		color: #e21b22;
	}
	.newlists .list ul li .info .title {
		padding: 10px 0;
	}
	.newlists .list ul li .info .title h3 {
		font-size: 18px;
		color: #e21b22;
	}
	.newlists .list ul li .info .description p {
		font-size: 14px;
		color: #2d2d2d;
		line-height: 25px;
	}
	.newlists .list ul li .info .description {
		height: 50px;
		overflow: hidden;
	}
	.newlists .list ul li {
		margin: 0 0 30px;
	}
	.newshow .title h3 {
				    font-size: 16px;
				    color: #2d2d2d;
				    font-family: roboto-regular;
	}
	.newshow .date {
		color: #939699;
		font-size: 13px;
		background-color: #f5f5f5;
		display: inline-block;
		padding: 10px 15px;
		margin: 20px 0 20px;
	}
	.newshow .content{
		font-size: 14px;
		line-height: 2;
	}
	.productshow .leftimg {
				    float: left;
				    width: 100%;
				}
				.moreImgmobile{
					float: left;
					width: 100%;
					position: relative;
					padding-top: 10px;
				}
				.moreImgmobile img{
					width: 100%;
				}
				.productshow .rightinfo {
				    float: right;
				    width: 100%;
				    padding-top: 15px;
				}
				.productshow .rightinfo .inquiry {
					font-size: 15px;
					padding: 7px 0;
				}
				.index_black .swiper-container {
				    width: 80%;
				    margin: auto;
				}
				.page #search-item-length-wrap{
					margin-top:5px;
				}
				#search-item-length-wrap select {
    width: auto;
    padding: 3px 3px 3px 5px;
    height: auto;
}
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
	.container {
		width: 100%;
		padding: 0 15px;
	}
	.header .r-header .hnav ul li a {
	    font-size: 1.3vw;
	    color: #fff;
	}
	.header .r-header .hnav ul li {
	    display: inline-block;
	    margin-right: 20px;
	}
	.productlist .leftnav .bottom .box .btns a {
		padding: 7px 10px;
	}
	.apac_bt .list ul li .mask p {
	    font-size: 14px;
	    color: #fff;
	    text-align: center;
	    line-height: 24px;
	}
	.apac_bt .list ul li .mask h3 {
	    font-size: 18px;
	    color: #fff;
	    font-family: roboto-bold;
	    margin-bottom: 10px;
	}
}