@charset "utf-8";
@import url('reset.css');
@import url('../font/font-awesome-4.7.0/css/font-awesome.min.css');

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--common-font-size: .18rem;
	--common-font-color: #999;
	--common-hover-color: #f69130;
	--common-p-line-height: 180%;
	--common-p-color: #3e3e3e;
}

body {
	background-color: #1c1c1c;
	overflow: hidden;
}

input {
	font-family: arial;
}

img {
	max-width: 100%;
}

a {
	background: transparent;
	text-decoration: none;
	color: #666
}

a:active,
a:hover {
	outline: 0
}

a:hover {
	text-decoration: none;
	color: var(--common-hover-color);
}

.textCenter {
	text-align: center;
}

.wrapper {
	width: 1600px;
	margin: 0 auto;
	text-align: left
}

.index .wrapper {
	width: 1600px;
}

.ov {
	overflow: hidden;
}

.ts {
	text-transform: uppercase
}

.mauto {
	margin: 0 auto
}

.pz {
	position: relative;
	z-index: 0
}

.pa {
	position: absolute;
	z-index: 0
}

.pf {
	position: fixed;
}

.bz {
	box-sizing: border-box
}

.b, .fb {
	font-weight: bold
}

.i {
	font-style: italic
}

.hidden {
	display: none !important
}

.cb {
	clear: both
}

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

.all100 {
	width: 100% !important;
}

/*animation*/
@keyframes slideDown {
	0% {
		top: .9rem;
		opacity: 0;
		transform: scale(0, 0);
	}

	to {
		top: 1rem;
		opacity: 1;
		transform: scale(1, 1);
	}
}

@-webkit-keyframes slideDown {
	0% {
		top: .9rem;
		opacity: 0;
		transform: scale(0, 0);
	}

	to {
		top: 1rem;
		opacity: 1;
		transform: scale(1, 1);
	}
}

@keyframes headerDown {
	0% {
		transform: translateY(-70%);
	}

	to {
		transform: translateY(0);
	}
}

.img img {
	transform: scale(1);
	transition: all .8s;
}

a:hover .img img {
	transform: scale(1.1, 1.1);
	transition: all .8s;
}

.textLeft {
	margin-bottom: .2rem;
	text-align: left !important;
}

.flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.flexJb {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.flexColumn {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
}

.flexAc {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.flexCenter {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.flexWrap {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.flexRight {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}

.ovd {
	overflow: hidden;
}

.db {
	display: block;
}

/*header*/
html {}

header {
	width: 100%;
	height: .7rem;
	z-index: 99999;
	left: 0;
	top: 0;
	background-color: rgba(33, 24, 27, .8);
}

header .wrapper {
	height: .7rem;
}

header .logo img {
	max-height: .6rem;
}

header .r .search {
	width: 2.4rem;
	height: .38rem;
	background-color: #0b0b0a;
	border-radius: .19rem;
}

header .r .search .input {
	flex: 1;
	height: .38rem;
	padding: 0 .18rem;
	background: none;
	border: 0;
	font-size: 14px;
	color: #fff;
}

header .r .search .input::placeholder {
	color: #fff;
	opacity: 1;
}

header .r .search a {
	width: .38rem;
	height: .38rem;
}

header .r i.fa {
	font-size: .18rem;
	color: #fff;
}

header .r i.fa:hover {
	color: var(--common-hover-color);
}

/*nav*/
nav {
	height: .69rem;
}

nav ul {
	overflow: visible !important;
	margin: 0 auto;
	font-size: 0;
}

nav li>a {
	display: inline-block;
	text-align: center;
	line-height: .67rem;
	font-size: var(--common-font-size);
	color: #fff;
	margin: 0 .36rem;
}

nav li:hover>a {
	border-color: #fff;
	color: #fff;
}

nav li>a.active {
	color: #6b9773;
	font-weight: bold;
}

nav .dl {
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 999;
	top: .69rem;
	left: 0;
	width: 100%;
	background: #fff;
	background: linear-gradient(to bottom, #fff, #dcdcdc);
	text-align: center;
	-webkit-animation: slideDown 0.3s 1;
	-khtml-animation: slideDown 0.3s 1;
	animation-direction: alternate;
	padding: 10px;
	box-shadow: 0 .1rem .1rem #666;
	border-top: .04rem solid var(--common-hover-color);
	border-radius: 0 0 .06rem .06rem;
}

nav li:hover .dl {
	display: -webkit-flex;
	display: flex;
}

nav li:hover .dl dt {
	overflow: hidden;
	width: 48%;
}

nav li:hover .dl dt:nth-child(even) {
	margin-left: 4%;
}

nav li:hover .dl dt a {
	overflow: hidden;
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 0;
	line-height: 25px;
	border-bottom: 1px solid var(--common-hover-color);
}

nav li:hover .dl dt a:link,
nav li:hover .dl dt a:visited {
	font-size: var(--common-font-size);
	color: var(--common-p-color)
}

nav li:hover .dl dt a:hover {
	text-decoration: none;
	color: var(--common-hover-color);
}

nav li .dl dt dt a {
	border: 0 !important;
	font-size: .14rem !important;
}

nav li .dl dt dt a:hover {
	color: var(--common-hover-color) !important;
}

/*swiper*/

.swiper-button-next, .swiper-button-prev {
	color: var(--common-font-color) !important;
}

.indexSwiper img {
	width: 100%;
	display: block;
}

.indexSwiper .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #fff;
	opacity: 1;
	margin: 0 4px;
}

.indexSwiper .swiper-pagination-bullet-active {
	background-color: #d80007 !important;
}

/*footer*/
footer {
	padding: .14rem 0;
	background-color: #1c1c1c;
}

footer .f1 {
	line-height: .39rem;
	font-size: 14px;
	color: #c3c3c3;
}

footer .f1::after {
	content: '';
	display: block;
	width: 8.7rem;
	height: 1px;
	background-color: #626262;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}


footer .f1 a {
	color: #c3c3c3;
}

footer .f2 {
	line-height: .39rem;
	font-size: 14px;
	color: #c3c3c3;
}

footer .f2 a {
	color: #c3c3c3;
}

/*index*/
main.index {
	padding: .5rem 0;
	background: url(../images/bg/main.jpg);
}

.classname.inPage {
	margin-top: .6rem;
}

main.index .classname li {
	width: 18.125%;
}

main.index .classname li .pic {
	width: 100%;
	height: 1.68rem;
	background-color: #000;
	border-radius: .06rem .06rem 0 0;
	line-height: 1.68rem;
	font-size: 0;
}

main.index .classname li .pic img {
	width: 100%;
	height: 1.68rem;
	object-fit: contain;
	margin: 0 auto;
}

main.index .classname li:nth-child(1) .pic img {
	width: 2.72rem;
}

main.index .classname li:nth-child(2) .pic img {
	width: 2.4rem;
}

main.index .classname li:nth-child(4) .pic img {
	width: 2.62rem;
}

main.index .classname li:nth-child(5) .pic img {
	width: 2.72rem;
}

main.index .classname li .title {
	width: 100%;
	padding: .1rem 0;
	line-height: .32rem;
	font-size: .18rem;
	color: #c3c3c3;
	background-color: #4b4b4b;
	border-radius: 0 0 .06rem .06rem;
}

main.index .classname li.active .title {
	background-color: #a40000;
	color: #fff;
}

main.index .classname li.active .title::after {
	content: '';
	display: block;
	width: .23rem;
	height: .11rem;
	background: url(../images/icon/arrow_down.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: .52rem;
	left: 50%;
	transform: translateX(-50%);
}

main.index .list {
	margin-top: .87rem;
	display: none;
}

main.index .list.active {
	display: -webkit-flex;
	display: flex;
	animation: fadeIn 0.3s 1;
}

main.index .list li {
	width: 16%;
	margin-bottom: .3rem;
	margin-right: .8%;
}

main.index .list li:nth-child(6n) {
	margin-right: 0;
}

main.index .list li a {
	cursor: default;
}

main.index .list li .img, main.index .list li img {
	width: 100%;
}

main.index .list li .img {
	/*border-radius: .07rem .07rem 0 0;*/
	border-radius: .07rem;
}

main.index .list li .title {
	padding: .1rem 0;
	line-height: .32rem;
	background-color: #313131;
	border-radius: 0 0 .07rem .07rem;
	font-size: var(--common-font-size);
	color: #c3c3c3;
}

/*other*/
.banner img {
	width: 100%;
}

.banner h2 {
	font-size: .6rem;
	color: #333;
	top: 50%;
	transform: translateY(-50%);
	left: calc((100vw - 12rem) /2);
}

.banner.center h2 {
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

/*main.index*/

/*sidebar*/
.sidebar {
	width: 100%;
	margin: .31rem 0;
}

.sidebar li a {
	line-height: .38rem;
	background-color: #273f87;
	border: 1px solid #273f87;
	padding: 0 .24rem;
	font-size: .24rem;
	color: #fff;
}

.sidebar li a.active {
	background-color: #fff;
	border-color: #f3981e;
	color: #333;
}

/*main.index content*/
.pageTitle {
	line-height: .68rem;
	margin: 1.01rem 0 0 0;
	padding-bottom: .25rem;
	border-bottom: 1px solid #e5e5e5;
	font-size: .48rem;
	color: #333;
	font-family: Cambria;
}

.main.indexContent {
	width: 943px;
	margin-top: 31px;
	min-height: 400px;
}

.positions {
	width: 100%;
	height: 49px;
	border-bottom: 3px solid #f6f2ee;
}

.positions p, .positions p a {
	font-size: 14px;
	color: #555;
}

.positions p a:hover {
	color: var(--common-font-color2);
}

.positions .typename {
	font-size: 16px;
	color: #fff;
}

.introduction {
	padding: 24px 0;
	text-align: justify;
	line-height: var(--common-p-line-height);
	font-size: var(--common-font-size);
	color: var(--common-p-color);
}

.introduction.nmt {
	margin-top: 0
}

.introduction div,
.introduction p {
	font-size: var(--common-p-size);
	color: var(--common-p-color);
}

.introduction img {
	max-width: 100%
}

.articleImg {
	width: 100%;
	margin: 0 0 0 0;
	text-align: center
}

.articleImg img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.articleImg2 {
	width: 100%;
	margin: 0 0 22px 0;
	text-align: center
}

.articleImg2 img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.articleBody {
	width: 400px;
	margin: 20px 0
}

.articleTitle {
	overflow: hidden;
	width: 100%;
	padding: .5rem 0 0;
	text-align: center;
	line-height: 180%;
	font-size: .24rem;
	color: var(--common-p-color);
	font-weight: bold;
}

.articleTime {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 13px;
	color: var(--common-p-color);
}

.articleDes {
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #42403f
}

.articlePages {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dashed #969797
}

.articlePages div {
	width: 50%;
	font-size: 16px;
	color: #666
}

.articlePages a {
	font-size: 16px;
	color: #333
}

.articlePages a:hover {
	color: #efae2e
}

.askNow a {
	width: 165px;
	height: 35px;
	background: #ea6000;
	margin: 10px auto;
	line-height: 35px;
	font-size: 14px;
	color: #fff
}

.askNow a:hover {
	background: linear-gradient(to bottom, #f78e45, #ea6000)
}

/*预约专家*/
.orderMaster img {
	border: 2px solid #af7f47;
	border-radius: 3px;
}

.orderMaster p.title {
	line-height: 60px;
	font-size: 20px;
	color: var(--common-font-color2);
}

/*联系我们*/
.contactus {
	margin-top: 1.13rem;
}

.contactus .t {
	line-height: .56rem;
	padding-bottom: .27rem;
	border-bottom: 1px solid #ededed;
	font-size: .4rem;
	color: #131b59;
}

.contactus li {
	margin-bottom: 1.38rem;
}

.contactus li.nob {
	margin-bottom: 0;
}

.contactus .input {
	width: 3.64rem;
	height: .45rem;
	font-size: .18rem;
	border: 0;
	border-top: 1px solid #dcdcdc;
}

.contactus .textarea {
	width: 7.82rem;
	height: 2rem;
	font-size: .18rem;
	border: 1px solid #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
}

.contactus .input::placeholder {
	color: #b5b5b5;
}

.contactus .input:focus, .contactus .textarea:focus {
	border-color: var(--common-hover-color);
}

/*产品*/
.productDetail {}

.productDetail .p1 {
	margin: .77rem 0 0;
}

.productDetail .p1 .en {
	font-size: .5rem;
	color: #a40000;
	top: .7rem;
	right: 0;
	writing-mode: vertical-lr;
	line-height: 150%;
	overflow: hidden;
	width: .6rem;
}

.productDetail .p1 .cn {
	writing-mode: vertical-lr;
	font-size: .25rem;
	color: #c3c3c3;
	top: 2.2rem;
	right: .75rem;
	line-height: 200%;
}

.productDetail .p1 .num {
	font-size: .35rem;
	color: #c3c3c3;
	top: 1.5rem;
	right: .8rem;
	line-height: 200%;
}

.productDetail .p1 .l {
	width: 30%;
	z-index: 1;
}

.productDetail .p1 .l img {
	width: 100%;
}

/*.productDetail .p1 .r {
	width: 20%;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.productDetail .p1 .r img {
	width: 100%;
}*/

.productDetail .p1 .des {
	flex: 1;
	margin: 0 2%;
	top: .61rem;
	left: 42.25%;
	padding: .4rem .4rem .9rem .4rem;
	background-color: #2f2f2f;
	z-index: 2;
}

.productDetail .p1 .des .title {
	line-height: 160%;
	font-size: .3rem;
	color: #c3c3c3;
	margin-bottom: .2rem;
}

.productDetail .p1 .des.w100 {
	width: 100%;
	padding-bottom: .4rem;
}

.productDetail .p1 .des p {
	line-height: 180%;
	font-size: .2rem;
	color: #c3c3c3;
}

.productDetail .p1 .des p img{ float:right; margin-left:15px !important;}

.productDetail .p2 {
	margin-top: .94rem;
}

.productDetail .pTop {
	line-height: .74rem;
	font-size: .4rem;
	color: #c3c3c3;
	margin-bottom: .57rem;
}

.productDetail .pTop::after {
	content: '';
	display: block;
	margin-top: .18rem;
	width: 1.16rem;
	height: .06rem;
	background-color: #a40000;
}

.productDetail .p2 .l {
	width: 56.25%;
	margin-top: .07rem;
}

.productDetail .p2 .l img {
	width: 100%;
}

.productDetail .p2 .r {
	width: 40%;
	line-height: 180%;
	font-size: .25rem;
	color: #c3c3c3;
	margin-top: .1rem;
}

.productDetail .p3 {
	padding: .3rem 0;
	background-color: #2f2f2f;
	margin-top: 1.85rem;
}

.productDetail .p3 .l {
	width: 60%;
}

.productDetail .p3 .l .lt {
	padding-right: .9rem;
}

/*.productDetail .p3 .l .lt::after {
	content: '';
	display: block;
	width: 1.11rem;
	height: .11rem;
	background: url(../images/icon/arrow_right.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
*/
.productDetail .p3 .l .lt h2 {
	line-height: 160%;
	font-size: .26rem;
	color: #c3c3c3;
	/*width: 61%;*/
}

.productDetail .p3 .l .lt p {
	line-height: .48rem;
	border: .02rem solid #fff;
	padding: 0 .48rem;
	font-size: .3rem;
	color: #fff;
	height: 100%;
}

.productDetail .des a {
	text-decoration: underline !important;
}

.productDetail .p3 .l .des {
	margin-top: .2rem;
	line-height: 180%;
	font-size: .23rem;
	color: #c3c3c3;
}

.productDetail .p3 .l .des a {
	color: #c3c3c3;
}

.productDetail .p3 .l .des a:hover {
	color: #fff;
}

.productDetail .p3 .r {
	width: 34.625%;
}

.productDetail .p3 .r img {
	width: 100%;
	margin-top: -45.23%;
}


.productDetail .p4 {
	margin-top: .85rem;
}

.productDetail .p4.mt100 {
	margin-top: 1.8rem;
}

.productDetail .p4 .des {
	margin: 30px 0;
	line-height: 180%;
	font-size: 20px;
	color: #c3c3c3;
}

.productDetail .p4 .des a {
	color: #c3c3c3;
}

.productDetail .p4 .des a:hover {
	color: #fff;
}

.productDetail .p4 li {
	margin-right: .17rem;
}

.productDetail .p4 li:nth-child(2n) {
	margin-right: 0;
}

.productDetail .p4 li img {
	height: 4.72rem;
}

.productDetail .p5 {
	margin-top: .85rem;
}

.productDetail .p5 .des {
	margin: 30px 0;
	line-height: 180%;
	font-size: 20px;
	color: #c3c3c3;
}

.productDetail .p5 .des a {
	color: #c3c3c3;
	text-decoration: underline;
}

.productDetail .p5 .des a:hover {
	color: #fff;
}

.productDetail .p5 li {
	margin-right: .08rem;
	flex: 1;
}

.productDetail .p5 li:nth-child(4n) {
	margin-right: 0;
}

.productDetail .p5 li img {
	width: 100%;
}

.productDetail .p6 {
	margin-top: .85rem;
}

.productDetail .p6 .des {
	margin: 30px 0;
	line-height: 180%;
	font-size: 20px;
	color: #c3c3c3;
}

.productDetail .p6 .des a {
	color: #c3c3c3;
}

.productDetail .p6 .des a:hover {
	color: #fff;
}

.productDetail .p6 li {
	margin-right: .3rem;
	flex: 1;
}

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

.productDetail .p6 li img {
	width: 100%;
}

.productDetail.pr1 .img {
	width: 25%;
}

.productDetail.pr1 .img img {
	width: 100%;
}

.productDetail.pr1 {
	margin-top: .5rem;
}

.productDetail.pr1 .des {
	width: calc(75% - .35rem);
	background-color: #2c2c2c;
	padding: .3rem;
	font-size: .16rem;
	color: #c3c3c3;
}

.productDetail.pr1 .des a {
	color: #c3c3c3;
}

.productDetail.pr1 .des a:hover {
	color: #fff;
}

.productDetail.pr1 .des h2 {
	font-size: .24rem;
	margin-bottom: .15rem;
}

.mtb30 {
	margin: .3rem 0;
}

.pr5 {
	margin: .4rem auto;
}

.pr5 .img1 {
	width: 1.3rem;
}

.pr5 img {
	width: 100%;
	border-radius: .1rem;
}

.pr5 .text {
	line-height: 180%;
	font-size: .16rem;
	color: #c3c3c3;
}

.pr5 .text h2 {
	margin-bottom: .2rem;
	font-size: .2rem;
}

.pr5 .text p {
	margin-bottom: .1rem;
}

.pr5 .text p a {
	color: #c3c3c3;
	text-decoration: underline;
}

.pr5 .text p a:hover {
	color: #fff;
	text-decoration: underline;
}

.pr5 .text h2 {
	margin-bottom: .1rem;
	font-size: .24rem;
}

.pr5 .text h2 a {
	color: #c3c3c3;
	text-decoration: underline;
}

.pr5 .text h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.pr5 .text h3 {
	margin: .1rem;
	font-size: .18rem;
}

.pr5 .text h3 a {
	color: #c3c3c3;
	text-decoration: underline;
}

.pr5 .text h3 a:hover {
	color: #fff;
	text-decoration: underline;
}

.pr5 .text ul {
	list-style: circle;
	margin-left: .2rem;
}

.pr5 .text ul li a {
	color: #c3c3c3;
	text-decoration: underline;
}

.pr5 .text ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.pr5 .text1 {
	width: calc(100% - 1.6rem);
	background-color: #2b2b2b;
	padding: 0 .2rem .3rem .2rem;
}

.pr5 .img2, .pr5 .img3 {
	width: 2.7rem;
}

.pr5 .text2 {
	width: calc(100% - 3rem);
	background-color: #2b2b2b;
	padding: .2rem 0;
}

.productDetail {
	background-color: #2b2b2b;
	padding: .2rem;
	margin-top: .5rem;
}

.productDetail h1 {
	font-size: .45rem;
	color: #c3c3c3;
}

.productDetail .introduction {
	line-height: 180%;
	font-size: .16rem;
	color: #c3c3c3;
	overflow: hidden;
}

.productDetail .introduction * {
	font-size: .16rem;
	color: #c3c3c3;
}

.productDetail .introduction a {
	font-size: .16rem;
	color: #c3c3c3;
	text-decoration: underline;
}

.productDetail .introduction a:hover {
	color: #fff;
}

.cp1list li {
	width: 48%;
    margin-right: 4%;
	margin-bottom: .2rem;
}

.cp1list li:nth-child(2n) {
	margin-right: 0;
}
/*新闻列表*/
.newsmain.index {
	background-color: #f1f1f1;
}

.newslist {
	margin-top: .25rem;
}

.newslist li {
	width: 3.68rem;
	margin: 0 .48rem .4rem 0;
	background-color: #fff;
}

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

.newslist li .img, .newslist li .img img {
	width: 100%;
}

.newslist li .text {
	padding: .2rem;
}

.newslist li .text .title {
	line-height: .4rem;
	font-size: .2rem;
	color: #333;
}

.newslist li .text .des {
	line-height: .3rem;
	font-size: .16rem;
	color: var(--common-font-size);
}

.newslist li:hover .text .title, .newslist li:hover .text .des {
	color: var(--common-hover-color);
}

/*留言列表*/
#gb {
	background-color: #2f2f2f;
	border-radius: .1rem;
	margin-top: .4rem;
	padding: .2rem .4rem;
	overflow: hidden;
}

#gb h1 {
	font-size: .3rem;
	color: #c1c1c1;
	margin: .2rem 0 .5rem 0;
}

#gb li {
	width: 32%;
	margin-right: 1.33333%;
	margin-bottom: 20px;
}


.w100 {
	width: 100% !important;
	margin-right: 0 !important;
}

#gb ul {
	width: 100%;
}

#gb li .input {
	width: 100%;
	height: 45px;
	border: 1px solid #ccc;
	padding: 0 5px;
}

#gb li .textarea {
	width: 100%;
	height: 145px;
	border: 1px solid #ccc;
	padding: 0 5px;
	border-radius: .1rem;
	font-size: .16rem;
}

#gb li .textarea::placeholder {
	color: #c1c1c1;
	opacity: 1;
}

#gb li .select {
	width: 100%;
	height: 45px;
	border: 1px solid #ccc;
	padding: 0 5px;
	background: #fff;
}

