/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 34px;
    width:34px;
    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: #3cabe3;
    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: #3cabe3;
    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:12px;
}

.gh a:before {
    top: -12px;
}

.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: #3cabe3;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #3cabe3;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1540px) {
	.wrap {
		width: 1300px;
	}
	html{
		font-size: 15.4px;
	}
	
}

@media only screen and (max-width:1340px) {
	.wrap {
		width: 1100px;
	}
	html{
		font-size: 13.4px;
	}
	.header .rts .voss .dh h4,
	.header .rts .voss .fanyi .tl h4 i {
		line-height: 1.5rem;
	}
	.header .rts {
		margin-top: 1.3rem;
	}
	.header .rts .voss .fanyi .tl {
		border-radius: 0.9rem;
	}
	.fronyusw {
		margin: 0 4rem;
	}
	.fqyronyusw .prev, .fqyronyusw .next {
		top: 3.229166666666667rem;
		left: 0;
		position: absolute;
		z-index: 11;
		width: 3rem;
		height: 3rem;
		background: url(../images/fn19.png) no-repeat center/cover;
		cursor: pointer;
	}
	.fqyronyusw .next {
		right: 0;
		left: auto;
	}
}

@media only screen and (max-width:1140px) {
	.wrap {
		width: 1000px;
	}
	html{
		font-size: 11.4px;
	}
	.header .rts .voss .dh h4, 
	.header .rts .voss .fanyi .tl h4 i {
	    line-height: 1.9rem;
	}
	.header .rts .voss .fanyi .tl {
		border-radius: 1rem;
	}
	.header .rts {
	    margin-top: 1rem;
	}
	.jiesao .lt .fxq {
		width: 14rem;
	}
}

