@charset "utf-8";

/* CSS Document */



body {margin: 0px;font-size: 12px;color: #333333; font-family:Arial, Helvetica, sans-serif; }

* {padding: 0px;margin: 0px;}

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0;padding: 0;font-family:"微软雅黑";/* font-weight:200; */}

h1, h2, h3, h4, h5, h6 {font-size: 12px;list-style: none;font-weight: normal;}

input, select {font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei","微软雅黑"}

button {overflow: visible}

img {border: none;max-width: 100%;}

a {

    /* color: #333333; */

    text-decoration: none;

    font-size: 12px;

    outline: none;

    font-family:"微软雅黑";

    transition:all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

}

a:hover{ text-decoration:none}

li {list-style: none;}

input, select, button {font: 12px Verdana, Arial, Tahoma;vertical-align: middle;}

.clear {clear: both;}

.lf {float: left;}

.rt {float: right;}

.m {max-width: 1400px;margin: 0px auto;}

.my{width: 1050px;margin: 0px auto;}

.mm {margin-top:60px;}

.red{ margin-bottom:15px;}

.red a{ font-size:12px!important;}

.aa{ color:#b5001b!important;}

.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}

.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;

    transform:translate(-50%,-50%);

    -webkit-transform:translate(-50%,-50%);

    -moz-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%);}

.e_m .n_r img{width:100%; height:auto; display:block;}

.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}

.tpd {

    width: 100%;

    height: auto;

    overflow: hidden;

    position:  relative;

}

.tpd img {

    max-width: 100%;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition: all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

}

.tpd img:hover {

    transform: scale(1.1)

}
.tpd {

    width: 100%;

    height: auto;

    overflow: hidden;

    position:  relative;

}

.tpd2 img {

    max-width: 100%;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition: all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

}

.tpd2 img:hover {

    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);

}

/*导航*/

.header{width:100%;left:0;z-index:999;}

.header.on{/* position:fixed; *//* top:0; *//* box-shadow:0 0 5px #aaa; */}

.header img{height:auto;display:block;}

.header .row{

    position:relative;

    margin: 0;

    margin-bottom: 30px;

}

.sjdh{

    display:none;}

.e_j2{display: none;}

.header .logo{width: 223px;float:left;padding-top: 15px;}

.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}

.header .an span{

    width: 45px;

    height: 5px;

    background-color: #ffd100;

    display:block;

    position:absolute;

    transition:all .5s;

    -o-transition:all .5s;

    -ms-transition:all .5s;

    -moz-transition:all .5s;

    -webkit-transition:all .5s;

}

.header .an span.a1{top: -9px;left:0;}

.header .an span.a2{top: 3px;left:0;}