#gb li .input:focus {
	border: 1px solid #0c4da2;
	box-shadow: none;
}

#gb li dl, #gb li dt, #gb li dd {
	width: 100%;
}

#gb li dl dt {
	width: 150px;
	font-size: 16px;
	line-height: 180%;
	color: #c1c1c1;
	text-align: right;
	padding-right: 10px;
}

#gb li dd {
	flex: 1;
}

#gb li dd .radios a {
	display: inline-block;
	padding: 0 .2rem;
	margin-right: .2rem;
	background-color: #fff;
	font-size: 16px;
	color: #333;
	border-radius: .05rem;
}

#gb li dd input {
	width: 100%;
	margin-right: 1.25%;
	border-radius: .1rem;
	font-size: 16px;
}

#gb li dd input::placeholder {
	color: #c1c1c1;
	opacity: 1;
}

#gb li dd input.i2 {
	margin-right: 20px;
}

#gb li dd input:nth-child(5n) {
	margin-right: 0;
}

#gb li .inputs {
	flex-wrap: nowrap;
	width: 100%;
	align-items: center;
}

#gb li .inputs p {
	width: 100px;
}

#gb li select {
	font-size: 16px;
	font-family: 微软雅黑;
}

#gb li select.s2 {
	width: 48%;
}

#gb li .afterText {
	width: 100%;
	line-height: 250%;
	padding: 0 .1rem;
	font-size: .2rem;
	color: #c1c1c1;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