@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
		padding: 0 20px;
	}
	html{
		font-size: 18.2px;
	}
	.header .naver{
		position: absolute;
		top: 100%;left: 0;
		z-index: 111;right: 0;
		background: #fff;
		display: none;
		height: calc(100vh - 80px);
		overflow-y: scroll;
	}
	.header .logo{
		margin: 0;
	}
	.header{
		padding: 10px 0;
		position: fixed;
		top: 0;z-index: 11;
		background: #fff;
		left: 0;right: 0;
	}
	.header .logo img{
		height: 60px;width: auto;
	}
	.header .gh{
		position: absolute;
		right: 20px;top: 20px;
		display: block;
	}
	.header .rts .voss .dh{
		display:none
	}
	.header .naver li{
		float: none;
		margin: 0;
		padding: 0 20px;
		border-bottom: 1px solid #ccc;
	}
	.header .naver li h3 a{
		font-size: 16px;
		line-height: 45px;
		justify-content: space-between;
	}
	.header .naver li h3{
		padding: 0;
	}
	.header .naver li .nali{
		position: static;display: block;
		margin-bottom: 10px;
	}
	.header .naver li .nali.cens dl,
	.header .naver li .nali dl{
		justify-content: space-between;
	}
	.header .naver li .nali.cens dl dd{
		width: 100%;margin: 0;
	}
	.header .naver li .nali dl dd{
		width:48%;margin: 0;
	}
	.header .naver li .nali.cens dl{
	}
	.header .naver li .nali .wrap{
		padding: 0;
	}
	.header .naver li .nali dl dd .pic{
		height: 5.5rem;display: none;
	}
	.header .naver li .nali dl{
		padding-top: 0;
	}
	.header .rts .voss .fanyi .tl{
		display:none
	}
	.ftlt .lt h2,
	.fbanner .text h2,
	.fabtlt h2,
	.ftitle h2,
	.ftite h2,
	.ftlt .lt h2
	.ftitle h2,
	.bannersw li .tlt h2{
		font-size: 2.2rem;
	}
	.fhabout .rts{
		margin-right: 0;width: 46%;
	}
	.fhproduct{
		padding: 3rem 0;
	}
	.fhnews .list ul li{
		width: calc((100% - 42px )/3);
		margin-right: 20px;
	}
	.footer .naver .rt .nav li h3 a,
	.footer .naver .lt .nav li h3 a{
		font-size: 18px;
	}
	.footer .naver .lt .nav li{
		width: auto;
	}
	.footer .naver .lt ul{
		display:flex;justify-content: space-between;
	}
	.footer .naver .lt ul:after{
		display:none
	}
	.footer .naver .lt .nav li:nth-child(2){
		width:55%
	}
	.layout{
		padding-top: 80px;
	}
	.jiesao .rt,
	.jiesao .lt{
		width: 100%;
	}
	.jiesao,
	.jiesao .lt .fxq,
	.jiesao .rt{
		margin-top: 20px;
	}
	.fqiyewh .list ul li .pic{
		height: 12rem;
	}
	.fban .map{
		width: 45%;
	}
	.footer .naver .lt .nali dd a{
		font-size: 14px;
	}
	.fcplist .list ul li{
		height: 6rem;
	}
	.fnewslt{
		width: auto;
		float: none;
	}
	.fnewsrt{
		width: auto;
		float: none;
		margin-top: 30px;
	}
	.fnewslt .dels p{
		font-size: 16px;
	}
	.fnewslt .dels h4{
		font-size: 18px;
	}
	.fhyjqr .fvosbai .list li dd {
		height: 15rem;
	}
	.fjiqiren {
		padding: 1.3rem 1.6rem 1.6rem;
	}
	.ftpt h2 {
		font-size: 22px;
	}
	.ftpt h2 i {
		margin-right: 15px;
	}
	.fjiqiren .ftplst .fplist ul li {
		height: 18vw;
	}
	.fjiqiren .ftplst .fhls ul li {
		margin: 0 5px 5px;
		padding: 0 10px;
		font-size: 16px;
		line-height: 2.2;
	}
	.fjiqiren .ftplst .fhls ul {
		margin-top: 20px;
	}
	.fabeler ul li h4 {
		font-size: 16px;
		padding: 10px;
	}
	.fsaomsw1 li {
		height: 7vw;
	}
	.fjiqiren .ftplst .txtls {
		margin-top: 20px;
	}
	.fjiqiren .ftplst .txtls li {
		margin-bottom: 20px;
	}
	.fjiqiren .ftplst .txtls li h3 {
		font-size: 18px;
		line-height: 1.4;
	}
	.fjiqiren .ftplst .txtls li p {
		margin-top: 5px;
		font-size: 16px;
		
	}
	.fjiqiren .ftplst {
		padding: 1.6rem 0 2rem;
	}
	.fjiqiren .ftplst .del {
		font-size: 16px;
	}
	.fjiqiren .ftplst .faqsm ul,
	.fjiqiren .ftplst .martop {
		margin-top: 20px;
	}
	.fjiqiren .ftplst .faqsm ul li {
		height: 24vw;
	}
	.fjiqiren .ftplst.ftplstzh {
		padding: 30px 0 0;
	}
	.footer .voss .lt .logo {
		width: 12rem;
	}
	.footer .voss .lt p {
		margin-top: 10px;
	}
	.footer .voss .rt .txt {
		margin-right: 1rem;
	}
	.fshenczd .list ul li {
		width: 12%;
		margin-right: 2%;
	}
	.fshenczd .list ul li .txt h3 {
		font-size: 17px;
	}
	.fshenczd .list ul li .txt {
		padding-left: 10px;
	}
	.fchenluo .fcluo .txt {
		left: 30px;

	}
	.fchenluo .fcluo .txt h2 {
		font-size: 24px;
	}
	.fchenluo .fcluo .txt h4 {
		font-size: 18px;
	}
	.fjishult{
		top: 4.37rem;	
	}
	.fshusondai{
		top: 4.17rem;	
	}
	.fjiqiren {
		padding: 20px;
	}
	.fnewsls ul li {
		margin-bottom: 10px;
	}
	
	
}

