/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{padding: 0;margin:0;}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
body{font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   -webkit-text-size-adjust: 100% !important; }
::-webkit-scrollbar {
	width: 6px;
	border-radius: 3px;
	background-color: #e2e2e2;
  }
  
  ::-webkit-scrollbar-track {
	border-radius: 6px;
	border-radius: 3px;
	background-color: #e2e2e2;
  }
  
  ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #f4c902;
  }
img{max-width:100%;}
li{ vertical-align: middle;}
s{text-decoration: none;}
ol, ul, li{ list-style:none;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;font-family: "SourceHanSansCN-Normal";}
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp {font-family: courier new, courier, monospace; } 
small { font-size:  0.75em; } 
ul, ol { list-style: none; margin:0;}
body,legend { color:#262626;}
a{color:inherit;color:#262626;text-decoration: none; }
a:hover  {color:#0173cd;    text-decoration: none; }
a:active{color:inherit;}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom;}



/*#region 清除浮动*/
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}


/*自定义常用配制*/
.l{ float: left;}.r{ float: right;}
.w{ width: 100%;}.h{ height: 100%;}.full{ width: 100%; height: 100%;}
.cer,.cer0,.cer1,.cer2,.cer3{ max-width: 1200px; margin: 0 auto;}
.cer1{ padding: 0 10px;}
.cer2{ padding: 0 20px;}
.cer3{ padding: 0 30px;}
.cer{ padding: 0 5%;}
.cer5{ max-width: 1440px; margin:0 auto;}
.cer6{ max-width: 1440px; margin:0 auto; padding: 0 10px;}
.cer7{ max-width: 1440px; margin:0 auto; padding: 0 20px;}
.cer8{ max-width: 85%; margin:0 auto; padding: 0 30px;}
.cer9{ margin:0 auto; padding: 0 40px;}
.cer10{ max-width: 1350px; margin:0 auto; padding: 0 30px;}
.cer80{ width: 80%; margin:0 auto; padding: 0 10%;}
@media screen and (max-width:1200px){
	.cer80{ width: 90%;}
}
@media screen and (max-width:1023px){
	.cer9{ padding-right: 0;}
	.cer80{ width: 85%;  padding: 0 7.5%;}
}
@media screen and (max-width:800px){
	.cer9{ padding-left: 5%;}
}
@media screen and (max-width:600px){
	.cer3,.cer8,.cer10{ padding: 0 2%; max-width: 100%;}
	.cer80{ width: 90%;  padding: 0 5%;}
}
/*#endregion */

button:disabled,.disabled{opacity:0.5;cursor:default;}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}



/*首页*/
#fullPage-nav LI A {text-align: right;width: 21px;background: url(../images/dot1.png) no-repeat center center;float: right;height: 21px;color: #f1c820;text-decoration: none;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
#fullPage-nav LI .active {background-position: 0px bottom;background: url(../images/dot2.png) no-repeat 5px 5px;background: url(../images/dot2.png) no-repeat center center;}
#fullPage-nav LI A:hover {background: url(../images/dot3.png) no-repeat center center;}
#fullPage-nav SPAN {display: none;}
.fullPage-tooltip {font: 12px/21px;float: left;color: #fff;top: 0px;margin-right: 5px;width: 60px;text-align: center;line-height: 21px;border-radius: 25px;background: #0051a2;}
.dtgif {width: 50px;position: relative;left: 0;top: 88%;right: 0;margin: auto;}
.section{background-position:center;background-size:cover;position:relative;overflow:hidden;background-repeat:no-repeat; width: 100%; height: 100%;}
.section_one{background:url(../images/01.jpg);background-size: 100%;}

@keyframes bg_move{ 
	0% { transform:scale3d(1, 1, 1); } 
	50% { transform: scale3d(1.1, 1.1, 1.1); } 
	100% { transform: scale3d(1, 1, 1); } 
}

.section_one {height: 100%;}
.section2 {position: relative;height: 100%;}
.section3{overflow:hidden;height: 100%;}
.section4{width: 100%;margin: 0 auto;height: 100%;}
.section5 {position: relative;height: 100%;}
.section6{overflow:hidden;height: 100%;}
.section7{width: 100%;margin: 0 auto;height: 100%;}
.section8 {position: relative;height: 100%;}
.fp-auto-height{height: auto;}

/*********header**********/

#header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;position:absolute; left:0; top:0; width:100%; z-index:999;background:rgba(0,0,0,0.4)}

.header_mid{ position:relative; margin:0 3.64583333333333%;}
.header_mid_mid{text-align:center;float: right;}
.header_mid_mid ul li{display:inline-block; z-index:1; margin:0 1.4vw; position:relative;}
.header_mid_mid ul li dl{ width:11.4375em; padding:1em 0; display:none;position:absolute; left:-3.71875em;background-color:rgba(0,0,0,.47);}
.header_mid_mid ul li dl a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:.9375em;
color:#fff; display:block; padding:.6em 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{background-color:#f4c902;}
.header_mid_mid ul li a.biga{ position:relative;color:#f2edd8; display:block; height:5vw; line-height:5vw; font-size: 16px; font-weight: bold;}
.header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10;content:''; bottom:0px; position:absolute; height:1px; background-color:#f4c902; left:50%; width:0;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{width:100%; left:0;}
.header_logo{ text-align:center; z-index:10;position: relative;; float: left; margin-top: 12px;}

.header_mid_left{position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_right{position:absolute; right:0; top:50%;transform:translateY(-50%);}
.header_mid_right a{ padding-left:1.6875em; color:#fff;background-position:left center; background-repeat:no-repeat; display:inline-block;height: 2vw; padding-top: 0.6vw; font-size: 1.3vw;}
.header_mid_right a:nth-child(1){background-image:url(../images/img1.png);}


.menu-toggler{top:50%;right:0px; z-index:10; cursor:pointer;width:20px;height:20px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);display: none;}
.menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);}
.menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;}
.menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; }
.menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;}
.menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;}
.menu-toggler.close .line-2{width:0;}
.menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;}
@-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}}
@keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}}
@-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}}
@keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}}
.header_logo img:nth-child(2){display:none}
.bodyon .header_logo img:nth-child(2){display:block}
.bodyon .header_logo img:nth-child(1){display:none}
.bodyon #header{ position:fixed;background-color:rgba(255, 255, 255, 0.9);}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a{color:#000;}
.bodyon .menu-toggler .line{background-color:#000}
.bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}

@media screen and (max-width:790px) {
	.header_mid_mid{display: none;}
}

/*********index**************/