#gb .button {
	width: 80px;
	height: 45px;
	background: #4369ab;
	border: 0;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	margin-right: 20px;
}

@media (max-width: 1300px) {
	#gb li {
		width: 100%;
		margin-right: 0;
	}

	#gb li:nth-child(3n) {
		margin-right: 0
	}

	#gb li dd input {
		width: 48% !important;
	}

	#gb li dd input:nth-child(5n) {
		margin-right: 1.25% !important;
	}
}

/*about*/
.about1 {
	padding: 1.07rem 0 1rem 0;
	background: url(../images/bg/about1.jpg) no-repeat;
	background-size: cover;
}

.about1 .t {
	padding-bottom: .21rem;
	line-height: .5rem;
	border-bottom: 1px solid #e5e5e5;
	font-size: .36rem;
	color: #333;
}

.about1 .des {
	margin: .2rem 0 0 0;
	line-height: .31rem;
	font-size: .18rem;
	color: #333;
}

.about1 .down {
	margin-top: .44rem;
}

.about1 .down a {
	width: .5rem;
	height: .5rem;
	background: url(../images/icon/arrowDown.png) no-repeat center #273f87;
	border-radius: 50%;
}

.about1 .c {
	margin-top: .51rem;
}

.about1 .c .text {
	width: 6.3rem;
	padding: .1rem 0;
}

