/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 20px;
    width: 20px;
    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: #00ae95;
    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: #00ae95;
    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: #00ae95;
    width: 100%;
}

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

.selected .gh a {
    background-color: transparent !important;
}



@media only screen and (max-width:1240px) {
	.wrap {
		width: 1000px;
	}
	.productdel {
		padding: 90px 0;
	}
	.frencai {
		padding: 70px 0 80px;
	}
	.news {
	    padding: 30px 0 45px;
	}
	.product li .pic {
		width: 400px;height: 240px;
	}
	.news li {
		padding: 45px 0;
	}
	.newsdels {
		padding: 70px 0 60px;
	}
	.product li .text {
		margin-top: 20px;
	}
	.product {
		padding: 80px 0;
	}
	.banner {
		height: 600px;
	}
	.layout{
		padding-top: 74px;
	}
	.fjianli {
		padding: 40px 70px 50px;width: 700px;
	}
	.fjianli h2 {
		font-size: 30px;line-height: 1.6;
	}
	.banner li .txt h2 {
		font-size: 45px;line-height: 1.4;
	}
	.banner li .txt {
		bottom: 150px;
	}
	.habout {
		padding: 80px 0 90px;
	}
	.tit h3 {
		font-size: 34px;line-height: 1;
	}
	.tit h2 {
		font-size: 36px;line-height: 1.4;margin-top: 3px;
	}
	.habout .mt {
		margin-top: 40px;
	}
	.habout .more {
		margin-top: 40px;
	}
	.hproduct .list {
	    margin: -45px auto 0;
	}
	.hproduct .list li h4 {
		margin-top: 20px;font-size: 30px;
	}
	.tit h5 {
		margin-top: 14px;font-size: 25px;
	}
	.htech .clear {
		margin-top: 40px;
	}
	.htech .clear li {
		padding: 0 70px;
	}
	.htech .clear li .icon {
		height: 120px;
	}
	.hnews .bd {
		margin-top: 40px;
	}
	.hnews {
		padding: 80px 0 ;
	}
	.hnews .tab ul {
		margin-top: 30px;
	}
	.hproduct .list li .img {
		height: 420px;
	}
	.banner li .txt h4 {
		font-size: 24px;line-height: 1.8;
	}
	.banner .spans {
		bottom: 50px;
	}
	.fjianli .text {
		margin: 40px auto 0;
		padding: 60px 20px 40px;
	}
	.fgangwei {
		padding: 60px 0 80px;
	}
	.fgangwei .tlte {
		padding-bottom: 30px;
	}
	.fgangwei .list .ls {
		margin-bottom: 20px;
	}
	.fgangwei .list {
		margin-top: 40px;
	}
	.fgangwei .list p {
		line-height: 40px;
	}
	.fjianli .fsub {
		margin: 30px auto 0;font-size: 22px;line-height: 54px;
	}
	.fjianli .text .tet h6 {
		margin-top: 20px;
	}
	
	.conban {
		height: 450px;
	}
	.conban .tlt h2 {
		font-size: 45px;line-height: 1.6;
	}
	.conban .tlt h2 i {
		padding-right: 10px;
	}
	.conban .tlt h5 {
		font-size: 21px;
	}
	.contact .hd {
		padding: 100px 0;
	}
	.contact .hd .pic {
		height: 280px;
	}
	.contact .hd .text {
		width: 45%;
	}
	.contact .bd .pic {
		height: 600px;
	}
	.contact .bd .lt {
		padding-top: 150px;
	}
	.contact .hd .text dd {
		margin-bottom: 10px;padding-left: 34px;
	}
	.contact .hd .text h3 {
		font-size: 23px;line-height: 1.6;
	}
	.jishu {
		margin: 80px 0 60px;
	}
	.jishu .hd ul li {
		height: 240px;width: 240px;margin: 0 15px;
	}
	.jishu .hd h2 {
		font-size: 30px;line-height: 1.6;margin-top: 60px;
	}
	.rongyu {
		padding: 80px 0 40px;
	}
	.rongyu ul li {
		width: calc((100% - 62px)/3);margin-right: 30px;margin-bottom: 30px;
		height: 220px;
	}
	
	
	.jishu .hd dl dd .icon {
		height: 110px;
	}
	.jishu .hd dl dd h4 {
		padding: 0 60px 0 70px;
		/* line-height: 2.2;height: 8.8em; */
	}
	.jishu .hd dl dd .pics {
		height: 280px;
	}
	.jishu .bd {
		margin-top: 80px;
	}
	.jishu .bd ul li .icon {
		width: 100px;height: 100px;
	}
	.jishu .bd ul li {
		width: calc((100% - 102px)/3);margin-right: 50px;
	}
	.jishu .bd ul li p {
		line-height: 2;margin-bottom: 10px;
	}
	.jishu .bd ul li p::before {
		top: 13px;
	}
	.jishu .ft {
		margin-top: 80px;
	}
	.jishu .ft .tx h2 {
		font-size: 26px;line-height: 1.8;
	}
	.jishu .ft .tx h6 {
		margin: 8px auto 30px;line-height: 2;
	}
	.jishu .ft .dles {
		margin-top: 90px;
	}
	.jishu .ft .dles .dal::before {
		height: 45px;top: -45px;
	}
	.jishu .ft .dles .dal {
		padding: 70px 150px 100px;
	}
	.jishu .ft .dles .dal h3 {
		font-size: 32px;
	}
	.jishu .ft .dles .dal h4 {
		font-size: 20px;margin-top: 4px;
	}
	.jishu .ft .dles .dal p {
		margin-top: 30px;
	}
	.jishu .ft .imgs h5 {
		font-size: 24px;margin-top: 60px;
	}
	.jishu .bd ul li h2 {
		margin: 20px auto 5px;font-size: 24px;line-height: 1.6;
	}
	.header .naver li h3 a {
		line-height: 70px;
	}
	.guimo .hd .pic {
		height: 600px;
	}
	.guimo .hd .text {
		margin-top: 140px;
	}
	.guimo .bd .text {
		margin-top: 50px;
	}
	.guimo .bd .text li h4 {
		font-size: 45px;
	}
	.guimo .bd .text li {
		margin-bottom: 30px;
	}
	.guimo .bd .text .dles h2 {
		font-size: 26px;line-height: 1.4;
	}
	.guimo .bd .pic img {
		margin-top: 20px;
	}
	.guimo .bd .pic h6 {
		margin-top: 5px;
	}
	.guimo .ft li .pic {
		height: 280px;
	}
	.guimo .ft li h6 {
		margin-top: 6px;
	}
	.guimo .hd .text p {
		line-height: 2.4;
	}
	.wenhua li {
		padding: 80px 40px 30px;min-height: 420px;
	}
	.wenhua li .text .tet .ico {
		height: 50px;
	}
	.wenhua li .text .tet h3 {
		font-size: 26px;line-height: 1.4;
		margin-top: 4px;
	}
	.wenhua li .text .tet {
		padding-bottom: 14px;
	}
	.wenhua li .text .dels h4 {
		margin-top: 12px;font-size: 20px;
	}
	.wenhua li .text .dels p {
		margin-top: 16px;
	}
	.wenhua li .text .tet .ico img {
		max-height: 80%;max-width: 80%;
	}
	.header .logo {
		margin-top: 11px;
	}
	.header .naver {
		margin-left: 50px;
	}
	.header .seach {
		margin-top: 25px;
	}
	.hbans {
		height: 400px;
	}
	.taber {
		padding: 15px 0;
	}
	.taber li a {
		padding: 0 20px;
	}
	.about {
		padding: 80px 0 70px;
	}
	.about .pic {
		width: 460px;height: 320px;
	}
	.about .text h1 {
		font-size: 28px;
	}
	.footer .fnav {
		margin-left: 60px;
	}
	.header .naver li dl {
		top: 70px;
	}
	.fcontc {
		padding: 40px 50px 50px;
		width: 700px;
	}
	.fcontc h2 i {
		font-size: 28px;line-height: 1.6;
		background-size: 34px auto !important;
		padding-left: 44px;
	}
	.fcontc .lis {
		margin-top: 40px;
	}
	.fcontc .fsub {
		font-size: 24px;margin: 30px auto 0;
		line-height: 61px;
	}
	
	.qmxize li{
		height: 325px;margin-bottom: 66px;
	}
	
	
}
@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;
	}
	.layout{
		padding-top: 63px;
	}
	.frencai {
		padding: 60px 15px;
	}
	.frencai .ftable {
		margin-top: 25px;
	}
	.frencai .ftable th {
		font-size: 16px;line-height: 46px;
	}
	.frencai .ftable td {
		line-height: 50px;
	}
	.productdel {
	    padding: 80px 15px;
	}
	.productdel h1 {
		margin-top: 30px;font-size: 30px;line-height: 1.6;
	}
	.productdel .delss {
		margin-top: 10px;
	}
	.productdel .delss h6 {
		font-size: 20px;
	}
	.productdel .delss table td.fh, 
	.productdel .delss table th.fh,
	.productdel .delss table td, 
	.productdel .delss table th {
		font-size: 18px;line-height: 2;
	}
	.productdel .delss table {
		width: 85%;
	}
	.productdel .delss h4 {
		font-size: 20px;line-height: 1.8;
	}
	.productdel .delss p {
		font-size: 16px;margin-bottom: 30px;
	}
	.newsdels {
		padding: 50px 15px;
	}
	.product {
	    padding: 60px 0;
	}
	.product li {
		padding: 30px 15px;
	}
	.product li .pic {
		width: 41%;height: 22vw;
	}
	.product li .text h2 {
		font-size: 20px;line-height: 1.4;
	}
	.product li .text a {
		margin-top: 20px;
	}
	.newsdels .hd h6 {
		margin-top: 6px;
	}
	.newsdels .bddels {
		padding: 35px 0;
	}
	.banner {
		height: 500px;
	}
	.news li {
		padding: 40px 20px;
	}
	.news li .time h4 {
		font-size: 45px;line-height: 50px;
	}
	.news li .time {
		width: 96px;
	}
	.news li .text {
		width: calc(100% - 140px);
	}
	.banner .spans {
	    bottom: 40px;
	}
	.banner li .txt h2 {
		font-size: 40px;
	}
	.habout {
		padding: 70px 15px;
	}
	.hproduct {
		padding: 60px 15px;
	}
	.banner li .txt h4 {
		font-size: 22px;
	}
	.hproduct .list li {
	    width: calc((100% - 140px)/2);
	}
	.hproduct .list li .img {
		height: 41vw;
	}
	.htech {
		padding: 70px 15px;
	}
	.htech .clear li {
	    padding: 0 50px;
	}
	.hnews {
		padding: 70px 15px;
	}
	.hnews .tab ul {
	    margin-top: 25px;
	}
	.hnews .bd li .dl dd .txt h2 {
		font-size: 16px;margin-top: 2px;
	}
	.hnews .bd li .dl dd .time h4,
	.hnews .bd li .pic .time h4 {
		font-size: 35px;line-height: 1;
	}
	.hnews .bd li .dl dd {
	    padding-bottom: 20px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #c0c0c0;
	}
	.htech .clear li p {
		line-height: 2.3;
	}
	.hnews .bd li .pic h2 {
		line-height: 44px;
	}
	.hnews .bd li .pic {
		height: 310px;
	}
	.hnews .bd li .dl dd .time {
		width: 70px;
	}
	.hnews .bd li .dl dd .txt {
		width: calc(100% - 85px);
	}
	.hnews .bd li .pic .time {
		padding: 10px;
	}
	.banner li .txt {
	    bottom: 120px;
	}
	.fgangwei {
		padding: 60px 15px 80px;
	}
	.fgangwei .tlte h2 {
		font-size: 26px;line-height: 1.8;margin-bottom: 0;
	}
	.fgangwei .tlte p {
		font-size: 16px;
	}
	.fgangwei .tlte {
		padding-bottom: 25px;
	}
	.fgangwei .list {
	    margin-top: 30px;padding-bottom: 17px;
	}
	
	.fcontc {
		width: 600px;padding: 30px 40px 40px;
	}
	.fcontc .lis .ls {
	    width: calc((100% - 15px)/2);
	    margin-bottom: 15px;
	}
	.fcontc .lst .ls {
		margin-bottom: 12px;
	}
	.fcontc .lst .ls .tarea {
		font-size: 16px;
	}
	.fcontc .fsub {
		font-size: 20px;margin: 20px auto 0;
		line-height: 50px;
	}
	.fcontc .ls .text {
		font-size: 16px;height: 46px;
	}
	.fcontc .lis {
		margin-top: 30px;
	}
	.conban {
		height: 320px;
	}
	.conban .tlt {
		bottom: 25%;left: 15px;
	}
	.conban .tlt h2 {
		font-size: 35px;
	}
	.conban .tlt h5 {
		font-size: 18px;
	}
	.contact .hd {
		padding: 80px 15px;
	}
	.contact .hd .text dd {
		line-height: 1.8;
	}
	.contact .bd .pic {
		height: 500px;
	}
	.contact .bd .lt {
		padding: 100px 0 20px 15px;
	}
	.rongyu {
		padding: 60px 15px 40px;
	}
	
	.rongyu ul li {
	    width: calc((100% - 42px)/3);
	    margin-right: 20px;
	    margin-bottom: 20px;
	    height: 22vw;
	}
	.jishu .hd ul li {
		height: 180px;width: 180px;
	}
	.jishu .hd dl {
		padding: 0 15px;
	}
	.jishu .hd h2 {
	    font-size: 26px;
	    line-height: 1.6;
	    margin-top: 40px;
	}
	.jishu .bd ul li p::before {
	    top: 12px;left: -10px;
		height: 4px;width: 4px;
	}
	.jishu .bd ul li h2 {
		font-size: 20px;margin: 15px auto 5px;
	}
	.jishu .hd dl dd .icon {
		height: 90px;
	}
	.jishu .hd dl dd .pics {
		height: 30vw;
	}
	.jishu .ft {
		padding: 0 15px;margin-top: 60px;
	}
	.jishu .ft .imgs h5 {
		margin-top: 40px;font-size: 22px;
	}
	.jishu .ft .dles .dal {
		padding: 70px 90px 100px;
	}
	.jishu .bd ul li .icon {
	    width: 80px;
	    height: 80px;
	}
	.jishu .bd ul li p {
		font-size: 14px;
	}
	.jishu .bd {
		margin-top: 60px;padding: 0 30px;
	}
	.jishu .hd dl dd {
		width: calc((100% - 50px)/2);
	}
	.jishu .hd dl dd h4 {
		padding: 0 50px;
	}
	
	.guimo .ft li .pic {
		height: 28vw;
	}
	.jishu .hd ul {
		margin: -40px auto 0;
	}
	.guimo .hd .text {
		width: 30%;padding-left: 2%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 105px;
	}
	.guimo .bd .pic {
		margin-top: -50px;
	}
	.guimo .ft {
		padding: 60px 15px 45px;
	}
	.guimo .bd .text .dles h2 {
		font-size: 22px;
	}
	.guimo .ft li {
	    width: calc((100% - 35px)/2);
	    margin-bottom: 30px;
	}
	.guimo .bd .text .dles p {
		margin-top: 4px;
	}
	.guimo .bd {
		padding: 0 15px;
	}
	.guimo .bd .text {
		margin-top: 40px;
	}
	.guimo .bd .text li {
		width: 50% !important;
		padding: 0 10px;margin-bottom: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.guimo .bd .text li h4 {
		font-size: 30px;
	}
	.guimo .hd .pic {
		height: 520px;
	}
	.wenhua li {
	    padding: 60px 30px 20px;
	    min-height: 350px;
	}
	.wenhua li .text .tet .ico {
		height: 42px;
	}
	.wenhua li .text .tet h3 {
		font-size: 22px;
	}
	.wenhua li .text .tet {
		padding-bottom: 10px;width: 230px;
	}
	.wenhua li .text .dels h4 {
		font-size: 16px;margin-top: 8px;
	}
	.wenhua li .text .dels p {
		margin-top: 10px;line-height: 2;
	}
	.wenhua li .text .dels p br {
		display: none;
	}
	.header {
		padding: 0 15px;
		border-bottom: 3px solid #00ae95;
	}
	.header .logo {
		width: 130px;margin-top: 10px;
	}
	.header .naver li h3 a {
		font-size: 14px;padding: 0 10px;line-height: 60px;
	}
	.header .seach {
	    margin-top: 19px;
	}
	.header .naver {
		margin-left: 40px;
	}
	.header .naver li dl {
		top: 59px;
	}
	.header .naver li dl dd a {
		font-size: 12px;padding: 0 4px 0 10px;
	}
	.hbans {
		height: 320px;
	}
	.taber li a {
		font-size: 14px;line-height: 32px;border-radius: 16px;
	}
	.taber li {
		margin: 0 4px;
	}
	.about {
		padding: 60px 15px;
	}
	.about .pic {
		width: 47%;height: 280px;
	}
	.about .text h1 {
		font-size: 24px;
	}
	.about .text .dels {
		margin-top: 8px;line-height: 2;
	}
	.footer .clar {
		padding: 30px 15px;
	}
	.footer .lo {
		width: 80px;
	}
	.footer .fnav {
		margin-left: 40px;margin-top: 0;
	}
	
	.footer .weix {
		margin-top: 10px;
	}
	.footer .weix,
	.footer .fnav,
	.footer .lo {
		float: none;
	}
	.footer .fnav {
		margin-left: 0;margin-top: 20px;
	}
	.footer .fnav dl {
		width: 12%;
	}
	.footer .weix {
		width: 90px;margin-top: 20px;
	}
	.footer .fnav dl:last-child {
		width: auto;
	}
	
}
@media only screen and (max-width:800px) {
	.wrap {
		width: auto;
	}
	.ftlte h3 i::after, 
	.ftlte h3 i::before {
		width: 50px;
	}
	.ftlte h3::after, 
	.ftlte h3::before {
		width: 38%;
	}
	
	.ftlte h3 i {
		padding: 0 60px;font-size: 20px;
	}
	.productdel .delss table {
	    width: 96%;
	}
	.productdel h1 {
		font-size: 26px;
	}
	.productdel {
		padding: 50px 15px;
	}
	.productdel .delss table {
		margin: 0 auto 26px;
	}
	.productdel .delss table td.fh, .productdel .delss table th.fh, .productdel .delss table td, .productdel .delss table th {
		font-size: 16px;
	}
	.product {
	    padding: 30px 0 40px;
	}
	.product li .text {
		margin-top: 15px;
	}
	
	.product li .text h2 {
		font-size: 16px;
	}
	.product li .text p {
		line-height: 1.6;height: 4.8em;
	}
	.product li .text a {
		font-size: 12px;line-height: 30px;width: 110px;
		border-radius: 15px;margin-top: 10px;
	}
	.newsdels {
		padding: 40px 15px 50px;
	}
	.newsdels .hd h1 {
		font-size: 22px;
	}
	.newsdels .hd h6 {
		margin-top: 0;
	}
	.newsdels .bddels {
		padding: 20px 0;
	}
	.news li {
	    padding: 35px 20px;
	}
	.banner {
		height: 360px;
	}
	.news li .text h2 {
		font-size: 16px;line-height: 1.8;
	}
	.news {
	    padding: 30px 0 35px;
	}
	.news li .time h4 {
		font-size: 40px;line-height: 46px;
	}
	.news li .text {
	    width: calc(100% - 130px);
	}
	
	.banner .spans {
	    bottom: 30px;
	}
	.banner li .txt {
	    bottom: 80px;
	}
	.banner li .txt h2 {
		font-size: 30px;
	}
	.habout {
	    padding: 60px 15px;
	}
	.habout .mt {
		margin-top: 30px;
	}
	.habout .mt .videos {
		float: none;width: auto;margin-top: 0;
	}
	.banner li .txt h4 {
		font-size: 18px;
	}
	.habout .mt .text {
		float: none;width: auto;margin-top: 20px;
	}
	.fjianli {
		padding: 30px 20px;width: auto;left: 15px;right: 15px;
	}
	.habout .more {
	    margin-top: 30px;
	}
	.tit h3 {
		font-size: 28px;
	}
	.tit h2 {
		font-size: 32px;
	}
	.more a {
		line-height: 44px;width: 170px;border-radius: 22px;
	}
	.hproduct .list li {
	    width: calc((100% - 100px)/2);
	}
	.hnews {
		padding: 60px 15px;
	}
	.hnews .tab ul {
		margin-top: 20px;
	}
	.hnews .bd {
	    margin-top: 30px;
	}
	.hnews .bd li .pic {
		float: none;width: auto;height: 46vw;
	}
	.htech .clear li {
		padding: 0 30px;
	}
	.htech .more {
		margin: 30px auto 0;
	}
	.more {
		margin: 30px auto 0;
	}
	.hnews .bd li .dl {
		float: none;width: auto;margin-top: 30px;
	}
	.htech {
		padding: 60px 15px;
	}
	.tit h5 {
		margin-top: 6px;font-size: 20px;
	}
	.hproduct .list li h4 {
		font-size: 26px;
	}
	.fjianli .fca {
		background-size: 18px auto !important;
		top: 12px;right: 12px;
	}
	.fjianli .text .tet .ic {
		width: 75px;
	}
	.fgangwei {
		padding: 30px 15px;
	}
	.fjianli .text {
		margin: 20px auto 0;padding: 30px 20px;
	}
	.fgangwei .tlte h2 {
		font-size: 22px;line-height: 1.6;
	}
	.fgangwei .tlte {
	    padding-bottom: 15px;
	}
	.ftle h3 {
		font-size: 16px;line-height: 1.6;padding-left: 10px;
	}
	.ftle h3::before {
		width: 2px;height: 17px;
	}
	.fgangwei .list p {
		font-size: 14px;line-height: 2;
	}
	.fgangwei .list .ls {
		margin-bottom: 15px;
	}
	.fgangwei .list {
	    margin-top: 15px;
	    padding-bottom: 5px;
	}
	.fgangwei .shangc {
		font-size: 16px;line-height: 40px;width: 160px;
		border-radius: 20px;
	}
	.fgangwei .tlte p {
		font-size: 14px;
	}
	.fjianli h2 {
		font-size: 20px;
	}
	.fcontc {
		width: auto;padding: 20px 20px 30px;
		left: 20px;right: 20px;
	}
	.fcontc h2 i {
		font-size: 18px;    
		background-size: 20px auto !important;
		padding-left: 26px;
	}
	.fcontc .cha {
		background-size: 18px auto;top: 10px;right: 12px;
	}
	.fcontc .lis {
		margin-top: 15px;
	}
	.fcontc .lis .ls {
		float: none !important;width: auto;margin-bottom: 10px;
	}
	.fcontc .lst .ls .tarea {
		height: 90px;
	}
	.fcontc .ls .text {
		height: 40px;
	}
	.contact .hd {
	    padding: 60px 15px;
	}
	.fcontc .fsub {
		font-size: 16px;line-height: 44px;border-radius: 22px;
	}
	.contact .hd .text {
		float: none;width: auto;margin-top: 0;
	}
	.contact .hd .pic {
		float: none;width: auto;margin-top: 30px;height: 40vw;
	}
	.contact .bd .lt h2 {
		font-size: 26px;line-height: 1.6;
	}
	.contact .bd .lt h4 {
		margin-top: 30px;font-size: 16px;line-height: 1.8;
	}
	.contact .bd .lt {
	    padding: 60px 0 20px 15px;
	}
	.contact .bd .pic {
		height: 400px;
	}
	.contact .bd .lt a {
		margin-top: 20px;line-height: 40px;border-radius: 20px;
		width: 160px;font-size: 16px;
	}
	.rongyu {
	    padding: 50px 15px 30px;
	}
	.rongyu ul li {
	    width: calc((100% - 20px)/2);
	    margin-right: 0;
	    margin-bottom: 20px;
	    height: 32vw;
	}
	
	.rongyu ul li:nth-child(2n) {
		float: right;
	}
	.guimo .ft li {
	    width: calc((100% - 20px)/2);
	    margin-bottom: 20px;
	}
	.guimo .hd .text p {
		font-size: 14px;line-height: 2;
	}
	.guimo .bd .text {
		margin-top: 30px;
	}
	.guimo .bd .text li {
		width: auto !important;float: none;margin-bottom: 15px;text-align: left;
	}
	.guimo .hd .text {
		margin-top: 10vw;
	}
	.guimo .bd .text .dles h2 {
		font-size: 20px;
	}
	.guimo .bd .text .dles p {
		line-height: 2;
	}
	.guimo .hd .pic {
		height: 460px;
	}
	.about .pic {
		float: none;width: auto;height: 55vw;
	}
	.about .text {
		float: none;width: auto;margin-top: 30px;
	}
	.about .text .dels {
		margin-top: 15px;
	}
	.header {
		position: fixed;z-index: 111;top: 0;
		left: 0;right: 0;margin: 0 auto;
		background: #fff;height: 50px;
		border-bottom: 1px solid #00ae95;
	}
	.header .logo {
		width: 110px;margin-top: 0;
		position: absolute;z-index: 11;
		top: 8px;left: 15px;
	}
	.gh {
		position: absolute;z-index: 66;
		top: 15px;right: 15px;display: block;
	}
	.header .seach {
		display: none;
	}
	.header .naver {
		position: fixed;z-index: 222;top: 50px;
		left: 0;right: 0;margin: 0 auto;background: #fff;
		float: none;display: none;
	}
	.header .naver li {
		float: none;
	}
	.header .naver li h3 {
		position: relative;
	}
	.header .naver li h3 a {
		font-size: 16px;line-height: 2.4;
	}
	.header .naver li h3 i {
		position: absolute;height: 38px;width: 38px;
		top: 0;right: 0;background: url(../images/fj2.png) no-repeat center;
		font-size: 16px;z-index: 66;transition: all 0.3s;
	}
	.header .naver li h3 i.on {
		transform: rotate(90deg);
	}
	.header .naver li dl {
		position: static;top: auto;padding-top: 0;border-radius: 0;
		right: auto;
	}
	.header .naver li dl dd a {
		font-size: 14px;padding: 0 15px;line-height: 2.4;
	}
	.layout {
		padding-top: 50px;
	}
	.hbans {
		height: 240px;
	}
	.taber {
		padding: 10px 15px;
	}
	.taber ul {
		text-align: center;
	}
	.taber li {
		margin: 0 5px 0;
		width: 30%;padding: 0;
	}
	.taber li a {
		line-height: 30px;padding: 0;
	}
	.about {
		padding: 30px 15px 40px;
	}
	
	.about .text {
		margin-top: 20px;
	}
	.about .text h1 {
		font-size: 18px;
	}
	.about .text .dels {
		margin-top: 10px;
	}
	.footer .fnav {
		display: none;
	}
	.footer .clar {
		padding: 20px 15px;
	}
	.footer .lo {
		float: left;
	}
	.footer .weix {
		float: right;width: 70px;margin-top: 5px;
	}
	.footer .weix img {
		width: 70px;height: 70px;
	}
	.footer .weix h4 {
		margin-top: 2px;
	}
	.copyright a {
		line-height: 1.6;
	}
	.copyright {
		padding: 10px 15px;
	}
	.about .fpic {
		margin-top: 0;
	}
	.about .text .cle {
		margin-top: 16px;
	}
	.wenhua ul {
		display: block;
	}
	.wenhua li {
		width: auto;
	}
	.guimo .bd .text li h4 sup {
		font-size: 20px;
	}
	.jishu .hd ul li {
		width: 140px;height: 140px;margin: 0 10px;
	}
	.jishu .hd h2 {
	    font-size: 22px;
	    line-height: 1.6;
	    margin-top: 20px;
	}
	.jishu .hd dl {
		margin-top: 30px;
	}
	.jishu .hd dl dd {
	    width: calc((100% - 30px)/2);
	}
	.jishu .hd dl dd .icon {
		height: 70px;
	}
	.jishu .hd dl dd h4 {
		padding: 0 30px;font-size: 14px;line-height: 2.2;margin-top: 5px;
		height: 8.8em;
	}
	.jishu .hd dl dd .pics {
		margin-top: 20px;height: 28vw;
	}
	.jishu .bd {
		margin-top: 40px;
	}
	.jishu .bd ul li {
		float: none;margin-right: 0;width: auto;
		margin-bottom: 30px;
	}
	.jishu .bd ul li .icon {
		height: 70px;width: 70px;
	}
	.jishu .bd ul li h2 {
		margin: 10px auto 5px;
	}
	.jishu .bd ul li p {
		margin-bottom: 6px;
	}
	.jishu .ft {
		margin-top: 30px;
	}
	.jishu .ft .dles {
		margin-top: 60px;
	}
	.jishu .ft .dles .dal {
		padding: 50px 50px 90px;
	}
	.jishu .ft .dles .dal h3 {
		font-size: 28px;
	}
	.jishu .ft .dles .dal h4 {
		font-size: 17px;margin-top: 0;
	}
	.jishu .ft .dles .dal p {
		margin-top: 20px;
	}
	.jishu .ft .imgs {
		margin: -70px 40px 0;
	}
	.jishu .ft .imgs h5 {
		font-size: 18px;margin-top: 30px;
	}
	.jishu .ft{
		padding: 0;
	}
	.qmxize{
		padding: 55px 0;
	}
	.qmxize li{
		float: none;width: auto;height: 67vw;margin-bottom: 40px;
	}
	.qmxize li:nth-child(2n){
		float: none;
	}
	.jishu .ft .imgs{
		top: -20px;
	}

	
}
@media only screen and (max-width:500px) {
	.about .fpic {
		height: 200px;
	}
	.product {
	    padding: 20px 0 30px;
	}
	.product li {
		padding: 20px 15px 25px;
	}
	.product li .pic {
		float: none !important;width: auto;height: 190px;
	}
	.newsdels {
		padding: 30px 15px 40px;
	}
	.product li .text {
		float: none;width: auto;margin-top: 10px;
	}
	.product li .text p {
		height: auto;
	}
	.product li .text a {
		margin-top: 8px;
	}
	.newsdels .hd h1 {
		font-size: 20px;line-height: 1.6;
	}
	.newsdels .bddels {
		padding: 15px 0;font-size: 14px;line-height: 1.6;
	}
	
	.fjianli .text {
	    margin: 10px auto 0;
	    padding: 20px;
	}
	.news {
	    padding: 20px 0 25px;
	}
	.news li {
	    padding: 20px 15px;
	}
	.news li .time h4 {
		font-size: 25px;line-height: 1;
	}
	.news li .time h5 {
		font-size: 13px;
	}
	.news li .time::before {
		display: none;
	}
	.pages {
		margin-bottom: 36px;
	}
	.pages dl dd a {
		line-height: 26px;min-width: 26px;padding: 0 8px;
		font-size: 12px;
	}
	.pages dl dd {
		margin: 0 2px 4px;
	}
	.news li .text {
		float: none;width: auto;margin-top: 4px;
	}
	.news li .text p {
		line-height: 1.6;
	}
	.news li .time {
		float: none;
	}
	.more {
		margin: 20px auto 0;
	}
	.fjianli .text .tet .ic {
		width: 50px;
	}
	.fjianli .text .tet h6 {
		font-size: 14px;margin-top: 10px;
	}
	.conban .tlt h2 {
		font-size: 20px;
	}
	.fjianli {
		padding: 20px 20px 30px;
	}
	.fjianli .fsub {
	    margin: 20px auto 0;
	    font-size: 16px;
	    line-height: 36px;
		border-radius: 18px;
	}
	.conban .tlt h2 i {
		padding-right: 5px;
	}
	.contact .hd .text h3 {
		font-size: 20px;
	}
	.contact .bd .pic {
		height: 260px;
	}
	.contact .bd .lt h2 {
		font-size: 18px;
	}
	.contact .bd .lt {
	    padding: 30px 0 10px 15px;
	}
	.contact .bd .lt a {
		width: auto;font-size: 14px;
		line-height: 32px;border-radius: 16px;margin-top: 10px;
	}
	.contact .bd .lt h4 {
		margin-top: 5px;font-size: 14px;
	}
	.contact .hd .text dl {
		margin-top: 8px;
	}
	.contact .hd .pic {
		margin-top: 20px;height: 160px;
	}
	.contact .hd {
		padding: 30px 15px;
	}
	.conban .tlt h5 {
		font-size: 14px;
	}
	.conban {
		height: 200px;
	}
	.wenhua li {
		min-height: auto;padding: 40px 20px 30px;
	}
	.wenhua li .text .tet .ico {
		height: 35px;
	}
	.wenhua li .text .tet h3 {
		font-size: 18px;
	}
	.wenhua li .text .tet {
		width: 180px;
	}
	.wenhua li .text .dels h4 {
		line-height: 1.8;font-size: 16px;
	}
	.wenhua li .text .dels p br {
		display: none;
	}
	.wenhua li .text .dels p {
		line-height: 1.6;
	}
	.hbans {
		height: 140px;
	}
	.guimo .hd {
		padding: 20px 15px;
	}
	.guimo .hd .text {
		float: none;
		width: auto;margin-top: 0;
	}
	.guimo .hd .text p {
		line-height: 1.8;
	}
	.guimo .hd .pic {
		float: none;margin-right: auto;
	}
	.guimo .hd .pic {
		height: 160px;margin-top: 10px;
	}
	.guimo .bd {
		padding: 30px 15px;
	}
	.guimo .bd .text {
		margin-top: 0;float: none;width: auto;
	}
	.guimo .bd .text li {
		width: 50% !important;text-align: center;float: left;
	}
	.guimo .bd .text li h4 {
		font-size: 24px;
	}
	.guimo .bd .text li h4 sup {
		font-size: 16px;
	}
	.guimo .bd .text .dles {
		padding-top: 10px;
	}
	.guimo .bd .text .dles h2 {
		font-size: 18px;
	}
	.guimo .bd .pic {
		float: none;width: auto;margin-top: 10px;
	}
	.guimo .bd .pic img {
		margin-top: 5px;
	}
	.guimo .bd .pic h6 {
		margin-top: 0;
	}
	.guimo .ft {
		padding: 0 15px 20px;
	}
	.guimo .ft li {
	    width: calc((100% - 10px)/2);
	    margin-bottom: 10px;
	}
	.guimo .ft li h6 {
		padding: 0 5px;font-size: 12px;margin-top: 0;
	}
	.jishu {
	    margin: 60px 0 40px;
	}
	.jishu .hd ul li {
		height: 80px;width: 80px;margin: 0 6px;
	}
	.jishu .hd h2 {
		font-size: 18px;margin-top: 15px;
	}
	.jishu .hd dl {
		margin-top: 20px;
	}
	.jishu .hd dl dd {
	    width: calc((100% - 10px)/2);
	}
	.jishu .hd dl dd .icon {
		height: 50px;
	}
	.jishu .hd dl dd h4 {
		padding: 0;line-height: 1.8;
	}
	.jishu .hd dl dd .pics {
		margin-top: 15px;
	}
	.jishu .bd {
		margin-top: 30px;padding: 0 20px;
	}
	.jishu .bd ul li .icon {
	    height: 60px;
	    width: 60px;
	}
	.jishu .bd ul li h2 {
	    font-size: 16px;
	}
	.jishu .bd ul li p {
		line-height: 1.8;
	}
	.jishu .bd ul li p::before {
		top: 10px;
	}
	.jishu .ft {
		margin-top: 10px;
	}
	.jishu .ft .tx h2 {
		font-size: 18px;line-height: 1.6;
	}
	.jishu .ft .tx h6 {
		margin: 5px auto 20px;
	}
	.jishu .ft .tx h6 br {
		display: none;
	}
	.jishu .ft .dles {
		margin-top: 30px;
	}
	.jishu .ft .dles .dal::before {
	    height: 25px;
	    top: -25px;
	}
	.jishu .ft .dles .dal {
		padding: 30px 20px 50px;
	}
	.jishu .ft .dles .dal h3 {
		font-size: 18px;
	}
	.jishu .ft .dles .dal h4 {
		font-size: 15px;margin-top: 2px;
	}
	.jishu .ft .dles .dal p {
		margin-top: 8px;line-height: 1.8;
	}
	.jishu .ft .imgs {
	    margin: -40px 20px 0;
	}
	.jishu .ft .imgs h5 {
		margin-top: 15px;font-size: 16px;
	}
	.rongyu {
	    padding: 30px 15px;
	}
	.rongyu ul li {
	    width: calc((100% - 10px)/2);
	    margin-right: 0;
	    margin-bottom: 10px;
	    height: 32vw;
	}
	.banner {
		height: 200px;
	}
	.banner li .txt {
	    bottom: 40px;
	}
	.banner .spans {
	    bottom: 14px;
	}
	.banner .spans span {
		width: 30px;height: 3px;
	}
	.banner li .txt h4 {
	    font-size: 14px;
	}
	.banner li .txt h2 {
		font-size: 21px;
	}
	.habout {
		padding: 30px 15px 40px;
	}
	.tit h3 {
		font-size: 20px;
	}
	.tit h2 {
		font-size: 20px;
	}
	.habout .mt {
		margin-top: 15px;
	}
	.habout .mt .text {
		font-size: 14px;line-height: 2;
	}
	.habout .more {
	    margin-top: 15px;
	}
	.more a {
		font-size: 14px;line-height: 36px;width: 150px;border-radius: 20px;
	}
	.hproduct {
		padding: 30px 15px;
	}
	.hproduct .list li {
	    width: calc((100% - 50px)/2);
	}
	.hproduct .list {
	    margin: -20px auto 0;
	}
	.hproduct .list li .img {
		height: 39vw;
	}
	.hproduct .list li h4 {
		font-size: 20px;margin-top: 6px;
	}
	.htech {
		padding: 30px 15px 40px;
	}
	.tit h5 {
		font-size: 16px;margin-top: 3px;
	}
	.htech .clear {
		margin-top: 20px;
	}
	.htech .clear li {
		float: none;width: auto;padding: 0 20px;margin-bottom: 20px;
	}
	.htech .clear li .icon {
		height: 70px;
	}
	.htech .clear li p {
		font-size: 14px;line-height: 2;
	}
	.htech .more {
	    margin: 0 auto ;
	}
	.hnews {
	    padding: 30px 15px;
	}
	.hnews .tab ul li {
		margin: 0 6px;
	}
	.hnews .tab ul {
	    margin-top: 14px;
	}
	.hnews .bd {
	    margin-top: 20px;
	}
	.hnews .bd li .pic {
		height: 200px;
	}
	.hnews .bd li .dl dd .time h4, 
	.hnews .bd li .pic .time h4 {
		font-size: 25px;
	}
	.hnews .bd li .pic .time h5 {
		font-size: 12px;line-height: 16px;
	}
	.hnews .bd li .pic .time {
		padding: 10px 8px;
	}
	.hnews .bd li .pic h2 {
		font-size: 14px;line-height: 38px;padding: 0 15px;
	}
	.hnews .bd li .dl {
		margin-top: 20px;
	}
	.hnews .bd li .dl dd {
	    padding-bottom: 10px;
	    margin-bottom: 15px;
	    border-bottom: 1px solid #c0c0c0;
	}
	.hnews .bd li .dl dd .time {
		width: 60px;
	}
	.hnews .bd li .dl dd .txt {
		width: calc(100% - 75px);
	}
	.hnews .bd li .dl dd .txt h2 {
		margin-top: 0;
	}
	.hnews .bd li .dl dd .txt p {
		line-height: 1.4;height: 40px;
	}
	.productdel {
	    padding: 30px 15px;
	}
	.productdel h1 {
		font-size: 20px;margin-top: 10px;
	}
	.productdel .delss {
		margin-top: 2px;
	}
	.productdel .delss h6 {
		font-size: 16px;
	}
	.productdel .delss p {
		font-size: 14px;margin-bottom: 10px;
	}
	.productdel .delss h4 {
		font-size: 16px;margin-bottom: 2px;
	}
	.productdel .delss table td.fh, 
	.productdel .delss table th.fh, 
	.productdel .delss table td, 
	.productdel .delss table th {
	    font-size: 14px;
	}
	.productdel .delss table {
	    margin: 0 auto 15px;
	}
	.ftlte h3 i::after, 
	.ftlte h3 i::before {
		width: 35px;height: 2px;
	}
	.ftlte h3 i {
		padding: 0 44px;
	}
	.ftlte h3::after, 
	.ftlte h3::before {
		width: 33%;
	}
	.frencai {
		padding: 30px 15px;
	}
	.frencai .ftable {
	    margin-top: 10px;
	}
	.frencai .ftable th {
	    font-size: 12px;
	    line-height: 34px;
	}
	.frencai .ftable td {
		font-size: 12px;
		line-height: 32px;
	}
	.jishu .ft .imgs{
		top: -10px;
	}
}
@media only screen and (max-width:320px) {
	.about .fpic {
		height: 180px;
	}
	.product li .pic {
		height: 160px;
	}
}