.header .an span.a3{top: 15px;left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{

    top: 0;

    width: 30px;

    transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

}

.header .an.n span.a3{

    top: 0px;

    width: 30px;

    transform:rotate(135deg);

    -o-transform:rotate(135deg);

    -ms-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

}

.header .nav{
    margin-left: 200px;
}

.header .nav i{font-size:12px; color:#ddd; line-height:46px; text-align:right; position:absolute; width:50%; height:46px; right:15px; top:0; display:none;}

.header .nav ul li{height: 48px;font-size:15px;text-align: center;float:left;position:relative;line-height: 50px;}

.header .nav ul li.on .o_lm{color: #ff7110;}

.header .nav ul li.on .y_j em{color: #ff7110;}

.header .nav ul li a.o_lm{line-height: 48px;color: #000000;font-size: 18px;}

.header .nav ul li:hover em{color: #ff7110;}

.header .nav ul li:hover a.o_lm{color: #ffb400;top: 0px;}

.header .nav .y_j{position:relative;overflow: hidden;}
.header .nav ul li:hover{background: url(../images/xian.png) bottom no-repeat;background-position-y: 77%;}

.y_j em{ margin-left:10px; color:#333333}

.header .nav .e_j{width: 160px;background-color: #333333;position:absolute;top: 52px;margin-left: 0;display:none;z-index:9999;padding: 0;left: -20%;right: 0;}

.header.on .nav .e_j{box-shadow:0 2px 2px #aaa; color:#fff}

.header .nav .e_j .e_lm a{display:block; font-size:14px; color:#555; line-height:36px;}

.header .nav .e_j .e_lm:hover a{background-color:#ff7110; color:#fff;}

.header .nav ul li:hover .e_j{display:block;padding: 0;}
.e_j .container{padding:0px}
.header .nav .e_j .e_lm{position:absolute ;}

.header .nav .e_j .e_lm em{font-size:12px; color:#aaa; line-height:36px; text-align:right; position:absolute; height:36px; right:15px; top:0; z-index:999; display:block;}

.header .nav .e_j .e_lm:hover em{color:#fff;}

.sjdh{/* display:block */}

.sjdh em{ padding:15px 10px ; float:right; color:#fff;}

.sjdh a{font-size:14px;color:#fff;padding-left: 15px;border: none;}

.header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.nav ul{width:100%;height:auto;margin-bottom: 0px;}

.header .nav span{width:0;height: 2px;background-color: #ffb400;display:block;position:absolute;bottom: 10%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}

.header .nav ul li:hover span{width:100%;}

.ss{margin-top:  20px;}

.ss input{width: 100px;border: 1px solid #f7be16;border-radius: 50px;padding: 15px;text-align:  center;color: #f7be16;margin-left: 45px;}

.ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}



.eyj{

    text-align: left;

    font-size: 16px;

    color: #666666;

}

.eyj a{

    font-size: 16px;

    color: #666666;

    border-left: 5px solid;

    padding-left: 10px;

}

.eej{height: auto;overflow: hidden;background: #333333;display: none;width: 100%;z-index: 99;position: absolute;padding: 35px 0;}
.eej hr{
    width: 100%;
    background: #5c5c5c;
    margin: 30px 0;
}
.eej ul{width: 28%;float: left;padding: 0;margin-left:4%;}
.eej ul:nth-of-type(2){margin-left: 10%;width: 33%;}
.eej ul:nth-of-type(3){margin-left: 2%;width: 22%;}
.eej img{
    display: unset;
}
.eej p{width: 100%;font-size: 18px;color: #17233d;font-weight: bold;height: 100%;text-align: left;}
.eej ul li{line-height: 30px!important;height: 50px!important;font-size: 16px!important;width: 100%;text-align: left!important;}

.eej li a{font-size: 16px;margin-left: 5px;color: #17233d;}

.ebt{

    text-align: left;

    font-size: 14px;

    color: #ff7110;

    border-bottom: 1px solid #666666;

    width: 80%;

}

.ebt a{

    color: #ff7110;

    font-size: 14px;

}

.cpdh{}
.cpdh .col-5{ padding:0;}
.cpdh .col-7{padding: 20px 0;}
.cpbt{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

@media (max-width:640px){

    .ss{margin-top:  20px;}

    .ss input{width: 100%;border: 1px solid #f7be16;border-radius: 0;padding: 15px;text-align:  center;color: #f7be16;margin-left: 0;}

    .ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}

    .eyj{

        text-align: left;

        font-size: 16px;

        color: #666666;

    }

    .eyj a{

        font-size: 16px;

        color: #fff;

        border-left: none;

        padding-left: 0;

        font-weight: bold;

    }

    .eej{}

    .eej li{}

    .eej li a{

        color: #666666;

        font-size: 12px;

        padding-left: 25px;

    }

    .ebt{

        text-align: left;

        font-size: 14px;

        color: #ff7110;

        border-bottom: 1px solid #666666;

        width: 80%;

    }

    .ebt a{

        color: #ff7110;

        font-size: 13px;

        padding-left: 20px;

    }

}
.e_j a{display:block;font-size: 16px;color:#fff;line-height:46px;width: 100%;margin: 2px 0;}
.e_j a:hover{background-color: #fff;color: #000;}

@media (max-width:320px){
    .e_j a{display:block;background-color: #333333;border-top: 1px solid #484848;font-size:14px;color:#fff;line-height:46px;width: 85%;margin: 5px auto;}
    .e_j a:hover{background-color:#bb0000;}
    .ss{margin-top:  20px;}

    .ss input{width: 100%;border: 1px solid #f7be16;border-radius: 0;padding: 15px;text-align:  center;color: #f7be16;margin-left: 0;}

    .ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}

}

@media (min-width:992px){

    .header .nav ul li{padding:0 15px;}

    .header .nav .e_j{display:none !important;margin: 0;}

    .header .nav .e_j .s_j{display:none !important;}

    .header .nav ul li:hover .e_j{display:block !important;overflow: hidden;margin-top: 48px;background-color: #ffb400;padding: 5px 10px;}

    .header .nav .e_j .e_lm:hover .s_j{display:block !important;}

    .e_j .row{margin-bottom: 10px;}

}

@media (min-width:1200px){

    .header .nav ul li{padding: 0 20px;line-height: 100px;height: 100px;}

}

@media only screen and (max-width:992px){

    .header{top:0;height: 50px;background: none;}

    .header .logo{width:auto; margin:0 0 0 15px;}

    .header .logo img{width:auto;}

    .header .hd{display:none;}

    .header .xz{display:none;}

    .header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}

    .header .an{display:block;right: 20px;top: 50px;}

    .header .nav{

        width:50%;

        padding:15px 5%;

        background-color:#000;

        height:100%;

        position: fixed;

        margin:0;

        top:0;

        display: block!important;

        left:-50%;

        overflow:auto;

        transition:all .5s;

        -o-transition:all .5s;

        -ms-transition:all .5s;

        -moz-transition:all .5s;

        -webkit-transition:all .5s;

    }

    .e_j2{display: block;}

    .header .nav .y_j{ width:100%;}
    .header .nav .y_j:hover{border:none}
    .e_j a{font-size:12px;padding-left: 10px;}
    .header .nav.on{left:0;z-index: 999;}

    .header .nav i{display:block;float:  right;}

    .y_j em{ display:none}

    .header .nav ul li{width:100%;height:auto;font-size:14px;text-align:left;border-bottom: none;float:none;margin-right:0;background: none;}
    .header .nav ul li:hover {
        background: none
    }

    .header .nav ul li a.o_lm{color:#ddd;}

    .header .nav ul li:hover a.o_lm{color:#ddd; border-bottom:0;}

    .header .nav ul li.on a.o_lm{background:none; color:#fff;}

    .header .nav .e_j{width:100%;border: none;background:none;position:relative;top:auto;left:auto;margin:0;padding-bottom: 0;box-shadow: 0 0 0 0!important;}

    .header .nav .e_j .container{ display:none;}

    .sjdh{ display:block}

    .sjdh a{font-size:14px;color:#fff;padding-left: 15px;border: none;}

    .header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

    .header .nav .e_j .e_lm:hover a{background:none;}

    .header .nav ul li:hover .e_j{display:none;padding: 0;}

    .header .nav .e_j .e_lm em{color:#ddd; line-height:32px; text-align:right; width:50%; height:32px;}

    .header .nav .e_j .e_lm:hover em{color:#fff;}

    .header .nav .e_j .s_j{width:100%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:0; background:none; position:relative; display:none; top:auto; right:auto; margin-bottom:10px;}

    .header .nav .e_j .e_lm:hover .s_j{display:none;}

    .header .nav .e_j .e_lm:hover .s_j a{background:none; color:#aaa;}

    .header .nav .e_j .e_lm:hover .s_j a:hover{background:none;}

    .header .nav ul li a.o_lm{ line-height:50px}

}

.head_h{width:100%; height:97px; background-color:#fff;}

@media only screen and (max-width:992px){

    .head_h{height:64px;}

}

@media only screen and (max-width:640px){

    .header .nav ul li a.o_lm{ font-size:13px;}

}


.logo{width: 100%;height: 100px;line-height: 100px;}

.logo1{}



.logo3 button {

    width: 15px;

    height: 15px;

    border: none;



}

.logo3 form{position: absolute;right: 0;top: 50%;border-radius: 15px;padding: 5px;display: none;}

.top{
    width:100%;
    height:30px;
    line-height:30px;
    overflow: hidden;
    background: #ffb400;
    color: #fff;
}
.top img{
    margin-right: 5px;
}
.top span{
    float: right;
}
.top span a{
    color: #fff;
}
.top span span{
    margin: 0 15px;
    float: unset;
}
.banner{margin:0 auto;width: 100%;}

.banner img{ width:100%;}

@media only screen and (max-width:640px){

    .logo{width: 100%;height: auto;line-height: 30px;padding: 0;}

    .logo1{
        padding: 15px;
    }





    .logo3 form{}

    .banner{margin:0 auto;width: 100%;}

    .banner img{ width:100%;}
}
@keyframes move{0%{-webkit-transform: translateY(0px);} 50%{-webkit-transform: translateY(10px);} 100%{-webkit-transform: translateY(0px);}}

/*轮播图*/

.sy_ban{width:100%;height: 600px;position:relative;}

.sy_ban a{display:block; width:100%; height:100%;}

.sy_ban .swiper-pagination{
    bottom: 30px;
}

.sy_ban .swiper-button-prev{background:no-repeat; width:16px; height:30px; margin-top:-15px;

    background-size:16px 30px;

    -webkit-background-size:16px 30px;

    -moz-background-size:16px 30px;

    -ms-background-size:16px 30px;

    -o-background-size:16px 30px;}

.sy_ban .swiper-button-next{background:no-repeat; width:16px; height:30px; margin-top:-15px;

    background-size:16px 30px;

    -webkit-background-size:16px 30px;

    -moz-background-size:16px 30px;

    -ms-background-size:16px 30px;

    -o-background-size:16px 30px;}

.sy_ban .swiper-pagination-bullet{width:10px;height:10px;display: inline-block;border-radius: 100%;opacity:1;background:none;outline: none;background: #fff;margin: 0 8px!important;}

.sy_ban .swiper-pagination-bullet-active{background: #ffb400;opacity: 1;width: 25px;border-radius: 10px;}

@media only screen and (max-width:992px){

    .sy_ban{height:15rem;}

    .sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}

}

@media only screen and (max-width:320px){

    .sy_ban{height:12rem;}

}

/*底部*/

.db{}

	.xiaocms-page {font-family: "微软雅黑";padding: 5px;margin: 5px;text-align: center;margin: 30px auto;
}
.xiaocms-page a {border-right: #ddd 1px solid;border-top: #ddd 1px solid;padding-bottom: 5px;border-left: #ddd 1px solid;color: #888888;margin-right: 5px;border-bottom: #ddd 1px solid;text-decoration: none;margin: 0 5px;padding: 10px;font-size: 14px;}
.xiaocms-page a:hover {
    background: #ffb400;
    color: #fff;
}
.xiaocms-page a:active {}
.xiaocms-page span {border-right: #ffb400 1px solid;border-top: #ffb400 1px solid;font-weight: bold;padding-bottom: 5px;border-left: #ffb400 1px solid;color: #fff;margin-right: 5px;border-bottom: #ffb400 1px solid;background-color: #ffb400;padding: 10px;font-size: 14px;}
.xiaocms-page span.disabled {border-right: #0184c1 1px solid;padding-right: 8px;border-top: #0184c1 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #0184c1 1px solid;color: #0184c1;margin-right: 5px;padding-top: 5px;border-bottom: #0184c1 1px solid;
}
/*首页关于我们*/
.syjj{
    width: 100%;
    padding: 80px 0;
}
.bt{
    text-align: center;
    margin-bottom: 40px;
    font-size: 14px;
    color: #aaaaaa;
}
.bt span{
    display: block;
    text-align: center;
    font-size: 43px;
    color: #ffb400;
    font-weight: bold;
}
.bt span a{
    color: #333333!important;
    font-size: 43px;
}
.syjj .col-xl-5{}
.syjj .col-xl-5 img{}
.ab2{
    margin: 35px 0;
}
.ab2 p{
    font-size: 16px;
    color: #666666;
}
.ab2 p span{
    color: #ffb400;
    font-weight: bold;
}
.ab2 a{
    color: #999999;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid;
    display: block;
    margin: 15px 0;
    font-size:14px
}
.ab2 a:hover{
    background:#ffb400;
    color:#fff
}
.abfl{
    width: 100%;
    border: 1px solid #cccccc;
}
.abfl .col-xl-3{
    padding: 0;
    transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.abfl .col-xl-3:hover{
    background:#ffb400;
    color: #000;
}
.abfl .col-xl-3:hover img{filter: brightness(0.1);}
.abfl1{
    padding: 30px;
    text-align: center;
    font-size: 18px;
}
.abfl1 img{
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
@media only screen and (max-width:992px){
.syjj{
    width: 100%;
    padding: 30px 0;
}
.bt{
    text-align: center;
    margin-bottom: 30px;
    font-size: 14px;
    color: #aaaaaa;
}
.bt span{
    display: block;
    text-align: center;
    font-size: 23px;
    color: #ffb400;
    font-weight: bold;
}
.bt span a{
    color: #333333!important;
    font-size: 23px;
}
.syjj .col-xl-5{}
.syjj .col-xl-5 img{}
.ab2{
    margin: 25px 0;
}
.ab2 p{
    font-size: 14px;
    color: #666666;
}
.ab2 p span{
    color: #ffb400;
    font-weight: bold;
}
.ab2 a{
    color: #999999;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid;
    display: block;
    margin: 15px auto;
    font-size:14px;
}
.ab2 a:hover{
    background:#ffb400;
    color:#fff
}
.abfl{
    width: 100%;
    border: 1px solid #cccccc;
}
.abfl .col-xl-3{
    padding: 0;
    transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.abfl .col-xl-3:hover{
    background:#ffb400;
    color: #000;
}
.abfl .col-xl-3:hover img{filter: brightness(0.1);}
.abfl1{
    padding: 25px;
    text-align: center;
    font-size: 16px;
}
.abfl1 img{
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.top{
    width:100%;
    height: auto;
    line-height: 25px;
    overflow: hidden;
    background: #ffb400;
    color: #fff;
}
.top img{
    margin-right: 5px;
}
.top span{
    float: right;
}
.top span a{
    color: #fff;
}
.top span span{
    margin: 0 15px;
    float: unset;
}
}

/*新闻动态*/
.syxw{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f4f4f3;
    padding: 60px 0;
}

.xwmb{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 120px;
    background: rgba(0,0,0,.7);
    padding: 30px 60px 30px 0px;
    color: #FFE;
    font-size: 16px;
    text-align: left;
}
.xwmb .col-xl-4{}
.xwmb .col-xl-4 span{}
.xwmb .col-xl-8{}
.xwmb .col-xl-8 span{}
.xwm1{
    text-align: center;
}
.xwm1 span{
    font-size: 32px;
    display: block;
    text-align: center;
}
.xwm2{
    width: 100%;
    line-height: 35px;
}
.xwm2 span{}
.slideTxtBox{}
.hd .col-xl-4{}
.qh1{text-align: center;font-size: 16px;color: #666666;}
.bd1{}
.bd1 img{
    width: 100%;
    height: 480px;
    position: relative;
}
.qh1 span{
    display: block;
    font-size: 32px;
    text-align: center;
    color: #000;
}
.qh2{
    color: #666666;
}
.slideTxtBox .hd ul li.on .qh2 span{
    color:#fff
    
    
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.slideTxtBox .hd ul li.on .qh1 span {
    color:#fff
}
.slideTxtBox .hd ul li.on .qh2 {
    color:#fff
}
.slideTxtBox .hd ul li.on .qh1 {
    color:#fff
}
.qh2 span{
    display: block;
    color: #000;
    
    
    
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.slideTxtBox .bd{
    width: 50%!important;
    float: left;
}
.slideTxtBox{width: 100%;border:1px solid #ddd;text-align:left;}
.slideTxtBox .hd{height: 480px;line-height:30px;background: #fff;padding: 0;border-bottom:1px solid #ddd;position: relative;right: 0;float: right;width: 50%;top: 0;}
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{float:left;cursor:pointer;height: 120px;width: 100%;padding: 30px 0;font-size: 16px;}
.slideTxtBox .hd ul li.on{height: 120px;background: #ffb400;width: 115%;left: -15%;position: relative;color: #fff;padding-left: 15%;}
.slideTxtBox .bd ul{padding: 0;zoom:1;width: 100%!important;}
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.xwm2 p{
    overflow: hidden;
    display:-webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.qh2 p{
    overflow: hidden;
    display:-webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sjxw{ display: none;}
@media only screen and (max-width:992px){
.slideTxtBox{ display: none;}
.sjxw{ display: block;}
.syxw{ position: relative;}
.sjxw .swiper-button-prev{
    filter: brightness(0.3);
    top: 50%;
    outline: none;
}
.sjxw .swiper-button-next{
    filter: brightness(0.3);
    top: 50%;
    outline: none;
}
.xwmb{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: auto;
    background: rgba(0,0,0,.7);
    padding: 15px;
    font-size: 14px;
    text-align: left;
}
.xwmb .col-xl-4{}
.xwmb .col-xl-4 span{}
.xwmb .col-xl-8{}
.xwmb .col-xl-8 span{
    display: block;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.xwm1{
    text-align: center;
    display: none;
}
.xwm1 span{
    font-size: 32px;
    display: block;
    text-align: center;
}
.xwm2{
    width: 100%;
    line-height: 35px;
    font-size: 12px;
}
.xwm2 span{}
}
/*以人为本*/
.yrwb{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/yrwb.jpg)center top no-repeat;
    text-align: center;
    padding: 25px 0;
}
.yrwb span{
    font-size: 28px;
    color: #fff;
}
.yrwb li{
    font-size: 12px;
    color: #aaaaaa;
    margin: 0 12px 0;
    text-transform: uppercase;
}
.yrwb p{
    font-size: 16px;
    color: #ffffff;
    margin: 12px auto;
}
.yrwb a{
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #ffb400;
    display: block;
    margin: auto;
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
}
/*应用领域*/
.yyly{
    width: 100%;
    padding: 60px 0;
    height: auto;
    background: #f4f4f3;
}
.yyly1{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.yyly1 img{
    position: relative;
    height: 100%;
}
.yylym{
    position: absolute;
    width: 50%;
    background: rgba(255,180,0,.8);
    height: 50%;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 30px;
}
.yylym span{
    font-size:24px
}
.yylym p{
    font-size: 16px;
    margin: 30px 0;
}
.yylym a{
    
width: 140px;
    
height: 40px;
    
text-align: center;
    
display: block;
    
border: 1px solid;
    
margin: auto;
    
line-height: 40px;
    
color: #fff;
    
font-size: 14px;
}
.yylym a:hover{
    background:#fff;
    color:#ffb400
}
.yylym2{
    position: absolute;
}
.yylym2 span{
    font-size: 24px;
}
.yylym2 p{
    margin: 30px 0;
    font-size: 16px;
}
.yylym2 a{
    color: #999999;
    font-size: 14px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid;
    display: block;
    margin: auto;
}
.yylym2 a:hover{
    background:#000;
    color:#fff
}
.yyly .col-xl-6{
    padding: 0;
    height: 590px;
}
.yylym2:nth-of-type(1){
    top: 0;
    left: 0;
    height: 50%;
    width: 50%;
    text-align: center;
    padding: 30px;
}
.yylym2:nth-of-type(2){
    bottom: 0;
    right: 0;
    height: 50%;
    width: 50%;
    text-align: center;
    padding: 30px;
}
@media only screen and (max-width:992px){
/*以人为本*/
.yrwb{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/yrwb.jpg)center top no-repeat;
    text-align: center;
    padding: 25px 0;
}
.yrwb span{
    font-size: 24px;
    color: #fff;
}
.yrwb li{
    font-size: 12px;
    color: #aaaaaa;
    margin: 0 12px 0;
    text-transform: uppercase;
}
.yrwb p{
    font-size: 14px;
    color: #ffffff;
    margin: 12px auto;
}
.yrwb a{
    width: 140px;
    height: 35px;
    line-height: 35px;
    background: #ffb400;
    display: block;
    margin: auto;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
}
/*应用领域*/
.yyly{
    width: 100%;
    padding: 30px 0;
    height: auto;
    background: #f4f4f3;
}
.yyly1{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.yyly1 img{
    position: relative;
    height: auto;
}
.yylym{
    position: relative;
    width: 100%;
    background: rgba(255,180,0,.8);
    height: 100%;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 15px;
}
.yylym span{
    font-size:24px
}
.yylym p{
    font-size: 16px;
    margin: 15px 0;
}
.yylym a{
    
width: 140px;
    
height: 40px;
    
text-align: center;
    
display: block;
    
border: 1px solid;
    
margin: auto;
    
line-height: 40px;
    
color: #fff;
    
font-size: 14px;
}
.yylym a:hover{
    background:#fff;
    color:#ffb400
}
.yylym2{
    position: absolute;
}
.yylym2 span{
    font-size: 18px;
}
.yylym2 p{
    margin: 10px 0;
    font-size: 12px;
}
.yylym2 a{
    color: #999999;
    font-size: 12px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid;
    display: block;
    margin: auto;
}
.yylym2 a:hover{
    background:#000;
    color:#fff
}
.yyly .col-xl-6{
    padding: 0;
    height: auto;
}
.yylym2:nth-of-type(1){
    top: 0;
    left: 0;
    height: auto;
    width: 50%;
    text-align: center;
    padding: 15px;
}
.yylym2:nth-of-type(2){
    right: 0;
    height: 50%;
    width: 50%;
    text-align: center;
    padding: 20px;
    bottom: 0;
}
}
/*产品展示*/
.sycp{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}
.sycp .container{
    overflow:hidden;
}
.cpqh{
    width: 100%;
    height: auto;
    /* overflow: hidden; */
}
.swiper-slide-next .cpqhm{
    border-bottom: none;
    background: url(../images/cpx.jpg)repeat-x bottom;
    box-shadow: 0 0px 18px 0px #999999;
}
.cpqh1{
    width: 100%;
    position: relative;
}
.cpqh1 img{
    display: block;
    margin: auto;
    width: 100%;
}
.cpqhm{
    border-bottom: 1px solid;
    padding: 30px 20px;
    font-size: 18px;
    color: #333333;
}
.cpqhm a{
    font-size: 14px;
    color: #ffb400;
    float: right;
}
.cpqh .swiper-button-next{
    background: url(../images/rt.png);
    width: 36px;
    height: 36px;
    right: 15%;
}
.cpqh .swiper-button-next:hover{
    filter: brightness(0);
    opacity: .5;
}
.cpqh .swiper-button-prev{
    background: url(../images/lf.png);
    width: 36px;
    height: 36px;
    left: 15%;
}
.cpqh .swiper-button-prev:hover{
    filter: brightness(0);
    opacity: .5;
}
.more{
    width: 140px;
    height: 40px;
    margin: auto;
    line-height: 40px;
    display: block;
    border: 1px solid;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 40px;
}
.more:hover{
	background: #ffb400;
	color: #fff;
}
/*底部*/
.db{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #333333;
    padding: 60px 0;
    font-size: 14px;
}
.ddh{
    text-align: center;
    color: rgba(255,255,255,.5);
}
.db .col-xl-1{}
.db .col-xl-2{}
.db .col-xl-4{}
.ddh span{}
.ddh ul{
    padding-top: 15px;
}
.ddh ul li{
    line-height: 30px;
}
.ddh ul li a{
    color: rgba(255,255,255,.2);
    font-size: 14px;
}
.ddh p{
    text-align: left;
    line-height: 30px;
}
.bq{
    width: 100%;
    background: #262626;
    padding: 22px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

@media only screen and (max-width:992px){
.bq{
    width: 100%;
    background: #262626;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
}
}
/*内页*/
.nb{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    background-repeat: no-repeat;
}
.nb span{
    display: block;
    font-size: 54px;
}
@media only screen and (max-width:992px){
.nb{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    background-repeat: no-repeat;
}
.nb span{
    display: block;
    font-size: 30px;
}
}
.pos{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f4f4f3;
    padding: 20px 0;
    color: #999999;
    font-size: 14px;
}
.pos img{
    vertical-align: middle;
    margin-right: 5px;
}
.pos a{
    vertical-align: middle;
    margin: 0 5px;
    color: #999999;
    font-size: 14px;
}
.nm{
    width: 100%;
    padding: 50px 0;
    height: auto;
    overflow: hidden;
    margin: 30px 0;
}
.nm .nbt{
    width: 100%;
    text-align: center;
    font-size: 42px;
    color: #000;
    font-weight: bold;
    margin: 30px auto;
}
.nm .nbt span{
    color:#ffb400
}
.nm .nej{
    text-align: center;
}
.nm .nej a{
    display: inline-block;
    width: 140px;
    height: 40px;
    border: 1px solid;
    margin: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #999999;
}
.nm .nej .cur{
    background: #ffb400;
    color: #fff;
    border: 1px solid #ffb400;
}
.nm .nej a:hover{
    background: #ffb400;
    color: #fff;
    border: 1px solid #ffb400;
}

@media only screen and (max-width:992px){
.pos{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f4f4f3;
    padding: 20px 0;
    color: #999999;
    font-size: 14px;
}
.pos img{
    vertical-align: middle;
    margin-right: 5px;
}
.pos a{
    vertical-align: middle;
    margin: 0 5px;
    color: #999999;
    font-size: 14px;
}
.nm{
    width: 100%;
    padding: 15px 0;
}
.nm .nbt{
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin: 15px auto;
}
.nm .nbt span{
    color:#ffb400
}
.nm .nej{
    text-align: center;
}
.nm .nej a{
    display: inline-block;
    width: 40%;
    height: 35px;
    border: 1px solid;
    margin: 5px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #999999;
}
.nm .nej .cur{
    background: #ffb400;
    color: #fff;
    border: 1px solid #ffb400;
}
.nm .nej a:hover{
    background: #ffb400;
    color: #fff;
    border: 1px solid #ffb400;
}
}
/*产品列表*/
.cplb{
    width: 100%;
    margin: 45px 0;
}
.cp1{
    width: 100%;
    position: relative;
    margin: 10px auto;
}
.cp1 img{
    display: block;
    margin: auto;
    width: 100%;
}
.cp1 .cpqhm{
    border-bottom: 1px solid #cccccc;
    padding: 30px 20px;
    font-size: 18px;
    color: #333333;
}
.cp1 .cpqhm a{
    font-size: 14px;
    color: #ffb400;
    float: right;
}
.cp1:hover .cpqhm{
    border-bottom: none;
    background: url(../images/cpx.jpg)repeat-x bottom;
    box-shadow: 0 0px 18px 0px #999999;
}
/*产品内页*/
.cpnm{}
.cpnt{}
.cpnt img{}
.cpnm .cpbt{
    font-size: 32px;
    color: #333333;
    font-weight: bold;
    margin: 15px 0;
}
.cpjs{
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.cpjs p{
}
.cptel{
    width:100%;
    border-top: 1px solid #dbdbdb;
    margin: 40px 0;
    padding: 40px 0;
    float: left;
}
.cptel img{
    float: left;
    margin-right: 10px;
}
.cptel p{
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    float: left;
}
.cptel p span{
    display: block;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}
.cplx{
    float: right;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffb400;
    color: #fff;
}
.cplx img{
    margin-right: 10px;
    float: unset;
}
.cpbt2{
    font-size: 24px;
    color: #;
    background: #f4f4f3;
    margin: 40px 0;
    border-left: 6px solid #ffb400;
    padding: 13px 25px;
    font-weight: bold;
}
.cpzw{
    color: #666666;
    font-size: 16px;
    line-height: 35px;
}
.cpsx{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 50px;
}
.fenye{
    width: 50%;
    float: left;
}
.fenye span{
    display: block;
    font-size: 14px;
    color: #999999;
}
.fenye span a{
    font-size: 14px;
    color: #999999;
}
.fenye span a:hover{
    font-size:14px;
    color:#ffb400;
    text-decoration: underline;
}
.fh{
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 25px;
}
.fh a{
    font-size: 14px;
    color: #999999;
}
@media only screen and (max-width:992px){

.cpnm{}
.cpnt{}
.cpnt img{}
.cpnm .cpbt{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin: 15px 0;
}
.cpjs{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.cpjs p{
}
.cptel{
    width:100%;
    border-top: 1px solid #dbdbdb;
    margin: 20px 0;
    padding: 15px 0;
    float: unset;
}
.cptel img{
    float: left;
    margin-right: 10px;
}
.cptel p{
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}
.cptel p span{
    display: block;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}
.cplx{
    float: right;
    width: 190px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffb400;
    color: #fff;
    margin-top: 25px;
}
.cplx img{
    margin-right: 10px;
    float: unset;
}
.cpbt2{
    font-size: 18px;
    background: #f4f4f3;
    margin: 20px 0;
    border-left: 6px solid #ffb400;
    padding: 10px;
    font-weight: bold;
}
.cpzw{
    color: #666666;
    font-size: 14px;
    line-height: 35px;
}
.cpsx{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 30px;
}
.fenye{
    width: 100%;
    float: unset;
}
.fenye span{
    display: block;
    font-size: 14px;
    color: #999999;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.fenye span a{
    font-size: 14px;
    color: #999999;
}
.fenye span a:hover{
    font-size:14px;
    color:#ffb400;
    text-decoration: underline;
}
.fh{
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 25px;
}
.fh a{
    font-size: 14px;
    color: #999999;
}
}
/*新闻列表*/
.xwlb {
    width: 100%;
    margin: 50px 0;
}
.xwlb1 {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 20px 0;
    padding: 35px 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.xwrq {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999999;
}
.xwrq span {
    display: block;
    font-size: 32px;
    color: #000;
}
.xwlbm {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.xwlbm span {
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: bold;
}
.xwlbm p {
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xwlb1:hover {
    box-shadow: 0 0 11px 3px #dbdbdb;
}
.xwlb1:hover .xwlbm span {
    color: #ffb400;
}
.xwny{}
.nxwbt{
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.xwxx{
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 20px 0;
}
.xwjj{
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}
.xwnr{
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 35px;
}
@media only screen and (max-width:992px){
.xwlb {
    width: 100%;
    margin: 30px 0;
}
.xwlb1 {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 15px 0;
    padding: 25px 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.xwrq {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #999999;
}
.xwrq span {
    display: block;
    font-size: 26px;
    color: #000;
}
.xwlbm {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.xwlbm span {
    font-size: 14px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: bold;
}
.xwlbm p {
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xwlb1:hover {
    box-shadow: 0 0 11px 3px #dbdbdb;
}
.xwlb1:hover .xwlbm span {
    color: #ffb400;
}
.xwny{}
.nxwbt{
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.xwxx{
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 20px 0;
}
.xwjj{
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}
.xwnr{
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 35px;
}
}
/*加入我们*/
.join{margin-top: 60px;}
.join ul dl{cursor:pointer;outline: none;margin: 10px 0;color: #333333;border: 1px solid #e2e2e2;}
.join ul dl .ti{width: 100%;height: 55px;line-height: 55px;border-bottom: 1px solid #e2e2e2;font-size: 16px;color: #000;padding: 0 40px;position: relative;}
.join ul dl .ti .zy{display: inline-block;width: 25%;color: #555555;}
.join ul dl .ti .zy img{ margin-right:20px}
.join ul dl .ti .yzy{
    float: right;
    color: #555555;
    font-size: 15px;
    width: 60%;
}
.join ul dl .ti .yzy a{
    color: #555555;
    font-size: 20px;
    margin-left:15px;
    position: absolute;
    right: 30px;
}
.join ul dl .ti .yzy a img{
    margin-left:15px;
    filter: brightness(0.5);
}
.join ul dl.show .ti .yzy a img
{
    filter:unset
}
.join ul dl .ti .but{float: right;display: block;width: 20px;height: 16px;background: url(../images/jt.png) no-repeat center;margin-top: 22px;}
.join ul dl .ti .dz{background: url(../images/dz.png) no-repeat left center;padding-left: 20px;}
.join ul dl .text{font-size: 14px;color: #666666;line-height: 2.1;padding: 0;display: none;padding: 35px 40px;}
.join ul dl .text .throw{margin-top: 20px;}
.join ul dl .text .throw span{color: #4378df;}
.join ul dl.show{color: #333333;}
.join ul dl.show .zy{
}
.join ul dl.show .yzy{
}
.join ul dl.show .yzy a{
    color:#fff;
    float: right;
}
.join ul dl .yzy .xia{ opacity:0}
.join ul dl .yzy .shang{ opacity:1}
.join ul dl.show .yzy .xia{ opacity:1}
.join ul dl.show .yzy .shang{ opacity:0}
.join ul dl.show .text{display: block;background-color: #fff;background-position: left center;background-repeat: no-repeat;background-position-x: 20px;background-position-y: 30%;margin-top: 0px;}
.join1{
    font-size: 16px;
    color: #666666;
    line-height: 35px;
    margin: 30px 0;
}
@media only screen and (max-width:992px){
.join{margin-top: 60px;}
.join ul dl{cursor:pointer;outline: none;margin: 10px 0;color: #333333;border: 1px solid #e2e2e2;}
.join ul dl .ti{width: 100%;height: auto;line-height: 35px;border-bottom: 1px solid #e2e2e2;font-size: 14px;color: #000;padding: 0 20px;position: relative;}
.join ul dl .ti .zy{display: inline-block;width: 30%;color: #555555;font-size: 12px;}
.join ul dl .ti .zy img{ margin-right:20px}
.join ul dl .ti .yzy{
    float: right;
    color: #555555;
    font-size: 12px;
    width: 65%;
}
.join ul dl .ti .yzy a{
    color: #555555;
    font-size: 20px;
    margin-left:15px;
    position: absolute;
    right: 30px;
}
.join ul dl .ti .yzy a img{
    margin-left:15px;
    filter: brightness(0.5);
}
.join ul dl.show .ti .yzy a img
{
    filter:unset
}
.join ul dl .ti .but{float: right;display: block;width: 20px;height: 16px;background: url(../images/jt.png) no-repeat center;margin-top: 22px;}
.join ul dl .ti .dz{background: url(../images/dz.png) no-repeat left center;padding-left: 20px;}
.join ul dl .text{font-size: 14px;color: #666666;line-height: 2.1;padding: 0;display: none;padding: 15px;}
.join ul dl .text .throw{margin-top: 20px;}
.join ul dl .text .throw span{color: #4378df;}
.join ul dl.show{color: #333333;}
.join ul dl.show .zy{
}
.join ul dl.show .yzy{
}
.join ul dl.show .yzy a{
    color:#fff;
    float: right;
}
.join ul dl .yzy .xia{ opacity:0}
.join ul dl .yzy .shang{ opacity:1}
.join ul dl.show .yzy .xia{ opacity:1}
.join ul dl.show .yzy .shang{ opacity:0}
.join ul dl.show .text{display: block;background-color: #fff;background-position: left center;background-repeat: no-repeat;background-position-x: 20px;background-position-y: 30%;margin-top: 0px;}
.join1{
    font-size: 14px;
    color: #666666;
    line-height: 35px;
    margin: 0;
}
}


.abi3-wap{
	display: none;
}
.ab-i2{
	background-color: #f4f4f3;
	padding-bottom: 100px;
	padding-top: 80px;
	position: relative;
}

.itit{
	text-align: center;
	color: #666;
	font-size: 30px;
	margin-bottom: 16px;
}
.itit-line{
	width: 60px;
	height: 2px;
	background-color: #ffb400;
	margin: 0 auto;
}
.itit-box{
	margin-bottom: 40px;
}
.swiper-container-ab{
	width: 80%;
}
.ab-lb1{
	padding: 20px;
	background-color: #fff;
	color: #666;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ab-i2 .container{
	position: relative;
}
.ab-i2 .swiper-slide{
	position: relative;
}
.ab-i2 .swiper-button-prev{
	outline: none;
	background-image: url(../images/jiantou.png);
	width: 36px;
	height: 36px;
	background-size: unset;
}
.ab-i2 .swiper-button-next{
	outline: none;
	background-image: url(../images/jiantou.png);
	width: 36px;
	height: 36px;
	background-size: unset;
	transform:rotate(180deg);
}
.ab-i2 .swiper-button-prev:hover{
	background-image: url(../images/lf.png);
}
.ab-i2 .swiper-button-next:hover{
	background-image: url(../images/lf.png);
	transform:rotate(180deg);
}
.ab-i3 .container{
	padding: 80px 0 120px 0;
}
.abi3-box{
	box-sizing: border-box;
	padding: 0 10px;
}
.abi2-t1{
	width: 16px;
	height: 16px;
	background-color: #e6dfcf;
	border-radius: 50%;
	margin: 25px auto 20px auto;
}
.abi2-t2{
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	line-height: 14px;
}
.swiper-slide-next .abi2-t1{
	background-color: #ffb400;
	box-shadow: 0 0 0 5px rgba(255,180,0,0.3);
}
#abi2-lineb{
	position: absolute;
	bottom: 142px;	
	/* i2的底边距(100px)加time高度(50px)减圆一半(8px) */
	width: 100%;
	height: 1px;
	background-color: #dbdbdb;
}
.abi3-box{
	display: flex;
	justify-content: space-around;
}
.abi3-alist{
	position: relative;
}
.abi3-list{
	width: 200px;
	height: 200px;
	border: 1px solid #ddd;
	border-radius: 20px;
	transform:rotate(45deg);
	background-color: #fff;
	position: relative;
}
.abi3-box>div:nth-of-type(even)>.abi3-list{
	background-color: #ffb400;
	color: #fff;
}
.abi3-list p{
	position: absolute;
	width: 140px;
	height: 140px;
	top: 50%;
	left: 50%;
	transform:rotate(-45deg) translate(0%,-50%);
	font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.abi3-list1{z-index: 5;}
.abi3-list2{z-index: 4;}
.abi3-list3{z-index: 3;}
.abi3-list4{z-index: 2;}
.abi3-list5{z-index: 1;}

.abi3-stit{
	position: absolute;
	width: 75%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #ffb400;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #fff;
	clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);
	-webkit-clip-path: polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);
	box-shadow: 0 10px 20px 20px #aaa;
}

.abi3-box>div:nth-of-type(odd)>.abi3-stit{
	background-color: #ffb400;
	color: #fff;
}


@media only screen and (max-width:1200px){
	.abi3-list{
		width: 180px;
		height: 180px;
	}
	.abi3-list p{
		width: 140px;
		height: 140px;
		font-size: 14px;
	}
}
@media only screen and (max-width:992px){
	.abi3-list{
		width: 140px;
		height: 140px;
	}
	.abi3-list p{
		width: 100px;
		height: 100px;
		font-size: 12px;
	}
}

.ab-i4{
	background-color: #f4f4f3;
	padding: 80px 0;
}
.abi4-con{
	display: flex;
	justify-content: space-between;
}
.adi4-list{
	width: 32%;
	padding: 30px 3%;
	background-color: #fff;
}
.adi4-list:hover{
	background-color: #ffb400;
	box-shadow: 0 3px 15px 0px #ffdb7d;
}
.adi4-list:hover p{
	color: #fff;
}
.adi4-img{
	margin: 0 auto;
	border-radius: 50%;
	width: 78px;
	height: 78px;
	display: flex;
	justify-content: center;
	background: #fff;
	align-items: center;
	border: 2px solid #ffb400;
}
.adi4-t1{
	margin: 25px 0 8px 0;
	font-size: 18px;
	color: #333;
	text-align: center;
}
.adi4-t2{
	font-size: 16px;
	color: #999;
	text-align: center;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gywm{
	margin:50px 0;
	}
.gywm p{
	font-size:16px;
	color:#666666;
	line-height:35px
	
	}
@media only screen and (max-width:992px){
	.ab-i2{
		padding: 30px 0;
	}
	.itit{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.itit-box{
		margin-bottom: 20px;
	}
	.ab-lb1{
		padding: 10px 4px;
	}
	.abi2-t1{
		margin: 15px auto 10px auto;
	}
	#abi2-lineb{
		bottom: 62px;
	}
	.swiper-slide-next .abi2-t1,
	.swiper-slide-active .abi2-t1{
		background-color: #ffb400;
		box-shadow: 0 0 0 5px rgba(255,180,0,0.3);
	}
	.adi4-list{
		width: 100%;
	}
	.abi4-con{
		display: unset;
	}
	.abi3-box{
		display: none;
	}
	.abi3-wap{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.a3-wap-list{
		margin-top: 80px;
		width: 30%;
		padding: 5px;
		border: 1px solid #ffb400;
		border-radius: 10px;
		position: relative;
		
	}
	.a3-wap-list p{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
	.abi3-wap>div:nth-of-type(even){
		background-color: #ffb400;
		color: #fff;
	}
	.a3-wap-tit{
		position: absolute;
		top: -40px;
		width: 100%;
		background-color: #ffb400;
		border: 1px solid #ccc;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		color: #333;
		clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);
		-webkit-clip-path: polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);
	}
	.abi3-wap>div:nth-of-type(even) .a3-wap-tit{
		background-color: #eee;
	}
	.ab-i3 .container{
		padding: 40px 0 40px 0;
	}
	.ab-i4{
		padding: 40px 0;
	}
	.swiper-container-ab {
	    width: 76%;
	}
	.adi4-t1{
		margin: 15px 0 5px 0;
	}
	
.gywm{
	margin:20px 0;
	}
.gywm p{
	font-size:14px;
	color:#666666;
	line-height:35px
	
	}
}