.about1 .c .text a.more {
	width: 2.83rem;
	height: .51rem;
	border-radius: .255rem;
	margin-top: .6rem;
	background: url(../images/icon/ddots.png) no-repeat .12rem center #273f87;
	padding-left: .55rem;
	font-size: .16rem;
	color: #fff;
}

.about1 .c .text a.more:hover {
	background-color: #f3981e;
}

.about1 .c .pic, .about1 .c .pic img {
	width: 4.47rem;
	margin-right: .02rem;
}

.about2 {
	padding: 1.07rem 0 1rem 0;
	background: url(../images/bg/about2.jpg) no-repeat;
	background-size: cover;
}

.about2 .wrapper {
	line-height: .31rem;
	font-size: .18rem;
	color: #333;
}

/*分页*/
.pages {
	padding: 20px 0 15px 0;
	text-align: right;
}

.pages li {
	display: inline;
}

.pages li.active a {
	background-color: #131b59;
}


.pages a,
.pages em {
	display: inline-block;
	height: 28px;
	margin-right: 5px;
	padding: 0 8px;
	background: var(--common-color);
	border: 1px solid #fff;
	line-height: 28px;
	font-size: 14px;
	color: #fff
}

.pages span {
	display: inline-block;
	height: 28px;
	margin-right: 5px;
	padding: 0 8px;
	line-height: 28px;
	font-size: 14px;
	color: #fff
}

