menu_box@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .header .logo, .header.bg, .section_two .tab_box a i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;text-align: center; overflow:hidden; height:100%;}
img{ border: 0;vertical-align: middle;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#2e3979;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent; }
body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
.dn{display: none;}
@font-face {font-family: 'cuya';src: url('cuya.ttf');}
.cuya {font-family: "cuya";}
#fullPage-nav LI {margin: 0 0;}
em,i,u {font-style: normal;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin: 0;padding: 0;}
body {color: #333;font-size: 16px;}
#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;}
.anniu {  position: absolute;top: 0px;width: 78px;height: 70px;animation: updown 1.5s infinite;animation-timing-function: linear;z-index: 999;}
/*通用头部*/
.head {z-index: 10000;margin: 0 auto;width: 100%;position: relative;top: 0px;left: 0px;}
.navc {position: absolute;width: 100%;top: 100%;left: 0;height: 70px;}
.navc .myLogo {float: left;display: block;margin: 25px 0 0 20px;}
.navc .navMaing {float: right;margin: 50px 100px 0 0;}
.navMaing li {float: left;color: #fff;margin-right: 60px;}
.navMaing li a {color: #fff;font-size: 16px;transition: all .3s;display: block;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
.navMaing li a:hover {transform: translateY(-3px);}
.navMaing li a:hover:after {content: "";display: block;width: 60px;height: 2px;background: #fff;position: absolute;}
#nav {display: none;}
#nav ul ul {display: none;width: 100%;top: 108px;position: absolute;left: 0;background: rgba(0, 0, 0, 0.8);color: #fff;z-index: 9999;}
#nav ul ul li {float: left;width: 14.28571428571429%;margin: 0;}
#nav > ul > li ul li a {padding: 2%!important;transition: 0.5s;}
#nav > ul > li ul li a span {display: block;overflow: hidden;}
#nav > ul > li ul li a img {width: 100%;display: block;}
#nav > ul > li ul li a p {line-height: 30px;font-size: 14px;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
#nav > ul > li ul li a:hover {background: #1d2087;}

.nav li div {display:none;width:200px;text-align:center;color:#fff;position:absolute;top:100%;background: linear-gradient(to right, #0a61d5,#0a4ca4); z-index:999999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px!important;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#333;  background:#eb5405!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }


#container {overflow: hidden;position: relative;top: 0;left: 0;right: 0;bottom: 0;}
.topbg {background: url("b1.jpg") no-repeat;position: absolute;width: 100%;height: 100%;display: block;z-index: 8;}
#background_video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 140%!important;width: 130%!important;}
#video_cover {width: 100%;height: 100%;background: url("b1.jpg") no-repeat;background-size: cover;background-position: center;}
#video_controls {left: 50%;transform: translate(-50%, 0);}
#play img {width: 100px;}
#pause img {width: 90px;}
#pause {display: none;}
@media (min-width: 768px) {
#video_controls {display: none;}
}
#container {height: 100%;}
#overlay {position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0.7;filter: alpha(opacity=70);/* 针对 IE8 以及更早的版本 */}
#main_content {z-index: 2;position: relative;display: inline-block;/* Vertical center */top: 50%;transform: translateY(-50%);}
.sypic {position: absolute;top: 0;left: 0;z-index: 9;right: 0;width: 100%;margin: auto;bottom: 0;height: 100%;}
.sypic img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;animation: sss3 1s infinite alternate linear;width: 50.78%;}
/*底部版权*/
#copybox {width: 100%;height: 40px;line-height: 40px;background: rgba(0, 0, 0, 0.589);position: fixed;bottom: 0;z-index: 99999;color: #fff;padding: 0 2%;font-size: 14px;}
#copybox a {color: #fff;}
#copybox span {float: right;}
#copybox img {vertical-align: middle;margin-left: 15px;}
@keyframes sss1 {
  0% {
transform: scaleX(1.1) scaleY(1.1);
}
50% {
transform: scaleX(1) scaleY(1);
}
100% {
transform: scaleX(1.1) scaleY(1.1);
}
}
@keyframes sss {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
.qh_nav {  position: absolute;right: 200px;width: 700px;z-index: 999999999;top: 60px;}
.qh_nav ul {width: 100%;}
.qh_nav li {float: left;width: 12.5%;}
.qh_nav li a {color: #fff;display: block;width: 100%;text-align: center;box-sizing: border-box;position: relative;height: 40px;font-weight: bold;}
.qh_nav li a:hover {color: #1d2087;border-bottom: 2px solid #1d2087;}
.qh_nav li .act {color: #1d2087;border-bottom: 2px solid #1d2087;}
@keyframes bg_moveww {
0% {transform: scale3d(1, 1, 1);}
50% {transform: scale3d(1.1, 1.1, 1.1);}
100% {transform: scale3d(1, 1, 1);}
}
@keyframes bg_move {0% {background-size: 100%;}
25% {background-size: 102%;}
50% {background-size: 104%;}
75% {background-size: 102%;}
100% {background-size: 100%;}
}

.section3{background-image:url(../images/3.jpg);}
.section4{background-image:url(../images/4.jpg);}
.section5{background-image:url(../images/5.jpg);}
.section6{background-image:url(../images/6.jpg);}
.section7{background-image:url(../images/7.jpg);}
.section8{background-image:url(../images/8.jpg);}

.w1300 {width: 1300px;margin: auto;}
.w1200 {width: 1200px;margin: auto;}

.header{position: fixed;top:0;left:0;width:100%;z-index:999;  border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding-bottom:15px;}
.header .auto{padding:0 20px 0 0;}
.header .logo img{padding: 15px 0 0 20px;}
.header ul{margin-left:13%;width:50%;padding-top:27px;}
.header ul li{float: left;width:13.5%;text-align: center; height: 45px;}
.header ul li a{color:#fff;font-size:17px;height: 45px; line-height: 45px; display: block;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.header ul li a.active, .header ul li a:hover{color:#0a61d5;border-radius: 30px;border-bottom: 3px solid #0a61d5;text-shadow: none;}

.header.bg{background-color:rgba(46,57,121,0.95);padding:6px 0;}
.header.bg .logo img{height:50px;margin-top:2px;padding:0px 0 0 20px}
.header.bg ul{padding-top:6px;}
.header.bg .menu_button{width:50px;height:50px;margin:5px 0 0;}
.header.bg .menu_button .nav_button{width:26px;top:24px;}
.header.bg .menu_button .nav_button::after, .header.bg .nav_button::before{width:26px;}
.header.bg .menu_button .nav_button::after{top:11px;}
.header.bg .menu_button .nav_button::before{top:-11px;}
.header.bg .hrt{margin-top: 20px;}

.cut ul li a{color: #000;}
.cut ul li a.active, .cut ul li a:hover{color:#36ab9c;}

.hrt{display:block;float:right;margin-top:40px;margin-right:15px;}
.hrt a{display:block;float:left;padding:0 15px;height:20px;position:relative;}
.hrt a:last-child{border:none;padding-right:0;}
.hrt a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;display:block;width:84px;position:relative;top:-3px;cursor:pointer;}
.ttel {text-align: center;font-family: impact;color: #fff;padding: 0 15px;transition: .5s;line-height: 20px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.ttel img {display: inline-block;border-right: 1px solid rgba(255,255,255,0.4);padding-right: 5px;margin-right: 5px;}






.section_one {background: url(b1.jpg);height: 100%; overflow:hidden}
.section_one .section_one_wz {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;text-align: center;height: 300px;}
.section_one .section_one_wz img {display: block;margin: 0 auto;}
.section_one .section_one_wz b {display: block;text-align: center;font-size: 28px;color: #1e2283;}
.section_one .section_one_wz strong {display: block;text-align: center;border-radius: 30px;width: 340px;margin: 30px auto;padding: 10px 0;background: #1d2087;color: #fff;font-size: 22px;}
.section_one .banner1 {height: 100vh;min-height: 600px;max-height: 1600px;width: 100%;position: relative; overflow:hidden;}
.section_one .bannerbg {width: 100%;height: 100%;display: block;background: rgba(45, 48, 50, 0.25) url(../images/banner_bg.png) repeat;position: absolute;z-index: 2;}
.section_one .banner1 .video_bg {position: absolute;top: 0;width: 100%;left: 0;height: 100%;z-index: 2;}
.section_one .banner1 .video_box {height: 100%;display: block;width: 100%;overflow: hidden;position: relative;}
.section_one .banner1 .video_bg img {display: inline;}
.section_one .vidbacking-active-body-back {position: relative;z-index: 1;width: 120%;height: 120%;top: 0%;left: -10%;overflow: hidden;opacity: 1;transition: 2s opacity;}
.section_one .vidbacking-active-block-back {position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: 4;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.section_one .vidbacking {display: none;}

.section2 {position: relative;}
.section2 .tab {width: 100%;margin: 0 auto;height: 100%;}
.section2 .tab-hd {overflow: hidden;zoom: 1;width: 100%;position: absolute;left: 0;right: 0;margin: auto;z-index: 9;height: 100%;}
.section2 .tab-hd li {float: left;width: 25%;text-align: center;transition: all .3s;height: 100%;box-sizing: border-box;color: #fff;padding-top: 20%;font-size: 14px;background: linear-gradient(rgba(21, 199, 155, 0) 0%, rgba(10, 97, 213, 0.51) 40%); background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom}
.section2 .tab-hd li img {display: block;margin: 0 auto;}
.section2 .tab-hd li b {text-align: center;display: block;font-size: 24px;font-weight: normal; margin-top:15px;}
.section2 .tab-hd li a {color: #fff;height: 40px;line-height: 40px;width: 150px;display: block;margin: 40px auto;border-radius: 20px; background:#0a61d5;}
.section2 .tab-hd li:nth-child(2n) a{ background:#ea5404;}
.section2 .tab-hd li a:hover {background:#ea5404;color: #fff;}
.section2 .tab-hd li:nth-child(2n) a:hover{ background:#0a61d5}
.section2 .tab-hd li.active {background: rgba(255, 255, 255, 0.1);color: #fff;}
.section2 .tab-hd li:hover {transform: translateY(20px);}
.section2 .tab-bd {width: 100%;height: 100%;position: relative;}
.section2 .tab-bd li {display: none;width: 100% !important;height: 100% !important;}
.section2 .tab-bd li:nth-of-type(1) {background: url(../images/2_a.jpg) top center no-repeat;background-size: cover;width: 100% !important;height: 100% !important;}
.section2 .tab-bd li:nth-of-type(2) {background: url(../images/2_b.jpg) top center no-repeat;background-size: cover;width: 100%;height: 100%;}
.section2 .tab-bd li:nth-of-type(3) {background: url(../images/2_c.jpg) top center no-repeat;background-size: cover;width: 100%;height: 100%;}
.section2 .tab-bd li:nth-of-type(4) {background: url(../images/2_d.jpg) top center no-repeat;background-size: cover;width: 100%;height: 100%;}
.section2 .tab-bd li.thisclass {display: list-item;}

.section3{position:relative;}
.section3 .probox{width:100%;position:relative;overflow:hidden;height:100%;}
.section3 .probox h2{ margin:0 auto; display:inline-block; max-width:100%;text-align: center; width:100%; margin-top:8%;}
.al_pic {overflow:hidden;margin:60px auto 20px auto; width:90%;overflow:hidden}
.al_pic li {float:left;margin-right:20px;width:320px; }
.al_pic li a:hover {background:#ea5404;color:#fff;}
.al_pic li a:hover ol {color:#fff;margin-left:30px;}
.al_pic li a:hover ol::before {border-color: #fff;content: "+";font-size: 40px;border: none;width: auto;top: -15px;left: 240px;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%; color:#fff;}
.al_pic li a ol::before {position:absolute;top:15px;right:20px;content:"";border-top:1px solid #ccc;width:80px;height:1px;}
@media (min-width: 1281px) {
/*左右滚动*/
.al_pic, .syal_pic {display: block; }
.al_pic1, .sycp_lb, .syal_pic1 {display: none; } 
}
.pro_more{ width:150px; height:50px; background:#ea5404;border-radius:20px; text-align:center; margin:2% auto 0 auto; line-height:50px;transition: .5s; }
.pro_more:hover{ width:250px; background:#0a61d5;}
.pro_more a{ color:#fff; font-size:17px;}



.section4 {position: relative;background-color: #15c79b;}
.aboutbox{ width:90%; margin:0 auto; position:relative; padding-top:10%;}
.aboutbox .about_l{ width:50%;}
.aboutbox .about_l h2{ font-size:50px; color:#fff; margin-bottom:3%}
.aboutbox .about_l h2 img{ display:block; padding-bottom:10px;}
.aboutbox .about_l p{ color:#fff; font-size:17px; line-height:35px;}
.aboutbox .about_r{ width:45%;}
.aboutbox .about_r img{ width:100%;}

.section5 .newsbox{width: 1350px;margin: 0 auto;}
.section5 .newsbox h2{ text-align:center; padding-top:10%; font-size:45px; color:#fff;}
.section5 .newsbox h2 em{ display:block;font-family: georgia,serif; font-size:60px;text-transform: uppercase;}
.news_cont{ width:1280px; position:relative; overflow:hidden; margin:2% auto; padding:20px 20px;}
.news_cont li{ width:403px; float:left;  height:495px; position:relative; margin:0 14px 0 0; }
.news_cont .xinwen_pic{ width:380px; height:265px; position:absolute; top:9px; left:50%; margin-left:-190px; overflow:hidden;}
.news_cont .xinwen_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_cont .xinwen_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.news_cont .xinwen_text{ width:380px; padding:20px 15px; position:absolute; top:274px; left:11px; background:#f2f2f2;}
.news_cont .xinwen_text .xinwen_date{ font-size:14px; color:#9e9e9e; line-height:33px;}
.news_cont .xinwen_text .xinwen_title a{ font-size:17px; color:#333; line-height:43px;}
.news_cont .xinwen_text .xinwen_title a:hover{ color:#333;}
.news_cont .xinwen_text .xinwen_span{ width:32px; height:2px; background:#c99619}
.news_cont .xinwen_text .xinwen_cont{ width:100%; font-size:14px; line-height:26px; color:#666}


.section6{overflow:hidden;}
.section6 .middle{position:relative;}
.section6 .auto{padding-top:10%;}
.section6 .auto .swiper-container.casebox { width: 100%; padding-top: 50px; padding-bottom: 1.5%; } 
.section6 .auto .swiper-container.casebox .swiper-slide { background-position: center; background-size: cover; width: 600px; height: 455px; border: 10px solid #fff; box-sizing: border-box }
.section6 .auto .swiper-container.casebox .swiper-slide img{width: 100%;}

.section7{overflow:hidden;position:relative;}
.section7 .auto{width:1300px; position:absolute; left:50%; margin-left:-650px; z-index:5; top:20%}
.hz_new{height:120px;width:100%;position:relative; color:#fff;text-transform: uppercase;}
.hz_news_more{width:180px;height:70px;border:1px solid rgba(255,255,255,0.2);line-height:70px;position:absolute;right:-180px;top:0;opacity:0}
.hz_news_more a{display:block;color:#fff;background:url(g1.png) no-repeat 126px center;padding:0 30px;text-align:left;}
.hz_news_more a:hover{background:#159e50 url(g1.png) no-repeat 130px center;}
.hz_new_a{margin-left:200px;opacity:0}
.anewa{transition:all 1s ease;opacity:1;margin-left:0;}
.hz_new_b{margin-left:200px;opacity:0}
.anewb{transition:all 1s ease 0.5s;opacity:1;margin-left:0;}
.hz_new_c{width:0;height:88px;background:#e77d1b;position:absolute;left:0;top:-88px;}
.anewc{width:7px;top:0;transition:all 1s ease 0.5s;}
.anewmore{right:0;transition:all 1s ease 0.5s;opacity:1}
.news_cont_content{width:200px;position:absolute;height:70px;top:50%;left:50%;margin-left:-50px;margin-top:-35px;opacity:0;}
.news_cont_content li{width:32%;margin:0 2% 0 0;height:100%;position:relative;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;list-style:none;}
.news_cont_content li:nth-child(3){margin-right:0}
.new_ut_z_m{color:#fff;padding-left:70px;position:relative;float:right;}
.new_ut_z_m::after,.new_ut_z_m::before{content:"";display:block;overflow:hidden;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:.5s;}
.new_ut_z_m::after{width:60px;height:1px;background:rgba(255,255,255,0.5);}
.new_ut_z_m::before{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,1);}
.new_ut_z_m:hover{color:#ff9a00;}
.new_ut_z_m:hover::before{left:60px;background:#ff9a00;}

.section7 ul{width:100%;margin:40px auto 0;}
.section7 ul li{float:left;width:32.33%;box-sizing:border-box;margin:0 1.5% 0 0;background-color:rgba(255,255,255,.12);position:relative;}
.section7 ul li:nth-of-type(3){margin-right:0;}
.section7 ul li a{position:relative;z-index:1;padding:15% 10%;height: 375px;box-sizing: border-box;}
.section7 ul li .img{overflow:hidden;position: absolute;z-index: -1;height: 0;background: black;left: 0;top: 0;}
.section7 ul li .img img{opacity: .7;height: 100%;width: 100%;}
.new_ut_z_date{height:81px;width:81px;position:absolute;left:25px;top:-25px;background:#15c79b;text-transform:uppercase;font-size:15px;color:#fff;box-sizing:border-box;padding:15px 0 0 10px;z-index:2;line-height:30px;}
.new_ut_z_date strong{display:block;font-size:18px;}
.section7 ul li h4{height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:700;text-align:left;}
.section7 ul li p{font-size:15px;color:#fff;text-align:left; line-height:25px;}
.section7 a.more{width:125px;margin:40px auto 0;height:40px;border-radius:4px;background-color:#159e50;text-align:center;line-height:40px;font-size:16px;color:#fff;}
.section7 a.more:hover{width:150px;}
.section7 ul li i{position:absolute;bottom:0;left:0;width:100%;height:0;z-index:-1;background-color:#159e50;}
.section7 ul li:hover h4,.section7 ul li:hover p,.section7 ul li:hover .new_ut_z_m{color:#fff;}
.section7 ul li:hover .img{height:100%;}
.section8 { position:relative;}
.contact_bg{ width:100%; background:#000; position:absolute; overflow:hidden; height:100%; }
.contact_bg .bannerbg_img{height:100%; width:100%;background: url(../images/bj_bg_new.png)repeat left top;  background-size:100%; position:absolute; z-index:3 }
.contact_bg video{opacity:0.8; position:absolute; z-index:2;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 140%!important;width: 130%!important;}

.contact{ width:80%; position:absolute; left:50%; margin-left:-40%; top:29%; z-index:55;}
.contact .contact_l{ width:30%; position:absolute; left:0; top:0;}
.contact .contact_l h2{ position:absolute; z-index:1; font-size:48px; color:#fff;}
.contact .contact_l h2 i{position:absolute; z-index:2; font-style:normal; width:15vw; top:3rem;}
.contact .contact_l h2 em{ color:#f84d47; font-weight:bold;}
.contact .contact_l h2 span{ position:absolute; z-index:1; font-size:107px; color:rgba(255, 255, 255, 0.1);font-family: impact;text-transform: uppercase;}
.contact .contact_l h3{ color:#fff; position:absolute; z-index:1; top:12rem; font-weight:normal; font-size:20px;}
.contact .contact_l .erweima{ width:310px; position:absolute; z-index:1; top:29vh;}
.contact .contact_l .erweima li{ width:140px; float:left; margin-right:24px;}
.contact .contact_l .erweima li:nth-child(2n){ margin-right:0;}
.contact .contact_l .erweima li em{ text-align:center; color:#fff; display:block; line-height:35px; font-size:15px;color:rgba(255, 255, 255, 0.8); }

.contact .contact_r{ width:70%; height:465px; position:absolute; right:0; top:0;}
.contact .contact_r li{ width:47%; height:214px; float:left; text-align:center; font-size:16px; color:#ffffff;border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); margin:0rem 1rem 1rem 0;}
.contact .contact_r li:nth-child(2n){ margin-right:0;}
.contact .contact_r li img{ display:block; width:75px; margin:50px auto 0 auto; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.contact .contact_r li:hover img{ width:60px;}
.contact .contact_r li strong{ display:block; font-size:28px; color:#ffffff; text-transform:uppercase; line-height:55px;}
.footer {
  width: 100%;
  background: url(088.jpg) no-repeat center top;
  padding: 45px 0 15px 0;
}
.footer .f_contact {
  width: 355px;
  float: left;
  color: #fff;
}
.footer .f_contact h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
}
.footer .f_contact .f_contact_cont {
  padding-top: 20px;
  width: 83%;
}
.footer .f_contact .f_contact_cont h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 35px;
}
.footer .f_contact .f_contact_cont p {
  font-size: 16px;
  line-height: 40px;
  padding-bottom: 20px;
}
.footer .f_contact .f_contact_cont em {
  color: #36ab9c;
}
.footer .f_pro {
  width: 580px;
  border-right: 1px solid #3d439c;
  border-left: 1px solid #3d439c;
  float: left;
  padding: 0 0px 25px 70px;
  color: #fff;
}
.footer .f_pro h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  padding-bottom: 50px;
}
.footer .f_pro ul {
  overflow: hidden;
  padding-bottom: 20px;
}
.footer .f_pro li {
  width: calc(33.33333333%);
  float: left;
  font-size: 18px;
}
.footer .f_pro li em {
  display: block;
  color: #fff;
  padding-bottom: 20px;
}
.footer .f_pro li em:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #36ab9c;
  display: block;
  margin-top: 10px;
}
.footer .f_pro li a {
  color: #fff;
  font-size: 15px;
  line-height: 31px;
}
.footer .f_wx {
  width: 265px;
  float: right;
  color: #fff;
}
.footer .f_wx h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
}
.footer .f_wx ul {
  overflow: hidden;
  padding-top: 30px;
}
.footer .f_wx li {
  width: 101px;
  float: left;
  margin-right: 15px;
}
.footer .f_wx li img {
  width: 100%;
}
.footer .f_wx p {
  margin-top: 9px;
  font-size: 15px;
}
.footer .f_wx p img {
  margin-top: 10px;
  display: block;
}
.end {
  border-top: 1px solid #3d439c;
  height: 80px;
}
.end .end_l {
width: 994px;
color: #fff;
}
.end .end_l img {padding-top: 15px;display: inline-block !important;}
.end .end_l p {font-size: 16px;color: #fff;float: right;}
.end .end_r {padding-top: 23px;}
.ynlx {line-height: 200%;}
.lx_con {overflow: hidden;}
.lx_con li {width: 48%;float: left;border: 1px solid rgba(204, 204, 204, 0.622);padding-left: 3%;box-sizing: border-box;margin-right: 1%;line-height: 200%;height: 400px;padding-top: 40px;}
.lx_con li img {float: left;margin-right: 20px;padding-bottom: 180px;}
.lx_con li strong {font-size: 28px;color: #353992;}
ul.bigpage,ul.bigpage li {width: 100%;min-width: 100%;height: 100%;min-height: 100%;position: absolute;}
ul.bigpage li {  background-position: bottom center;background-size: cover;background-color: #333;opacity: 0;display: block;z-index: 1;}
ul.bigpage div.left {position: absolute;left: 40px;width: 70px;height: 70px;top: 50%;margin-top: -35px;background-size: 70px 70px;cursor: pointer;z-index: 10;opacity: 0.7;}
ul.bigpage div.left:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 20%;margin: auto;width: 27px;height: 27px;border-top: 3px solid #ffffff;border-left: 3px solid #ffffff;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
ul.bigpage div.right {  position: absolute;  right: 40px;  width: 70px;  height: 70px;  top: 50%;  margin-top: -35px;  background-image: url(right.png);  background-size: 70px 70px;  cursor: pointer;  z-index: 10;  opacity: 0.7;}
ul.bigpage div.right:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;width: 27px;height: 27px;border-top: 3px solid #ffffff;border-left: 3px solid #ffffff;left: 0;right: 20%;-webkit-transform: rotateZ(135deg);-moz-transform: otateZ(135deg);-ms-transform: rotateZ(135deg);-o-transform: rotateZ(135deg);transform: rotateZ(135deg);}
ul.bigpage ol {position: absolute;margin-left: -500px;left: 50%;width: 1000px;text-align: center;bottom: 86px;z-index: 10;}
ul.bigpage ol span {display: inline-block;width: 60px;height: 12px;margin: 10px;background: #D9D9D9;cursor: pointer;border-radius: 3px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);opacity: 0.4;}
ul.bigpage ol span div {border-radius: 3px;}
ul.bigpage ol span:hover {box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);}
ul.bigpage ol span div {width: 0%;height: 100%;float: left;background-color: #0951b2;background-image: -webkit-linear-gradient(top, #0951b2, #053372);background-image: linear-gradient(top, #053372, #053372);}
ul.bigpage ol span:first-child div {width: 60px;}
ul.bigpage div.bottom {
  position: absolute;
  z-index: 11;
  bottom: 0px;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 1.2em;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
ul.bigpage div.bottom span {
  padding: 0px 20px;
}
ul.bigpage div.bottom span.mainnav {
  float: right;
}
ul.bigpage div.bottom span a {
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  padding-right: 15px;
}
ul.bigpage .bg1 {
  background-image: url(../images/01.jpg?2022106);
}
ul.bigpage .bg2 {
  background-image: url(../images/02.jpg);
}
ul.bigpage .bg3 {
  background-image: url(../images/03.jpg);
}
@media (min-width: 770px) {
  .fixed_footer {
    display: none;
  }
}
@media (max-width: 769px) {
  .lx_con li {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
  .lx_con li img {
    display: none;
  }
  .fixed_footer {
    height: 50px;
    background: linear-gradient(to right, #36ab9c, #353992);
    position: fixed;
    bottom: 0;
    z-index: 44;
    width: 96%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .fixed_footer a {
    float: left;
    width: 33.33%;
    text-align: center;
  }
  .fixed_footer img {
    display: inline-block;
    height: 24px;
    margin: 5px 0 0;
  }
  .fixed_footer strong {
    color: #fff;
    font-size: 12px;
    display: block;
    height: 20px;
    line-height: 20px;
  }
  .hrt,
  .section2 .Homebanner li.cur .Homebannertext dl.bannerone dt {
    display: none;
  }
  .section2 .Homebannertext .bannerone dd {
    width: 96%;
    float: none !important;
    text-align: center;
  }
  .section2 .Homebannertext .Homebannertext_db img {
    bottom: auto;
    top: 30% !important;
    width: 30% !important;
    height: auto !important;
  }
  .section2 .Homebannertext .bannerone {
    margin-top: 20%;
    padding-top: 0 !important;
  }
  .section3 .tab-hd li {
    width: 50%;
    height: 50%;
  }
  .section4 .slide1 h3 b,
  .section4 .slide2 h3 b,
  .section4 .slide3 h3 b,
  .section4 .slide4 h3 b {
    width: 70%;
    margin: 20px 0;
  }
  .section5 .sygs {
    width: 90%;
    margin: 0 auto;
  }
  .w1300 {
    width: 100%;
  }
  .section5 .sygs ul li span {
    font-size: 1rem;
  }
  .section6 .process-box {
    padding-top: 120px;
  }
  .section6 .process-box ul li .kuang {
    display: none;
  }
  .section6 .process-box ul li {
    width: 38% !important;
    background: #fff;
    height: auto;
    margin-right: 20px;
    margin-left: 40px;
    margin-bottom: 20px;
  }
  .section6 .process-box ul.two {
    margin-left: 0 !important;
  }
  .section6 .process-box ul.two li {
    margin-top: 0;
  }
  .section6 .process-box ul li .text1 img {
    width: 50%;
    margin: 0 auto;
  }
  .section6 .process-box ul li .text1 span {
    bottom: 20px;
  }
  .section6 .process-box ul li .text1 {
    height: 160px;
    width: 100%;
  }
  .section7 .synews ul li {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .section7 .synews ul li a img {
    display: none;
  }
  .section7 video {
    display: none;
  }
  .section7 .synews ul li {
    margin-bottom: 30px;
  }
  .section7 .synews ul {
    padding-top: 28%;
  }
  .section8 .sy_l,
  .section8 .sy_lr {
    width: 86%;
    margin: 0 auto;
    float: none !important;
  }
  .section8 .sy_lr {
    margin-top: 20px;
  }
  .n_nav {
    width: 100% !important;
    bottom: 15% !important;
  }
  .n_nav a {
    width: 20% !important;
    margin-top: 20px;
  }
  #nyba {
    height: 500px !important;
  }
  .fade_text {
    margin-top: 131px !important;
  }
  .footer,
  #copybox {
    display: none;
  }
  .wap_son a {
    width: 47.33% !important;
    border-radius: 15px;
  }
  .product_list_one .item,
  .product_list_two .item,
  .product_list_three .item {
    width: 48.3% !important;
  }
  .product_list_one .item strong {
    text-align: center;
  }
  #nyba1 {
    height: 300px !important;
  }
  .wap_son a {
    background: linear-gradient(to right, #b240ed, #3f9bf6);
  }
  #nyba1 {
    background-position: center;
  }
  ul.bigpage .bg1 {
    background-image: url(xb1.jpg) !important;
  }
  ul.bigpage .bg2 {
    background-image: url(xb2.jpg) !important;
  }
  ul.bigpage .bg3 {
    background-image: url(xb3.jpg) !important;
  }
  ul.bigpage ol span {
    width: 23px !important;
    margin: 3px !important;
  }
  ul.bigpage ol {
    bottom: 60px !important;
  }
}
@media (max-width: 415px) {
  .section2 .Homebannertext .bannerone dd h3 {
    font-size: 1rem;
  }
  .section2 .Homebannertext .bannerone dd h3 em {
    font-size: 0.8rem;
  }
  .section2 .Homebannertext .bannerone dd h4 {
    font-size: 0.6rem;
  }
  .section5 .sygs img {
    width: 80%;
  }
  .section5 .sygswz p:nth-of-type(3),
  .section5 .sygswz p:nth-of-type(4),
  .section5 .sygswz p:nth-of-type(2) {
    display: none;
  }
  .section5 ul {
    display: none;
  }
  .section5 a {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
  .section6 .process-box ul li {
    margin-right: 5px;
    margin-left: 15px;
    margin-bottom: 7px;
  }
  .section6 .process-box ul li .text1 {
    height: 122px;
  }
  .section7 .synews ul li a span {
    display: none;
  }
  .section7 .synews ul li {
    border-bottom: 1px solid rgba(204, 204, 204, 0.418);
    padding-bottom: 20px;
  }
  .section8 h1,
  .section8 .gwz,
  .section8 .sy_lr img,
  .section8 .sy_l img,
  .section8 .sy_lr::before,
  .section8 .sy_l::before {
    display: none;
  }
  .section8 .sy_l {
    margin-top: 124px;
  }
  #copybox {
    display: none;
  }
  .section3 .tab-hd li b {
    font-size: 1rem;
  }
  .product_list_two .item .info {
    padding: 0;
    min-height: 50px !important;
    line-height: 50px;
    text-align: center;
  }
  .product_list_two .item .info strong,
  .product_list_three .item .info strong {
    padding: 0 !important;
  }
  .product_list_two .item .info {
    padding: 0 !important;
  }
  .product_list_two .item .info strong,
  .product_list_three .item .info strong {
    font-size: 0.6rem !important;
  }
  .wap_son a {
    font-size: 0.8rem;
  }
  .product_list_one .item strong {
    font-size: 0.6rem !important;
    width: 100% !important;
  }
  .product_list_one .item .info {
    padding: 10px 0 !important;
  }
  .header .logo img {
    margin: 0;
  }
  .header .logo img {
    padding: 0px 0 0 12px !important;
  }
  .section3 .tab-hd li a {
    margin: 5px auto;
    font-size: 0.6rem;
  }
  .section4 .slide1 h3,
  .section4 .slide2 h3,
  .section4 .slide3 h3,
  .section4 .slide4 h3 {
    font-size: 1rem;
  }
  .section4 .slide1 h3 em,
  .section4 .slide2 h3 em,
  .section4 .slide3 h3 em,
  .section4 .slide4 h3 em {
    font-size: 0.8rem;
  }
  .section4 .slide1 h3 b,
  .section4 .slide2 h3 b,
  .section4 .slide3 h3 b,
  .section4 .slide4 h3 b {
    width: 60%;
  }
  .section4 .slide1 .s0,
  .section4 .slide2 .s0,
  .section4 .slide3 .s0,
  .section4 .slide4 .s0 {
    left: 8%;
  }
  .section4 .arrow-right,
  .section4 .arrow-left {
    display: none;
  }
  .section4 .slide1 h3 img,
  .section4 .slide2 h3 img,
  .section4 .slide3 h3 img,
  .section4 .slide4 h3 img {
    width: 80%;
  }
  .section5 .sygs {
    padding-top: 120px;
  }
  .section6 .process-box {
    padding-top: 83px;
  }
  #nyba {
    height: 443px !important;
  }
  .n_nav a {
    font-size: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .info_big_box .info_1 .dh:nth-of-type(3),
  .info_big_box .share,
  .info_big_box .info_3 {
    display: none;
  }
  .article_content img {
    width: 100%;
  }
  .article_content,
  #list .right_side.fr {
    padding-bottom: 50px;
  }
  ul.bigpage .bg1 {
    background-image: url(xbb1.jpg) !important;
  }
  ul.bigpage .bg2 {
    background-image: url(xbb2.jpg) !important;
  }
  ul.bigpage .bg3 {
    background-image: url(xbb3.jpg) !important;
  }
  ul.bigpage div.right,
  ul.bigpage div.left {
    display: none;
  }
  .section_one .banner1 #container {
    display: none !important;
  }
}
@media (max-width: 376px) {
  .section2 .Homebannertext .bannerone dd h3 {
    font-size: 1rem;
  }
  .section2 .Homebannertext .bannerone dd h3 em {
    font-size: 0.8rem;
    margin: 0;
  }
  .section2 .Homebannertext .bannerone dd h4 {
    font-size: 0.6rem;
  }
}
@media (max-width: 321px) {
  .section2 .Homebannertext .bannerone {
    margin-top: 27%;
  }
  .section3 .tab-hd li a {
    width: 60%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
  }
  .section3 .tab-hd li img {
    width: 40%;
  }
  .section4 .slide1 h3 a,
  .section4 .slide2 h3 a,
  .section4 .slide3 h3 a,
  .section4 .slide4 h3 a {
    font-size: 0.6rem;
  }
  .section5 .sygs img {
    margin: 0 auto 20px auto;
  }
  .section5 .sygs .sygswz {
    line-height: 160%;
  }
  .section5 a {
    margin-top: 9px;
  }
  .section6 .process-box ul li .text1 {
    height: 96px;
  }
  .section7 .synews ul {
    margin-top: 0%;
  }
  .section7 .synews ul li:nth-of-type(3) {
    display: none;
  }
  .section8 .sy_l {
    margin-top: 38px;
  }
}
@media (max-width: 1440px) {
  .section2 .Homebannertext .bannerone dt {
    width: 420px;
  }
}