/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #ffffff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #ffffff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #ffffff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1500px) {
	html{
		font-size: 16px;
	}
	.fnewsdetail .rts {
		padding: 5rem 2rem 0 2rem;
	}
	.fnewsdetail .rts .detail {
		padding: 0 9rem 0 3rem;
	}
	.padd220 {
	    padding: 0 8rem;
	}
	.fpinpai li .rt .pic {
	    margin-right: -8rem;
	}
	.fpinpai li .rt .del {
		margin-top: 2rem;
	}
	.fpinpai li .rt .nav {
	    padding-top: 1rem;
	}
	.fpinpai li .rt .nav dl {
		width: 60%;
	}
	.fpinpai li .rt .nav dl dd {
		margin-top: 1rem;
	}
	
	
	
}
@media only screen and (max-width:1340px) {
	html{
		font-size: 14px;
	}
	.fprouctfl {
	    padding: 7rem 0;
	}
	.fprouctfl .list ul li .txt h6,
	.fprouctfl .list ul li .txt h5 {
		font-size: 1rem;
	}
	.fprouctfl .list ul li .txt {
		padding: 2rem 1rem 1rem;
	}
	.fprouctfl .list ul li .pic {
		height: 18rem;
	}
	.fnews {
	    padding: 5rem 0 6rem;
	}
	.fnews .list ul li a {
		padding: 1.5rem ;
	}
	.padd220 {
	    padding: 0 5rem;
	}
	.fpinpai li .rt .pic {
	    margin-right: -5rem;
	}
	
	
	
	
}
@media only screen and (max-width:1040px) {
	html{
		font-size: 14px;
	}
	.padd100 {
		padding: 0 2rem;
	}
	.header .naver ul li {
		margin-right: 3rem;
	}
	.header .naver ul li h3 a {
		font-size: 1.2rem;
	}
	.header .naver ul li .nli dl {
		padding: 1rem 0 ;
	}
	.bannersw li {
		height: 40rem;
	}
	.bannersw li .text .more {
		margin: 4rem auto 0;
	}
	.hproduct {
		padding: 6rem 0 7rem;
	}
	.hproduct li a {
		padding: 3rem 1rem 2rem;
	}
	.hproduct li .pic {
		height: 18rem;
	}
	.habout .pic {
		width: 55%;
	}
	.habout .text {
		width: 41%;
	}
	.ftlt h6 {
		margin-top: 1rem;
	}
	.habout .text .more {
		margin-top: 2rem;
	}
	.hnews {
		padding: 5rem 0 3rem;
	}
	.hnews .text .list {
		margin-top: 3rem;
	}
	.footer .rt .nav dl dt {
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}
	.footer .rt .nav dl dd a {
		font-size: 1.2rem;
	}
	.footer {
		padding: 4rem 1rem;
	}
	.footer .rt .bd h3 {
		font-size: 1rem;
		background-size: 10px auto !important;
		font-size: 14px;
	}
	.footer .rt .bd h5 {
		font-size: 12px !important;
	}
	.footer .rt .bd h6 {
		font-size: 12px !important;
	}
	.footer .rt {
	    width: 100%;
		float: none;
	}
	.fprouct {
	    padding-top: 6rem;
	}
	.fprouct .list {
	    margin-top: 2rem;
	}
	.fprouct .list .ls .rt li .txt h6 {
		font-size: 1rem;
	}
	.fprouct .list .ls .rt li .txt .tx h5 {
		font-size: 1.2rem;
	}
	.fprouct .list .ls .rt li .txt .tx p {
		font-size: 1rem;
	}
	.fprouct .list .ls .rt li .pic {
		height: 22.2rem;
	}
	.fprouct .list .ls .lt .mores {
		left: 20%;
	}
	.wrap {
		width: auto;
	}
	.fcpdetail {
		left: 15px;
		right: 15px;
	}
	.fcpdetail .dels ul {
		width: 40%;
	}
	.fcpdetail .dels ul li h3 {
		font-size: 14px;
	}
	.fcpdetail .dels ul li .rt {
		padding-left: 7px;
	}
	.fcpdetail .dels ul li .rt h5 {
		font-size: 14px;
	}
	.fcpdetail .dels ul li .rt h6 {
		font-size: 12px;
	}
	.fprouctfl {
	    padding: 5rem 0;
	}
	.fcptlt .rt li {
		margin-right: 2rem;
	}
	.padd150 {
	    padding: 0 3rem;
	}
	.fnewsdetail .rts .detail {
	    padding: 0 4rem 0 2rem;
	}
	.fnewsdetail .rts {
	    padding: 4rem 2rem 0 2rem;
	}
	.fnewsdetail .rts .detail {
		height: calc(100vh - 5rem);
	}
	.fnewsdetail .lts .txt {
		left: 2rem;
		right: 2rem;
	}
	.fpinpai li .rt .nav dl {
	    width: 90%;
	}
	.fpinpai {
	    padding: 5rem 0 4rem;
	}
	.fservice {
		left: 15px;
		right: 15px;
	}
	.fservice .pic .ls {
		left: 20%;
	}
	.fservice .lts {
		padding: 3rem 4rem 2rem;
	}
	.fservice .lts .serlist {
	    margin-top: 20px;
	}
	.fservicetc {
		left: 15px;
		right: 15px;
	}
	.fservice {
		top: 15px;
		bottom: 15px;
	}
	.fservice .lts .serlist .sales li {
	    margin-bottom: 1rem;
	}
	
	
}
@media only screen and (max-width:768px) {
	h1,
	h2, {
		font-size: 20px !important;
	}
	h3 {
		font-size: 12px !important;
	}
	h4 {
		font-size: 16px !important;
	}
	h5,
	h6,
	p {
		font-size: 12px !important;
	}
	
	html{
		font-size: 14px;
	}
	.gh {
		display: block;
		position: absolute;
		z-index: 11;
		top: 12px;
		right: 15px;
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 50px;
	}
	.layout {
		padding-top: 50px;
	}
	.header .logo {
		float: none;
		height: 20px;
		margin-top: 0;
		position: absolute;
		z-index: 11;
		left: 15px;
		top: 15px;
	}
	.header .naver {
		float: none;
		background: #36393c;
		top: 50px;
		position: absolute;
		z-index: 111;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: none;
	}
	.header .naver ul li h3 a {
		font-size: 18px;
		line-height: 2.4;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header .naver ul li {
		float: none;
		margin-right: 0;
	}
	.header .naver ul li h3::before {
		height: 1px;
		right: auto;
	}
	.header .naver ul li h3 i {
		display: block;
		height: 43px;
		width: 43px;
		position: absolute;
		z-index: 11;
		right: 0;
		top: 0;
		background: url("../images/jt2.svg") no-repeat center;
		background-size: 10px auto !important;
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
	.header .naver ul li h3 i.on {
		transform:rotate(90deg);
		-ms-transform:rotate(90deg);  /* IE 9 */
		-moz-transform:rotate(90deg);     /* Firefox */
		-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
		-o-transform:rotate(90deg);
	}
	.header .naver ul li .nli {
		position: inherit;
		left: 0;
		right: 0;
		top: auto;
	}
	.header .naver ul li .nli dl {
		padding: 6px 0;
	}
	.header .naver ul li .nli dd a {
		font-size: 14px;
		line-height: 2;
		text-align: left;
		padding: 0 20px;
	}
	.bannersw li {
		height: 240px;
	}
	.bannersw li .text h3 {
		font-size: 24px;
		line-height: 1.4;
		letter-spacing: 3px;
	}
	.bannersw li .text h2 {
		margin-top: 5px;
		font-size: 16px;
		line-height: 1.6;
	}
	.bannersw li .text .more {
		margin: 20px auto 0;
		font-size: 12px;
		line-height: 2.4;
		width: 120px;
	}
	.hproduct {
		padding: 30px 15px;
	}
	.hproduct li {
	    float: left;
	    width: calc((100% - 10px)/2);
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	.hproduct li:nth-child(2n) {
		margin-right: 0;
	}
	.hproduct li a {
	    padding: 20px 10px;
	}
	.hproduct li .pic {
		height: 180px;
	}
	.hproduct li h5 {
		font-size: 14px !important;
		line-height: 1.8;
	}
	.habout {
		padding: 0 15px;
	}
	.habout .pic,
	.habout .text {
		float: none;
		width: auto;
	}
	.habout .text {
		margin-top: 20px;
	}
	.ftlt h4 {
		font-size: 20px;
		line-height: 1.4;
	}
	.habout .text .more {
		margin-top: 20px;
	}
	
	.hnews {
		padding: 40px 15px;
	}
	.hnews .pic,
	.hnews .text {
		float: none;
		width: auto;
	}
	.hnews .text {
		margin-top: 15px;
	}
	.hnews .text .list {
	    margin-top: 20px;
	}
	.hnews .text .list li .time {
		font-size: 14px;
	}
	.hnews .text .list li .lt {
	    float: left;
	    width: calc(100% - 100px);
	}
	.more {
		font-size: 12px;
		line-height: 2.8;
		width: 140px;
	}
	.footer .rt .nav {
		display: none;
	}
	.footer {
		padding: 20px 15px;
	}
	.footer .rt .bd {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
		display: block;
	}
	.wrap {
		width: auto;
	}
	.footer .rt .bd h3 {
		padding-left: 20px;
		background-size: 15px auto !important;
	}
	.footer .rt .bd h6 {
		margin-top: 5px;
	}
	.banner {
		height: 200px;
	background-attachment: initial !important;
	}
	.banner .txt {
		font-size: 30px;
	}
	.fprouct {
		padding-top: 40px;
	}
	.fcptlt {
		padding: 0 14px;
	}
	.fcptlt .lt a {
		font-size: 14px;
	}
	.fcptlt .rt {
		width: calc(100% - 95px);
	}
	.fcptlt .rt ul {
		overflow-x: scroll;
		white-space: nowrap;
		overflow-y: hidden;
	}
	.fcptlt .rt li {
		display: inline-block;
		margin-right: 15px;
		float: none;
	}
	.fcptlt .rt li a {
		padding: 0 3px;
	}
	.fprouct .list {
		margin-top: 20px;
	}
	.fprouct .list .ls {
		display: block;
		height: auto;
	}
	.fprouct .list .ls .rt,
	.fprouct .list .ls .lt {
		display: block;
		width: auto;
	}
	.fprouct .list .ls .lt .mores {
		position: initial;
		top: auto;
		left: auto;
	}
	.fprouct .list .ls .lt {
		padding: 20px 15px;
	}
	.fprouct .list .ls .lt .mores h2 {
		font-size: 18px;
	}
	.fprouct .list .ls .lt .mores h6 {
		margin-top: 10px;
	}
	.fprouct .list .ls .lt .mores h6 i {
		font-size: 12px;
		background-size: 12px auto !important;
	}
	.fprouct .list .ls .rt ul li {
		width: 50vw;
	}
	.fprouct .list .ls .rt li .txt .tx {
		margin-top: 10px;
	}
	.fprouct .list .ls .rt li .pic {
		height: 220px;
	}
	.footer .rt .bd h5 {
		margin-top: 6px;
	}
	.fcpdetail {
		top: 15px;
		bottom: 15px;
	}
	.fcpdetail .tlt {
		margin: 15px 15px 0;
		padding-right: 5px;
	}
	.fcpdetail .del {
		padding: 30px 15px;
		font-size: 14px;
	}
	.fcpdetail .list li {
		height: auto;
		display: block !important;
	}
	.fcpdetail .list li .pic,
	.fcpdetail .list li .rt {
		width: auto;
	}
	.fcpdetail .list li .rt .text {
		position: initial;
		bottom: auto;
		padding: 15px;
	}
	.fcpdetail .list li .rt .text .txt h6 {
		margin-top: 10px;
	}
	.fcpdetail .list li .rt .text .ntn {
		margin: 30px auto 0;
	}
	.fcpdetail .dels {
		padding: 30px 15px;
		display: block;
	}
	.fcpdetail .dels ul {
		width: auto;
	}
	.fcpdetail .dels ul li .rt h5,
	.fcpdetail .dels ul li h3 {
		font-size: 16px !important;
	}
	.fcpdetail .dels ul li .rt h6 {
		font-size: 12px !important;
	}
	.fcpdetail .list li .rt .text .ntn h6 {
		border-radius: 17px;
	}
	.fprouctfl {
		padding: 40px 15px;
	}
	.fprouctfl .list {
		margin-top: 20px;
	}
	.fprouctfl .list ul li {
		width: 100%;
		float: none;
	}
	.fprouctfl .list ul li .pic {
		height: 220px;
	}
	.fnews {
	    padding: 40px 15px;
	}
	.fnews .list ul li a {
	    padding: 15px;
	}
	.fnews .list ul li {
	    width: 100%;
	    margin-right: 0 !important;
	    margin-bottom: 15px;
	}
	.fnews .list ul li .pic {
		height: auto;
	}
	.fnews .list ul li .text h3 {
		width: calc(100% - 120px);
	}
	.fnews .list ul li .text {
		margin-top: 15px;
	}
	.fnewsdetail.active{
	    display: block;
	}
	.fnewsdetail.on {
		display: none;
	}
	.fnewsdetail .lts,
	.fnewsdetail .rts {
		width: auto;
	}
	.fnewsdetail .lts {
		padding: 20px 15px;
	}
	.fnewsdetail .lts .gbi,
	.fnewsdetail .lts .txt {
		position: relative;
		top: auto;
		right: auto;
	}
	.fnewsdetail .lts .txt {
		left: auto;
		transform:translateY(0);
		-ms-transform:translateY(0);  /* IE 9 */
		-moz-transform:translateY(0);     /* Firefox */
		-webkit-transform:translateY(0); /* Safari 和 Chrome */
		-o-transform:translateY(0);
		margin-top: 10px;
	}
	.fnewsdetail .lts .gbi {
		justify-content: flex-end;
	}
	.fnewsdetail .lts .txt h3 {
		line-height: 1.4;
		height: 2.8em;
		overflow: hidden;
	}
	.fnewsdetail .lts .txt h6 {
		margin-top: 10px;
	}
	.fnewsdetail .rts {
		padding: 40px 20px;
		height: calc(100vh - 167px);
	}
	.fnewsdetail .rts .detail {
		font-size: 14px;
		padding: 0 15px 0 0;
		height: calc(100vh - 260px);
	}
	.fnewsdetail .rts .detail h6 {
		font-size: 16px !important;
		line-height: 1.6;
	}
	.fpinpai {
	    padding: 30px 15px 20px;
	}
	.fpinpai li {
		padding: 10px 0 50px;
	}
	.fpinpai li .lt,
	.fpinpai li .rt {
		float: none;
		width: auto;
	}
	.fpinpai li .rt {
		margin-top: 10px;
	}
	.fpinpai li .rt .pic {
	    margin-right: -15px;
	}
	.fpinpai li .rt .del {
		margin-top: 15px;
		font-size: 16px;
	}
	.fpinpai li .rt .nav dl {
	    width: 100%;
	}
	.fpinpai li .rt .nav dl dd {
		width: 48%;
		margin: 15px 0 5px;
	}
	.fservice {
		top: 15px;
		bottom: 15px;
	}
	.fservice.active{
	    display: block;
	}
	.fservice .pic {
		height: 30%;
	}
	.fservice .lts,
	.fservice .pic {
		width: auto;
	}
	.fservice.on {
		display: none;
	}
	.fservice .pic ul li .ic {
		width: 30px;
		height: 30px;
	}
	.fservice .pic ul li .ic img {
		height: 17px;
	}
	.fservice .lts {
		padding:50px 20px;
	}
	.fservice .lts .tlts ul li {
		font-size: 12px;
		line-height: 2.4;
	}
	.fservice .lts .serlist {
		margin-top: 20px;
	}
	.fservice .lts .serlist .sales li dl dd {
		font-size: 12px;
		margin-right: 15px;
	}
	.fservice .lts .serlist .sales li dl dd:last-child {
		margin-right: 0;
	}
	.fservice .lts .serlist .message ul li {
		margin-bottom: 15px;
	}
	.fservice .lts .serlist .message ul li .text {
		font-size: 12px;
		height: 50px;
	}
	.fservice .lts .serlist .message ul {
	    padding-bottom: 20px;
	}
	.fservice .lts .serlist .message .btn {
		font-size: 12px;
		height: 41px;
		width: 120px;
	}
	.fvideo_file {
		left: 15px;
		right: 15px;
		width: auto;
	}
	.fvideo_file .icoa {
		height: 35px;
		width: 35px;
		top: -35px;
		background-size: 20px auto !important;
	}
	.fservicetc .voss .rt,
	.fservicetc .voss .lt {
		width: auto;
	}
	.fservicetc .voss {
		display: block;
		position: initial;
		transform: translateY(0%);
		-ms-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
	}
	.fservicetc .voss {
		margin: 30px auto 0;
	}
	.fservicetc .voss .lt .pic {
		margin: 0 auto;
	}
	.fservicetc .gbi {
		position: initial;
		justify-content: flex-end;
	}
	.fservicetc .voss .lt .pic {
		width: 100px;
	}
	.fservicetc .voss .lt h5 {
		font-size: 18px !important;
	}
	.fservicetc .voss .rt {
		margin-top: 30px;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fservicetc {
		top: 15px;
		bottom: 15px;
	}
	.fservicetc .voss .rt li {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.salesflex {
		padding-bottom: 20px;
	}
	.fservice .lts .serlist {
		overflow:hidden;
		overflow-y:scroll;
		height: calc(100% - 40px);
	}
	.fservice .lts {
		height: 70%;
	}
	
	
	
	
	
	.fprouct .list .ls .rt .next, .fprouct .list .ls .rt .prev{
	    opacity: 1;transform:scale(0.6);
	}
	
	
	.padd220,
	.padd150,
	.padd20,
	.padd60,
	.padd100 {
		padding: 0;
	}
	.mcbox{
		width: 90%;
	}
	.fcptlt .rt ul::-webkit-scrollbar{
	    height: 1px;
	}
	
	.fprouct .list .ls .rt li .txt h5{
	    height: 1.8rem !important;
	}
	
	.fprouct .list .ls .rt li .txt .tx h5{
	    word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	
	.fprouct .list .ls .rt li .txt h6{
	    height: auto;
	}
	.fprouct .list .ls .rt li .txt h6 img{
	    height: 20px;
	}
	.mmweix ul li{
	    width: 40px;
	    margin: 0 10px 0 0;
	}
	.mmweix ul{
	    justify-content: center;
	    margin: 0 0 20px;
	}
	
	
}