.pages span.disabled {
	background: var(--common-color);
	color: #fff
}

.pages em {
	background: var(--common-color);
	color: #fff;
	font-style: normal;
}

/*在线留言*/
.guestbook {
	min-width: 400px;
	margin-left: 50px;
	margin-top: 40px;
}

.guestbook ul {
	margin-top: 14px;
}

.guestbook li {
	margin-bottom: 14px;
}

.guestbook .title {
	width: 104px;
	height: 26px;
	font-size: 15px;
	color: #c1c1c1;
}

.guestbook .wbk {
	box-sizing: border-box;
	width: 317px;
	height: 26px;
	background: #fff;
	border: 1px solid #b5b5b5;
	border-radius: 2px;
	padding: 0 5px;
	font-size: 15px;
	color: #333;
}

.guestbook .wby {
	box-sizing: border-box;
	width: 316px;
	height: 189px;
	border: 1px solid #b5b5b5;
	border-radius: 2px;
	padding: 5px;
	font-size: 15px;
	color: #333;
}

.guestbook .wbk:focus {
	border-color: #04654d;
}

.guestbook button {
	box-sizing: border-box;
	width: 72px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	background: #009a74;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	margin-left: 150px;
	border-radius: 4px
}

.thisTypename {
	line-height: 200%;
	font-size: 30px;
	color: #fff;
	margin-top: 60px;
}

