@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:"font1","微软雅黑","黑体";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}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.about_tp:before{display: none;}
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
	 font-family: 'font1';
	 src: url('../images/Alegreya-Bold.ttf');
}
@font-face {
	 font-family: 'font2';
	 src: url('../images/Alkalami-Regular.ttf');
}
@font-face {
	 font-family: 'font3';
	 src: url('../images/Alike-Regular.ttf');
}
@font-face {
	 font-family: 'font4';
	 src: url('../images/Alkalami-Regular.ttf');
}
.banner_text p b{position: relative;display: inline-block;}
.banner_text p b:before{position: absolute; content: "";border-right: 3px solid #ff7575;height: 33px;left:50%; top:7px; transform:translateX(-50%);}
.whybox h2 b{position: relative;display: inline-block;}
.whybox h2 b:before{position: absolute; content: "";border-right: 3px solid #ff0000;height: 28px;left:50%; top:10px; transform:translateX(-50%);}
.whybox p b{position: relative;display: inline-block;}
.whybox p b:before{position: absolute; content: "";border-right: 2px solid #000;height: 19px;left:50%; top:5px; transform:translateX(-50%);}
.fees_nr h2 b{position: relative;display: inline-block;}
.fees_nr h2 b:before{position: absolute; content: "";border-right: 3px solid #ff0000;height: 26px;left:50%; top:12px; transform:translateX(-50%);}
.fees_nr li b{position: relative;display: inline-block;}
.fees_nr li b:before{position: absolute; content: "";border-right: 2px solid #000;height: 19px;left:50%; top:5px; transform:translateX(-50%);}

.adwebox p b{position: relative;display: inline-block;}
.adwebox p b:before{position: absolute; content: "";border-right: 2px solid #000;height: 19px;left:50%; top:1px; transform:translateX(-50%);}

.banner{position: relative;}
.banner img{width: 100%;}
.banner_text{ position: absolute; width: 1320px;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 94%;}

.banner_text p{color: #fff; font-size:40px;line-height: 68px;font-family: font2;font-weight: 400;}
.banner_text p span{color: #ff7575;}
.banner_text a{display: inline-block; font-size: 28px;color: #fff; line-height: 74px; padding: 0 74px;border-radius: 37px;background: #96353d;}
.banner video{width: 100%; height: 100%; object-fit: cover;}

.header{position: fixed;z-index: 100; width: 100%; left: 0; top: 0;transition: .5s;  }
.header.on1{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.header.on1 .nav h3 a{color: #333;}
.header.on1 li{line-height: 80px;}
.header.on1 p{color: #000;}
.header.on1 .nav h3 a:hover{color: #FF7575;}
.header.on1 .nav li.cur h3 a{color: #FF7575;}
.headerbox{width: 1620px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between; position: relative;align-items: center;transition: .5s; }
.logo{width: 280px; display: flex;justify-content: space-between;align-items: center;}
.logo p{width: calc(100% - 56px);border-left: 1px solid #999; padding-left: 10px; font-size: 16px; color: #fff;font-family: arial;line-height: 1.5;zoom: .9;font-weight: 100;font-family: font1;}
.rightfd{position: fixed; z-index: 100; right: 5px;background: #f0f0f0;border-radius: 10px; /*width: 150px;*/ top: 50%; transform: translateY(-50%); padding: 10px;}
.rightfd img{width: 100%;}
.rightfd p{text-align: center; font-size: 14px; font-family: math;line-height: 1.5;color: #333; margin-top: 10px;zoom: .9;}

.nav li{float: left; padding-left: 40px; line-height: 100px;transition: .5s; position: relative;}
.nav h3 a{color: #fff;display: block;position: relative;font-size: 24px;font-family: font1;font-weight: 700;}
.nav h3 a:before{position: absolute; content: "";border-bottom: 2px solid #fff;width: 0; bottom: 25px;left: 50%;transform: translateX(-50%);transition: .5s;}
.nav .on h3 a:before{width: 100%;}
.nav li.cur h3 a{color: #FF7575;}
.nav h3 a:hover{color: #FF7575;}

.about{width: 1255px; margin: 0 auto;max-width: 94%;}
.about_title{text-align: center; padding: 107px 0 53px;}
.about_title h2{font-size: 30px; line-height: 58px;color: #000000; font-family: font2;}
.about_title p{font-size: 20px;color: #3D3D3D;line-height: 24px;font-family: font3; padding-bottom: 48px; position: relative;}
.about_title p:before{position: absolute;content: ""; border-bottom: 9px solid #d8d8d8;border-radius: 5px; width: 242px; bottom: 0;transform: translateX(-50%);left: 50%;}

.about_nr{display: flex;justify-content: space-between;align-items: center; padding-bottom: 108px;}
.about_tp{position: relative;width: 398px;}
.about_tp img{width: 100%;}
.about_tp:before{position: absolute;content: "";width: 207px;height: 100%; top: 0;right: -207px;background: #f7f7f7;}
.about_text{width: calc(100% - 398px); position: relative;z-index: 10; padding-left: 35px;}
.about_text li{padding: 15px 0;}
.about_text a{display: block; padding-left: 52px; position: relative;font-size: 20px; line-height: 28px; color: #000;font-family: font3;}
.about_text a:before{position: absolute;content: ""; width: 30px;height: 22px;background: #d8d8d8;left: 0; top: 8px;}
.about_text a b{color: #ff0000;}

.bj1{background: url(../images/a_02.png) no-repeat center;background-size: cover; padding-bottom: 80px;}
.why{width: 1200px;margin: 0 auto;max-width: 94%;}
.why_title{text-align: center; padding: 87px 0 45px;}
.why_title h2{font-family: font2; color: #000;font-size: 30px; line-height: 58px;}
.why_title p{font-size: 20px; line-height: 24px;color: #3D3D3D;font-family: font3; position: relative; padding-bottom: 48px;}
.why_title p b{color: #ff0000;}
.why_title p:before{position: absolute;content: ""; border-bottom: 9px solid #d8d8d8;border-radius: 5px; width: 242px; bottom: 0;transform: translateX(-50%);left: 50%;}
.why_nr ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap:10px;}
.why_nr li{width: calc(50% - 5px);}
.whybox{height: 250px;box-shadow:0 0 10px rgba(0, 0, 0, .15);background: #fff; padding: 40px 22px 0 50px; }
.whybox h2{font-size: 30px; line-height: 64px;color: #FF0000;font-family: font4;}
.whybox p{font-size: 20px; line-height: 28px;color: #262626; font-family: font3;}

.bj2{background: url(../images/a_03.png) no-repeat center;background-size: cover; padding-bottom: 80px;}
.fees{width: 1250px;max-width: 94%; margin: 0 auto;}
.fees_title{text-align: center; padding: 50px 0 60px 0;}
.fees_title h2{color: #000;font-size: 30px; line-height: 58px; font-family: font2;}
.fees_title p{font-size: 20px; line-height: 24px;color: #3D3D3D; font-family: font3; position: relative; padding-bottom: 60px; position: relative;}
.fees_title p:before{position: absolute;content: ""; border-bottom: 9px solid #d8d8d8;border-radius: 5px; width: 242px; bottom: 0;transform: translateX(-50%);left: 50%;}
.fees_nr h2{font-size: 30px;line-height: 65px;color: #FF0000;font-family: font4;}
.fees_nr li{padding-bottom: 24px;font-size: 20px; line-height: 30px;color: #000000;font-family: font3; position: relative; padding-left: 44px;}
.fees_nr li:before{position: absolute;content: "";width: 26px; height: 26px;left: 0; top: 4px;background: #1d1d1d;border-radius: 50%;}
.fees_text{padding-top: 20px;}
.fees_text li{padding-bottom: 50px;}
.fees_text h2{font-size: 30px; line-height: 65px;color: #232323;font-family: font4; margin-bottom: 10px;}
.fees_text p{font-size: 20px; line-height: 24px; font-family: font3;color: #000000;}

.bj3{background: url(../images/a_04.png) no-repeat center;background-size: cover; padding-bottom: 80px;}
.Service{width: 1185px; margin: 0 auto;max-width: 94%;}
.Service_title{text-align: center; position: relative; padding:80px 0 75px; margin-bottom: 50px;}
.Service_title h2{color: #fff; font-size: 30px; line-height: 58px; font-family: font2;}
.Service_title p{color: #fff; font-family: font3; font-size: 20px; line-height:24px; margin-bottom: 17px;}
.Service_title p b{color: #FF7575;}
.Service_title:before{position: absolute;content: ""; border-bottom: 9px solid #d8d8d8;border-radius: 5px; width: 242px; bottom: 0;transform: translateX(-50%);left: 50%;transform-origin: center;}
.Service_nr ul{overflow: hidden;margin-top: 80px;}
.Service_nr li{float: left; width: 33.33%; position: relative;}
.Service_nr .servicebox:before{position: absolute; content: "";background: url(../images/a18.png);width: 89px;height: 89px;background-size: 100% 100%; right: -45px;top: 80px;}
.Service_nr  ul li:nth-child(3) .servicebox:before{ right: 150px; bottom: 0px;top: auto; transform: rotate(90deg);}
.Service_nr  ul li:nth-child(6) .servicebox:before{background: none;}
.Service_nr  ul li:nth-child(5) .servicebox:before{transform: rotate(180deg);}
.Service_nr  ul li:nth-child(4) .servicebox:before{transform: rotate(180deg);}
.Service_nr p{font-size: 20px; line-height: 24px;color: #fff; font-family: font3;text-align: center;height: 150px; padding: 0 27px;}
.Service_nr img{margin: 0 auto;}
.Service_nr h2{color: #fff; font-size: 36px; line-height: 45px;font-family: font3; margin-top: -50px; margin-bottom: 30px; padding: 0 27px;}
.Service_nr h3{font-size: 28px;color: #fff;font-family: font3; line-height: 40px;text-align: center;}
.Service_nr h3 b{color: #FF7575;}

.adve{width: 1200px;margin: 0 auto;max-width: 94%; padding-bottom: 70px;}
.adve_nr ul{overflow: hidden; margin-left: -12px;}
.adve_nr li{float: left; width: 50%; padding: 0 0 12px 12px;}
.adwebox{height: 300px;background: #f9f8f6; padding: 35px 25px 0 40px;}
.adwebox h2{display: flex;justify-content: space-between;align-items: center;}
.adwebox h2 b{font-size: 54px;color: #FF0000;font-family: font2;line-height: 1;}
.adwebox h2 span{margin-top: -6px;width: calc(100% - 85px);font-family: font2;color: #FF0000;font-size: 28px; line-height: 40px;}
.adwebox p{padding: 20px 0 0 85px;font-size: 20px; line-height: 30px;color: #000000; font-family: font4;}
.foun_right i{font-style: italic;}

.bj4{background: url(../images/a_06.png) no-repeat center;background-size: cover; padding-bottom: 95px;}
.foun{width: 1200px;max-width: 94%; margin: 0 auto;}
.foun_nr{display: flex;justify-content: space-between;align-items: center;}
.foun_left{width: 521px;}
.foun_left img{width: 100%;}
.foun_right{width: calc(100% - 521px); padding-left: 35px;}
.foun_right li{font-size: 20px;line-height: 32px;color: #262626; position: relative; padding-left: 45px;font-family: font3;}
.foun_right li:before{position: absolute;content: "";width: 18px;height: 18px;background: #0f0f0f; border-radius: 50%; left: 0;top: 12px;}
.foun_right b{color: #FF0000;}

.bj5{background: #f9f9f9; padding-bottom: 65px;}
.ryzz{width: 1200px;max-width: 94%; margin: 0 auto;}
.ryzz_nr ul{overflow: hidden; margin-left: -27px;}
.ryzz_nr li{float: left;width: 25%; padding-left: 27px;}
.ryzz_nr a{display: block; overflow: hidden;}
.ryzz_nr img{width: 100%;}

.lxwm{width: 1200px; margin: 0 auto;max-width: 94%; padding-bottom: 65px;}
.lxwm_nr ul{overflow: hidden; margin-left: -20px;}
.lxwm_nr li{float: left; width: 25%; padding-left: 20px;}
.lxwmbox{position: relative; }
.lxwmbox img{width: 100%;}
.lxwmbox p{width: 100%; position: absolute; left: 0; bottom: 15px;text-align: center; padding: 0 30px;font-size: 16px; line-height: 20px;color: #3D3D3D;font-family: font3;display: flex;align-items: center;height: 60px;}
.lxwmbox p span{display: block; text-align: center;width: 100%;}

.footer{background: #1b1b1b;}
.footerbox{width: 1580px; margin: 0 auto;-webkit-transform-origin-x: 94%; padding: 55px 0;display: flex;justify-content: space-between;max-width: 94%;align-items: center;}

.foot_left{width: 920px;display: flex;justify-content: space-between;border-right: 4px solid #383838;display: flex;justify-content: space-between;align-items: center; padding-right: 70px;}
.foot_l{display: flex;justify-content: space-between;align-items: center;width: 640px;}
.foot_l img{width: 253px;}
.foot_l p{width: calc(100% - 275px); font-size: 22px;color: #C4C4C4; line-height: 30px;font-family: font3; padding: 70px 0;}
.foot_t{width: 150px;text-align: center;}
.foot_t img{margin: 0 auto;max-width: 100%;}
.foot_t p{font-size: 14px;color: #C4C4C4;font-family: font3; padding-top: 14px;line-height: 1.4;}
.foot_right{width: calc(100% - 1000px);}
.foot_right li{padding: 14px 0;display: flex;justify-content: space-between;align-items: center;line-height: 1.4;}
.foot_right b{width: calc(100% - 47px);line-height: 26px; font-size: 24px;color: #C4C4C4;font-family: font3; }
.bqxx{border-top: 1px solid #383838; padding: 33px 0;}
.bqxx p{text-align: center; font-size: 20px; line-height: 29px;color: #C4C4C4; font-family: font3;}
.sjzs{display: none;}
@media(max-width:1800px){
.nav li{padding-left: 30px;}
.nav h3 a{font-size: 20px;}
}
@media(max-width:1460px){
.nav li{padding-left: 15px;}
.nav h3 a{font-size: 16px;}
.banner_text p{font-size: 30px; line-height: 52px;}
.foot_left{width: 60%; padding-right: 40px;}
.foot_right{width: 40%; padding-left: 40px;}
.foot_right b{font-size: 20px;}
.foot_l p{font-size: 18px;}
.banner_text p b:before{position: absolute; content: "";border-right: 3px solid #ff7575;height: 28px;left:50%; top:4px; transform:translateX(-50%);}

}
@media(max-width:1360px){
.whybox p b:before{position: absolute; content: "";border-right: 2px solid #000;height: 18px;left:50%; top:11px; transform:translateX(-50%);}
.adwebox p b:before {
    position: absolute;
    content: "";
    border-right: 2px solid #000;
    height: 19px;
    left: 50%;
    top: 2px;
    transform: translateX(-50%);
}
.foot_left{width: 650px;padding-right: 20px;}
.foot_l{width: 500px; }
.foot_right{width: calc(100% - 670px);}
.foot_l img{width: 150px;}
.foot_l p{width: calc(100% - 165px);font-size: 16px; line-height: 1.7;}
.foot_t{width: 120px;}
.foot_t p{font-size: 12px;}
.foot_right b{font-size: 16px; line-height: 1.6;}
.foot_right li{padding: 10px 0;}
.bqxx p{font-size: 16px;}
.lxwmbox p{font-size: 14px;line-height: 20px;height: 60px;}
.foun_right li{font-size: 20px; line-height: 1.8;}
.about_text a{font-size: 20px; line-height: 28px;}
.whybox p{line-height: 40px; font-size: 20px;}
.whybox{height: 260px;}
.Service_nr img{width: 200px;}
.Service_nr ul li:nth-child(3) .servicebox:before{right: 150px;}
.Service_nr p{font-size: 20px; line-height: 26px;height: 160px;}
.adwebox p{font-size: 20px; line-height: 32px; padding-left: 60px;}
.adwebox h2 span{font-size: 26px; width: calc(100% - 60px);}
.adwebox h2 b{font-size: 48px;}
.adwebox{height: 320px;}
.fees_title p{font-size: 20px; line-height: 28px;}
.Service_title p{font-size: 20px; line-height: 28px;}
.why_title p{font-size: 20px; line-height: 28px;}
.about_title p{font-size: 20px; line-height: 28px;}
}
@media(max-width:1200px){
    .banner_text p b:before {
        position: absolute;
        content: "";
        border-right: 2px solid #ff7575;
        height: 16px;
        left: 50%;
        top: 1px;
        transform: translateX(-50%);
    }	
.whybox h2 b:before {
    position: absolute;
    content: "";
    border-right: 2px solid #ff0000;
    height: 18px;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
}	
    .whybox p b:before {
        position: absolute;
        content: "";
        border-right: 1px solid #000;
        height: 18px;
        left: 50%;
        top: 2px;
        transform: translateX(-50%);
    }	
   .fees_nr li b:before {
    position: absolute;
    content: "";
    border-right: 1px solid #000;
    height: 19px;
    left: 50%;
    top: 2px;
    transform: translateX(-50%);
}
.fees_nr h2 b:before {
    position: absolute;
    content: "";
    border-right: 2px solid #ff0000;
    height: 22px;
    left: 50%;
    top: 1px;
    transform: translateX(-50%);
}
.adwebox p b:before {
        position: absolute;
        content: "";
        border-right: 1px solid #000;
        height: 16px;
        left: 50%;
        top: 1px;
        transform: translateX(-50%);
    }
.rightfd{/*display: none;*/background:none}
.header{height: 60px;background: #fff;}
.headerbox{height: 60px;}
.headerbox{display: block;}
.logo{position: absolute; left: 0; top: 50%;transform: translateY(-50%);}
.logo p{color: #000;}
.h60{height: 60px;}
.Service_nr img{width: 100%;}

.dhbtn{position: absolute;width: 30px;height: 30px;border-radius: 4px;background: url(../images/d1.png) no-repeat center #ff7575;background-size: 20px 20px;right: 0;top: 50%;transform: translateY(-50%);}
.dhbtn.on{background: url(../images/d2.png) no-repeat center #000;background-size: 20px 20px;}
.ssbtn{background: url(../images/a_07.png);right: 45px;}
.nav{height: calc(100% - 60px);left: 0;z-index: 100; top: 60px;background: #fff; position: fixed;left: 0; width: 100%;display: none;}
.nav li{float: none;  text-align: center; line-height: 48px;font-size: 16px; padding: 0; border-top: 1px solid #eee;}
.sub dt a{display: block;font-size: 14px;}
.header.on1 li{line-height: 48px;}
.header.on1 .nav .on h3 a:before{bottom: 0;}
.nav h3 a:before{bottom: 0;}
.nav h3 a{color: #333;}
.sub{position: static; text-align: center; padding: 15px;text-align: center;width: 100%;}
.banner_text p{font-size: 16px;line-height: 1.6;}

.about_title{padding: 50px 0 30px;}
.about_title h2{font-size: 24px; line-height: 1.5;}
.about_title p{font-size: 14px; line-height: 20px; padding-bottom: 20px;}
.about_title p:before{width: 40px;}
.about_nr{display: block;}
.about_tp{width: 100%;}
.about_text{width: 100%; padding: 20px 0 0 0;}
.about_nr{padding-bottom: 40px;}
.why_title{padding: 50px 0 30px;}
.why_title h2{font-size: 24px; line-height: 1.5;}
.why_title p{font-size: 14px; line-height: 20px; padding-bottom: 20px;}
.why_title p:before{width: 40px;}
.about_text a{font-size: 16px; line-height: 22px;}
.why_nr ul{display: block;}
.why_nr li{width: 100%; padding-bottom: 20px;}
.whybox{height: auto; padding: 30px 20px;}
.whybox h2{font-size: 20px;line-height: 40px;}
.whybox p{font-size: 16px; line-height: 22px;}
.bj1{padding-bottom: 30px;}
.fees_title{padding: 50px 0 30px;}
.fees_title h2{font-size: 24px; line-height: 1.5;}
.fees_title p{font-size: 14px; line-height: 20px; padding-bottom: 20px;}
.fees_title p:before{width: 40px;}
.fees_nr h2{font-size: 24px; line-height: 1.5;}
.fees_nr li{font-size: 16px; line-height: 22px;}
.fees_text h2{font-size: 20px; line-height: 1.5;}
.fees_text p{font-size: 16px; line-height: 22px;}
.bj2{padding-bottom: 20px;}
.Service_title{padding: 0 0 10px;}
.Service_title h2{font-size: 24px; line-height: 1.5;}
.Service_title p{font-size: 14px; line-height: 20px; padding-bottom: 0;}
.Service_title:before{width: 40px;}
.Service_nr ul{display: none;}
.Service_nr h3{font-size: 16px; line-height: 1.5; padding: 25px 0  50px;}
.bj3{padding-bottom: 0;}
.adve_nr li{width: 100%; padding-bottom: 20px;}
.adwebox{height: auto; padding: 30px 20px;}
.adwebox h2 b{font-size: 24px;}
.adwebox h2 span{line-height: 24px; font-size: 20px;width: calc(100% - 30px);}
.adwebox p{font-size: 16px; padding:10px 0 0 30px;line-height: 1.6;}
.adve{padding-bottom: 30px;}
.foun_nr{display: block;}
.foun_left{width: 100%;}
.foun_right{width: 100%; padding: 20px 0 0 0;}
.foun_right li{font-size: 16px; line-height: 1.5; padding: 0 0 10px 25px;}
.bj4{padding-bottom: 50px;}
.ryzz_nr ul{margin-left: -20px;}
.ryzz_nr li{width: 50%; padding:0 0  20px 20px;}
.bj5{padding-bottom: 30px;}
.lxwm_nr ul{margin-left: -15px;}
.lxwm_nr li{width: 100%; padding: 0 0 15px 15px;}

.footerbox{padding: 30px 0;display: block;}
.foot_left{width: 100%;display: block;border: none; padding: 0;}
.foot_l{width: 100%;display: block;text-align: center;}
.foot_l img{width: 100px;margin: 0 auto;}
.foot_l p{width: 100%; padding: 15px 0;text-align: center; font-size: 14px;}
.foot_t{margin: 0  auto;}
.foot_t img{width: 100px;}
.foot_right{width: 100%;text-align: center;}
.foot_right li{display: block;}
.foot_right img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;height: 20px;}
.sjzs{display: block; width: 100%;}

.rightfd{
 margin: 0;
 position: fixed;
 z-index: 100;
 right: 5px;
 /* background: #f0f0f0; */
 border-radius: 10px;
 /* width: 150px
; */
bottom: 0px!important;
 transform: translateY(-0%);
 padding: 0px;
 top: auto;
 display: block;
}
.dinfo{display:none}
}