@media only screen and (max-width:768px) {
	.wrap {
		width: auto;
	}
	.bannersw{
		height: 360px;
	}
	.ftlt .lt h2,
	.fbanner .text h2, .fabtlt h2, .ftitle h2, .ftite h2, .ftlt .lt h2 .ftitle h2, .bannersw li .tlt h2 {
	    font-size: 24px;line-height: 1.6;
	}
	.bannersw li .tlt h4{
		font-size: 18px;
	}
	.header .logo img{
		height: 40px;
	}
	.layout{
		padding-top: 60px;
	}
	.header .gh{
		height: 24px;top: 18px;
	}
	.bannersw .cens{
		bottom:20px ;
	}
	.fhjiesao,
	.fhnews,
	.fhproduct,
	.fhabout{
		padding:35px 0;
	}
	.fhabout .text{
		width: auto;
		padding: 0;
	}
	.fhabout .text .fxq{
		margin-top: 20px;
	}
	.fhabout .rts{
		width: 100%;
		margin-top: 20px;
	}
	.fhabout .rts .icon{
		width: auto;
		display: none;
	}
	.ftlt .lt h6,
	.ftitle p{
		font-size: 16px;
		margin-top: 10px;
	}
	.fxq{
		width: 7.5rem;
	}
	.fxq i{
		background-size: 1.2rem !important;font-size: 14px;
	}
	.ftlt .lt{
		width: auto;
		margin: 0;
		display: block;
	}
	.ftlt .lt h6{
		width: auto;
	}
	.fhjiesao .fxq,
	.fprodsw{
		margin-top: 20px;
	}
	.fprodsw li{
		width: 240px;height: auto;
	}
	.fprev_next .prev, .fprev_next .next{
		width: 2.4rem;height: 2.4rem;
	}
	.fprev_next{
		width: 5.6rem;
	}
	.fprodsw .voss .swiper_spot{
		width: calc(100% - 6.5rem);
	}
	.fhnews .list ul{
		margin: 20px 0;
	}
	.fhnews .list ul li{
		width: auto;
		margin: 0 0 15px;
	}
	.fhnews .list ul{
		display:block
	}
	.fhnews .list ul li .pic{
		height:auto
	}
	.fhnews .list ul li .text .vos{
		display:none
	}
	.fhnews .list ul li .text p{
		height:auto;
	}
	.footer{
		padding-top: 30px;
	}
	.footer .naver{
		display: none;
	}
	.footer .voss .lt{
		display: none;
	}
	.footer .voss{
		margin-top: 0;
	}
	.footer .voss .rt .txt{
		float:none;margin: 0;text-align: center;
	}
	.footer .voss .rt .wxs{
		float: none;
		margin-top: 10px;
	}
	.footer .voss .rt .wxs .wx{
		margin: 10px auto;
	}
	.header .naver{
		height: calc(100vh - 60px);
	}
	.header{
		box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
	}
	.fronyu,
	.fqiyewh,
	.fabout{
		padding: 20px 0;
	}
	.fabpic{
		margin-top: 20px;
	}
	.jiesao .lt h3{
		font-size: 20px;
	}
	.jiesao .rt h1{
		font-size: 24px;
	}
	.jiesao .rt p{
		margin-top: 10px;font-size: 16px;
	}
	.flichen{
		display: none;
	}
	.fqiyewh .list ul li{
		width: 100%;
		margin: 0 0 15px;
	}
	.fqiyewh .list ul{
		margin-top: 20px;
	}
	.fqiyewh .list ul li .text h2{
		font-size: 20px;
		background-size: auto 25px !important;
		padding-left: 30px;
	}
	.fqiyewh .list ul li .text p{
		font-size: 16px;
	}
	.fqyronyusw{
		margin-top: 20px;
	}
	.fronyusw li{
		width: auto;
	}
	.fban .map,
	.fban .text{
		width: auto;
	}
	.fban .wrap{
		display: block;
	}
	.fban .text h2{
		font-size: 24px;
	}
	.fban .map{
		margin-top: 20px;
	}
	.fbanner{
		height: 220px;
	}
	.fbanner .text p{
		font-size: 16px;
		margin-top: 0;
	}
	.fshusondai,
	.fhyjqr .fnewsls{
		padding: 30px 0;
	}
	.fnewsls ul li a{
		font-size: 16px;width: auto;
		padding: 0 15px;
	}
	.fnewsls ul li{
		width: auto;
		margin-right: 10px;
	}
	.fhyjqr .text{
		margin-top: 20px;
	}
	.fhyjqr .fvosbai{
		padding:15px;
	}
	.fhyjqr .text h3,
	.fhyjqr .fvosbai .list li .tl{
		font-size: 18px;
	}
	.fhyjqr .fvosbai .list li dl{
		display: block;
	}
	.fhyjqr .fvosbai .list li dd{
		width: auto;
		height: auto;
		margin: 0 0 10px;
	}
	.fhyjqr .text h3, .fhyjqr .fvosbai .list li .tl{
		font-size: 16px;
	}
	.fphone h5{
		font-size: 14px;
	}
	.fjishuzc{
		padding: 20px 0;
	}
	.fjishult{
		float: none;
		width: auto;
	}
	.fjishult .list li h3 a{
		padding: 10px;font-size: 16px;
	}
	.fjishurt{
		width: auto;
		float: none;
		margin-top: 20px;
	}
	.fjstlt h3{
		font-size: 18px;
		line-height: 40px;
	}
	.fcplist{
		padding: 15px;
	}
	.fshenczd{
		padding: 30px 0;
	}
	.fabtlt p{
		font-size: 16px;
		margin-top: 10px;
	}
	.fshenczd .list ul li{
		width: 48%;
		margin: 0 0 10px;
	}
	.fshenczd .list ul{
		justify-content: space-between;
		margin-top: 20px;
	}
	.fshenczd .list ul li .txt::before{
		display: none;
	}
	.fshenczd .fpic{
		display:none
	}
	.fshenczd .list ul li .txt{
		padding: 0;
	}
	.fshenczd .list ul li .pic{
		height: 6rem;
	}
	.fshenczd .list ul li .txt h3{
		font-size: 20px;
	}
	.fxiancfw .wrap{
		display: block;
	}
	.fxiancfw .text,
	.fxiancfw .video{
		width: auto;
	}
	.fxiancfw{
		padding:  0;
	}
	.fchenluo .fcluo .txt{
		position: static;
		transform:translateY(0%);
		-ms-transform:translateY(0%);  /* IE 9 */
		-moz-transform:translateY(0%);     /* Firefox */
		-webkit-transform:translateY(0%); /* Safari 和 Chrome */
		-o-transform:translateY(0%);
		padding: 30px 20px;
	}
	.fchenluo .fcluo .img{
		position: static;
		width: 50%;margin: 0 auto;
		display: none;
	}
	.fchenluo .fcluo{
		height: auto;
	}
	.fchenluo{
		padding: 35px 0;
	}
	.fchenluo .wrap{
		padding: 0;
	}
	.fchenluo .fcluo .txt h2{
		font-size: 26px;
	}
	.fchenluo .fcluo .txt h4{
		font-size: 16px;
	}
	.fchenluo{
		padding-bottom: 0;
	}
	.fbanner .text.top p{
		margin-top: 10px;font-size: 14px;
	}
	.fjishurt .fdels{
		padding: 15px;
	}
	.fjishurt .fdels .tlt h2{
		font-size: 24px;
	}
	.fjishurt .fdels .tlt h6{
		font-size: 16px;
	}
	.fjishurt .fdels .tlt{
		padding-bottom: 20px;
	}
	.fjishurt .fdels .cens{
		padding: 15px 0;
		display: block;
	}
	.fjishurt .fdels .cens .lt{
		width: auto;
	}
	.fjishurt .fdels .cens .lt p{
		font-size: 16px;
	}
	.fjishurt .fdels .cens .pic{
		width: auto;
	}
	.fhnews .list.fxwlist ul{
		margin-top: 20px;
	}
	.fpages ul li{
		margin-bottom: 10px;
	}
	.fnewslt .tlt h1{
		font-size: 24px;
	}
	.fnewslt .dels{
		margin-top: 20px;
	}
	.fnewsrt .list ul li a{
		padding: 8px 0;
	}
	.fnewsdel{
		padding-bottom: 20px;
	}
	.fzhaopin .fdels .xq{
		margin: 15px 0;
	}
	.fphone {
		margin: 20px auto 0;
	}
	.fhyjqr .fvosbai .list li dl {
		margin-top: 15px;
	}
	.fhyjqr .fvosbai .list li {
		margin-bottom: 20px;
	}
	.fphone h5 {
		margin-top: 10px;
	}
	.fcplist .list ul {
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.fcplist .list ul li {
		width: calc((100% - 15px)/2);
		margin-right: 0 !important;
		margin-bottom: 15px;
		height: 38vw;
		
	}
	.fjiqiren {
		padding: 20px 15px;
	}
	.fjiqiren .ftplst.ftplst1 {
	    padding: 20px 0 10px;
	}
	.ftpt h2 {
		font-size: 18px;
	}
	.ftpt h2 i {
		margin-right: 7px;
	}
	.fjiqiren .ftplst .fplist ul {
		padding: 20px 0 0;
	}
	.fjiqiren .ftplst .fplist ul li {
		width: auto;
		margin-right: 0 !important;
		margin-bottom: 10px;
		height: auto;
	}
	.fjiqiren .ftplst {
		padding: 20px 0;
	}
	.fjiqiren .ftplst .fhls ul {
		margin-top: 15px;
	}
	.fabeler {
		padding: 10px 0 0;
	}
	.fsaomsw1 {
		margin-top: 15px;
	}
	.fsaomsw1 li {
		height: 55px;
	}
	.fjiqiren .ftplst .faqsm ul li {
		width: auto !important;
		margin-right: 0 !important;
		height: auto;
		margin-bottom: 10px;
	}
	.fjiqiren .ftplst .faqsm ul {
		display: block;
	}
	.fjiqiren .ftplst .faqsm ul, 
	.fjiqiren .ftplst .martop {
		margin-top: 10px;
	}
	.footer .voss .rt {
		float: none;
	}
	.fqyronyusw .prev, .fqyronyusw .next {
		display: none;
	}
	.fronyusw {
		margin: 0 auto;
	}
	.fronyusw li {
		height: 140px;
	}
	.fphone h5 i {
		margin-left: 5px;
		padding-left: 5px;
	}
	.fjiqiren {
		margin-top: 5px;
	}
	.fbanner .text {
		left: 15px;
		right: 15px;
	}
	.fnewsls ul li {
		margin: 0 auto 15px;
		float: none;
	}

	.fshusondai,
	.fjishult {
		position: initial;
	}
	.fjishuzc2 .fjishult .list ul,
	.fjishult .list ul {
		max-height: 100%;
		overflow-y: initial;
	}
	
}