@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic","arial"; color:#555;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family:"arial", "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#555; text-decoration:none !important; }
a:hover{text-decoration:none;}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}






.h95{width: 100%;height:95px;}





.header{position: fixed;width: 100%;left: 0; top: 0;z-index: 100;z-index: 100;transition: .5s;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.headerbox{width: 1700px;margin:0 auto;max-width: 94%;display: flex;justify-content: space-between;align-items: center;height: 95px;}
.header_right{text-align: right;}
.header_right h2 img{display: inline-block;vertical-align: middle;height: 15px; margin-right: 5px;}
.header_right h2{color: #666; margin-bottom: 15px;font-size: 12px;}
.header_right h2 span{padding-left: 10px;}
.yznr{display: flex;justify-content:flex-end;}
.xzyz {position: relative;width: 125px;height: 35px;}
.xzyz p{font-size: 14px;color: #666; line-height: 35px;background: url(../images/a10.png) no-repeat right center;cursor: pointer; padding-right: 22px;}
.xzyz p img{display: inline-block;vertical-align: middle; width: 28px;height: 28px;margin: -3px 5px 0 0;}
.xzyz ul{width: 100%; top: 34px; position: absolute; left: 0; text-align: center; background: #fff;border-radius: 4px;display: none;}
.xzyz li img{display: inline-block; margin: 0 5px 0 0; width: 20px;height: 20px;border-radius: 50%;vertical-align: middle;}
.xzyz li a{line-height: 32px; font-size: 12px;color: #666;display: block; padding: 0 10px;}
.xzyz li a:hover{background: #36cb32;color: #fff;}
.xzyz:hover ul{display: block;}
.fxnr {padding-top: 3px;}
.fxnr li{display: inline-block; padding-left: 12px;}
.fxnr li img{display: inline-block;vertical-align: middle; width: 28px;height: 28px;transition: .5s;}
.fxnr li a:hover img{opacity: .6;}
.logo{width: 203px; }
.logo img{width: 100%;}
.c1{display: block;}
.c2{display: none;}
.nav {float: left; }
.nav ul{display: flex;justify-content: space-between;}
.nav li{ position: relative; padding: 0 15px;}
.nav h3 a{font-size: 18px;color: #111;display:inline-block;  line-height:95px;    font-family: "DINPro", sans-serif;}
.nav li.cur b{transform: rotate(180deg);}
.nav h3 b{display: inline-block;background: url(../images/a10.png);width: 18px;height: 18px;background-size: 100%; vertical-align: middle; margin: -3px 0 0 3px;transition: .5s;}
.nav li.cur h3 a{background: url(../images/a_06.png) no-repeat left 32px;}
.nav h3 a:hover{background: url(../images/a_06.png) no-repeat left 32px;}
.sub{position: absolute; width:280px; left: 0; top: 95px; padding:10px 10px 10px 10px;  background: rgba(255,255,255,.9);display: none; box-shadow:0px 2px 5px rgba(0,0,0,.1);}
.sub dt{line-height: 40px; font-size: 14px;}
.sub dt a{color: #333;display: block; text-align: left; transition: .5s;   font-family: "Century Gothic Normal", "Century Gothic", sans-serif;  padding:0px 20px 0px 20px;}
.sub dt a:hover{background: #35bc7a;color: #fff;}

.ssqj{width: 180px;display: flex;justify-content: space-between;align-items: center;}
.btn1{width: 128px; line-height: 34px; font-size: 16px;color: #fff; border-radius: 6px; background: #e5ac35;text-align: center;transition: .5s;}
.btn1 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;transition: .5s;}
.btn1:hover{background: #c3880e;}
.btn2{background: url(../images/a_11.png);width: 21px;height: 21px;display: block; cursor: pointer;background-size: 100% 100%;}

.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet{opacity: 1; background:#d2d2d2;width: 10px;height:10px;}
.banner .swiper-pagination-bullet-active{background: #35bc7a;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 24px;}
.banner .swiper-button-next{color: #fff;transition: .5s; margin: 0;top: auto; right: calc(50% - 100px);bottom: 25px;outline:none;}
.banner .swiper-button-next:hover{color: #35bc7a;}
.banner .swiper-button-prev{color: #fff;transition: .5s; margin: 0;top: auto; left: calc(50% - 100px);bottom: 25px;outline:none;}
.banner .swiper-button-prev:hover{color: #35bc7a;}

.what{width: 1720px;margin: 0 auto;max-width: 94%;padding-bottom: 60px;}
.what_title{text-align: center; padding: 80px 0 35px;}
.what_title h2{font-size: 42px; color: #2E2E2E; font-weight: 700; margin-bottom: 30px;font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif; }
.what_title p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: #303030;line-height: 1.5;}
.what_nr ul{display: flex;justify-content: space-between;gap:20px;}
.whatbox{position: relative;height: 540px;padding: 0 20px  40px 0; }
.whatbox img{width: 100%; object-fit: cover;}
.twat_text{position: absolute; bottom: 0; right: 0; background: #fff;width: calc(100% - 60px); padding: 50px 20px 20px 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.whatbox h2{font-weight: 700; font-style: normal; font-size: 20px;color: #303030;font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;margin-bottom: 20px;}
.whatbox p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 16px;color: #7D7D7D; line-height: 25px;}
.whatbox a{display: block; margin-top: 70px; border-top: 1px solid #cfcfcf; padding-top: 11px;font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400; font-style: normal; font-size: 16px;color: #737373;line-height: 50px; overflow: hidden;}
.whatbox a b{width: 50px;height: 50px;text-align: center; line-height: 50px;font-size: 24px;color: #fff;background: #36cb32;float: right;font-weight: 700;}
.what_nr .mySwiper{padding-bottom: 80px;}
.what_nr .swiper-pagination:before{position: absolute; content: "";border-bottom: 1px solid #e6e6e6;width: 400px;left:50%; top:50%; transform:translate(-50%,-50%);}
.what_nr .swiper-pagination-bullet{border-radius: 0;width: 15px;height: 15px;background: #f0f0f0; opacity: 1;position: relative;z-index: 10;}
.what_nr .swiper-pagination-bullet-active{background: #ecaf31;}

.bj1{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;}
.flnr{width: 1570px;margin: 0 auto;max-width: 94%;text-align: center; padding: 50px 0;}
.flnr ul{display:flex;justify-content: space-between;gap:210px;}
.flnrbox img{margin: 0 auto;}
.flnrbox h2{    font-family: "DIN Alternate Bold", "DIN Alternate", sans-serif;font-weight: 700; font-style: normal; font-size: 48px;color: #FFFFFF; margin: 30px 0 40px;}
.flnrbox h3{font-weight: 700;font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-style: normal;font-size: 20px; color: #FFFFFF; margin-bottom: 25px;}
.flnrbox p{font-weight: 400;font-style: normal;font-size: 16px; color: #FFFFFF;  line-height: 25px; opacity: .6;}

.about{padding: 90px 0 100px;width: 1700px; margin: 0 auto;max-width: 94%;display: flex;justify-content: space-between;}
.about_tp{width:655px;}
.about_tp h3{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 700; font-style: normal; font-size: 20px; color: #268CD9;}
.about_tp h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;font-style: normal; font-size: 42px;color: #2E2E2E; margin: 20px 0  40px;}
.about_tp p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400;font-style: normal; font-size: 18px; color: #646464; line-height: 30px;}

.about_tt{position: relative; padding-top: 40px;}
.about_tt img{width: 100%;}
.about_tt a{display: block; position: absolute; display: flex;justify-content: space-between; background: #36cb32;width: 237px; bottom: 20px;right: -22px;transition: .5s;}
.about_tt a b{font-weight: bold; width: 50px;height: 50px;text-align: center; line-height: 50px;font-size: 24px; color: #36cb32;background: #fff;display: block;}
.about_tt a span{width: calc(100% - 50px);text-align: center; line-height: 50px;color: #fff;font-family: "Montserrat", sans-serif;font-weight: 400;font-style: normal; font-size: 16px;}
.about_text{width: calc(100% - 655px); padding-left: 190px;}
.about_text img{width: 100%; margin: 0 0 40px;}
.about_text p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400; font-style: normal; font-size: 18px; color: #646464; line-height: 30px;}

.serw{display: flex;justify-content: space-between;align-items: center;background: #f9f9f9;}
.serw_left{width: 50%;}
.serw_left img{width: 100%;}
.serw_right{width: 50%; padding:0 100px 0 85px ;}
.serw_right h3{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;  font-style: normal; font-size: 20px; color: #198EE2;}
.serw_right h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;font-style: normal;font-size: 42px; color: #1F1F1F; padding: 20px 0 30px;}
.serw_right p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400;  font-style: normal; font-size: 18px; color: #1F1F1F; line-height: 30px;}
.serw_right ul{padding-top: 30px;}
.serw_right li{ padding-bottom: 10px;}
.serw_right span{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 16px;  color: #1F1F1F; text-align: left;display: block;background: #eaf1f5; padding: 15px 20px; line-height: 1.5;}
 .serw_right span img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}   
 
.oura{width: 1700px;max-width: 94%; margin: 0 auto; padding-bottom: 65px;}   
.oura_nr ul{display: flex;justify-content: space-between; gap:35px;}   
.oura_nr .swiper-slide { padding: 10px 0 20px;}
.ourabox{ box-shadow:0 0 10px rgba(0, 0, 0, .1); }    
.oura_tp{position: relative;height: 335px;}   
.oura_tp img{width: 100%;height: 100%; object-fit: cover;}  
.rqnr{text-align: center; position: absolute;width: 82px;height: 82px;background: #268cd9; padding-top: 15px;right: 38px;bottom: -25px;}   
.rqnr h2{font-family: "DINPro Bold", "DINPro", sans-serif;font-weight: 700; color: #fff;font-size: 28px;}  
.rqnr p{ color: #fff;font-size: 14px;margin-top: 5px;}  
.ouratext{padding: 40px  40px 70px 40px; position: relative;}
.ouratext h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700; font-style: normal;font-size: 20px; line-height: 25px;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 20px;}
.ouratext p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400;font-style: normal; font-size: 15px; color: #6A6A6A; line-height: 24px;height: 48px;}
.ouratext a{position: absolute; width: 268px;height: 50px; right:38px; background: #268cd9;display: flex;justify-content: space-between;align-items: center; bottom: -15px;color: #fff;}
.ouratext a b{width: 50px;height: 50px;text-align: center; font-size: 24px;font-weight: bold; color: #fff;background: #36cb32;line-height: 50px;}
.ouratext a span{width: calc(100% - 50px); font-size: 16px;color: #fff;text-align: center;}

.bj2{background: url(../images/a11.jpg) no-repeat center center;background-size: cover;}
.wzgg{width: 1560px;margin: 0 auto;max-width: 94%; padding:70px 0 50px ;text-align: right; overflow:hidden;}
.wzgg h3{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 24px; color: #FFFFFF;}
.wzgg h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 700; font-style: normal;font-size: 36px;color: #FFFFFF; margin: 20px 0;}
.wzgg p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400;display: inline-block;font-style: normal; font-size: 18px; color: #FFFFFF; text-align: right; line-height: 20px;width: 500px;max-width: 100%;}

.footbox{width: 1700px;margin: 0 auto;max-width: 94%; padding: 60px 0 45px;display: flex;justify-content: space-between;}
.foot_a{width: 330px;}
.foot_a b img{margin-bottom: 20px;}
.foot_a p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 15px;color: rgba(63, 63, 63, 0.9921568627450981);line-height: 30px;}
.foot_a li{display: inline-block; padding-right: 10px;}
.foot_a ul{padding-top: 20px;}
.foot_a li img{transition: .5s;width: 35px;}
.foot_a li:hover img{opacity: .6;}

.foot_b{width: calc(100% - 930px);}
.foot_b ul{display: flex;justify-content: space-between;}
.foot_b h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;font-style: normal;  font-size: 16px; color: rgba(36, 36, 36, 0.9921568627450981); margin-bottom: 18px;}
.foot_b li a{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 15px;color: rgba(63, 63, 63, 0.9921568627450981);line-height: 30px;transition: .5s;}
.foot_b li a:hover{color: #35bc7a;}
.foot_c{width: 400px;}
.foot_c li{padding-bottom: 6px;}
.wby1{width: 100%;height: 32px;border: 1px solid #e7e7e7; padding: 0 12px; line-height: 30px;box-shadow: inset 0 0 10px #ddd;}
.wby2{width: 100%;height: 90px;border: 1px solid #e7e7e7; padding:12px;box-shadow: inset 0 0 10px #ddd;}
.foot_c h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700; font-style: normal;font-size: 16px;color: rgba(52, 52, 52, 0.6039215686274509); margin-bottom: 20px;}
.btn3{width: 100%;height: 34px;color: #fff;background: #35bc7a;border: none;cursor: pointer;transition: .5s;font-size: 14px; font-weight: 700;}
.btn3:hover{background: #12a25b;}
.bqxxqk{border-top: 1px solid #d9d9d9; padding: 25px 0;}
.bqxxbox{width: 1700px;margin: 0 auto;max-width: 94%; line-height: 1.6;display: flex;justify-content: space-between;}
.bqxxbox p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400;font-style: normal;font-size: 14px;  color: rgba(52, 52, 52, 0.6039215686274509);}
.bqxxbox ul li{display: inline-block;font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 14px;color: rgba(52, 52, 52, 0.6039215686274509); text-align: right;}
.bqxxbox ul li a{color: rgba(52, 52, 52, 0.6039215686274509); transition: .5s;}    
.bqxxbox ul li a:hover{color: #35bc7a;}  
.bqxxbox ul li span{padding: 0 10px;}    

@media only screen and (min-width: 1001px) and (max-width: 1680px) {

.headerbox{width: 101.1vw;height: 5.654vw;}

.header_right p img{height: 0.892vw; margin-right: 0.297vw;}
.header_right p span{padding-left: 0.595vw;}
.yznr{justify-content:flex-end;}
.xzyz {width: 7.440vw;height: 2.083vw;}
.xzyz p{font-size: 0.833vw;line-height: 1.822vw;}
.xzyz p img{ width: 1.666vw;height: 1.666vw;margin: -0.178vw 0.297vw 0 0;}
.xzyz ul{ top: 2.023vw; border-radius: 0.238vw;}
.xzyz li img{ margin: 0 0.297vw 0 0; width: 1.190vw;height: 1.190vw;}
.xzyz li a{line-height: 1.904vw; font-size: 0.714vw;}

.fxnr li{ padding-left: 0.714vw;}
.fxnr li img{ width: 1.666vw;height: 1.666vw;}

.logo{width: 12.08vw; }

.nav ul{justify-content: space-between;}
.nav li{  padding: 0 0.892vw;}
.nav h3 a{font-size: 1.071vw;}
.nav h3 b{background: url(../images/a10.png);width: 1.071vw;height: 1.071vw;background-size: 100%;  margin: -0.178vw 0 0 0.178vw;transition: .5s;}
.nav li.cur h3 a{background: url(../images/a_06.png) no-repeat left 1.904vw;}
.nav h3 a:hover{background: url(../images/a_06.png) no-repeat left 1.904vw;}
.sub{  left: 0; top: 5.654vw; width:100%; background: rgba(255,255,255,.9);}
.sub dt{line-height: 2.380vw; font-size: 0.833vw;}
.sub dt a:hover{background: #35bc7a;}
.ssqj{width: 10.71vw;justify-content: space-between;align-items: center;}
.btn1{width: 7.619vw; line-height: 2.023vw; font-size: 0.952vw;}
.btn1 img{ margin: -0.178vw 0.595vw 0 0;transition: .5s;}
.btn1:hover{background: #c3880e;}
.btn2{background: url(../images/a_11.png);width: 1.25vw;height: 1.25vw; background-size: 100% 100%;}

.banner .swiper-pagination{bottom: 2.380vw;}
.banner .swiper-pagination-bullet{opacity: 1; background:#d2d2d2;width: 0.595vw;height:0.595vw;}
.banner .swiper-pagination-bullet-active{background: #35bc7a;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 1.428vw;}
.banner .swiper-button-next{bottom: 1.302vw;}
.banner .swiper-button-next{bottom: 1.302vw;}
.what{width: 102.3vw;margin: 0 auto;max-padding-bottom: 3.571vw;}
.what_title{ padding: 4.761vw 0 2.083vw;}
.what_title h2{font-size: 2.5vw;  margin-bottom: 1.562vw; }
.what_title p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 1.071vw; }
.what_nr ul{justify-content: space-between;gap:1.190vw;}
.whatbox{height: 32.14vw;padding: 0 1.190vw  2.380vw 0; }
.whatbox img{ object-fit: cover;}
.twat_text{ bottom: 0; right: 0; background: #fff;width: calc(100% - 3.571vw); padding: 2.976vw 1.190vw 1.190vw 1.190vw;box-shadow:0 0 0.595vw rgba(0, 0, 0, .1); }
.whatbox h2{ font-size: 1.190vw;margin-bottom: 1.041vw;}
.flnrbox img{height: 3.333vw;}
.whatbox p{  font-size: 0.952vw;}
.whatbox a{ margin-top: 4.166vw;  padding-top: 0.654vw; font-size: 0.952vw; }
.whatbox a b{width: 2.976vw;height: 2.976vw; line-height: 2.976vw;font-size: 1.428vw;}
.what_nr .mySwiper{padding-bottom: 4.761vw;}
.what_nr .swiper-pagination:before{ content: "";border-bottom: 1px solid #e6e6e6;width: 23.80vw; top:50%; transform:translate(-50%,-50%);}
.what_nr .swiper-pagination-bullet{border-radius: 0;width: 0.892vw;height: 0.892vw;background: #f0f0f0; opacity: 1;}
.what_nr .swiper-pagination-bullet-active{background: #ecaf31;}
.bj1{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;}
.flnr{width: 93.45vw;margin: 0 auto;max- padding: 2.976vw 0;}
.flnr ul{justify-content: space-between;gap:12.5vw;}
.flnrbox img{margin: 0 auto;}
.flnrbox h2{ margin: 1.562vw 0 2.083vw;font-size: 2.857vw;}
.flnrbox h3{font-size: 1.190vw;margin-bottom: 1.302vw; }
.flnrbox p{font-size: 0.952vw;line-height: 1.302vw; }
.about{padding: 5.357vw 0 5.952vw;width: 101.1vw; margin: 0 auto;max-justify-content: space-between;}
.about_tp{width:38.98vw;}
.about_tp h3{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 700; font-style: normal; font-size: 1.190vw; }
.about_tp h2{ margin: 1.041vw 0 2.083vw; font-size: 2.5vw;}
.about_tp p{ line-height: 1.562vw; font-size: 1.071vw; }
.about_tt{ padding-top: 2.380vw;}
.about_tt img{}
.about_tt a{  justify-content: space-between; background: #36cb32;width: 14.10vw; bottom: 1.190vw;right: -1.309vw;transition: .5s;}
.about_tt a b{font-weight: bold; width: 2.976vw;height: 2.976vw; line-height: 2.976vw;font-size: 1.428vw; }
.about_tt a span{width: calc(100% - 2.976vw); line-height: 2.976vw;}
.about_text{width: calc(100% - 38.98vw); padding-left: 11.30vw;}
.about_text img{ margin: 0 0 2.380vw;}
.about_text p{line-height: 1.562vw; font-size: 1.071vw; }
.serw{justify-content: space-between;align-items: center;background: #f9f9f9;}
.serw_left{}
.serw_left img{}
.serw_right{ padding:0 5.952vw 0 5.059vw ;}
.serw_right h3{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;  font-style: normal; font-size: 1.190vw; }
.serw_right h2{padding: 1.041vw 0 1.562vw;font-size: 2.5vw; }
.serw_right p{line-height: 1.562vw; font-size: 1.071vw; }
.serw_right ul{padding-top: 1.785vw;}
.serw_right li{ padding-bottom: 0.595vw;}
.serw_right span{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 0.952vw;  }
 .serw_right span img{ margin: -0.178vw 0.595vw 0 0;}   
.oura{width: 101.1vw;max- margin: 0 auto; padding-bottom: 3.869vw;}   
.oura_nr ul{justify-content: space-between; gap:2.083vw;}    
.ourabox{ box-shadow:0 0 0.595vw rgba(0, 0, 0, .1); }    
.oura_tp{height: 19.94vw;}   
.oura_tp img{ object-fit: cover;}  
.rqnr{ width: 4.880vw;height: 4.880vw;background: #268cd9; padding-top: 0.892vw;right: 2.261vw;bottom: -1.488vw;}   
.rqnr h2{font-family: "DINPro Bold", "DINPro", sans-serif;font-weight: 700; }  
.rqnr p{ }  
.ouratext{padding: 2.380vw  2.380vw 4.166vw 2.380vw; }
.ouratext h2{font-size: 1.190vw; line-height: 1.488vw;height: 4.464vw;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ouratext p{font-size: 0.892vw; line-height: 1.25vw;height: 2.5vw;}
.ouratext a{ width: 15.95vw;height: 2.976vw; right:2.261vw; background: #268cd9;justify-content: space-between;align-items: center; bottom: -0.892vw;}
.ouratext a b{width: 2.976vw;height: 2.976vw; font-size: 1.428vw;font-weight: bold; }
.ouratext a span{width: calc(100% - 2.976vw); font-size: 0.952vw;}
.bj2{background: url(../images/a11.jpg) no-repeat center center;background-size: cover;}
.wzgg{width: 92.85vw;margin: 0 auto;max- padding:4.166vw 0 2.976vw ;}
.wzgg h3{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 1.428vw; }
.wzgg h2{margin: 1.041vw 0;font-size: 2.142vw;}
.wzgg p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 400;font-style: normal; font-size: 1.071vw; }
.footbox{width: 101.1vw;margin: 0 auto;max- padding: 3.571vw 0 2.678vw;justify-content: space-between;}
.foot_a{width: 19.64vw;}
.foot_a b img{margin-bottom: 1.190vw;}
.foot_a p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 0.892vw;}
.foot_a li{ padding-right: 0.595vw;}
.foot_a ul{padding-top: 1.190vw;}
.foot_a li img{transition: .5s;width: 2.083vw;}
.foot_a li:hover img{opacity: .6;}
.foot_b{width: calc(100% - 55.35vw);}
.foot_b ul{justify-content: space-between;}
.foot_b h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700;font-style: normal;  font-size: 0.952vw; }
.foot_b li a{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 0.892vw;}
.foot_b li a:hover{}
.foot_c{width: 23.80vw;}
.foot_c li{padding-bottom: 0.357vw;}
.wby1{height: 1.904vw;border: 1px solid #e7e7e7; padding: 0 0.714vw; line-height: 1.785vw;box-shadow: inset 0 0 0.595vw #ddd;}
.wby2{height: 5.357vw;border: 1px solid #e7e7e7; padding:0.714vw;box-shadow: inset 0 0 0.595vw #ddd;}
.foot_c h2{font-family: "Century Gothic Negreta", "Century Gothic Normal", "Century Gothic", sans-serif;font-weight: 700; font-style: normal;font-size: 0.952vw;}
.btn3{height: 2.023vw;}
.btn3:hover{background: #12a25b;}
.bqxxqk{border-top: 1px solid #d9d9d9; padding: 1.488vw 0;}
.bqxxbox{width: 101.1vw;margin: 0 auto;max- line-height: 1.6;justify-content: space-between;}
.bqxxbox p{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400;font-style: normal;font-size: 0.833vw;  }
.bqxxbox ul li{font-family: "Century Gothic Normal", "Century Gothic", sans-serif; font-weight: 400; font-style: normal; font-size: 0.833vw; }
.bqxxbox ul li a{}    
.bqxxbox ul li a:hover{}  
.bqxxbox ul li span{padding: 0 0.595vw;}    
}    
    
    
    
@media(max-width:1200px){
.header_right h2{display: none;}
.fxnr{display: none;}
.dhbtn{position: absolute;width: 30px;height: 30px; right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/d1.png) no-repeat center center #00a75f;background-size: 20px 20px;border-radius: 4px;}
.header{height: 60px;background: #fff;z-index: 100;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #00a75f;background-size: 20px 20px;}
.headerbox{display: block;max-width: 100%;}
.logo{position: absolute;left: 15px; top: 50%;transform: translateY(-50%);width: 110px;}
.yznr{position: absolute; right: 60px;top: 50%;transform: translateY(-50%);}
.ssqj{position: absolute;right: 60px;top:15px;height: 30px;width: 110px;}
.btn1{width: 80px;height: 30px;font-size: 12px;line-height: 30px;}
.btn1 img{width: 12px;margin-right: 2px;}
.btn2{background: url(../images/a_11a.png);background-size: 100% 100%;}
.h60{height: 60px;}
.nav{width: 80%; height:calc(100vh - 60px); top: 60px;left: -80%; background: #fff;position: fixed;z-index: 100;}
.nav ul{display: block;}
.nav{padding: 0;}
.nav h3{position: relative;}
.nav h3 b{position: absolute; width: 50px;height: 50px; top: 0; right: 0;    background: url(../images/a10.png) no-repeat center center;background-size: 15px 15px;}
.nav h3 a{color: #333;font-size: 16px;line-height: 50px;padding: 0 15px;}
.nav b{position: absolute; right: 0; width: 50px;height: 50px;top: 0;background: url(../images/a_50.png) no-repeat center center;}
.nav li{display: block; width: 100%; border-bottom: 1px solid #eee; padding: 0;}
.dhbj{position: fixed;z-index: 10;width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,0,0,.7);display: none;}
.nav li.cur h3 a{background: url(../images/a_06.png) no-repeat left 10px;}
.sub{position: static;background: #f1f1f1;  width:100%;} 
.sub dt a{text-align: left; padding-left: 30px;}
.h95{height: 60px;}

.banner .swiper-pagination{bottom: 15px;}
.banner .swiper-button-next{bottom: 0;}
.banner .swiper-button-prev{bottom: 0;}

.what_title{padding: 50px 0 30px;}
.what_title h2{font-size: 24px;margin-bottom: 10px;}
.what_title p{font-size: 14px;line-height: 1.5;}
.whatbox{height: auto;}
.twat_text{position: static;width: 100%; padding: 15px;}
.whatbox{padding: 0;}
.whatbox a{margin-top: 15px;}
.flnr ul{display: block;}
.flnr li{padding: 15px 0;}
.flnrbox h2{font-size: 28px ;margin: 15px 0;}
.flnrbox h3{font-size: 18px;}
.about{display: block; padding: 50px 0;}
.about_tp{width: 100%;}
.about_tp h2{font-size: 24px;margin: 15px 0 20px;}
.about_tt a{right: 15px;}
.about_text{width: 100%; padding: 20px 0 0 0;}
.about_tp p,.about_text p{font-size: 16px; line-height: 1.5;}
.serw{display: block; padding: 40px 3%;}
.serw_left{width: 100%;}
.serw_right{width: 100%; padding: 20px 0 0 0;}
.serw_right h2{font-size: 24px;margin: 10px 0 20px;}
.serw_right p{font-size: 16px; line-height: 1.5;}
.serw_right span{font-size: 14px;}
.serw_right span img{width: 15px;}
.oura_nr ul{display: block;}
.oura_nr li {padding-bottom: 40px;}
.ouratext{padding: 15px 15px 50px 15px;}
.rqnr{right: 10px;}
.wzgg{text-align: center;}
.wzgg p{text-align: center; font-size: 14px;}
.wzgg h2{font-size: 24px;}

.footbox{padding: 30px 0;display: block;}
.foot_a{width: 100%;text-align: center; padding-bottom: 15px;}
.foot_a img{margin: 0 auto;}
.foot_b{display: none;}
.foot_c{width: 100%;}
.bqxxbox{display: block;text-align: center;}
.oura_tp{height: auto;}




}
@media(max-width:480px){


}