@charset "UTF-8";
/* about 导航 */

.about_nav p {
    margin: 20px 0;
    text-align: center;
}

.about_nav a {
    display: inline-block;
    margin: 0 15px;
    padding: 9px 50px;
    background: #eee;
    font-size: 16px;
}

.about_nav a.on {
    background-color: #fa692f;
    color: #fff;
}

/* about 简介 */

.about_jianjie {
    position: relative;
    width: 1250px;
    height: 500px;
    background: url(../img/about_jianjie.png)no-repeat center;
}

.about_jianjie p {
    position: absolute;
    top: 68px;
    left: 32px;
    width: 480px;
}

.about_lxwm {
    margin: 0 auto;
    width: 1200px;
    background: url(../img/about_lxwm.png)no-repeat center;
    height: 600px;
}

.about_lxwm ul {
    padding-top: 57px;
    /* width: 900px; */
    margin: 0 auto;
}

.about_lxwm .li_1 {
    box-sizing: border-box;
    padding-left: 320px;
    color: #fff;
}

.about_lxwm .li_2 {
    box-sizing: border-box;
    padding-left: 85px;
}

.about_lxwm b {
    font-size: 30px;
    display: block;
}

.about_lxwm p {
    font-size: 22px;
}

.about_f {
    text-align: center;
}

.about_f p {
    margin: 20px auto;
}

.about_f p:nth-child(2) {
    background-color: #eee;
}

/* 新闻 */

.news {
    font-family: Georgia, Arial, Helvetica, sans-serif;
}

.news h3 {
    margin-bottom: 30px;
    position: relative;
    z-index: 5;
    font-size: 50px;
    color: #000;
    line-height: 110px;
}

.news h3::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -130px;
    z-index: -1;
    display: block;
    width: 400px;
    height: 110px;
    background-color: #f5691d;
    transform: skewX(-27deg);
    opacity: .3;
}

.news ul li {
    box-sizing: border-box;
    padding: 5px 50px;
    border-radius: 25px;
    /* border: 1px solid #999; */
    margin-bottom: 30px;
    background-color: #eee;
    transition: .3s;
}

.news ul li:hover {
    transform: translateY(-10px);
    box-shadow: 0px 5px 5px 5px #ccc;
}

.news li .one {
    width: 60%;
}

.news li .one h4 {
    font-size: 25px;
    color: #000;
    line-height: 60px;
}

.news li .one p {
    padding: 5px 0;
    font-size: 20px;
}

.news li .two {
    width: 20%;
}

.news li .three {
    padding-top: 20px;
    width: 10%;
    text-align: center;
    color: #f5691d;
    font-weight: bold;
}

.news li .three span {
    font-size: 35px;
}

.news li .three p {
    font-size: 25px;
}

/* 翻页 */

.fanye {
    margin: 15px auto;
    text-align: center;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}

.fanye li {
    display: inline-block;
}

.fanye li a {
    padding: 5px 10px;
    display: block;
    border: 1px solid #f2f2f2;
}

.fanye .thisclass {
    padding: 5px 10px;
    color: #fff;
    background-color: #f5691d;
}

/* 专利 */

.patent li {
    margin: 1%;
    width: 30%;
    float: left;
}

/* 案例 */

.case li {
    margin: 1%;
    width: 48%;
    float: left;
    text-align: center;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 25px;
}

.case li img {
    margin-bottom: 5px;
    border: 1px solid #f5691d;
}

.case li span {
    color: #fa692f;
    font-size: 30px;
}

/* 咨询-20%  */

.zixun_nav {
    margin: 20px auto;
    text-align: center;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}

