@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", color:#898989;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: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; 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;}

.header{  position: absolute;width: 100%;left: 0; top: 0;z-index: 100;z-index: 100;transition: .5s; background: none;  }
 

.headerbox{width: 1410px;margin:0 auto;max-width: 94%;display: flex;justify-content: space-between;align-items: center;height: 100px;}

.logo{width: 151px; }
.logo img{width: 100%;}
.header_right{display: flex;justify-content: space-between;align-items: center;}
.xzyz {position: relative;width: 140px;height: 35px;}
.xzyz p{font-size: 20px;color: #000000; 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: 20px;height: 20px;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: 40px; font-size: 16px;color: #666;display: block; padding: 0 10px;}
.xzyz li a:hover{background: #2266d8;color: #fff;}
.xzyz:hover ul{display: block;}

.nav ul{display: flex;justify-content: space-between;}
.nav li{ position: relative; padding: 0 75px 0 0;}
.nav a{font-size: 20px;color: #000;  line-height:100px; display: block; position: relative;}
.nav a:before{position: absolute; content: ""; border-bottom: 4px solid #174592;width:0;bottom: 18px;left: 50%;transform: translateX(-50%); border-radius: 2px;transition: .5s;}
.nav li.cur a:before{width: 22px;}
.nav a:hover:before{width: 22px;}

.h100{height: 100px;}
.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;height: 100%; object-fit: cover;}
.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: 1400px;margin: 0 auto;max-width: 94%;padding-bottom: 105px;}
.what_title{text-align: center; padding: 80px 0 75px;}
.what_title h2{font-weight: 700; margin-bottom: 15px;font-weight: bold; color: #f4a42d; font-size: 36px; }
.what_title p{ font-size: 24px; color: #666;}
.what_nr ul{display: flex;justify-content: space-between;}
.what_nr li{width: 33.33%;}
.whatbox{position: relative;height: 590px;transform: scale(1); transition: .5s;}
.whatbox img{width: 100%; object-fit: cover;height: 100%;}
.whatbox h3{width: 100%; position: absolute; left: 0; top: 0; line-height: 70px; padding: 0 15px;}
.whatbox h3 span{color: #fff; font-size:20px; position: relative;display:block; padding-left: 20px; opacity: 0;transition: .3s;}
.whatbox h3 span:before{position: absolute; content: "";width: 10px;height: 10px; left: 0;border-radius: 50%; top: 50%;transform: translateY(-50%);background: #fff;}
.whatbox b{position: absolute; right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/a1.png) no-repeat center center;width: 36px;height: 70px;}
.whattext{position: absolute; width: 100%; left: 0;bottom: 0; padding: 20px;}
.whattext h2{color: #fff; font-size: 20px;margin-bottom: 15px;}
.whattext p{font-size: 22px;font-weight: bold; color: #fff;}
.whattext:before{position: absolute;content: "";border-top: 2px solid #fff;top: 0;left: 20px;width: 0;transition: .5s;}
.what_nr li a:hover .whatbox{transform: scale(1.05);position: relative;z-index: 10;}
.what_nr li a:hover .whattext:before{width: 40%;}
.what_nr li a:hover h3 span{opacity: 1;}
.what_nr li a:hover h3 b{background: url(../images/a2.png) no-repeat center center;}

.bj1{background: #f7f7f7;}
.flnr{padding-bottom: 80px;}
.flnr_nr{overflow: hidden; position: relative; padding-bottom: 160px;}
.flnr_nr .swiper-slide { transition: 300ms; transform: scale(0.8);}
.flnr_nr .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);}
.flnrbox{text-align: center; }
.flnrbox img{width: 100%; box-shadow:0 0 10px rgba(0, 0, 0, .15); }
.flnrbox p{font-size: 22px;margin-top: 40px;color: #333333;font-weight:700}
.flnrbox a:hover p{color: #2368dc;}
.flnr_nr .swiper-pagination{font-size: 24px;color: #999;bottom: 40px;}
.swiper-pagination-current{color: #174592;}
.flnr_nr .swiper-button-next{margin: 0;top: auto; bottom: 0; right: calc(50% - 180px);width: 90px;height: 90px;border: 1px solid #2369de;color: #2369de;border-radius: 50%;outline:none;transition: .5s;z-index: 50;position: absolute;}
.flnr_nr .swiper-button-next:hover{color: #fff;background: #2369de;}
.flnr_nr .swiper-button-prev{margin: 0;top: auto; bottom: 0; left: calc(50% - 180px);width: 90px;height: 90px;border: 1px solid #2369de;color: #2369de;border-radius: 50%;outline:none;transition: .5s;z-index: 50;position: absolute;}
.flnr_nr .swiper-button-prev:hover{color: #fff;background: #2369de;}
.flnr_nr .swiper-button-next:after,.flnr_nr .swiper-button-prev:after{font-size: 32px;}

.bj2{background: url(../images/a3.png) no-repeat center center;background-size: cover;}
.xckc{width: 1420px;margin: 0 auto;max-width: 94%; padding-bottom: 60px;}
.what_title h3{font-size: 24px; opacity: .4;color: #fff;}
.xckc_nr{background: #fff; padding: 20px; border-radius: 10px;overflow: auto; height: 520px;}
.xckc_nr table{width: 100%;overflow: hidden;border-radius: 10px;}
.xckc_nr th{line-height: 38px;background: #f4a42d; color: #fff;font-size: 18px;}
.xckc_nr td{text-align: center; color: #000; font-size: 16px; line-height: 32px;border-bottom: 1px solid #ced5e2;border-right: 1px solid #ced5e2;}
.FGX{height: 30px;}
.xckc_nr tr td:nth-child(1){ font-size: 20px;border-left: 1px solid #ced5e2;}

.about{width: 1420px;margin: 0 auto;max-width: 94%; padding:90px 0 100px;}
.about_nr{display: flex;justify-content: space-between;}
.abotu_right{width: 50%; padding-left: 30px;}
.abotu_right img{width: 100%;}
.about_left{width:50%;}
.about_left h3{font-size: 18px;font-weight: bold;color: #999999;}
.about_left h2{font-size: 32px;font-weight: bold;color: #f4a42d; margin: 15px  0 45px;}
.about_left p{font-size: 18px;font-weight: bold;color: #333333;line-height: 28px;text-indent: 36px;  margin-bottom: 30px;}
.abotu_text{position: relative; background: #2369de; padding: 40px 240px 40px 90px;width: calc(100% + 50px); }
.abotu_text ul{display: flex;justify-content: space-between;  }
.abotu_text h4{font-size: 40px;margin-bottom: 20px;color: #fff;font-weight: bold;text-align: center;}
.abotu_text h5{color: #fff;font-size: 22px;opacity: .5;font-weight: bold;text-align: center;}
.abotu_text:before{position: absolute;border-left: 9px solid #fff;height: 100%;left: 25px;top: 0;content: "";}
.abotu_text a{display: block;   right: 25px;top: 50%;transform: translateY(-50%);color: #fff;border-radius: 6px;border: 1px solid #fff; position: absolute; padding: 10px 15px;font-size: 22px;transition: .5s;}
.abotu_text a:hover{background: #fff;color: #2369de;}

.footer{background: #2d2d2d;}
.foot_box{ margin: 0 auto; max-width: 84%;}
.foot_top{padding: 40px 0 55px; display: flex;justify-content: space-between;align-items: center;}
.ssbox{width: 370px;border-radius: 6px;height: 48px;background: #676767; position: relative;}
.wby2{font-size: 18px;width: 100%;height: 48px; line-height: 48px; padding-left: 45px;color: #fff;}
.wby2::-webkit-input-placeholder{color:#fff;}
.btn3{position: absolute;background: url(../images/af_35.png);width: 26px;height: 26px;background-size: 100%; cursor: pointer;top: 50%;transform: translateY(-50%);left: 11px;border: none;}
.foot_text{padding-bottom: 50px;}
.foot_text ul{overflow: hidden;}
.foot_text li{float: left;width: 25%;}
.foot_text h2{font-size: 20px;line-height: 46px;color: #fff; display: inline-block;border-bottom: 4px solid #174592;margin-bottom: 15px;}
.foot_text dt{font-size: 16px;line-height: 2;}
.foot_text dt a{color: #fff;opacity: .5;transition: .5s;}
.foot_text dt a:hover{opacity: 1;}
.bqxx{display: flex;justify-content: space-between;align-items: center; padding: 25px 0;border-top: 1px solid #ababab;}
.bqxx ul{width: calc(100% - 580px);display: flex;justify-content: space-between;}
.bqxx h2{color: #FFF;opacity: .5; font-size: 16px;margin-bottom: 15px;}
.bqxx h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.bqxx p{color: #d8d8d8;font-size: 16px;}

@media only screen and (min-width: 1001px) and (max-width: 1680px) {
.headerbox{width: 83.92vw;margin:0 auto;max-justify-content: space-between;align-items: center;height: 5.952vw;}
.logo{width: 8.988vw; }
.logo img{}
.header_right{justify-content: space-between;align-items: center;}
.xzyz {width: 9vw;height: 2.083vw;}
.xzyz p{font-size: 1.190vw;}
.xzyz p img{ width: 1.190vw;height: 1.190vw;margin: -0.178vw 0.297vw 0 0;}
.xzyz ul{ top: 2.023vw;  left: 0;  background: #fff;border-radius: 0.238vw;}
.xzyz li img{ margin: 0 0.297vw 0 0; width: 1.190vw;height: 1.190vw;border-radius: 50%;}
.xzyz li a{line-height: 2.380vw; font-size: 0.952vw;}
.xzyz li a:hover{background: #36cb32;}
.xzyz:hover ul{}
.nav ul{justify-content: space-between;}
.nav li{  padding: 0 4.464vw 0 0;}
.nav a{font-size: 1.190vw;  }
.nav a:before{ content: ""; border-bottom: 0.238vw solid #174592;bottom: 1.071vw;transform: translateX(-50%); border-radius: 0.119vw;transition: .5s;}
.nav li.cur a:before{width: 1.309vw;}
.nav a:hover:before{width: 1.309vw;}
.h100{height: 5.952vw;}

.banner img{ object-fit: cover;}
.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{}
.banner .swiper-button-next:hover{}
.banner .swiper-button-prev{}
.banner .swiper-button-prev:hover{}
.what{width: 83.33vw;margin: 0 auto;max-padding-bottom: 6.25vw;}
.what_title{ padding: 4.761vw 0 4.464vw;}
.what_title h2{font-weight: 700; margin-bottom: 0.892vw;font-weight: bold;  }
.what_title p{ font-size: 1.428vw; }
.what_nr ul{justify-content: space-between;}
.what_nr li{width: 33.33%;}
.whatbox{height: 35.11vw;transform: scale(1); transition: .5s;}
.whatbox img{ object-fit: cover;}
.whatbox h3{  left: 0; top: 0; line-height: 4.166vw; padding: 0 0.892vw;}
.whatbox h3 span{}
.whatbox h3 span:before{ content: "";width: 0.595vw;height: 0.595vw; left: 0;border-radius: 50%; top: 50%;transform: translateY(-50%);background: #fff;}
.whatbox b{ right: 0.892vw;top: 50%;transform: translateY(-50%);background: url(../images/a1.png) no-repeat center center;width: 2.142vw;height: 4.166vw;}
.whattext{  left: 0;bottom: 0; padding: 1.190vw;}
.whattext h2{}
.whattext p{font-size: 1.428vw;font-weight: bold; }
.whattext:before{content: "";border-top: 0.119vw solid #fff;top: 0;left: 1.190vw;transition: .5s;}
.what_nr li a:hover .whatbox{transform: scale(1.05);}
.what_nr li a:hover .whattext:before{}
.what_nr li a:hover h3 span{opacity: 1;}
.what_nr li a:hover h3 b{background: url(../images/a2.png) no-repeat center center;}
.bj1{background: #f7f7f7;}
.flnr{padding-bottom: 4.761vw;}
.flnr_nr{  padding-bottom: 9.523vw;}
.flnr_nr .swiper-slide { transition: 300ms; transform: scale(0.8);}
.flnr_nr .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);}
.flnrbox{ }
.flnrbox img{ box-shadow:0 0 0.595vw rgba(0, 0, 0, .15); }
.flnrbox p{font-size: 1.190vw;margin-top: 2.380vw;}
.flnrbox a:hover p{}
.flnr_nr .swiper-pagination{font-size: 1.428vw;}
.swiper-pagination-current{}
.flnr_nr .swiper-button-next{margin: 0;top: auto; bottom: 0; right: calc(50% - 10.71vw);width: 5.357vw;height: 5.357vw;border: 1px solid #2369de;}
.flnr_nr .swiper-button-next:hover{}
.flnr_nr .swiper-button-prev{margin: 0;top: auto; bottom: 0; left: calc(50% - 10.71vw);width: 5.357vw;height: 5.357vw;border: 1px solid #2369de;}
.flnr_nr .swiper-button-prev:hover{}
.flnr_nr .swiper-button-next:after,.flnr_nr .swiper-button-prev:after{font-size: 1.904vw;}
.bj2{background: url(../images/a3.png) no-repeat center center;background-size: cover;}
.xckc{width: 84.52vw;margin: 0 auto;max- padding-bottom: 3.571vw;}
.what_title h3{font-size: 1.428vw; opacity: .4;}
.xckc_nr{background: #fff; padding: 1.190vw; border-radius: 0.595vw; height: 30.95vw;}
.xckc_nr table{border-radius: 0.595vw;}
.xckc_nr th{line-height: 2.261vw;background: #f4a42d; }
.xckc_nr td{ }
.FGX{height: 1.785vw;}
.xckc_nr tr td:nth-child(1){ font-size: 1.190vw;border-left: 1px solid #ced5e2;}
.about{width: 84.52vw;margin: 0 auto;max- padding:5.357vw 0 5.952vw;}
.about_nr{justify-content: space-between;}
.abotu_right{ padding-left: 1.785vw;}
.abotu_right img{}
.about_left{}
.about_left h3{font-size: 1.071vw;font-weight: bold;}
.about_left h2{font-size: 1.904vw;font-weight: bold;}
.about_left p{font-size: 1.071vw;font-weight: bold;}
.abotu_text{ background: #2369de; padding: 2.380vw 14.28vw 2.380vw 5.357vw; }
.abotu_text ul{justify-content: space-between;  }
.abotu_text h4{font-size: 2.380vw;margin-bottom: 1.190vw;}
.abotu_text h5{}
.abotu_text:before{border-left: 0.535vw solid #fff;left: 1.488vw;top: 0;content: "";}
.abotu_text a{   right: 1.488vw; padding: 0.520vw 0.781vw; font-size: 1.145vw;}
.abotu_text a:hover{background: #fff;}
.footer{background: #2d2d2d;}
.foot_box{width: 101.1vw;margin: 0 auto; max-}
.foot_top{padding: 2.380vw 0 3.273vw; justify-content: space-between;align-items: center;}
.ssbox{width: 22.02vw;border-radius: 0.357vw;height: 2.857vw;background: #676767; }
.wby2{font-size: 1.071vw;height: 2.857vw; line-height: 2.857vw; padding-left: 2.678vw;}
.wby2::-webkit-input-placeholder{}
.btn3{background: url(../images/af_35.png);width: 1.547vw;height: 1.547vw;background-size: 100%; top: 50%;transform: translateY(-50%);left: 0.654vw;border: none;}
.foot_text{padding-bottom: 2.976vw;}
.foot_text ul{}
.foot_text li{}
.foot_text h2{font-size: 1.190vw;line-height: 2.738vw;}
.foot_text dt{font-size: 0.952vw;line-height: 2;}
.foot_text dt a{}
.foot_text dt a:hover{opacity: 1;}
.bqxx{justify-content: space-between;align-items: center; padding: 1.488vw 0;border-top: 1px solid #ababab;}
.bqxx ul{width: calc(100% - 34.52vw);justify-content: space-between;}
.bqxx h2{}
.bqxx h2 img{ margin: -0.178vw 0.595vw 0 0;}
.bqxx p{}
}





@media(max-width:1200px){
.h100{height: 60px;}
.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 #2369dd;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 #2369dd;background-size: 20px 20px;}
.headerbox{display: block;max-width: 100%;}
.logo{position: absolute;left: 15px; top: 50%;transform: translateY(-50%);width: 80px;}
.xzyz{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%;}
.nav{width: 200px;height:calc(100vh - 60px); top: 60px;left: -200px; background: #fff;position: fixed;z-index: 100;}
.nav ul{display: block;}
.nav{padding: 0;}
.nav a{color: #333;font-size: 16px;line-height: 50px;padding: 0 15px;}
.nav li.cur a:before{width: 100%;bottom: 0;}
.nav li{display: block; 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;}

.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;}
.what_nr ul{display: block;}
.what_nr li{width: 100%; padding-bottom: 20px;}
.what{padding-bottom: 40px;}
.flnr_nr .swiper-button-next{width: 40px;height: 40px;}
.flnr_nr .swiper-button-prev{width: 40px;height: 40px;}
.flnr_nr .swiper-button-next:after, .flnr_nr .swiper-button-prev:after{font-size: 20px;}
.flnr_nr .swiper-pagination{bottom: 12px;font-size: 16px;}
.flnr_nr{padding-bottom: 80px;}
.flnrbox p{margin-top: 20px;}
.xckc_nr th{font-size: 14px;padding: 5px; line-height: 1.5;}
.xckc_nr td{font-size: 12px; padding: 5px; line-height: 1.5;}
.xckc_nr tr td:nth-child(1){font-size: 16px;}
.about{padding: 50px 0;display: block;}
.about_nr{display: block;}
.about_left{width: 100%; padding-bottom: 20px;}
.abotu_text{padding: 20px 20px 20px  50px;}
.abotu_text ul{display: block;}
.abotu_text li{text-align: center; padding: 15px 0;}
.abotu_text h4{font-size: 24px;margin-bottom: 10px;}
.abotu_text h5{font-size: 14px;}
.abotu_text a{position: static; margin: 0 auto;transform: translateY(0%);text-align: center;font-size: 14px;}
.abotu_right{width: 100%; padding: 0;}
.abotu_right img{border-radius: 60px;}

.foot_top{display: block;}
.foot_top img{margin: 0 auto;}
.ssbox{width: 100%; margin-top: 20px;}
.foot_text{padding-bottom: 20px;}

.footbox{padding: 30px 0;display: block;}
.bqxx{display: block; }
.bqxx ul{display: block; text-align: center;width: 100%;}
.bqxx li{padding-bottom: 15px;}
.bqxx img{margin: 0 auto;}
.foot_text h2{font-size: 16px;}
.foot_text dt{font-size: 14px;}
.foot_text ul{display: flex;justify-content: space-between;}
.foot_text li{width: auto;flex: none;}
.whattext h2{font-size: 16px;}
.whattext p{font-size: 14px;}
.abotu_text{width: 100%;}
}
@media(max-width:480px){


}