.btn.btn-more1 {margin-top:2em; display: inline-block;vertical-align: top;position: relative;overflow: hidden;z-index: 1;padding: 0.8em 2.5em;line-height: 30px;color: #fff;background-image: -webkit-linear-gradient(0, #e1d07b 0, #d3af09 100%);border-radius: 0 10px;-webkit-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s}
.btn.btn-more1:after {content: " ";display: inline-block;vertical-align: middle;margin-left: .4rem;width: 28px;height: 30px;background-image: url(../images/btn-rarr.png);background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s}
.btn.btn-more1:hover {border-radius: 10px 0}
.btn.btn-more1:hover:after {margin-left: .5rem}
.btn.btn-more1._skin2 {padding: .3rem 0;background-image: none}
@media screen and (max-width:1024px) {
	.menu-toggler{display: block;}
	.btn.btn-more1:after {width: 20px;height: 24px}
}

/*about*/
.about{width: 100%;background: #1e1e1e; overflow: hidden;height: 100%;}
.about .s_width{width: 100%; margin:0 auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; }
.about .about_l{width:50%; padding:10% 5% 3% 5%;background: url(../images/aboutbg.jpg) no-repeat center bottom;}
.about .about_l h2{color: #fff;font-weight: 700;font-size: 3em;padding-top: 1em; }
.about .about_l h2 em{ color: #f4c902;}
.about .about_l p{font-size: 1em; line-height: 2em;color: #cccaca; margin-top: 3em;}
.about .about_r{width: 50%; padding-top: 5%;}
.about .about_r img{width: 100%;}


@media screen and (max-width:1440px) {
	.about .about_l{width: 40%;}
	.about .about_l h2{font-size: 2.3em;}
	.about .about_r{width: 50%;}
}


@media screen and (max-width:790px) {
	.about{width: 100%; display: block;}
	.about .about_l{width: 96%;margin: 0 auto; padding:15% 0 3% 0;}
	.about .about_l h3{font-size:2em;}
	.about .about_r{width: 100%;}
}


/*服务项目*/
.product{width: 100%;background: #e9f3fd; padding: 4% 0;}
.product .product_tit{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.product .product_tit .protxt_l  {width: 70%;}
.product .product_tit .protxt_l h2 {width: 70%;font-weight: bold;font-size:2.7em;}
.product .product_tit .protxt_l h3{font-size: 1em; line-height: 2em;color: #666666;font-weight: 400; line-height: 1.7em;padding-top: 1em;text-transform: uppercase;}

.c-list {position: relative;z-index: 4;display: flex;flex-wrap: wrap;align-items: flex-start; flex-wrap: wrap; margin:4em auto; display: -webkit-flex;  width: 85%; margin: 2% auto;  flex-direction: row;   -webkit-flex-direction: row;    -webkit-flex-wrap: wrap;}
.c-list li {width: 50%;padding: 0 8px 4px 8px;position: relative;}
.c-list li:nth-child(1){width: 67%;height: 18vw;}
.c-list li:nth-child(2){width: 30%;height: 17vw;}
.c-list li:nth-child(3){width: 34%;height: 16.895833333333332vw;margin:0.5vw 0 0 0;}
.c-list li:nth-child(4) {width: 32%;height: 16.895833333333332vw;margin: -17.1vw 0 0 35%;}
.c-list li:nth-child(5) {width: 30%;height: 18vw;margin: -21% 0 0 68%;}
.c-list .c-wrap {position: relative;overflow: hidden;height: 100%;color: #fff;}
.c-list .c-wrap img {width: 100%;height: 100%;object-fit: cover;}
.c-list .c-wrap .c-title {position: absolute;bottom: 0;left: 0;width: 100%;padding: 60px 40px 20px 40px;font-size: 32px;line-height: 34px;background: url(../images/yy-bg.png)repeat-x bottom left / auto;transition: all .5s;}
.c-list .c-wrap .c-title span{display: block;font-weight: 500;font-size: 16px; line-height: 35px; opacity: 0.4;}
.c-list .c-wrap .c-text-box {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 40px;line-height: 26px;
-webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);background-color: rgba(0, 0, 0, 0.5);transition: all .5s;}
.c-list .c-wrap .c-text-box div {width: 100%;}
.c-list .c-wrap .c-text-box .c-title2 {margin-bottom: 20px;font-weight: bold;font-size: 40px;line-height: 50px;}
.c-list .c-wrap:hover .c-title {opacity: 0;}
.c-list .c-wrap:hover .c-text-box {opacity: 1;}


@media screen and (max-width:1440px) {
	.c-list .c-wrap .c-text-box .c-title2{font-size: 30px;}
	.c-list .c-wrap .c-text-box div{display: none;}
}

@media screen and (max-width:790px) {
	.product .product_tit{width: 95%;display: block;}	
	.product .product_tit .protxt_l{width: 100%; margin-top: 1em;}
	.product .product_tit .protxt_l h2{font-size: 2em;}
	.product .product_tit .protxt_l h3{margin-top: 0;}
	.protxt_r{display: none;}
	.c-list{width: 100%;}
	.c-list li {width: 100%;}
	.c-list li:nth-child(1){width:100%;height:50%;}
.c-list li:nth-child(2){width: 100%;height: 50%;}
.c-list li:nth-child(3){width: 100%;height: 50%;margin: 0;}
.c-list li:nth-child(4) {display: none;}
.c-list li:nth-child(5) {display: none;}
.c-list .c-wrap .c-title{padding: 10px;font-size: 17px;}
.c-list .c-wrap .c-title span{display: none;}
.c-list .c-wrap .c-title em{display: none;}
}

/*企业优势*/
.adv{background: url('../images/adv.jpg') no-repeat center top; width: 100%; overflow: hidden; padding:8% 0 5% 0; color: #fff;background-size: 100%; height: 100%;}
.adv .s_width{text-align: center;}
.adv h2{font-size: 36px;}
.adv p{width: 80%; font-size: 16px; margin: 2% auto; line-height: 32px; color: #ebe8e8;}
.adv h3{font-size: 58px; }
.adv ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; width: 75%; margin:3% auto 0 auto;}
.adv li{border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding:3% 3%; width: 16%;}
.adv .adv_img{background: url('../images/quan.png') no-repeat center top; width: 100px; height: 108px;margin: 0 auto;;}
.adv .adv_img img{display: block; margin: 0 auto; padding-top: 30px;}
.adv  .adv_tex strong{display: block; margin: 20px 0; font-size: 22px;}


@media screen and (max-width:1440px) {
	.adv h3{font-size: 48px;}
	.adv ul{ width: 85%; }
}
@media screen and (max-width:790px) {
	.adv{background-size: auto; padding: 13% 0 0 0;}
	.adv h2 {font-size: 25px;}
	.adv p{width: 100%;font-size: 14px;display: none;}
	.adv h3 {display: none;}
	.adv ul{width: 100%;flex-wrap: wrap;}
	.adv li{width: 42%;}
	.adv_tex{font-size: 14px;}
}

/*厂容厂貌*/
.strength{width: 100%;background: #f9f8f6; padding: 4% 0;position: relative; }
.strength .strength_tit{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.strength .strength_tit .cf_l  {width: 70%;}
.strength .strength_tit .cf_l h2 {width: 70%;font-weight: bold;font-size:2.7em;}
.news .strength_tit .cf_l h3{font-size: 1em; line-height: 2em;color: #666666;font-weight: 400; line-height: 1.7em;padding-top: 1em;text-transform: uppercase;}

.heixinlistbox {position: relative; margin:3% auto 0 auto;}
.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}
.hxin_item {position: relative;width: 800px;margin: 0 auto; padding: 0 15px;}

.hitbox{overflow: hidden;}
.hitbox img{width: 100%;/*opacity: 0.3;*/-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px);    	filter: blur(3px);}
.heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);}
.hitbox img {transition: all 1s;width:100%;}
.heixinlist .slick-next {right: 19%;background: url(../images/next.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-prev {left: 19%;background: url(../images/prev.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-dots {bottom: 9px;}
.slick-dots li.slick-active {background: #999;}
.heixinlist .slick-dots li.slick-active {background: #f4c902;border-color:#f4c902;}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}

.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}

@media screen and (max-width:790px) {
	.strength{padding: 38% 0 0 0;}
	.strength .strength_tit{width: 95%;}
	.strength .strength_tit .cf_l{width: 100%;}
	.strength .strength_tit .cf_l h2{font-size: 2em;}
	.cf_r{display: none;}
}
/*产品优势*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.cpys{height:100%;overflow: hidden;}
.cpys_tit{width: 21.28%;height: 10rem;font-size: 45px;color: #fff;line-height: 2.8rem;;padding-top: 0.6rem;z-index: 1;position: absolute;top: 10.5rem;left: 9.38%;}
.cpys_tit:before{content: "";width: 4rem;height: 1px;background: #f4c902;position: absolute;bottom: 0;left: 0;}
.cpys_tit i{display: block;font-style: normal; margin-top: 15px;}
.cpys_nav{width: 30%;height: 59rem;z-index: 1;position: absolute;top: 0;right: 9.38%;}
.cpys_nav ul{margin-top: 5%;}
.cpys_nav ul li{float: left;width: 50%;height: 31vh;line-height: 34px;font-size:24px;color: #fff;font-weight: bold;padding: 3rem 0 0 2rem;box-sizing: border-box;border: rgba(255,255,255,0.4) 1px solid;}
.cpys_nav ul li em{display: block;width: 71px;height: 54px;line-height: 0;overflow: hidden;margin-bottom: 1.2rem;}
.cpys_nav ul li em img{width: 100%;-webkit-transition:all .5s;transition:all .5s;}
.cpys_nav ul li:nth-child(1){margin-right: 50%;border-bottom: none;}
.cpys_nav ul li:nth-child(2){border-right: none;}
.cpys_nav ul li:nth-child(4){margin-left: 50%;border-top: none;}
.cpys_nav ul li:hover,.cpys_nav ul li.on{background: rgba(220,182,8,0.7);}
.cpys_nav ul li:hover em img,.cpys_nav ul li.on em img{margin-top: -3.7rem;}
.cpys_nav .pageState{display: block; font-size: 1.2rem;color: #fff;height: 2.7rem;line-height: 2.7rem;overflow: hidden;position: absolute;top: 47rem;left: -157%;z-index: 2;letter-spacing: 5px;}
.cpys_nav .pageState span{font-weight: bold;font-size: 2rem;color: #f4c902;}
.cpys_m dl{position: relative;}
.cpys_m dl dt{width: 100%;line-height: 0;height: 100%;}
.cpys_m dl dt img{display: block;width: 100%;height: 100%;}
.cpys_m dl dd{position: absolute;top: 30rem;left: 9.38%;z-index: 3;}
.cpys_m dl dd h5{font-size:26px;color: #f4c902;height: 2rem;line-height: 2rem;overflow: hidden;}
.cpys_desc{font-size: 16px;color: #fff;line-height: 31px;padding: 1rem 0 0;}

.cpys_btn{position: absolute;top: 47rem;left: 9.38%;width: 13rem;z-index: 3;}
.cpys_btn p,.ys_btn p{width:46px;height:54px;}
.cpys_btn p a,.ys_btn p a {display: block;width:46px;height:54px;}
.cpys_lico a,.ys_lico a{ background:url(../images/banner_lico01.png) no-repeat center center;}
.cpys_lico a:hover { background:url(../images/banner_lico02.png) no-repeat center center;}
.cpys_rico a,.ys_rico a{ background:url(../images/banner_rico01.png) no-repeat center center;} 
.cpys_rico a:hover { background:url(../images/banner_rico02.png) no-repeat center center;} 


@media screen and (max-width:1650px) {
	.cpys_tit{font-size: 40px;}
	.cpys_nav ul li{height: 31vh;}
	.cpys_btn{top: 42rem;}
	.cpys_nav .pageState{top: 42rem;}
}

@media screen and (max-width:1440px) {
	.cpys_tit{font-size: 33px;width: 33.28%;}
	.cpys_nav ul li{height: 28vh;}
	.cpys_btn{top: 38rem;}
	.cpys_nav .pageState{top: 38rem;}
	.cpys_m dl dd{top: 26rem;}
}

@media screen and (max-width:790px) {
	.section6{background: url(../images/01.jpg) no-repeat center top; }
	.cpys{display: none;}
}

/*新闻资讯*/
.news{width: 100%;background:#efefef url(../images/news.jpg) no-repeat center top; padding:6% 0 4% 0;position: relative; }
.news .news_tit{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.news .news_tit .news_l  {width: 70%;}
.news .news_tit .news_l h2 {width: 70%;font-weight: bold;font-size:2.7em;}
.news .news_tit .news_l h3{font-size: 1em; line-height: 2em;color: #666666;font-weight: 400; line-height: 1.7em;padding-top: 1em;text-transform: uppercase;}
.index_4_1{overflow:hidden; padding: 2.5% 0; width: 85%; margin: 0 auto;}
.index_4_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;background-color: #fff;    -webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);    box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{  padding: 3%;}
.index_4_1_mid_2_1{color:#333;font-family:Calibri;}
.index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#dcb608;border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}


/*footer*/

.footer1{ background: #303030 url('../images/footerbg.jpg') center/cover no-repeat; position: relative; z-index: 99;}
.cursor-dot {position: fixed; top: 50%; left: 50%; pointer-events: none; border-radius: 50%; opacity: 0;	width: 8px; height: 8px; background-color: rgba(32, 180, 184, 0.5); z-index: 999; transform: translate(-50%, -50%);
	transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease;}

.footerin{ overflow: hidden; position: relative; padding: 6% 0; height: 265px; display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;} 
.footerin:before{ content: ''; position: absolute; left: 644px; top:34px; z-index: 0;	width: 1px; height: 192px; background-color: #4e4b4b; display: none;}

.footsx{ position: absolute; left: 320px; top:0; z-index: 0; width: 1px; height: 100%;}
.footsx .top{ position: absolute; left: 0; top:0; z-index: 0; width: 1px; height: 54px;	background-color: rgba(255,255,255,0.25);}
.footsx .bottom{ position: absolute; left: 0; bottom:0; z-index: 0; width: 1px; height: 362px;	background-color: rgba(255,255,255,0.25);}
.footsx .center{ position: absolute; left: 0; top:68px; z-index: 0; width: 1px; height: 12px;	background-color: rgba(255,255,255,0.25); -webkit-transform: rotate(30deg); transform: rotate(30deg);}


.footnav{  overflow: hidden; width: 36%;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.footnav li{ position: relative; margin-left: 1.5rem;}
.footnav li:first-child{ margin-left: 0;}
.footnav li dt{ height: 26px; line-height: 26px; color: #fff; margin-bottom: 14px;}
.footnav li dt a{ font-size: 16px; color: #fff; position: relative;}
.footnav dt a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;
   border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}
.footnav dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

.footnav li dd{ line-height: 33px; color: #a1a6b0;}
.footnav li dd a{ color: #a1a6b0;}
.footnav li dd a:hover{ color: #eee;}


.flxbtnout{ height: 36px; font-size: 0; position: relative; z-index: 1; margin-top: 24px;}
.flxbtnout a{ display: inline-block; width: 36px; height: 36px; margin-right: 12px;	text-align: center; line-height: 36px; border-radius: 50%; background-color: #333941;}
.flxbtnout a>img{ transition: 1s;}
.flxbtnout a:hover>img{ transform: rotateY(360deg);}

.footwx{ position: relative;}
.footwx .bigewm{ position: absolute; width: 120px; height: 120px; top: 50%; margin-top: -60px;
	left: 40px; z-index: 1; display: none; line-height: 120px; background-color: #fff;}



.footinfo{  width: 270px;}
.footlx{ margin-top: 36px; color: #a1a6b0; line-height:31px;}
.footlogo{ height: 90px; font-size: 0;}
.footlogo img{ max-height: 100%; opacity: 0.65;}

.footlogo2{ height: 32px; font-size: 0; line-height: 32px; margin-top: 20px;}
.footlogo2 img{ max-height: 100%;}

.footewm{ position: absolute; right:0; top:65px; z-index: 1; width: 120px;}
.footewm img{ display: block; width: 100%;}
.footewm p{ font-size: 12px; color: #8e8e8e; line-height: 34px;}

.footer_wx{width: 300px;;}
.footer_wx ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.footer_wx li{width: 48%;}
.footer_wx li em{ display: block; color: #fff; margin-bottom: 20px;}
.footer_wx li img{width: 100px;}
@media screen and (max-width:1600px){
	.footnav li{ margin-left: 60px;}
}
@media screen and (max-width:1440px){
	.footnav li{ margin-left: 40px;}
	.footsx{ left:300px;}
}
@media screen and (max-width:1280px){
	.footnav li{ margin-left: 20px; font-size: 14px;}
	.footsx{ display: none;}
}
@media screen and (max-width:1100px){
	.footerin{ height: auto;}
	.footinfo{ float: none; width: 100%;}
	.footnav{ display: none;}
	.footlogo{ float: left;}
	.footlx{ float: left; margin-top: 0; margin-left: 50px;}
	.footlogo2{ float: left; margin-top: 0; margin-left: 50px;}
	.flxbtnout{ float: left; margin-left: 50px;}
}
@media screen and (max-width:570px){
	.footlogo{ float: none;}
	.footlx{ float: none; margin-top: 36px; margin-left: 0;}
	.footlogo2{ margin-top: 24px; margin-left: 0;}
	.flxbtnout{ }
}


.footer2{ position: relative; z-index: 10; padding: 15px 0; background-color: #333941;}
.footer2>div{ font-size: 14px; color: #a1a6b0; line-height: 50px; height: 50px; overflow: hidden;}
.footer2 span{ display: inline-block; vertical-align: middle;}
.footer2 i.fenge{ display: inline-block; width: 1px; height: 14px; margin: 0 16px;
	background-color: #a1a6b0; vertical-align: middle;}
.footer2 a{ display: inline-block; color: #a1a6b0; vertical-align: middle;}
.footer2 a:hover{ color: #eee;}
.footer2 img.jw{ margin-top: -2px; margin-left: 5px;}
.footer2 img.cnzz{ margin-left: 5px; margin-right: 5px;}
.footer2 a.jinwang:hover{ color: #eee; text-decoration: underline;}
@media screen and (max-width:1200px){
	.footer2{ text-align: center;}
	.footer2>div{ height: auto;}
	.footer2 .l,.footer2 .r{ float: none; display: block; width: 100%;}
	.footer2 span{ margin: 0 5px;}
}
@media screen and (max-width:750px){
	.footer2 i.fenge{ margin: 0 5px;}
}


.footer22{ width: 100%; height: 90px; background-color: #232931; display: none;	position: fixed; z-index: 28; bottom:0; left:0;}
.footshadow{ width: 100%; height: 90px; display: none;}
.footfun{ padding: 0 10px; height: 100%; overflow: hidden;}
.footfun li{ float: left; width: 25%; height: 100%; background-color: #232931;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.footfun li:nth-child(odd){ background-color: #2b3139}
.footfun li a{ display: block; text-align: center; color: #fff; padding-top: 10px;}
.footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
.footfun li a img{ max-height: 40px;}
.footfun li h3{ line-height: 26px;}
@media screen and (max-width:750px){
	.footer22{ display: block;}
	.footshadow{ display: block;}
}




@media screen and (max-width:1023px){
	.footer2{ text-align: center;}
	.footer2 .footerwrap{ padding-top: 30px; padding-bottom: 30px; overflow: auto;}

	.flxbtnout{ margin-top: 20px;}

	.footwx .bigewm{ top:-74px;}
}
@media screen and (max-width:750px){
	.footer2 .footerwrap{ padding-top: 16px; padding-bottom: 16px;}
	.cursor-dot{ display: none;}
}

/*面包屑*/
.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}
.baninfo .cer8 {height: 100%;}
.erji {float: left;font-size: 0;white-space: nowrap;text-align: center;padding: 17px 0;max-width: 100%;line-height: 36px;height: 36px;}
.erji a {display: inline-block;width: 110px;height: 100%;margin-left: 26px;border-radius: 18px;color: #333;font-size: 16px;line-height: 36px;vertical-align: top;background-color: #f1f1f1;}
.erji a:first-child {margin-left: 0;}
.erji a:after {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;display: none;width: 0;height: 1px;background-color: #009de2;-webkit-transition: 0.3s;transition: 0.3s;}
.erji a:hover {background-color: #fff;color: #333;}
.erji a.on {background-color: #333;color: #fff;font-weight: bold;}
.erji a:hover:after {left: 0;width: 100%;-webkit-transition: width 0.3s;transition: width 0.3s;}
.tree {float: right;height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #333;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}
@media screen and (max-width: 1280px) {
.tree {display: none;}
.erji {float: none;overflow: auto;}
}
@media screen and (max-width:700px) {
  .tree {display: none;}
  .erji {float: none;overflow: auto;}
  .erji a {width: 89px;}
  }


.fenye{width: 80%; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px; }

/******手机端menu************/
.navwrap {position: fixed;top: 80px;right: -80%;width: 80%;height:calc(100vh - 80px);z-index: 888;background-color: #fff; opacity: 0; display:none;}
@media screen and (max-width:1200px) {
.navwrap{display:block}
}
@media screen and (max-width:640px) {
.css_animation{width:80px; height:80px;}
.navwrap {	top: 60px;height:calc(100vh - 60px);}
}
.navwrap .nav {padding: 10px 5% 0px 5%; border-top:1px #dedede solid;}
.navwrap .nav li {line-height: 42px;border-bottom: 1px solid #dedede;padding: 0px;}
.navwrap .nav li a {display: block;color: #000;font-size: 16px;}
.navbg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);
z-index: 555;display: none;}
.navbg .closeSJ {position: absolute;right: 24px;top: 18px;}
.navwrap .nav .SJbod {display: none;}
.navwrap .nav .SJbod dd a {height: 36px;line-height: 36px;font-size: 14px;}
.navwrap .nav .plus a {background: url(../images/plus.png) right center no-repeat;}
.navwrap .nav .minus a {background: url(../images/minus.jpg) right center no-repeat;}




#main { overflow: hidden; transform-style: preserve-3d; transform-origin: 30% 50% 0; transition: transform .5s; }
#main.to-left { transform: translate(-50%) rotateY(-50deg); filter: blur(3px); }
/*首页*/
.telbanner,.tel_nav{display: none;}
.flex{width: 100%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}

#homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;}
#homeBanner .swiper-slide{overflow:hidden;}
#homeBanner #video_open{width:100%;height:100%;}
#homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;}
#homeBanner .homeBanner_switch i{font-size:24px;margin:0 20px;}
#homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;}
#homeBanner .homeBanner_switch.swiper-button-next{right:-30px;}



@media screen and (max-width:750px){
#sw000 {width: 100%;height:240px;}
#homeBanner .homeBanner_cnt{height: 500px;}
.section.sec11{height: 240px;}
.telbanner{display: block;width: 100%; height: 95%;background: url('../images/bg.jpg') no-repeat center top;background-size: 100%;}
.telbanner video{height: 100%;width: 100%;}

}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>banner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#homeBanner{width:100%;height:100vh;overflow:hidden;z-index:2;}
#homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; background: #000;}
#homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;}

#homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;/* justify-content:center; */z-index:2;height:100%;left: 10%; }
#homeBanner .homeBanner_h{font-size:2vw;line-height:2.5vw;font-weight:500;  color: #fff;text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px;}
#homeBanner .homeBanner_p{;}
#homeBanner  .homeBanner_tex{font-size:4vw;font-weight: bold; text-transform:uppercase;margin-bottom:1vw;color: #fff;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
#homeBanner .homeBanner_tex em{color: #f4c902;}
#homeBanner .homeBanner_h.tbg{background:url(../image/tbg.png) no-repeat center center;background-size:auto 72%;}

#homeBanner #video_open{width:100%;height:100%;}
#homeBanner .homeBanner_bg video{opacity: 0.65;}

#homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:65px;height:65px;line-height:61px;text-align: center;}
#homeBanner .homeBanner_switch i{display: inline-block;}
#homeBanner .homeBanner_switch.swiper-button-prev{left:10%;}
#homeBanner .homeBanner_switch.swiper-button-next{right:10%;}

@media (max-width:750px){
	#homeBanner{height: 100%;}
	#homeBanner .homeBanner_switch.swiper-button-next {right: -14px;}
	#homeBanner .homeBanner_switch{width: 30px; height: 30px; line-height: 30px; margin: 0 auto;}
	#homeBanner .homeBanner_switch i img{width: 50%; display: inline-block; margin: 0 auto;}


}

/*内页公司简介*/
.xiangxi {font-size: 16px;line-height: 31px;color: #666;max-height: 160px;overflow: auto;margin-top: 24px;}
.probtnarea {font-size: 0;margin-top: 50px;}
.probtn {display: inline-block;width: 178px;height: 58px;border: 1px solid #ddd;border-radius: 5px;margin-left: 34px;color: #fff;font-size: 16px;line-height: 58px;text-align: center;position: relative;
overflow: hidden; background: #00aa4b;}
.probtn:first-child {margin-left: 0;}
.probtn:hover {color: #333;border-color: #00aa4b;}
@media screen and (max-width: 1440px) {
.propage-wrap {  padding: 100px 80px 140px;}
}
@media screen and (max-width: 1200px) {
.propage-out {  margin-top: -546px;}
.propage-wrap {  padding: 80px 60px 120px;}
}
@media screen and (max-width: 1100px) {
.probtn {  width: 111px;  margin-left: 24px;}
}
@media screen and (max-width: 1024px) {
  .aside{display: none;}
.propage-wrap {  padding: 60px 40px 100px;}
.profirst {  height: auto;}
.xijie {  float: none;  width: 100%;  margin-bottom: 50px;}
{  float: none;  width: 100%;  height: auto;}
.proname {  font-size: 30px;}
.xiangxi {  max-height: none;}
}
@media screen and (max-width: 750px) {
.propage-out {  margin-top: -92px;}
.propage-wrap {  padding: 60px 0 90px;}
.probtn {  height: 48px;  line-height: 48px;}
}
/*内页客户案例*/
.index_33_mid{margin:0 10vw; }
.se_case_top{width: 80%; margin: 80px auto;}
.se_case_top:after{content: "";width: 100%; height: 1px; background: #ddd;display: block; margin-top: 80px;}
.se_case_top h3{line-height: 100px; font-size: 100px; font-family: "Montserrat"; color: #333; font-weight: bold;}
.se_case_top h2{margin-top: 40px; font-size: 50px;}
.se_case_top .se_case_top_tex{color: #999; font-size: 16px;}
.se_case_top .se_case_top_tex span {float: left;margin: 10px 30px 0 0;position: relative;}
.sProduct-view-tab {width: 100%;margin-left: auto;margin-right: auto;}
.sProduct-view-tab .pic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent;/* img{object-fit:contain;} */}
.sProduct-view-tab .pic img {position: absolute;left: 0;top: 0;z-index: 1;border-radius: inherit;width: 100%;height: 100%;}
.sProduct-view-tab .Tt {position: relative;width: 100%;height: 0;padding-bottom: 56%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sProduct-view-tab .Tt:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;border: #eeeeee solid 1px;}
.sProduct-view-tab .Tt .box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sProduct-view-tab .Tt .playBtn {position: absolute;z-index: 10;left: 15px;bottom: 15px;width: 36px;height: 36px;background-image: url(../images/btns-play.png);background-size: contain;background-position: 50% 50%;
background-repeat: no-repeat;border-radius: 50%;}
.sProduct-view-tab .Tt .playBtn:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: #333 solid 2px;border-radius: inherit;}
.pc .viewport {overflow: hidden;}
.wap .oScroll {overflow: auto;}
.hScroll {width: 100%;white-space: nowrap;}
.hScroll .scrollBox,.hScroll .overview {display: inline-block;vertical-align: top;}
.wap .hScroll {overflow-x: auto;overflow-y: hidden;}
.vScroll {height: 100%;}
.wap .vScroll {overflow-y: auto;overflow-x: hidden;}
.invisible {visibility: hidden;position: absolute !important;z-index: -1;}

@media screen and (min-width: 1025px) {
.sProduct-view-tab .Tt .playBtn {-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sProduct-view-tab .Tt .playBtn:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
}
@media screen and (max-width: 1024px) {
.sProduct-view-tab .Tt .playBtn:active {-webkit-transform: scale(1.1);transform: scale(1.1);}
}
.sProduct-view-tab .Tg {margin-top: 10px;position: relative;}
.sProduct-view-tab .Tg .btn {position: relative;display: inline-block;vertical-align: top;width: 90px;height: 66px;}
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {margin-left: 16px;}
.sProduct-view-tab .Tg .btn:before {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background-color: #000;-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;
opacity: 0;visibility: hidden;}
.sProduct-view-tab .Tg .btn:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 6;pointer-events: none;border: #eeeeee solid 1px;}
.sProduct-view-tab .Tg .btn:hover:before {-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 0.05;visibility: visible;}
.sProduct-view-tab .Tg .btn.on:after {border-color: #333;}
.se_procont_r{width: 50%;}
.se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
.se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
.se_procont .se_procont_r .aside span{font-size: 16px;}
.se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
.se_procont .se_procont_r .imax p{ line-height: 31px;}
.se_procont .se_procont_r .btns { margin-top: 12%;}
.se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 50px;padding: 0.1rem 0.6rem;border-radius: 6px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.se_procont .se_procont_r .btns .btn:after {background-color: #e31124;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;
padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

.se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
.se_procont .se_procont_r .btns .btn2 {color: #e31124;border-color: #e31124;}
@media screen and (min-width: 1025px) {
.se_procont .se_procont_r .btn1:hover {color: #171c32;}
.se_procont .se_procont_r .btn2 {color: #e31124;border-color: #e31124;}
.se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
  .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
.se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;}
}

@media screen and (max-width: 790px) {
.se_procont{padding: 17% 0 4% 0;}
.se_procont .s_width{width: 98%; display: block;}
.se_procont .se_procont_l{width: 100%;}
.se_procont .se_procont_r{width: 100%;}
.se_procont .se_procont_r h1{font-size: 28px;}
.se_procont .se_procont_r .aside {margin-top: 10px;}
.se_procont .se_procont_r .imax{font-size: 15px;}
.se_procont .se_procont_r .imax p{line-height: 24px;}
.se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
.right-fd{display: none!important;}
.sProduct-view-tab {width: 100%;}
.sProduct-view-tab .Tg .btn {  width: 53px;  height: 52.8px;  }
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {  margin-left:0  }
}
.propage-out {width: 100%;position: relative;z-index: 2;margin-top: -676px;}
.propage-wrap {background-color: #fff; width: 70%; margin: 0 auto;}
.profirst {overflow: hidden;min-height: 410px;}
.xijie {width: 100%;height: auto;z-index: 1;position: relative; margin: 0 auto;}
.xijie .bigpic {width: 100%;height: 100%;position: relative;text-align: center;font-size: 0;}
.xijie .bigpic img {max-width: 100%;max-height: auto; height: auto;}
{float: right;width: 45%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;    -ms-flex-align: center;        align-items: center;}
.proname {font-size: 36px;line-height: 50px;color: #333;margin-bottom: 28px;}
.aside {margin-top: 0.1rem;line-height: 31px;}
.aside span{font-size:16px;}
.xiangxi {font-size: 16px;line-height: 31px;color: #666;max-height: 160px;overflow: auto;margin-top: 24px;}
.probtnarea {font-size: 0;margin-top: 50px;}
.probtn {display: inline-block;width: 178px;height: 58px;border: 1px solid #ddd;border-radius: 5px;margin-left: 34px;color: #fff;font-size: 16px;line-height: 58px;text-align: center;position: relative;
overflow: hidden; background: #00aa4b;}
.probtn:first-child {margin-left: 0;}
.probtn:hover {color: #333;border-color: #00aa4b;}
@media screen and (max-width: 1440px) {
.propage-wrap {  padding: 100px 80px 140px;}
}
@media screen and (max-width: 1200px) {
.propage-out {  margin-top: -546px;}
.propage-wrap {  padding: 80px 60px 120px;}
}
@media screen and (max-width: 1100px) {
.probtn {  width: 111px;  margin-left: 24px;}
}
@media screen and (max-width: 1024px) {
.aside{display: none;}
.propage-wrap {  padding: 60px 40px 100px;}
.profirst {  height: auto;}
.xijie {  float: none;  width: 100%;  margin-bottom: 50px;}
{  float: none;  width: 100%;  height: auto;}
.proname {  font-size: 30px;}
.xiangxi {  max-height: none;}
}
@media screen and (max-width: 750px) {
.propage-out {  margin-top: -92px;}
.propage-wrap {  padding: 60px 0 90px;}
.probtn {  height: 48px;  line-height: 48px;}
}


/*新闻详情页面*/
#water {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}
.service-box {position: relative;z-index: 3;overflow: hidden;}
.service-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-position: center;background-size: cover;background-attachment: fixed;transition: 0.68s;}
.service-bg.blur {filter: blur(10px);}
.service-margin {margin: 195px 0 94px 0;}
.se_container {margin:0 auto;width: 1200px;background: #fff;padding:4vw 0 4vw 0;}
.service-navs {margin-bottom: 70px;}
.service-navs-list {margin-bottom: 25px;margin-left: -26px;}
.service-navs-list li {float: left;position: relative;padding: 0 26px;}
.service-navs-list li:before {position: absolute;right: 0;bottom: 3px;content: "";width: 1px;height: 25px;background: rgba(255, 255, 255, 0.5);}
.service-navs-list li:last-child:before {display: none;}
.service-navs-list li:hover a,.service-navs-list li.active a {opacity: 1;}
.service-navs-list li:hover a b,.service-navs-list li.active a b {color: #fda61e;}
.service-navs-list li.active a {font-size: 48px;padding-top: 0;}
.service-navs-list li a {display: inline-block;position: relative;color: #ffffff;font-size: 30px;line-height: 1;font-weight: normal;opacity: 0.8;transition: 0.35s;padding-top: 16px;}
.service-navs-list li a b {font-weight: normal;transition: 0.35s;}
.service-dit {position: relative;margin-top: 24px;padding-bottom: 25px;}
.service-dit:before {position: absolute;left: 0;bottom: 0;content: "";width: 30px;height: 3px;background: #fff;}
.service-dit p {color: #fff;font-size: 18px;line-height: 1.6;}
.service-time {padding: 110px 5.2% 86px;background: #fff;border-radius: 10px;}
.service-time-list li {margin-bottom: 80px;}
.service-time-list li:last-child {margin-bottom: 0;}
.service-time-list li a {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;padding: 38px 3.8%;border: 1px solid #129de8;border-radius: 10px;}
.service-time-list li a:hover figure img {transform: scale(1.05);}
.service-time-list li a time {display: block;position: absolute;left: 40px;top: -22px;padding: 0 19px;border-radius: 10px;background: #39aae7;line-height: 40px;color: #fff;font-size: 16px;}
.service-time-list li a figure {display: block;float: left;line-height: 1;width: 43%;overflow: hidden;}
.service-time-list li a figure img {display: block;width: 100%;height: auto;transition: 0.68s;}
.service-content {float: left;margin-left: 6.45%;height: 100%;}
.service-content p {color: #666666;font-size: 16px;}
.service-buy {position: absolute;right: 30px;top: 50%;margin-top: -23px;width: 133px;height: 46px;line-height: 46px;color: #fff;text-align: center;font-size: 16px;border-radius: 4px;background: #39aae7;}
.service-buy i {display: inline-block;position: relative;top: -1px;vertical-align: middle;margin-right: 7px;color: #fff;font-size: 26px;font-style: normal;}


/*se-contact*/
.inbanner3 {width: 100%;height: 1000px;position: relative;overflow: hidden;background-color: #000;}
.inbanner3 > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;	object-fit: cover;z-index: 0;}
.inbanner3.actived > img {-webkit-transform: scale(1.05);		transform: scale(1.05);-webkit-transition: 8000ms;transition: 8000ms;}
.inbanner3 .cer {position: relative;height: 100%;}



.inbanner3 .e_video{ opacity: 0.3;}
.cer {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.ibcatein2 {position: absolute;width: 100%;left: 0;bottom: 50%;z-index: 1;color: #fff;text-align: center;overflow: hidden;margin-bottom: 5.4%;}
.ibcatein2 .cn {font-size: 24px;line-height: 40px;height: 40px;margin-top: 30px;background: url('../images/line2.png') center no-repeat;}
.ibcatein2 .cn span {padding-left: 8px;letter-spacing: 8px;}
.ibcatein2 .en {font-size: 0;}
.ibcatein2 img {max-width: 90%;}

.mouse2 {width: 360px;height: 38px;padding-top: 40px;margin-bottom: -1.1%;position: absolute;left: 50%;margin-left: -180px;bottom: 50%;z-index: 2;font-size: 18px;line-height: 38px;color: #fff;text-align: center;
  background: url('../images/addr.png') center 0 no-repeat;}
.bantel {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;margin-top: 8.5%;height: 42px;line-height: 42px;text-align: center;}
.bantel a {display: inline-block;font-size: 24px;color: #fff;font-family: 'helvetica';margin: 0 30px;padding-left: 32px;}
.bantel a.tel1 {background: url('../images/tel1.png') 0 no-repeat;}
.bantel a.tel2 {background: url('../images/tel2.png') 0 no-repeat;}
.fullline {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;overflow: hidden;margin-top: 3.8%;height: 1px;background-color: rgba(255, 255, 255, 0.2);}
.fullline:before {content: '';position: absolute;left: -100%;bottom: 0;z-index: 2;width: 100%;height: 2px;background-color: #fff;-webkit-animation: widthgrow 20s linear infinite;animation: widthgrow 20s linear infinite;}
@-webkit-keyframes widthgrow {
from {
left: -100%;
}
to {
left: 100%;
}
}
@keyframes widthgrow {
from {
left: -100%;
}
to {
left: 100%;
}
}
.lxbtnout {height: 68px;font-size: 0;text-align: center;position: absolute;left: 0;top: 50%;margin-top: 13.8%;z-index: 1;width: 100%;}
.lxbtnout a {display: inline-block;width: 66px;height: 66px;margin: 0 30px;border-radius: 34px;border: 1px solid #fff;text-align: center;line-height: 66px;}
.lxbtnout a > img {max-width: 90%;-webkit-transition: 1s;transition: 1s;}
.lxbtnout a:hover > img {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

@media screen and (max-width: 1400px) {
.ibcatein2 {margin-bottom: 85px;}
.mouse2 {margin-bottom: -6px;}
.lxbtnout {margin-top: 184px;}
}
@media screen and (max-width: 920px) {
.bantel a {font-size: 20px;margin: 0 20px;}
}
@media screen and (max-width: 550px) {
.bantel a {display: block;width: 220px;margin: 0 auto;text-align: left;}
.lxbtnout a {margin: 0 15px;}
}

@media (max-width: 770px) {
	.inbanner3 {height: 600px;}
	.fullline,.lxout{display: none;}
}

.video-box {position: relative;padding-top: 39%;overflow: hidden;}
.video-box video {position: absolute;left: 50%;margin-left:-40%;top: 50%;margin-top:-20%;width: 80%;height: 80%;-o-object-fit: cover;object-fit: cover;}
.icon-play {}
.index-video {position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none;}
.index-video .x-btn {top: 5%;right: 5%;}
.index-video-wrap {z-index: 30;}


/*招聘*/
.zhaopinout {padding: 4% 0;}
.cate7 {position: relative;padding-top: 80px;padding-bottom: 22px;font-weight: bold;text-align: center;}
.cate7 .en {font-size: 140px;color: rgba(83, 185, 112, 0.06);line-height: 152px;text-transform: uppercase;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;font-family: "Times New Roman";}
.cate7 .cn {font-size: 32px;color: #333;line-height: 50px;position: relative;z-index: 2;}
.cate7:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 30px;height: 3px;margin-left: -15px;background-color: #1373c0;}
.zpintro {font-size: 16px;color: #666;line-height: 34px;text-align: center;max-width: 920px;margin: 24px auto 0;}
.zpintro span {display: block;}
@media screen and (max-width: 1023px) {
.cate7 .en {font-size: 100px;line-height: 120px;}
.zhaopinout {padding: 90px 0 90px;}
}
@media screen and (max-width: 920px) {
.zpintro span {display: inline;}
}
@media screen and (max-width: 750px) {
.cate7 .en {font-size: 70px;line-height: 100px;}
.zhaopinout {padding: 70px 0 80px;}
}
.rec-head {height: 70px;background-color: #f5f5f5;overflow: hidden;padding: 0 110px;margin-top: 82px;}
.rec-head .th {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 18px;color: #333;line-height: 50px;text-align: center;font-weight: bold;}
.rec-head .th.zhiwei {text-align: left;}
.reclist {background-color: #fff;}
.rec-hand {height: 70px;background-color: #fff;overflow: hidden;padding: 0 110px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.rec-hand .td {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 16px;color: #555;line-height: 50px;text-align: center;}
.rec-hand .td.zhiwei {text-align: left;}
.reclist li:nth-child(even) .rec-hand {background-color: #f5f5f5;}
.reclist li.on .rec-hand {background-image: -webkit-gradient(linear, left top, right top, from(#e2d283), to(#f4c902));background-image: linear-gradient(to right, #e2d283, #f4c902);}
.reclist li.on .rec-hand .td {color: #fff;}
.reclist li:hover .rec-hand {background-color: rgba(244, 201, 0, 0.2);}
.rec-hand,.reclist .td {-webkit-transition: 0.6s;transition: 0.6s;}
.reclist .rec-con {display: none;}
.reclist .rec-txt {font-size: 16px;color: #777;line-height: 30px;padding: 40px 110px 60px;border: 1px solid #aa8e09;background-color: #f5f5f5;}
.reclist .rec-txt .email {display: inline-block;color: #000;text-decoration: underline;}
.reclist .rec-txt h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px;}
@media screen and (max-width: 1500px) {
.rec-head,.rec-hand {padding: 0 80px;}
.reclist .rec-txt {padding: 40px 80px 60px;}
}
@media screen and (max-width: 1200px) {
.rec-head,.rec-hand {padding: 0 60px;}
.reclist .rec-txt {padding: 40px 60px 60px;}
}
@media screen and (max-width: 1023px) {
.rec-head,.rec-hand {padding: 0 40px;}
.reclist .rec-txt {padding: 40px 40px 60px;}
}
@media screen and (max-width: 1023px) {
.rec-head .th,.rec-hand .td {width: 22%;}
.rec-head .th.zhiwei,.rec-hand .td.zhiwei {width: 34%;}
.rec-head .th.bumen,.rec-hand .td.bumen {display: none;}
}
@media screen and (max-width: 750px) {
.rec-head .th.addr,.rec-hand .td.addr {display: none;}
.rec-head .th {width: 30%;}
.rec-head .th.zhiwei {width: 40%;}
.rec-hand .td {width: 30%;}
.rec-hand .td.zhiwei {width: 40%;}
.rec-head,.rec-hand {padding: 0 20px;}
.reclist .rec-txt {padding: 40px 20px 50px;}
}
@media screen and (max-width: 660px) {
.rec-head .th.renshu,.rec-hand .td.renshu {display: none;}
.rec-head .th {width: 40%;}
.rec-head .th.zhiwei {width: 60%;}
.rec-hand .td {width: 40%;}
.rec-hand .td.zhiwei {width: 60%;}
}


.split-item{width: 100%; font-family: "SourceHanSansCN-Normal";white-space: pre-wrap;	word-wrap: break-word;}
.index_3_mid .pro_p{background: url('../images/protwoicon01.png') no-repeat left center;padding-left: 60px; margin: 20px 0 20px 0; font-size: 23px; font-weight: bold; color: #333;}
.index_3_mid p{font-size: 16px; line-height: 35px;text-align: justify;}
.se_case_box p{font-size: 16px; line-height: 35px;text-align: justify; color: #666;}

.se_video{width: 75%; margin: 0 auto; padding: 5% 0; position: relative;height: 700px; }
.se_video iframe{width: 100%; height: 700px;}
.video{overflow:hidden;position:relative; width: 100%;margin: 0 auto;padding-bottom: 5%; }
.video video{width: 100%; left: 50%; right: 50%; position: absolute;}

.liuyanone {padding: 172px 0 252px;overflow: hidden;position: relative;width: 100%;}
.liuyanone .lybg {position: absolute;left: 0;bottom: 0;z-index: -1;width: 100%;height: 470px;background: #ffffff url('../images/lybg.jpg') bottom no-repeat;}
.liucon {overflow: hidden;}
.lyleft {float: left;width: 366px;}
.lycate {position: relative;color: #333;line-height: 48px;}
.lycate .en {font-size: 42px;font-family: "Times New Roman";text-transform: uppercase;}
.lycate .cn {font-size: 32px;font-weight: bold;margin-top: 14px;}
.lycate .hx {width: 30px;height: 3px;background-color: #222;margin: 38px 0 32px;}
.lycate .txt {font-size: 14px;line-height: 26px;color: #666;text-align: justify;}
.mtel {margin-top: 70px;}
.mtel dt {font-size: 16px;color: #333;line-height: 30px;}
.mtel dd {font-size: 28px;color: #000;line-height: 40px;font-weight: bold;}
.mtel dd a {color: #000;}
.lyright {float: right;width: 800px;position: relative;
}
@media screen and (max-width: 1280px) {
.lyleft {width: 30%;}
.lyright {width: 55.55%;}
}
@media screen and (max-width: 1024px) {
.liuyanone {padding: 80px 0 140px;}
.lyleft {float: none;width: 100%;height: auto;}
.lyright {float: none;width: 640px;max-width: 100%;margin: 0 auto;height: auto;}
.lycate {text-align: center;}
.lycate .hx {margin: 20px auto;}
.lycate .txt {max-width: 500px;margin: 0 auto;text-align: center;}
.mtel {margin-top: 20px;text-align: center;}
}
@media screen and (max-width: 750px) {
.liuyanone {padding: 60px 0 90px;}
.lycate {line-height: 36px;}
.lycate .en {font-size: 32px;}
.lycate .cn {font-size: 22px;}
}

.liuyan {font-size: 0;}
.liuyan .hang {width: 100%;margin-bottom: 32px;}
.liuyan label {display: block;font-size: 16px;color: #333;line-height: 30px;}
.liuyan input[type=text] {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);
}
.liuyan textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 100%;line-height: 28px;font-size: 14px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color: #333;}
.liuyan input[type=text],.liuyan textarea {-webkit-transition: 0.3s;transition: 0.3s;}
.liuyan i.v {display: block;width: 100%;vertical-align: top;}
.liuyan .layui-form-item {height: 48px;margin-top: 46px;}
.liuyan .layui-textarea {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);}
.liuyan  .layui-btn{ display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #009944;color: #fff;border: 1px solid #333;margin-top: 75px;}
.liuyan  .layui-btn:hover{background-color: #fff;color: #333;}


@media screen and (max-width: 1024px) {
.liuyan {padding-top: 50px;}
}
@media screen and (max-width: 750px) {
.liuyan input#tj {width: 100%;}
}


.fbanner{width: 100%;position: relative;overflow: hidden;}
.fbanner > img {position: fixed;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: -2;}
.fbanner > video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;-o-object-fit: cover;object-fit: cover; z-index: -1;}
.fbanner > .vdmask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: rgba(0, 0, 0, 0.7);}
.pro_c{color: #fff;}
.pro_c a{color: #fff;}
.promid_mid_3 a .pro_c{color: #fff;}
.pro_c_img{margin-bottom: 0!important; text-align: center; padding-bottom: 20px!important; margin-top: 30px;}


/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}


@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}