.zixun_nav a {
    padding: 10px 20px;
    display: inline-block;
    background-image: linear-gradient(#9e9e9e, #999);
    color: #fff;
    border-radius: 30px;
    font-size: 25px;
    font-weight: bold;
}

.zixun_nav a.on {
    background-image: linear-gradient(#f28d28, #fd654e);
}

/* 咨询-20% */

.zixun_20 ul {
    position: relative;
    height: 450px;
}

.zixun_20 ul::before {
    content: '';
    position: absolute;
    top: calc(50%);
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #364b93;
}

.zixun_20 li {
    position: absolute;
    box-sizing: border-box;
    padding-top: 40px;
    width: 150px;
    height: 150px;
    text-align: center;
    border-radius: 50%;
    font-size: 17px;
    font-weight: bold;
    border: 3px solid #087d3b;
}

.zixun_20 li::before {
    content: '';
    position: absolute;
    bottom: -50%;
    left: 50%;
    display: inline-block;
    width: 2px;
    height: 50%;
    background-color: #087d3b;
}

.zixun_20 .l_I::before {
    top: -50%;
}

.zixun_20 li:nth-child(1) {
    top: 0;
    left: 0;
}

.zixun_20 li:nth-child(2) {
    top: 0;
    left: 170px;
}

.zixun_20 li:nth-child(3) {
    top: 0;
    left: 350px;
}

.zixun_20 li:nth-child(4) {
    top: 0;
    left: 530px;
}

.zixun_20 li:nth-child(5) {
    bottom: 0;
    left: 230px;
}

.zixun_20 li:nth-child(6) {
    bottom: 0;
    left: 420px;
}

.zixun_20 li:nth-child(7) {
    bottom: 0;
    left: 610px;
}

.zixun_20 li:nth-child(8) {
    bottom: 0;
    left: 810px;
}

.zixun_20 li:nth-child(9) {
    bottom: 0;
    left: 1010px;
}

/* 培训内容 */

.c_tit {
    text-align: center;
    color: #fa692f;
    font-size: 40px;
    font-weight: bold;
    line-height: 150px;
}

.w70 {
    width: 70%;
}

.w30 {
    width: 30%;
}

.zixun_con li {
    margin-bottom: 20px;
}

.zixun_con li .fl p {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient(#eee, #fa692f);
    border-radius: 50%;
}

.zixun_con li .fr {
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
}

.zixun_con li .fr p {
    margin-bottom: 10px;
    color: #fff;
}

.zixun_con li:nth-child(2n) .fl {
    float: right;
}

.zixun_con li:nth-child(1) .fr {
    background-color: #fa692f;
}

.zixun_con li:nth-child(2) .fr {
    background-color: #9fa0a0;
}

.zixun_con li:nth-child(3) .fr {
    background-color: #333399;
}

.zixun_con li:nth-child(4) .fr {
    background-color: #eb891b;
}

.zixun_con li:nth-child(5) .fr {
    background-color: #13183f;
}

/* 培训脑图 */

.zixun_youxiao ul {
    position: relative;
    height: 500px;
    background: url(../img/zx_youxiao.png)no-repeat center;
}

.zixun_youxiao li {
    position: absolute;
    width: 200px;
}

.zixun_youxiao li:nth-child(1) {
    top: 64px;
    left: 170px;
}

.zixun_youxiao li:nth-child(2) {
    top: 176px;
    left: 158px;
}

.zixun_youxiao li:nth-child(3) {
    top: 291px;
    left: 166px;
    ;
}

.zixun_youxiao li:nth-child(4) {
    top: 378px;
    left: 231px;
    width: 247px;
}

.zixun_youxiao li:nth-child(5) {
    top: 71px;
    right: 128px;
}

.zixun_youxiao li:nth-child(6) {
    top: 184px;
    right: 104px;
}

.zixun_youxiao li:nth-child(7) {
    top: 283px;
    right: 144px;
    width: 196px;
}

.zixun_youxiao li:nth-child(8) {
    bottom: 86px;
    right: 229px;
}

.zx_video .s_video {
    width: 700px;
    margin: 0 auto;
}

/* 咨询团队 */

.zx_team li {
    margin-top: 40px;
    width: 50%;
    float: left;
}

.zx_team .fr h4 {
    color: #fa692f;
    font-size: 25px;
    font-weight: bold;
}

.zx_team .fr span {
    font-size: 20px;
    line-height: 50px;
    color: #fa692f;
}

.zx_team .fr p {
    color: #999;
}

/* 我们能做什么 */

.why_us {
    font-family: Georgia, Arial, Helvetica, sans-serif;
    color: #000;
}

.why_us .h1 {
    font-size: 90px;
    line-height: 180px;
    font-weight: bold;
    text-align: center;
}

.why_us img {
    display: block;
    margin: 0 auto;
    width: 70%;
}

.why_us .h3 {
    font-size: 50px;
    line-height: 110px;
    font-weight: bold;
    text-align: right;
}

.why_us p {
    font-size: 30px;
    text-align: right;
}

/* why_1 */

.why_1 {
    background-color: #ececec;
    text-align: right;
}

.w_h3 {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    text-align: left;
    color: #000;
}

.w_p {
    font-size: 30px;
    text-align: left;
    color: #000;
}

/* why_2 */

.why_2 {
    position: relative;
    height: 800px;
    padding-top: 300px;
    box-sizing: border-box;
}

.why_2::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/why_2.jpg)no-repeat center;
    background-size: 100%;
    opacity: .2;
}

/* .why_3 */

.why_3 {
    background-color: #eceded;
}

.why_3 .w1200 {
    box-sizing: border-box;
    padding-top: 150px;
    height: 700px;
    background: url(../img/why_3.png)no-repeat right bottom;
}

/* why_4 */

.why_4 {
    box-sizing: border-box;
    padding: 100px 0;
    height: 700px;
    background: url(../img/why_4.png)no-repeat left bottom;
}

/* .why_5 */

.why_5 {
    background-color: #eceded;
}

.why_5 p {
    padding-left: 40%;
}

/* why_6 */

.why_6 {
    box-sizing: border-box;
    height: 900px;
    padding-top: 700px;
    background: url(../img/why_6.png)no-repeat right top;
}

/* 配件产品 */

.pei li {
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.pei li .fl {
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.pei li .fr {
    box-sizing: border-box;
    padding: 15px;
}

.pei li .fr h4 {
    padding-bottom: 30px;
    font-size: 25px;
    color: #f5691d;
}

.pei li .fr p {
    /* margin-bottom: 15px; */
    font-size: 15px;
    color: #666;
}

/* 母线产品 */

.mu li {
    float: left;
    width: 30%;
    margin: 1%;
    text-align: center;
}

.mu li:hover a {
    color: #f5691d;
}

.mu li img {
    border: 1px solid #ccc;
    width: 100%;
    height: 250px;
    object-fit: contain;
    box-sizing: border-box;
    padding: 5px;
}

.mu li a {
    line-height: 50px;
}

/* 产品中心-正 */

.pro {
    padding-top: 50px;
}

.pro h3 {
    margin: 30px auto;
    color: #fb813c;
    font-size: 35px;
    text-align: center;
}

.pro h3 span {
    display: inline-block;
    width: 70px;
    height: 4px;
    background-color: #f5691d;
    vertical-align: middle;
}

.pro li {
    box-sizing: border-box;
    padding: 10px;
    float: left;
    width: 29%;
    margin: 1% 2%;
    background-color: #f3f3f3;
    text-align: center;
    transition: .3s;
}

.pro li:hover {
    background-color: #fb813c;
}

.pro li:hover a {
    color: #fff;
}

.pro li>a {
    display: block;
    background-color: #fff;
}

.pro li img {
    height: 400px;
    object-fit: contain;
}

.pro li p {
    line-height: 50px;
}

/* 产品详情 */

.p_article>img {
    margin: 0 auto;
    display: block;
}

.p_article li {
    width: 9%;
    float: left;
}

.p_article ul {
    margin: 0 auto;
    width: 80%;
}

.p_article li a {
    position: relative;
    display: block;
}

.p_article li:hover a::after, .p_article a.on::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX(-21deg)rotate(5deg);
    background: rgb(251, 129, 60, .5);
}

.p_article li img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    transition: .4s;
}

.p_article li:hover img {
    transform: scale(1.1);
}

.p_article>h3 {
    color: #fb813c;
    font-size: 30px;
    text-align: center;
}

.p_article>p {
    margin: 10px auto 20px;
    position: relative;
    font-size: 18px;
    width: 350px;
    color: #999;
    text-align: center;
}

.p_article>p::after, .p_article>p::before {
    content: '';
    position: absolute;
    top: 2px;
    display: inline-block;
    width: 200px;
    height: 20px;
}

.p_article>p::after {
    right: -170px;
    background: url(../img/r.png);
}

.p_article>p::before {
    left: -170px;
    background: url(../img/l.png);
}

.p_size {
    background-color: #e4e6e6;
}

.p_size li {
    width: 50%;
    height: 400px;
    float: left;
}

.p_size li video {
    width: 100%;
    height: 350px;
}

.p_size table {
    margin-top: 50px;
}

.p_size li tr {
    background-color: #ccc;
}

.p_size li tr:nth-child(2n) {
    background-color: #e4e6e6;
}

.p_size li td {
    padding-left: 10px;
    width: 50%;
    font-size: 14px;
    height: 50px;
    /* line-height: 25px; */
    color: #999;
}

.p_size li td span {
    padding-right: 10px;
    font-weight: bold;
    color: #333;
}

/* 推荐产品 */

.p_other {
    background-color: #e4e6e6;
}

.p_other p {
    font-size: 22px;
    color: #999;
    line-height: 60px;
    border-bottom: 2px solid #fa692f;
}

.p_other li {
    padding: 10px;
    box-sizing: border-box;
    margin: 1%;
    width: 21%;
    float: left;
    text-align: center;
    border: 1px solid #ccc;
}

.p_other li img {
    height: 200px;
    object-fit: contain;
}

.m_block{display: none;}
@media(max-width:768px){
    .zixun_nav{margin: 10px auto;}
    .zixun_nav a{padding: 7px 10px;font-size: 16px;}
    .pro{padding-top: 0;}
    .pro h3{margin: 10px auto;font-size: 18px;}
    .pro h3 span{width: 30px;height: 2px;}
    .pro li{padding: 5px;margin: 1%;width: 48%;}
    .pro li img{height: 110px;}
    .pro li p{font-size: 14px;line-height: 25px;}
    .pei li .fr h4{font-size: 18px;padding-bottom: 0;}
    .pei li .fr{padding: 5px;}
    .pei li .fr p{font-size: 14px;}
    .mu li{width: 48%;}
    .mu li img{height: 110px;}
    .mu li a{line-height: 25px;font-size: 14px;}
    .zixun_20 li{position: static;float: left;width: 33.33%;padding-top: 26px;}
    .zixun_20 ul::before,.zixun_20 li::before{display: none;}
    .c_tit{font-size: 20px;line-height: 90px;}
    .zixun_con li .fl p{width: 100%;height: 110px;line-height: 110px;font-size: 16px;}
    .zixun_con li .fr{padding: 5px;font-size: 14px;}
    .m_block{display: block;}
    .zixun_youxiao ul{display: none;}
    .zi_photo .swiper-slide{width: 50% !important;}
    .zx_video .s_video{width: 100%;}
    .zx_team{box-sizing: border-box;padding: 0 5px;}
    .zx_team .w30,.zx_team .w70{width: 100%;}
    .zx_team .fr h4{font-size: 20px;}
    .zx_team li{margin-top: 0;min-height: 430px;}
    .zx_team .fr span{font-size: 14px;line-height: 25px;}
    .zx_team .fr p{font-size: 12px;}
    .why_us,.why_1,.why_2,.why_3,.why_4,.why_5,.why_6{display: none;}
    .case li{font-size: 16px;}
    .case li span{font-size: 20px;}
    .about_nav p{margin: 10px auto;}
    .about_nav a{margin: 0 5px;padding: 5px 10px;}
    .about_jianjie p{position: static;width: 100%;}
    .about_jianjie{background: none;width: 100%;height: auto;box-sizing: border-box;padding: 0 5px;}
    .about_lxwm{width: 100%;height: auto;background: none;}
    .about_jianjie + .w1200{box-sizing: border-box;padding: 0 5px;}
    .about_lxwm .li_1{padding: 34px 0 0 140px;background: url(../img/m_li01.png)no-repeat center/cover;height: 210px;}
    .about_lxwm .li_2{padding: 15px;background: url(../img/m_li02.png)no-repeat center/cover;height: 148px;}
    #dituContent{width: 100% !important;}
    .about_lxwm b{font-size: 25px;}
    .about_lxwm .li_2 b{font-size: 16px;}
    .about_lxwm p{font-size: 18px;}
    .patent li{width: 48%;}
    .news h3{font-size: 30px;text-align: center;line-height: 70px;margin-bottom: 10px;}
    .news h3::before{width: 80%;left: calc(50% - 40%);height: 70px;}
    .news ul li{padding: 5px;margin-bottom: 10px;}
    .news li .one{width: 69%;}
    .news li .one h4{font-size: 16px;line-height: 25px;}
    .news li .one p{font-size: 14px;}
    .news li .two{display: none;}
    .news li .three{width: 30%;}
    .news li .three span{font-size: 25px;}
    .news li .three p{font-size: 15px;}
    .p_article ul{width: 100%;}
    .p_article li img{height: 90px;}
    .p_article>h3{font-size: 20px;}
    .p_article>p{font-size: 14px;margin: 10px auto;}
    .p_article>p::after, .p_article>p::before{display: none;}
    .p_size li{width: 100%;height: auto;}
    .p_size li video{height: auto;}
    .p_other li{width: 48%;}
    .p_other li img{height: 90px;}
}