@media (min-width: 1500px) and (max-width: 1650px) {
	.wrapper{width: 1450px !important;}
	main.index .classname li .title{font-size: .15rem;}
	.productDetail h1{font-size: .38rem;}
}

@media (min-width: 1250px) and (max-width: 1499px) {
	.wrapper{width: 1200px !important;}
	main.index .classname li .title{font-size: .14rem;}
	.productDetail h1{font-size: .35rem;}
	main.index .classname li .pic, main.index .classname li .pic img{height: 1.6rem;}
}

@media (min-width: 1000px) and (max-width: 1249px) {
	.wrapper{width: 1000px !important;}
	main.index .classname li .title{font-size: .12rem;}
	.productDetail h1{font-size: .3rem;}
	main.index .classname li .pic, main.index .classname li .pic img{height: 1.3rem;}
}

.showPc{display: -webkit-flex; display: flex;}
.showM{display: none;}

@media (max-width: 999px) {
	.showM{display: -webkit-flex; display: flex;}
    .showPc{display: none;}
	.wrapper{width: 100% !important;}
	main.index .classname li .title{font-size: .24rem;}
	header, header .wrapper{height: 1.2rem;}
	header .wrapper{padding: 0 2%;}
	.indexSwiper{margin-top: 1.2rem !important;}
	header .logo img{max-height: 1rem;}
	header .fa-bars{font-size: .5rem; color: #6b9773;}
	.shadow{width: 100vw; height: 100vh; position: fixed; z-index: 999999; top: 0; left: 0; background-color: rgba(0,0,0,.5);}
	.mNavs{width: 50vw; height: 100vh; position: fixed; z-index: 999999; top: 0; left: 0; background-color: #fff; flex-direction: column;}
	.mNavs ul, .mNavs li{width: 100%;}
	.mNavs li a{display: block; line-height: 180%; padding: .2rem 0; border-bottom: 1px solid #ddd; color: #333;}
	.mNavs li a:hover{color: #6b9773; border-bottom: 1px solid #ddd;}
	.mNavs .search{margin: .2rem; height: .5rem; border: 1px solid #ccc;}
	.mNavs .search .input{background: none; border: 0;}
	.classname{flex-wrap: wrap;}
	main.index .classname{padding: 0 2%;}
	main.index .classname li, .cp1list li{width: 48%; margin-bottom: 4vw;}
	.productDetail h1{font-size: .4rem;}
	footer .f1{line-height: 180%; font-size: .24rem;}
	footer section{padding: .1rem 0;}
	.pr5 .flexJb, .productDetail .p1, .p2 .flexJb, .p3 .flexJb{flex-direction: column; margin-bottom: .3rem;}
	.pr5 .text2, .productDetail .introduction a, .productDetail .introduction, .productDetail .introduction *, .productDetail .p1 .des p, .productDetail .p5 .des, .productDetail .p4 .des{width: 100% !important; font-size: .24rem; line-height: 180%;}
	.img2, .pr5 .img2, .pr5 .img3, .productDetail .p1 .l, .productDetail .p2 .l,.productDetail .p2 .r,.productDetail .p3 .l, .productDetail .p3 .r, .pr5 .img1, .pr5 .text1{width: 100% !important;}
	.introduction p{margin-bottom: .2rem;}
	.productDetail h1, .productDetail .pTop{font-size: .3rem;}
	.productDetail .p1 .des{position: static; width: 100%; left: 0; top: 0; padding: .2rem; font-size: .24rem; margin:0 auto;   }
	.productDetail .p3{margin-top: .4rem;}
	.pr5 .img1 img{max-width: 100%; width: auto; margin: 0 auto;}
	#gb li dl dt{font-size: .24rem; width: 2rem;}
	#gb li .input{width: 100% !important;}
	main.index .list{display: none !important;}
	.cp1list li{margin-right: 0;}
}
@media (max-width: 500px) {
.productDetail .p1 .des p img{ float:none; margin:0 auto !important;}
}