* {
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
body {
	font-size:14px;
	color:#666;
	font-family: OPPOSans;
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {
	margin:0;
	padding:0;
	font-style:normal;
}
h1,h2,h3,h4,h5,h6 {
	list-style:none;
	font-weight:normal;
}
input,select,button {
	font-size:14px;
	border:0;
	background:none;
	outline:none;
	vertical-align:middle;
}
button {
	overflow:visible;
}
img {
	border:none;
}
li {
	list-style:none;
}
a {
	color:#333;
	text-decoration:none;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
a:hover {
	color:#009564;
	text-decoration:none !important;
}
.clear {
	overflow:hidden;
	clear:both;
	height:0px;
}
.black {
    background: #000;
}
.header {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:999999;
}

.header .logo {
	width:78px;
	float:left;
	margin-top:20px;
	position:relative;
	transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
}
.header .logo img {
	width:62px;
	height:auto;
	float:left;
}
.header .web {
	display:block;
}
.header .logo .mobile img {
	display:none;
}
.header .mobile {
	display:none;
}
.header .mnav {
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:15px;
	height:22px;
	width:25px;
	display:none;
}
.header .mnav .iconfont {
	width:25px;
	height:2px;
	background-color:#000;
	display:block;
	position:absolute;
	transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
}
.mnav .iconfont:first-child {
	top: 0;
}
.mnav .iconfont:nth-child(2) {
	top: 8px;
}
.mnav .iconfont:nth-child(3) {
	top: 16px;
}

.header .an.n span.a2 {
	display:none;
}
.header .an.n span.a1 {
	top:10px;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.header .an.n span.a3 {
	top:10px;
	transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}
.header .nav {
	float:right;
	width:93%;
}
.header .nav ul li {
	margin-left:13px;
	float:left;
	position:relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0px;
}
.header .nav ul li.sds {
	float:right;
}
.qbei {
	width:100%;
	margin:0.8% auto;
	padding:85px 0px;
}
.header .nav ul li:after {
	width:0;
	height:0px;
	background-color:#fff;
	position:absolute;
	left:50%;
	bottom:0;
	content:"";
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}
.header .nav ul li:hover:after {
	width:100%;
}
.header .nav ul li.on:after {
	width:100%;
}

.dibu2a {
	opacity:0.6;
}
.header .nav li span {
	display:block;
}
.header .nav li i {
	display:none;
}
.header .nav li a {
	display:inline-block;
	color:#fff;
	font-size:14px;
	line-height:62px;
	letter-spacing:0.1em;
}

.header .nav ul li a:hover {
	color:#999;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.header .bai {
    display: block;
}
.header .hei {
    display: none;
}

.header.active .bai {
    display: none;
}
.header.active .hei {
    display: block;
}
.header .nav .subnav {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .nav .subnav a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 62px;
}
.header .nav .subnav i {
    display: none;
}
.header .nav .ennav {
	width:200px;
	padding:0px 0;
	border-radius:5px;
	background-color:#fff;
	z-index:99999999999999;
	border:1px #eee solid;
	padding:10px 0px;
	position:absolute;
	left:50%;
	top:52px;
	margin-left:-28px;
	display:none;
	visibility:hidden;
	transform:translateY(10px);
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
}
.header .nav ul li:hover .ennav {
	display:block;
	visibility:inherit;
}
.header .nav .ennav a {
	font-size:13px;
	color:#888;
	line-height:40px;
	text-align:center;
	display:block;
}
.header .nav .ennav a:hover {
	color:#000;
}
.header.active {
    position: fixed;
    top: 0;
    border-bottom: 1px #eee solid;
    background-color: rgba(255, 255, 255, 1);
}
.header.active .nav a {
    color: #000;
}
.header.active .nav .subnav a {
	color:#000;
}
.container {
	width:1180px;
	margin:0px auto;
	padding-left: 0;
	padding-right: 0;
}

.main{
	display: block;
}
.banner {
    width: 100%;
    height: 80vh;
    position: relative;
    overflow: hidden;
}
.banner .bandiv{
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:2;
}
.container3 {
    width: 70%;
    margin: 0px auto;
}
.banner .container3 {
    position: absolute;
    top: 50%;
    left: 57%;
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.banner:hover .swiper-button-prev {
    left: 2%;
    opacity: .8;
}
.banner .swiper-button-prev {
    width: 21px;
    height: 23px;
    background: url(../img/indexleft.png) no-repeat center;
    left: 0%;
    margin-top: -20px;
    opacity: 0;
    background-size: 21px 23px;
    -webkit-background-size: 21px 23px;
    -moz-background-size: 21px 23px;
    -ms-background-size: 21px 23px;
    -o-background-size: 21px 23px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.banner:hover .swiper-button-next {
    right: 2%;
    opacity: .8;
}
.banner .swiper-button-next {
    width: 21px;
    height: 23px;
    background: url(../img/indexright.png) no-repeat center;
    right: 0%;
    margin-top: -20px;
    opacity: 0;
    background-size: 21px 23px;
    -webkit-background-size: 21px 23px;
    -moz-background-size: 21px 23px;
    -ms-background-size: 21px 23px;
    -o-background-size: 21px 23px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.banfont {
    width: 42%;
}
.banfont h2 {
    font-size: 52px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
}
.banfont h3 {
    font-size: 27px;
    line-height: 35px;
    color: #fff;
}

.indexmore {
	text-align: center;
	background: #fff;
    width: 115px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 50px;
    margin: 0px 5px 0 0;
    border: 1px #fff solid;
    margin-top: 11px;
}
.indexmore a{
    color: #333;
	font-size: 14px;
	font-weight: bold;
}
.indexbuy{
	text-align: center;
	background: #333;
	border: 1px solid #333;
	height: 34px;
	line-height: 34px;
	width: 115px;
	display: inline-block;
	border-radius: 50px;
	margin: 0px 5px 0 0;
	margin-top: 11px;
}
.indexbuy a{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.indexdiv{
	width: 100%;
	margin: 0.8% auto;
	padding: 0px;
	position: relative;
}
.indexdiv img{
	width: 100%;
	height: auto;
}
.indexdiv .indextit {
    position: absolute;
    width: 100%;
    margin: 0px auto;
    top: 0px;
    z-index: 96999;
}
.indexdiv .indextit .anim{
	width: 34%;
	float: right;
	text-align: center;
	color: #fff;
	margin-top: 23%;
}
.indexdiv .indextit .bigtit{
	font-size: 46px;
	line-height: 90px;
	font-weight: bold;
}
.indexdiv .indextit .more{
	width: 115px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border-radius: 50px;
	margin: 0px 5px 0 0;
	border: 1px #fff solid;
	margin-top: 11px;
}
.indexdiv .indextit .more a {
    font-size: 15px;
    color: #fff;
}
.indexpro {
    width: 100%;
    overflow: hidden;
}
.indexpro li {
    width: 24.5%;
    height: 664px;
    float: left;
    margin: 0 0.25%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.indexpro.on li {
    width: 12.5%;
}
.indexpro.on li.active {
    width: 60%;
}
.indexpro.on li.active .b_j {
    background-color: rgba(0, 0, 0, .1);
}
.indexpro .t_p {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-position: 75% 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.indexpro .b_j {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
}
.indexpro li .w_z {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 100px 70px;
    text-align: left;
    justify-content: space-between;
    transition: all .3s;
    display: flex;
    flex-direction: column;
}
.indexpro li .w_z h1 {
    font-size: 28px;
    color: #fff;
}

.footer {
    background: #232323;
    padding-bottom: 70px;
}
.ftop {
    padding: 65px 0px;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ftop dl {
    height: 160px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ftop dl dt {
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
}
.ftop dd a {
    font-size: 12px;
    color: #aeaeae;
    line-height: 25px;
}
.fimg{
	clear: both;
	float: left;
	width: 100%;
}
.flogo{
	float: left;
	opacity: 0.6;
}
.flogo img{
	width: 120px;
}
.fright{
	float: right;
}
.wathat{
	float: left;
	margin-left: 10px;
	position: relative;
}

.copyright{
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px #6B6B6B solid;
	padding-top: 15px;
	margin-top: 5px;
	color: #aeaeae;
}
.copyright a{
	color:#aeaeae
}
.serviceBox {
    width: 50px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99999;
}
.goTop {
    width: 50px;
	height: 50px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	line-height: 50px;
	color: #fff;
	cursor: pointer;
}
.arrow-up {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: 20px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
    color: #fff;
}

.mgotop{
	 display: none;
}
.mobile{
	display: none;
}
.mbanner {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.mbanner .bandiv {
    position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.mbanner .container3 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.contact{
	margin-top: 125px;
}
.contfrom{
	width: 100%;
	display: inline-block;
	border-left:10px solid #77ace2; 
	border-right:10px solid #77ace2
}
.contfrom h2{
	margin: 0 auto;
	font-size: 30px;
	color: #77ace2;
	font-weight: bold;
	text-align: center;
	line-height: 90px;
}
.contfrom .from{
	width:95%; 
	max-width:600px; 
	margin:0 auto; 
	margin-bottom:4rem;
}
.contfrom .from .fromline {
    line-height: 2em;
    height: 55px;
    text-align: left;
}
.contfrom .from .input{
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: 2px solid #eee;
	border-radius: 6px;
	padding-left: 10px;
}
.contfrom .from .textrea {
    line-height: 2em;
    height: 120px;
    text-align: left;
}
.contfrom .from .sub{
	margin-left: 30%;
	width:40%; 
	background:#77ace2; 
	line-height:32px;
	border: 2px solid #77ace2;
	border-radius: 6px; 
	color:#fff;
	display: block;
	text-align: center;
}
.contacc{
	background: url(../img/contact.jpg) no-repeat center / cover;
	padding-top: 60px;
	color: #fff;
	margin-top: 90px;
	margin-bottom: 40px;
	min-height: 404px;
	padding-left: 100px;
}
.contacc h3 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 12px;
}
.contacc p {
    font-size: 16px;
    line-height: 25px;
}
.news{
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
.news ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	padding-bottom: 16px;
}
/* 新增选择器强制第一个元素跨列 */
.news ul li:first-child {
	grid-column: 1 / -1;
	width: 100%;
}
.news ul li{
	border-bottom: 1px solid #eee;
	overflow: hidden;
    background: #e5e5e5;
	position: relative;
}
.newtop {
    width: 100%;
	float: left;
}
.news li img {
    width: 100%;
    height: auto;
}
.newcont {
    padding: 20px;
}
.newcont h3{ 
	color:#4165ff; 
	font-size:16px; 
	margin-bottom:5px;
}
.newcont p{ 
	font-size:20px; 
	color:#000; 
	padding-bottom:1px; 
	line-height:30px;
}
.newcont span{ 
	font-size:16px; 
	color:#6f6f6f;
}
.news .title{
	width: 100%;
}
.news .title h3{ 
	font-size:35px; 
	line-height:35px; 
	color:#000; 
	text-align:center; 
}
.news .title h4{ 
	font-size:16px; 
	color:#999; 
	text-align:center; 
	line-height:25px; 
	padding-top:15px; 
	padding-bottom:20px; 
	border-bottom:1px #EBEBEB solid;
}
.news .content{ 
	border-bottom:1px #EBEBEB solid; 
	padding:50px; 
	font-size:16px; 
	line-height:30px; 
	color:#000;
}
.news .content img{ 
	max-width: 100%;
	/* width:100%; */
	height:auto; 
	margin:40px 0px;
}
.newslist{
	clear: both;
	width: 80%;
	margin: 0px auto;
	padding: 50px 0px;
}
.newslist ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	padding-bottom: 16px;
}
.newslist li{
	border-bottom: 1px solid #eee;
	overflow: hidden;
    background: #e5e5e5;
	position: relative;
}
.newslist li img {
    width: 100%;
    height: auto;
}
.newslist .cont {
    padding: 20px;
}
.newslist .cont h3{ 
	color:#4165ff; 
	font-size:16px; 
	margin-bottom:5px;
}
.newslist .cont p{ 
	font-size:20px; 
	color:#000; 
	padding-bottom:1px; 
	line-height:30px;
}
.newslist .cont span{ 
	font-size:16px; 
	color:#6f6f6f;
}
.support{
	padding-top: 50px;
}
.support .suptop{ 
	background:#ebebeb; 
	padding:70px 120px; 
	margin-top:50px; 
	margin-bottom:30px;
	color: #000;
}
.suptop .supcont{
	overflow: hidden;
	border-bottom: 2px #DDDDDD solid;
	padding-bottom: 45px;
	margin-bottom: 45px;
}
.suptop .supcont .supl {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 23px;
}
.suptop .supcont .supl  h3 {
    padding: 10px 0px;
    padding-bottom: 20px;
	font-size: 28px;;
}
.suptop .supcont .supl  span {
    display: block;
    font-size: 16px;
}
.supcc p{ 
	font-size:24px; 
	line-height:35px; 
	padding-bottom:25px;
}
.supcc span{ 
	font-size:20px; 
	line-height:35px;
}
.salesaf{
	margin-top:30px; 
	color: #000;
	padding-bottom: 60px;
}
.saletit{ 
	font-size:36px; 
	font-weight:bold; 
	padding-bottom:40px; 
	line-height:40px; 
	text-align:center;
}
.salescont{ 
	font-size:18px; 
	line-height:35px;
}
.about{
	width:100%;
	overflow: hidden;
}
.yunajing{
	padding: 50px 0px;
	color: #000;
}
.yunajing h3{ 
	font-size:38px; 
	line-height:40px; 
	margin-top:40px;
}
.yunajing p {
    font-size: 20px;
    line-height: 35px;
    padding-top: 30px;
}
.jianjie{
	
}
.jianjie{ 
	background:url(/images/abbg.jpg) right center no-repeat; 
	padding:165px 0px; 
	margin:0px 0px; 
	margin-bottom:80px;
}
.jjleft{ 
	background:#fff; 
	border-radius:10px; 
	padding:45px; 
	box-shadow:0px 1px 25px #999; 
	width:65%; 
	font-size:20px; 
	line-height:35px; 
	color:#000; 
}
.jjleft h3{ 
	font-size:38px; 
	line-height:40px; 
	padding-bottom:30px;
}
.history{
	padding: 60px 0;
}
.history .tit{
	position: relative;
	padding-top: 40px;
}
.history .tit h3 { 
	font-size:90px; 
	color:#eee;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	top: 0;
	font-weight: bold
}

.history .tit h4 {
	font-size: 40px;
	color: #333;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
	z-index: 8;
	font-weight: bold;
}
.fz-slide {
	width: 1200px;
	margin:15px auto 35px;
}
.fzview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.fzview .arrow-left {
	background: url(../img/left.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.fzview .arrow-right {
	background: url(../img/right.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.topx {
    height: 2px;
    background: #eee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    z-index: 1;
    left: 5%;
    width: 90%;
}
.fzview .swiper-container {
    width: 1200px;
    height: 82px;
}
.fzview .swiper-slide {
    width: 14.285%;
    height: 82px;
    cursor: pointer;
    margin-top: 0px;
    z-index: 9999;
}
.fzview p { 
	width:100%; 
	height:82px; 
	display:block;
	color:#c1c1c1; 
	font-size:20px; 
	line-height:32px; 
	text-align:center; 
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	position: relative;
}
.fzview p::after{
	position: absolute;
	width: 6px;
	height: 6px;
	background: #c1c1c1;
	border: #fff 2px solid;
	left: 50%;
	margin-left: -5px;
	content: "";
	border-radius: 50%;
	top: 50%;
	margin-top: -5px;
}
.fzview .active-nav p {
	color:#2381c4; 
	font-weight: bold;
	font-size: 25px;
}
.fzview .active-nav p::after{
	width: 20px;
	height:20px;
	background:url(../img/abdd.png) center no-repeat;
	margin-left: -10px;
	margin-top: -10px;
	box-sizing:inherit
}
.view .swiper-container {
	width: 1200px;
	height: auto;
}

.view .arrow-left {
	background: url(../img3/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../img3/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.fzlc { 
	padding:20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fzlc .img{
	width: 390px;
	height: 280px;
}
.fzlc .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fzlc .fzcont{
	width:730px;
}
.fzcont h4 { 
	font-size:15px; 
	color:#111; 
	margin-bottom:10px;
}
.fzcont h3 { 
	font-size:25px; 
	color:#2381c4; 
	margin-bottom:20px;
	padding: 0;
	line-height: 30px;
}
.fzcont p { 
	font-size:15px; 
	line-height:29px; 
	color:#222222;
}
.certificate{
	width: 100%;
	overflow: hidden;
}
.certit{
	font-size: 52px;
	line-height: 60px;
	color: #000;
}
.cert{
	
}
.cert .ctit{
	margin: 45px 0px;
	color: #000;
	font-size: 32px;
	height: 62px;
	line-height: 62px;
}
.cert .ctit span{
	font-size: 20px;
	position: relative;
	top: -4px;
}
.certlist{
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.certlist li{ 
	margin-bottom: 25px;
	margin-right: 56px;
	width: 140px;
	float: left;
	display: inline;
}
.certlist .ry li{ 
	margin-right: 28px;
	margin-bottom: 28px;
	width: 207px;
	float: left;
}
.certlist img{ 
	width: 100%;
	height: auto;
	border: 1px #003DC7 solid;
}
.product{ 
	width:100%;
	margin: 0 auto;
	background-position:left;
	background-repeat:repeat-y; 
	padding-top:35px;
}
.product .tabTitle{
	clear: both; 
	background:#f2f2f2; 
	padding-top:40px;
	height:86px;
	overflow: hidden;
}
.product .tabTitle ul{
	border:0; text-align:center;
	margin:0;
	padding:0;
}
.product .tabTitle li{ 
	display:inline-block;
	width:150px;
	cursor: pointer;
	list-style-type: none;
	font-size: 13px;
	text-align: center;
	margin: 0;
}
.product .tabTitle .active{
	border-bottom:1px #000 solid; 
	color:#000; 
	height:45px; 
	line-height:45px;
}
.product .tabTitle .normal{
	border-bottom:1px #f2f2f2 solid;  
	color:#000; 
	height:45px; 
	line-height:45px;
}
.product .tabContent{
	width:auto;
	margin: 0px auto;
}
.prodiv{ 
	text-align:center; 
	background:#f2f2f2; 
	padding:40px 0px; 
	padding-bottom:35px;
}
.prodiv li{ 
	width:150px; 
	display:inline-block; 
	text-align:center;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.prodiv li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.prodiv li h3{ 
	font-size:16px; 
	line-height:25px;
	height:60px; 
	overflow:hidden; 
	padding:10px 0px; 
	padding-bottom:0px;
}
.prodiv li a{ 
	color:#000;
}
.procont{ 
	text-align:center; 
	color:#000; 
	background:#f2f2f2; 
	padding:50px  0; 
	margin-top:1.2%;
}
.procont h3{ 
	font-size:68px; 
	padding:10px 0px; 
	padding-bottom:0px; 
	line-height:70px; 
	font-weight:bold;
	padding-bottom:0px;
}
.procont p{ 
	line-height:34px; 
	font-size:24px;
}
.procont .more a{
	color:#000; 
	font-size:15px;
}
.procont .more{ 
	width: 115px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border-radius: 50px;
	margin: 0px 5px 0 0;
	color:#000; 
	border:1px #000 solid; 
	margin-top:18px; 
}
.procont img{
	clear: both;
}
.none {
    display: none;
}
.prod{
	position: relative;
	min-height: 62px;
}
.prod .pronav{
	background: rgba(0, 0, 0, 0.6);
	height: 62px;
	line-height: 62px;
	color: #fff;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 999999;
}
.gu {
    transition: all 0s linear 0s;
    position: static;
}
.gu.active {
    background: #000;
    position: static;
    transition: all 0s linear 0s;
    border-bottom: 1px #000 solid;
}
.prod .protit{
	width: 30%;
	font-size: 20px;
	font-weight: bold;
	float: left;
}
.prod .protit a{
	color: #fff;
}
.buy {
    background: #1C61FF;
    width: 67px;
    height: 33px;
    margin-top: 14px;
    float: right;
    line-height: 33px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
}
.buy a {
    color: #fff;
    font-size: 13px;
}
.prod .protab{
	float: right;
	font-size: 16px;
	width: 630px;
	margin-right: 71px;
	
}
.prod .protab ul{
	display: flex;
	justify-content: space-between;
}
.prod .protab li{
	display: flex;
	flex-direction: column;
	width: 25%;
	float: left;
}
.prod .protab li a {
    color: #fff;
    font-size: 14px;
}
.proddcc{
	width: 100%;
}
.proddcc img{
	width: 100%;
}
.proddmm{
	display: none;
}
.proddmm img{
	width: 100%;
}
.canshu{
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}
.cstit{
	font-size: 32px;
	font-weight: bold;
	line-height: 35px;
	padding-top: 40px;
	padding-bottom: 20px;
	color: #000;
	margin-bottom: 20px;
}
.cslist{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.csltit{
	font-size: 24px;
	line-height: 40px;
	padding: 10px 0px;
	font-weight: bold;
	border-bottom: 1px #eee solid;
	color: #000;
	margin: 20px 0px;
}
.cslist td {
    padding: 15px 0px;
    font-size: 20px;
    line-height: 30px;
    padding-left: 20px;
    color: #000;
}
.question{
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}
.quetit {
    font-size: 32px;
    font-weight: bold;
    line-height: 35px;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #000;
}
.quelist {
    background: #f1f1f1;
    padding: 40px;
    margin-bottom: 30px;
    padding-bottom: 60px;
}
.quelist li{  
	background:url(../img/jth.svg) no-repeat right 25px; 
	background-size:30px; 
	color:#666;
	font-weight: normal; 
	border-bottom:1px #C1C1C1 solid;
}
.quelist li h4{
	font-weight: normal; 
	color:#222; 
	height:74px; 
	line-height:37px;
}
.quelist li.selected{
	background:url(../img/jtyh.svg) no-repeat right 25px; 
	background-size:30px; 
	margin:0px; 
	color:#ff652d;
	font-weight: normal; 
	border-bottom:1px #C1C1C1 solid;
}
.quelist li.selected h4{
	font-weight: bold;
}
.quelist li .list-item{
	width: 100%;
	display:block; 
	padding:10px 0px;
}
.quelist li .none{
	display: none;
}
.quelist li p { 
	font-size:16px; 
	line-height:27px; 
	color:#222; 
	padding-bottom:15px;
}
.quelist li p a{
	float:left; 
	width:141px; 
	height:30px; 
	line-height:30px; 
	font-size:14px; 
	color:#333;
	margin-bottom: 20px; 
	background:url(24.png) no-repeat left 30px; 
	text-decoration:none;
	text-align: cEnglishter;
}
.quelist li p a:hover,.quelist li p a.hover{
	color:#ff652d;
	background:url(24a.png) no-repeat right top;
}
.picvideo{
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}
.picvideo .pvtit{
	font-size: 32px;
	font-weight: bold;
	line-height: 35px;
	padding-top: 40px;
	padding-bottom: 20px;
	color: #000;
}

.pvlist{
	width: 100%;
	background: #f1f1f1;
	margin-bottom: 30px;
	overflow: hidden;
}
.pvlitit{
	font-weight: bold;
	padding: 10px 0px;
	padding-left: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	border-bottom: 2px solid #fff;
}
.pvdiv{
	padding: 30px;
	overflow: hidden;
}
.pvdiv li{ 
	width:28.33%; 
	float:left; 
	margin:2.5%; 
	display:inline;
}
.pvdiv li h3{ 
	color:#000; 
	font-size:18px; 
	margin-top:10px;
}
.pvdiv li p{ 
	color:#666; 
	font-size:16px; 
	font-weight:500;
}
.pvdiv li img{ 
	width:100%; height:auto;
}
.showvideo{
	background: #f1f1f1;
	padding: 30px;
	text-align: center;
}
.showvideo img {
    max-width: 100%;
    height: auto;
}
.down {
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}
.downlist{
	width: 100%;
	background: #f1f1f1;
	margin-bottom: 30px;
	overflow: hidden;
}
.dltit{
	
}
.dndiv {
    padding: 30px;
    overflow: hidden;
}
.dndiv li{
	padding: 28px 0px;
	overflow: hidden;
}
.dndiv .dlleft{
	width: 36%;
	float: left;
	color: #000;
}
.dndiv .dlleft .img{
	width: 16%;
	float: left;
	margin-top: 15px;
	color: #777;
}
.dndiv .dlleft .img img {
    position: relative;
    top: -2px;
}
.dndiv .dlleft .dleftcont{
	width: 75%;
	float: left;
	margin-left: 5%;
	font-size: 16px;
	margin-top: 15px;
}
.dndiv .dlleft h3 {
    color: #000;
    font-size: 20px;
}
.dndiv .dlleft p {
    line-height: 19px;
    margin-top: 7px;
}
.dndiv .dlmidd{
	width: 25%;
	float: left;
	text-align: center;
	font-size: 16px;
	margin-left: 13%;
}
.dndiv .dlmidd a {
    font-size: 16px;
    font-weight: 500;
    color: #1c61ff;
}
.dndiv .dlmidd p{
	padding: 8px 0px;
	font-size: 18px;
	color: #000;
	line-height: 20px;
}
.dndiv .dlmibb{
	float: right;
	width: 30%;
}
.dndiv .dlmibb .img{
	float: left;
	width: 33.5%;
	margin-top: 15px;
}
.dndiv .dlmibb .img img{
	width: 70%;
}
.dndiv .dlmibb .dlmcont{
	float: right;
	width: 65%;
	margin-top: 15px;
}
.dndiv .dlmibb .dlmcont h3{
	font-size: 16px;
	color: #000;
}
.dndiv .dlmibb .dlmcont p{
	font-size: 16px;
	color: #444;
	margin-top: 3px;
	display: block;
	margin-bottom: 20px;
}
.dndiv .dlmibb .dlmcont  a {
    color: #1c61ff;
    font-size: 14px;
    font-weight: 500; 
    vertical-align: middle;
    display: block;
    line-height: 20px;
}
.dndiv .dlright{
	width: 18%;
	float: right;
	text-align: center;
	font-size: 16px;
	color: #000;
}
.dndiv .dlright img {
    position: relative;
    top: -2px;
	margin-bottom: 10px;
}
.dn{
	width: 100%;
	height: 70px;
	line-height: 70px;
}
.dnl{
	float: left;
	width: 35%;
	font-size: 20px;
	color: #000;
	padding-left: 20px;
}
.dnm{
	float: left;
	width: 48%;
	font-size: 16px;
	color: #000;
}
.dnr{
	float: left;
	width: 7%;
}
.dnr a {
    color: #1c61ff;
    font-size: 14px;
    font-weight: 500;
}
.white{
	background-color: #fff;
}
.hrtop{
	width: 100%;
	position: relative;
}
.hrtop img {
    width: 100%;
    height: auto;
}
.activity{
	padding: 50px 0px;
	padding-bottom: 10px;
	padding-top: 20px;
}
.actit {
	position: relative;
    text-align: center;
    font-size: 44px;
	padding-top: 35px;
	color: #000;
	margin-bottom: 25px;
}
.actit::after{
	content:'';
	position: absolute;
	left:47%;
	display: block;
	height: 4px;
	background: #000;
	margin: 0px auto;
	width: 65px;
	margin-top: 10px;
}
.actslider{ 
	position:relative;  
	margin-bottom:65px;
}
.actslider img{
	width:100%; 
	height:auto; 
	opacity:0.85;
	filter:Alpha(Opacity=85); 
}

.actcont{ 
	width:85%; 
	position:absolute; 
	padding:35px; 
	color:#fff; 
	bottom:0px;
}
.actcont h3{ 
	font-size:40px; 
	line-height:50px; 
	padding-bottom:10px;
	font-weight: 500;
}
.actcont p{ 
	font-size:16px; 
	line-height:25px;
}
.join{
	padding: 20px 0 10px;
}
.joindiv{
	border-bottom:1px #ebebeb solid;
	padding-bottom: 25px;
}
.joinlist{
	padding: 35px 0px;
	overflow: hidden;
}
.joinlist h3{ 
	font-size:32px; 
	line-height:40px; 
	color:#000000; 
	margin-bottom:20px;
}
.joinlist h3 span{ 
	font-size:16px;  
	line-height:40px; 
	position:relative; 
	top:-5px;
}
.joinlist dl{ 
	float:left; 
	display:block;
}
.joinlist li{ 
	background:#e5e5e5; 
	font-size:16px; 
	padding:0px 20px; 
	height:40px; 
	line-height:40px; 
	margin-right:20px; 
	float:left; 
	display:inline; 
	margin-bottom:20px;
}
.toudi{
	padding-bottom: 50px;
	padding: 50px 0px;
	padding-top: 20px;
}
.tddiv {
    padding: 40px 0px;
    text-align: center;
	margin-top: 40px;
}
.tdmid{
	display: inline-block;
	margin: 0px 40px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.tdmid img {
    margin-bottom: 10px;
}
.tdcont{
	text-align: center;
	font-size: 24px;
	line-height: 35px;
	color: #000;
}
.mdiv,.mpro,.mbanner {
	display: none;
}
@media only screen and (max-width:768px){
	.proddmm{
		display: block;
	}
	.proddmm img {
	    width: 100% !important;
	    height: auto;
	}
	.proddcc{
		display: none;
	}
	.header {
		background: none;
		position: fixed;
		top: 0;
		left: auto;
		padding: 16px 10px;
		padding-left: 0px;
	}
	.header .logo {
		width: 148px;
		margin-top: 0px;
	}
	.header .mnav {
		right: 15px;
		top: 32px;
		display: block;
	}
	.header .mnav .iconfont {
		background: #fff;
	}
	.header.active .bai {
	    display: block;
	}
	.header.active .hei {
	    display: none;
	}
	.banner{
		display: none;
	}
	.mbanner {
		display: block;
		height: 90vh;
		min-height: inherit;
	}
	.mbanner .container3 {
		top: 25% !important;
		left: 50%;
		width: 215px;
	}
	.mbanner .swiper-pagination-bullet {
		width: 20px;
		height: 2px;
	}
	.banfont {
	    width: 100%;
	}

	.header .nav {
		width: 60%;
		height: 100%;
		padding: 10px 5% 0;
		margin: 0;
		background-color: #000;
		height: 100%;
		position: fixed;
		top: 0;
		right: -60%;
		z-index: 9999;
		overflow: auto;
		transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.header.active{
		background: #000000;
	}
	.gu {
	    transition: all 0s linear 0s;
	    position: static;
	}
	.header .nav ul {
		width: 100%;
		float: none;
	}
	.header .nav ul li {
		width: 100%;
		height: auto;
		line-height: 50px;
		text-align: left;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		float: none;
		padding: 5px 0;
		margin: 0;
		float: left;
		position: relative;
		margin-left:0;
		align-items: left;
		justify-content: left;
		display: block;
	}
	.header .nav li a {
		line-height: 50px;
		color: #fff;
	}
	.header .nav li i {
		display: block;
		width: 30px;
		height: 30px;
		padding-right: 10px;
		position: absolute;
		top: 15px;
		right: 0;
		font-size: 14px;
		text-align: right;
		color: #fff;
		line-height: 50px;
		z-index: 99;
	}
	.icon-xiajiantou{
		background: url(../img/jtb.svg);
		background-repeat: no-repeat;
		display: block;
	}
	.header .nav .subnav {
	    position: relative;
	    text-align: center;
	    display: flex;
	    align-items: left;
	    justify-content: left;
	}
	.header .mnav.n .iconfont:first-child {
	    top: 10px;
	    transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}
	.header .mnav.n .iconfont:nth-child(2)  {
	    display: none;
	}
	.header .mnav.n .iconfont:nth-child(3)  {
	    top: 10px;
	    transform: rotate(135deg);
	    -o-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    -moz-transform: rotate(135deg);
	    -webkit-transform: rotate(135deg);
	}
	.show {
		display: none !important
	}
	.hide {
		display: block !important
	}
	.sds {
		display: none !important
	}
	.header .nav .ennav {
		width: 100%;
		background: none;
		box-shadow: none;
		position: relative;
		left: auto;
		top: auto;
		padding: 5px 0;
		margin-left: 0;
		z-index: 99999999999999;
		opacity: 1;
		visibility: inherit;
		display: none;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		border: 0;
	}
	.header .nav .ennav a {
		text-align: left;
		color: #777;
		line-height: 50px;
	}
	
	.sj_bj {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		z-index: 999999999999999;
		display: none;
	}
	body.on{
		transform:translateX(-60%);
		-webkit-transform:translateX(-60%);
		-moz-transform:translateX(-60%);
		-ms-transform:translateX(-60%);
		-o-transform:translateX(-60%); top:0px;
	}
	.container {
		width: 90%;
	}
	.indexpro{
		display: none;
	}
	.mpro{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.mpro ul li {
		width: 100%;
		height: auto;
		margin-top: 10px;
		position: relative;
	}
	.mpro ul li .w_z {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		color: #fff;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: rgba(0, 0, 0, 0.2);
	}
	.mpro ul li .w_z h1 {
		font-size: 1.8rem;
	}
	.mpro ul li img {
		width: 100%;
		height: auto;
		display: block;
	}
	.indexdiv{
		display: none;
	}
	.mdiv{
		display: block;
	}
	.show {
		background: none;
		position: fixed;
		top: 0;
		left: auto;
		padding: 16px 10px;
		padding-left: 0px;
	}
	.quetit {
		font-size: 20px;
		line-height: 28px;
		padding-left: 0px;
		padding-top: 25px;
		font-weight: bold;
		padding-bottom: 15px;
		color: #000;
	}
	.quelist {
		background: #f1f1f1;
		padding: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#J_navlist li h4 {
		font-size: 16px;
	}
	.down .container{
		width: 100%;
	}
	.flogo img{
		width: 90px;
	}
	.cstit{
		font-size: 20px;
		line-height: 28px;
		padding-left: 0px;
		padding-top: 25px;
		font-weight: bold;
		padding-bottom: 15px;
		color: #000;
		margin-bottom: 0;
	}
	.down .cstit{
		
		padding-left: 15px;
	}
	.csltit{
		font-size: 14px;
	}
	.dndiv {
		background: #f1f1f1;
		padding: 14px;
		margin-bottom: 10px;
	}
	.dndiv li {
		padding: 14px 0px;
		border-bottom: 1px solid #fff;
	}
	.dndiv .dlleft{
		width: 100%;
	}
	.dndiv .dlleft .img{
		width: 15%;
	}
	.dndiv .dlleft .img img {
		width: 100%;
		height: auto;
	}
	.dndiv .dlleft .dleftcont {
		width: 79%;
		margin-left: 0px;
		float: right;
	}
	.dndiv .dlleft .dleftcont h3 {
		color: #000;
		font-size: 16px;
	}
	.dndiv .dlleft .dleftcont p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 7px;
	}
	.dndiv .dlmidd {
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin: 25px 0px;
	}
	.dndiv .dlmidd img {
		width: 130px;
		height: auto;
	}
	.dndiv .dlmidd p {
		padding: 8px 0px;
		font-size: 14px;
		color: #000;
		line-height: 20px;
	}
	.dndiv .dlmidd a {
		font-size: 14px;
		font-weight: 500;
	}
	.dndiv .dlright {
		width: 100%;
		float: right;
		text-align: center;
		font-size: 14px;
		color: #000;
	}
	.dndiv .dlmibb{
		width: 100%;
	}
	.dndiv .dlmibb .img {
		float: left;
		margin-top: 25px;
		width: 18%;
	}
	.dndiv .dlmibb .img img {
		width: 88%;
		height: auto;
	}
	.dndiv .dlmibb .dlmcont {
		font-size: 14px;
		float: right;
		width: 79%;
		margin-top: 25px;
	}
	.dndiv .dlmibb .dlmcont h3 {
		font-size: 14px;
		color: #000;
	}
	.dndiv .dlmibb .dlmcont p {
		font-size: 14px;
		color: #444;
		margin-top: 3px;
		display: block;
		margin-bottom: 10px;
	}
	.dn{
		height: 59px;
		line-height: 59px;
	}
	.dnl{
		font-size: 14px;
		width: 60%;
		padding-left:10px;
	}
	.dnm{
		font-size: 12px;
		width: 20%;
	}
	.dnr{
		width: 15%;
	}
	.main_sj {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.main_sj ul li {
		width: 100%;
		margin-top: 10px;
		position: relative;
	}
	.main_sj ul li .w_z{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		color: #fff;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: rgba(0,0,0,0.2);
	}
	.main_sj ul li img{
		width: 100%;
		display: block;
	}
	.main_sj ul li .w_z h1 {
		font-size: 1.8rem;
	}
	.main_sj ul li .dbwz h3 {
		font-size: 2.2rem;
		margin-bottom: 1.2rem;
	}
	.main_sj ul li .dbwz p {
		font-size: 1.2rem;
		color: rgba(255,255,255,.5);
	}
	.black{
		background: #000;
		position: fixed;
		top: 0px;
	}
	.black.active{
		background: #000000;
	}
	.header.black .logo .bai {
		display: block;
	}
	.header.black .logo .hei {
		display: none;
	}
	/* .header.active{
		position: fixed;
		top: 0;
		border-bottom: 1px #eee solid;
		background-color: #000;
	} */
	.serviceBox{
		display: none !important;
	}
	.activity {
		padding: 15px 0px;
	}
	.actit {
		padding-top: 0px;
		text-align: center;
		font-size: 20px;
		margin-top: 00px;
		margin-bottom: 40px;
	}
	.actit::after{
		height: 2px;
		width: 35px;
	}
	.joinlist h3 {
	    font-size: 18px;
		line-height: 30px;
		color: #000000;
		margin-bottom: 20px;
	}
	.tdcont {
	    text-align: center;
	    font-size: 16px;
	    line-height: 25px;
	    color: #000;
		padding-bottom: 30px;
	}
	.actcont {
		width: 100%;
		position: absolute;
		padding: 10px;
		color: #fff;
		bottom: 0px;
	}
	
	.actcont h3 {
		font-size: 16px;
		line-height: 25px;
		font-weight: bold;
		padding-bottom: 0px;
	}
	.actcont p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.support {
		padding-top: 80PX;
	}
	.support .suptop {
		background: #ebebeb;
		padding: 20px 20px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.suptop .supcont {
		padding-bottom: 25px;
	}
	.suptop .supcont .supl {
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin-top: 0;
	}
	.suptop .supcont .supl h3 {
		font-size: 18px;
		padding: 10px 0px;
		padding-bottom: 20px;
	}
	.suptop .supcont .supl p {
		padding-bottom: 10px;
	}
	.dg {
		margin-top: 20px;
	}
	.supcc p {
		font-size: 14px;
		line-height: 25px;
		padding-bottom: 15px;
	}
	.supcc span {
		font-size: 14px;
		line-height: 25px;
	}
	.salesaf {
		margin-top: 30px;
		padding-bottom: 20px;
	}
	.saletit{
		font-size: 18px;
		font-weight: bold;
		margin-top: 30px;
		padding-bottom: 20px;
		line-height: 30px;
		text-align: center;
	}
	.salescont{
		padding-bottom: 25px;
		font-size: 14px;
		line-height: 25px;
	}
	.news {
		margin-top: 80px;
	}
	.news ul{
		display: block;
	}
	.news ul li{
		width: 100%;
	}
	.news ul li:first-child {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.newcont p {
		font-size: 16px;
		color: #000;
		padding-bottom: 1px;
		line-height: 30px;
	}
	.news .title h3 {
		font-size: 18px;
		line-height: 25px;
		color: #000;
		text-align: center;
		padding-top: 30px;
	}
	.news .content {
		border-bottom: 1px #EBEBEB solid;
		padding: 20px 0px;
		font-size: 14px;
		line-height: 25px;
		color: #000;
	}
	.newslist {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
	}
	.newslist ul{
		display: block;
	}
	.newslist li {
		width: 100%;
		margin: 1.5% 0px;
		float: left;
		display: inline;
		background: #e5e5e5;
	}
	.newslist .cont p {
		font-size: 16px;
		color: #000;
		padding-bottom: 1px;
		line-height: 30px;
	}
	.yunajing{
		padding: 0px 0px;
	}
	.certit {
		font-size: 22px;
		line-height: 60px;
		color: #000;
	}
	.cert .ctit {
		background: url(../img/ry.png) no-repeat left center;
		margin: 15px 0px;
		color: #000;
		font-size: 18px;
		height: auto;
		line-height: 25px;
		padding-left: 20px;
		min-height: 50px;
		display: flex;
		align-items: center;
	}
	.cert .ctit span {
		font-size: 14px;
		position: relative;
		top: -2px;
	}
	.certlist .ry li {
		width: 46%;
		margin: 2%;
		float: left;
		display: inline;
	}
	.certlist .ry li img {
		width: 100%;
		height: auto;
	}
	.certlist li {
		width: 46%;
		margin: 2%;
		float: left;
		display: inline;
	}
	.fz-slide{
		width: 90%;
		margin: 15px auto 0;
	}
	.fzview .active-nav p{
		font-size: 22px;
	}
	.fzview p {
		font-size: 18px;
	}
	.fzlc .fzcont {
		width: 100%;
		margin-top: 25px;
	}
	.procont h3{
		font-size: 44px;
	}
	.prod {
		position: relative;
		padding-top: 101px;
		min-height: 100px;
		line-height: 50px;
	}
	.prod .pronav {
		background: rgba(0, 0, 0, 1);
		height: auto;
		line-height: 32px;
		padding: 0px 0px;
		color: #fff;
		position: absolute;
		top: 0px;
		width: 100%;
	}
	.prod .protit{
		width: 70%;
		padding: 0px 0px;
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
	}
	.buy {
		background: #1C61FF;
		width: 70px;
		height: 23px;
		margin-top: 14px;
		float: right;
		line-height: 23px;
		text-align: center;
		border-radius: 5px;
	}
	.prod .protab {
		width: 100%;
		margin: 0px;
		border-top: 1px #333 solid;
	}
	.prod .protab li a {
		line-height: 50px;
		color: #fff;
		font-size: 12px;
	}
    .joinlist li {
        background: #e5e5e5;
        font-size: 14px;
        padding: 0px 15px;
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        float: left;
        display: inline;
        margin-bottom: 10px;
    }	
	.picvideo .pvtit{
		font-size: 20px;
		line-height: 28px;
		padding-left: 0px;
		padding-top: 25px;
		font-weight: bold;
		padding-bottom: 15px;
		color: #000;
	}
	.pvlitit {
		background: #f1f1f1;
		font-weight: bold;
		padding: 10px 0px;
		padding-left: 16px;
		font-size: 16px;
		line-height: 25px;
		color: #000;
		margin-bottom: 2px;
	}
	.pvdiv {
		background: #f1f1f1;
		padding: 14px;
		margin-bottom: 10px;
	}
	.pvdiv li {
		width: 100%;
		float: left;
		margin: 0%;
		display: inline;
		margin-bottom: 15px;
	}
	.pvdiv li h3 {
		color: #000;
		font-size: 14px;
		margin-top: 10px;
	}
	.pvdiv li p {
		color: #666;
		font-size: 14px;
		font-weight: 500;
	}
	.showvideo iframe{
		height: 400px;
	}
	.contact{
		padding-top: 80PX;
		margin-top: 0px;
	}
	.contacc {
		background: url(../images1/u1.png) no-repeat center / cover;
		padding-top: 40px;
		color: #fff;
		margin-top: 40px;
		min-height: 254px;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 20px;
	}
	.contacc h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.contacc p {
		font-size: 15px;
		line-height: 20px;
	}
	
	.banfont h2 {
		font-size: 24px;
		line-height: 20px;
		color: #fff;
		text-align: center;
	}
	.banfont h3 {
		font-size: 16px;
		line-height: 25px;
		color: #fff;
		margin-top: 13px;
		margin-bottom: 14px;
		text-align: center;
	}
	.indexmore {
		width: 100px;
		margin-top: 0px;
		margin-left: 0px;
	}
	.indexmore a {
		color: #333;
		font-size: 14px;
		font-weight: bold;
	}
	.indexbuy {
		width: 100px;
		margin-top: 0px;
		margin-left: 0px;
	}
	.indexbuy a {
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	.indexdiv {
		min-height: 100px;
	}
	.bigtit {
		font-size: 52px;
		line-height: 30px;
		font-weight: 500;
	}
	.anim {
		width: 100%;
		float: right;
		text-align: center;
		color: #fff;
		margin-top: 8%;
	}
	.more {
		width: 100px;
		margin-top: 0px;
		margin-left: 0px;
	}
	.more a {
		font-size: 14px;
		color: #fff;
	}
	.mgotop {
		display: block;
		text-align: center;
		color: #ccc;
		padding-top: 15px;
	}
	.mgotop img {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
		position: relative;
		top: -2px;
		opacity: 0.8;
	}
	.yunajing h3 {
	    font-size: 18px;
	    line-height: 30px;
	    margin-top: 40px;
	}
	.yunajing p {
	    font-size: 14px;
	    line-height: 25px;
	    padding-top: 20px;
	}
	.jianjie {
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
		padding: 25px 0px;
		margin: 0px 0px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.jjleft {
		margin-top: 170px;
		background: #fff;
		border-radius: 5px;
		padding: 15px;
		box-shadow: 0px 1px 15px #eee;
		width: 90%;
		margin-left: 5%;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}
	.jjleft h3 {
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 10px;
	}
	.history {
		padding: 40px 0;
	}
	.history .tit {
		padding-top: 2rem;
		padding-bottom: .1rem;
	}
	.history .tit h3 {
		font-size: 3rem;
	}
	.history .tit h4 {
		font-size: 2.6rem;
		margin-bottom: 30px;
	}
	.view .swiper-container{
		width: 100%;
	}
	.fzlc {
		padding: 0;
		flex-wrap: wrap;
	}
	.fzlc .img {
		width: 100%;
		height: 20rem;
	}
	.ftop {
		padding: 65px 0px;
		padding-top: 50px;
		display: block;
		justify-content: space-between;
		width: 100%;
	}
	.ftop dl {
		float: right;
		width: 50%;
		margin-bottom: 20px;
	}
	
	.mbanner .container3 {
		top: 25% !important;
		width: 215px;
	}
}

@media only screen and (min-width: 769px) and (max-width:991px) {
	.container {
		width:98%;  
	}
	.header .logo {      
		width: 78px;    
	}
	.header .logo img {
		width: 78px;
		float: left;
		height: auto;
	}
	.header .logo .web {
		display: none;
	}
	.indexpro li{
		height: 400px;
	}
	.header .nav li span{
		padding: 0 3px !important;
	}
	.actit{
		font-size: 28px;
		margin-bottom: 35px;
	}
	.joinlist h3{
		font-size: 26px;
	}
	.header.show .logo .web {
		display: block;
	}
	.header.show .logo .mobile {
		display: none;
	}
	.header .nav{
		width: 88%;
	}
	.header .nav ul li{
		margin-left: 10px;
	}
	.header .nav .ennav{
		right: 0;
		left: 0;
		margin-left: -70px;
		width: 150px;
	}
	.banner {
		height: 35vh;
		min-height: inherit;
	}
	.banfont h2{
		font-size: 28px;
	}
	.banfont h3{
		font-size: 20px;
	}
	.indexpro li .w_z h1{
		font-size: 18px;
	}
	.main ul li .w_z {
		padding: 100px 30px;
	}
	.indexdiv{
		padding: 0;
		min-height: 300px;
	}
	.indexdiv .indextit .anim{
		width: 54%;
	}
	.indexdiv .indextit .bigtit{
		font-size: 30px;
	}
	.suptop .supcont .supl{
		font-size: 18px;
	}
	.suptop .supcont .supl h3{
		font-size: 24px;
	}
	.supcc p{
		font-size: 18px;
	}
	.supcc span{
		font-size: 16px;
	}
	.saletit{
		font-size: 28px;
	}
	.salescont{
		font-size: 16px;
	}
	.contacc h3{
		font-size: 24px;
	}
	.actcont h3{
		font-size: 28px;
	}
	.actcont p{
		font-size: 14px;
	}
	.tdmid{
		font-size: 18px;
	}
	.tdcont{
		font-size: 20px;
	}
	.news .title h3{
		font-size: 26px;
	}
	.news .title h4{
		font-size: 14px;
	}
	.yunajing h3,.jjleft h3{
		font-size: 30px;
	}
	.yunajing p,.jjleft{
		font-size: 18px;
	}
	.yunajing {
	    padding: 30px 0px;
	}
	.jianjie{
		margin-bottom: 0;
	}
	.fz-slide{
		width: 100%;
	}
	.history .tit h3 {
	    font-size: 72px;
	}
	.history .tit h4 {
	    font-size: 28px;
	}
	.procont h3 {
	    font-size: 42px;
	}
	.certit {
		font-size: 30px;
	}
	.cert .ctit {
	    margin: 10px 0px;
		font-size: 24px;
	}
	.cert .ctit span{
		font-size: 16px;
	}
	.prod .protit {
	    width: 25%;
		font-size: 18px;
	}
	.prod .protab{
		width: 55%;
	}
	.proddcc img {
	    width: 100% !important;
	    height: auto;
	}
	.picvideo .pvtit,.cstit,.quetit{
		font-size: 26px;
	}
	.dndiv .dlmibb .img img {
	    width: 60%;
	    height: auto;
	}
	.pvlitit{
		font-size: 18px;
	}
	.pvdiv li h3{
		font-size: 16px;
		line-height: 28px;
	}
	.dndiv {
	    padding: 30px 20px;
	}
	.dndiv .dlleft .img{
		width: 14%;
	}
	.dndiv .dlleft .img img{
		width: 52px;
		height: 46px;
	}
	.dndiv .dlleft .dleftcont{
		margin-left: 10%;
	}
	.dndiv .dlright{
		width: 15%;
	}
	.dndiv .dlmidd{
		margin-left: 8%;
		width: 35%;
	}
	.dndiv .dlmidd img{
		width: 180px;
		height: 60px;
	}
	.dndiv .dlmidd p{
		font-size: 16px;
	}
	.dndiv .dlright img{
		height: 80px;
		width: 80px;
	}
	.dnl{
		font-size: 18px;
	}
	.dnm{
		font-size: 14px;
	}
	.dnr{
		width: 10%;
	}
	.quelist{
		padding: 30px;
	}
	.showvideo iframe{
		height: 500px;
	}
	.news{
		margin-top: 80px;
	}
	.newcont p{
		font-size: 18px;
	}
	.view .swiper-container{
		width: 100%;
	}
	.fzlc{
		flex-wrap: wrap;
	}
	.fzlc .img {
		width: 100%;
		height: 40rem;
		text-align: center;
	}
	.fzlc .img img {
		width: auto;
		height: 100%;
	}
	.fzlc .fzcont{
		width: 100%;
		margin-top: 30px;
	}
	/* .mobile {
		display: block;
		margin-bottom: 10px;
	} */
	.mbanner {
		height: 90vh;
		min-height: inherit;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 98%;
    }
	.header .nav{
		width: 90%;
	}
	.view .swiper-container {
		width: 100%;
	}
	.fzview .swiper-container {
		width: 100%;
		height: 82px;
	}
	.fzlc {
		padding: 0 20px;
		flex-wrap: wrap;
	}
	.header .nav ul li {
		margin-left: 25px;
		float: left;
		position: relative;
	}
	.banner {
		height: 400px;
		min-height: inherit;
	}
	.banfont {
		width: 100%;
	}
	.banfont h2 {
		font-size: 42px;
		line-height: 50px;
		color: #fff;
	}
	.banfont h3 {
		font-size: 27px;
		line-height: 30px;
		color: #fff;
		margin-top: 8px;
		margin-bottom: 22px;
	}
	.anim {
		width: 50%;
		float: right;
		text-align: center;
		color: #fff;
		margin-top: 13%;
	}
	.bigtit {
		font-size: 70px;
		line-height: 80px;
		font-weight: bold;
	}
	.indexdiv {
		width: 100%;
		margin: 15px auto;
		/* padding: 45px 0px; */
		min-height: 400px;
	}
	.indexpro ul li {
		height: 40rem;
	}
	.main ul li .w_z {
		padding: 100px 40px;
	}
	.indexpro li .w_z h1 {
		font-size: 26px;
	}
}


@media only screen and (min-width: 1200px) {
    .main ul li .w_z {
        padding: 3.5vw 2.5vw;
    }
	.news {
	    margin-top: 120px;
	}
	.container {
	    width: 1180px;
	    margin: 0px auto;
	    padding-left: 5px;
	    padding-right: 5px;
		box-sizing: border-box;
	}
	
}