/* public */
.idx_title {}

.idx_title .box_title {
    font-size: 42px;
    font-weight: 500;
    color: #ff730f;
	display: inline-block;
}
.idx_title .slogan{
    margin: 0;
    font-size: 20px;
}


.idx_more a {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    width: 220px;
    border: 2px solid #ff730f;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
}

.idx_more a span {
    position: relative;
    z-index: 1;
    color: #ff730f;
    transition: color ease-in-out .2s;
}

.idx_more a i {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 25px;
    z-index: 1;
    color: #fff;
}

.idx_more a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #fe8a3f;
	background: linear-gradient(to left,#fd7738,#fe903e);
    width: 85px;
    transform: skewX(-25deg);
    transition: width ease-in-out .2s;
}
@media (min-width: 850px) {


    .idx_more a:hover span {
        color: #fff;
    }

    .idx_more a:hover:after {
        width: 300px;
    }
}

@media only screen and (max-width:1440px){
	.idx_title .box_title {font-size: 33px;}
}

@media only screen and (max-width:1260px){
	.idx_title .box_title{font-size: 30px;}
	.idx_title .slogan{font-size: 18px;}
}
@media only screen and (max-width:1080px){
	.idx_more a{padding: 12px 12px;width: 180px;}
	.idx_more a i{padding:16px 18px;}
	.idx_more a:after{right:-24px;}
}
@media only screen and (max-width:850px){
	.idx_title .box_title{font-size: 26px;}
	.idx_title .slogan{font-size: 18px;}
	.idx_more a {padding: 10px 12px;width: 160px;}
	.idx_more a i{padding: 14px 18px;}
}
@media only screen and (max-width:520px){
	.idx_title .box_title{font-size: 20px;}
	.idx_title .slogan{font-size: 16px;}
	.idx_more a{padding:8px 10px;width: 130px;font-size: 13px;}
	.idx_more a:after{right:-46px;}
	.idx_more a i{padding:11px;}
}

/*#region*/
.title {
    margin-bottom: 50px;
    text-align: center;
}

.title h2 {
    font-size: 30px;
    font-weight: bold;
    color: #404040;
}

.title p {
    font-size: 18px;
    color: #808080;
}

@media (max-width: 767px) {
    .title {
        margin-bottom: 20px;
    }

    .title h2 {
        margin-bottom: 10px;
        font-size: 28px;
    }

    .title p {
        margin: 0 6%;
        font-size: 18px;
    }
}

/*#endregion*/


/*banner */
/*#region*/
.banner {
    background-color: #061a2f;
}

.banner .wp .txt {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.banner .wp .txt h3 {
    margin: 30px 0;
    padding: 0;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}

.banner .wp .txt h3 span {
    color: #5bfaff;
}

.banner .wp .txt p {
    margin: 0 0 110px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.banner .wp .txt a {
    border: 1px solid #5bfaff;
    display: inline-block;
    padding: 0 50px;
    font-size: 16px;
    line-height: 50px;
    color: #5bfaff;
}

.banner .wp .txt a:hover {
    background-color: #5bfaff;
    color: #000;
    text-decoration: none;
}

@media (max-width: 767px) {

    .banner .wp .txt {
        justify-content: center;
    }

    .banner .wp .img {
        margin-left: -10%;
        margin-right: -10%;
    }

    .banner .wp .txt {
        text-align: center;
    }

    .banner .wp .txt h3 {
        margin: 0 0 20px;
        font-size: 28px;
    }

    .banner .wp .txt p {
        margin: 0 0 20px;
        font-size: 16px;
    }
}

.banner .button-prev, .banner .button-next {
    position: absolute;
    top: 50%;
    z-index: 999;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 48px;
    border: 2px solid rgba(255,255,255,0.7);
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
	transform: translateY(-50%);
}

.banner .button-prev {
    left: 5%;
}

.banner .button-next {
    right: 5%;
}
.banner .button-prev i,.banner .button-next i{position: absolute;left:50%;top:53%;line-height: 1em;display: inline-block;height: auto;font-size: 0;transform: translate(-50%,-50%);}

.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 14px;width: 8px;height: 8px;opacity: 1;background-color: #b6c8c7;vertical-align: middle;position: relative;transition: all .3s linear;}
.banner .swiper-pagination .swiper-pagination-bullet:after{content:"";position: absolute;left:50%;top:50%;width: calc(100% + 12px);height:calc(100% + 12px);border: 1px solid #f2871a;border-radius: 50%;z-index: 1;transform:translate(-50%,-50%);opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#f2871a;width: 16px;height: 16px;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}

@media only screen and (max-width:990px){
	.banner .button-prev, .banner .button-next{width: 50px;height: 50px;}
}
@media only screen and (max-width:850px){
	.banner .swiper-pagination{bottom: 26px;}
	.banner .button-prev, .banner .button-next{width: 40px;height: 40px;}
	.banner .button-prev i, .banner .button-next i{width: 10px;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;}
}
@media only screen and (max-width:520px){
	.banner .swiper-pagination{bottom: 14px;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{width: 8px;height: 8px;}
	.banner .swiper-pagination .swiper-pagination-bullet:after{width: calc(100% + 8px);height: calc(100% + 8px);}
}
/*#endregion*/

/* about */
/*#region*/
/* .about {
    padding: 170px 0 120px;
    background: #fff url(../images/bg_about.jpg) no-repeat 0 0;
}

.about .idx_title {
    text-align: left;
	margin-bottom: 26px;
}

.about .idx_title .box_title {
    margin: 0 0 40px;
}

.about .idx_title .slogan {
    margin: 0;
    font-size: 24px;
}

.about .content {
    line-height: 2;
    text-align: justify;
    color: #666;
}

.about .numbers .item {
    margin-bottom: 50px;
}

.about .numbers .num {
    margin-right: 5px;
    font-size: 38px;
    color: #ff730f;
    font-weight: 600;
	font-family: GothamRounded;
	font-weight: 500;
}

.about .numbers .item:nth-child(3) .num:after, .about .numbers .item:nth-child(4) .num:after {
    position: relative;
    top: -12px;
    content: '+';
    display: inline-block;
    font-size: 24px;
	font-family: GothamRounded;
	font-weight: bold;
}

.about .numbers .txt {
    display: block;
    padding-right: 20px;
	text-shadow: 0 0 1px #333;
}

.about .numbers sup {
    top: -16px;
    color: #333;
    font-size: 18px;
	text-shadow: 0 0 1px #333;
}

.about .more {
    margin-top: 38px;
}
.about .idx_more {
    margin-top: 38px;
}

.about .more a {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    width: 220px;
    border: 2px solid #ff730f;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
}

.about .more a span {
    position: relative;
    z-index: 1;
    color: #ff730f;
    transition: color ease-in-out .2s;
}

.about .more a i {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 25px;
    z-index: 1;
    color: #fff;
}

.about .more a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #fe8a3f;
	background: linear-gradient(to left,#fd7738,#fe903e);
    width: 85px;
    transform: skewX(-25deg);
    transition: width ease-in-out .2s;
}

.about .points {
    margin-top: 60px;
}

.about .points ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}

.about .points li {
    display: inline-flex;
    flex-direction: column;
    flex: 0 0 33.33%;
    list-style-type: none;
    align-items: center;
}

.about .points li:nth-child(1) {
    align-items: flex-start;
}

.about .points li:nth-child(3) {
    align-items: flex-end;
}

.about .points li:before {
    margin-top: -3px;
    margin-bottom: 10px;
    content: '';
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 100%;
}
.about .mb_pf_pic{display: none;}

@media (min-width: 767px) {
    .about .more a:hover span {color: #fff;}
    .about .more a:hover:after {width: 300px;}
    .about .box {position: relative;padding-right: 250px;}
    .about .numbers {position: absolute;top: 0;right: 0;text-align: right;}
    .about .points li:hover {color: #ff730f;}
    .about .points li:hover:before {background: #ff730f;}
}

@media only screen and (max-width:1260px){
	.about{background: #fff url(../images/bg_about.jpg) no-repeat 63% 50%;}
	.about .box{padding-right:0;}
	.about .numbers{position: initial;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5%;}
	.about .numbers .item{margin:0;width:auto;}
	.about .numbers .num{font-size: 30px;}
	.about .numbers .txt{padding:0;}
	.about .numbers sup{font-size: 16px;}
	
}
@media only screen and (max-width:990px){
	.about{background:none;padding:100px 0;}
	.about .mb_pf_pic{display: block;margin-bottom: 40px;}
	.about .idx_title .slogan{font-size: 20px;}
	.about .idx_title .box_title{margin-bottom: 20px;}
}

@media (max-width: 768px) {
    .about {
        padding: 50px 0;
        background: none;
    }

    .about .idx_title {
        text-align: left;
    }

    .about .numbers {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about .numbers .item {
        margin-bottom: 0;
        flex: 0 0 45%;
        text-align: center;
    }

    .about .points li {
        flex: 0 0 28%;
        font-size: 16px;
    }

    .about .more a {
    }
}

@media only screen and (max-width:520px){
	.about{padding:40px 0;}
	.about .idx_title{margin-bottom: 20px;}
	.about .idx_title .slogan{font-size: 16px;}
	.about .content{font-size:14px;}
	.about .numbers{margin-top: 30px;}
	.about .numbers .num{font-size: 22px;}
	.about .numbers sup{top: 0;}
	.about .numbers .item{margin-top: 30px;}
	.about .numbers .item:nth-child(3) .num:after, .about .numbers .item:nth-child(4) .num:after{top: -8px;line-height: 1em;font-size: 18px;}
	.about .numbers .item:nth-child(-n+2){margin-top: 0;}
	.about .numbers .txt{font-size: 15px;}
	.about .points ul{flex-wrap: wrap;}
	.about .points li{font-size: 14px;}
	.about .mb_pf_pic{margin-bottom: 30px;}
	.about .mb_pf_pic img{width: 94%;margin: 0 auto;display: block;}
	.about .idx_more{margin-top: 30px;}
} */

.about {
    /* padding: 170px 0 120px; */
	padding:70px 0 0;
    /* background: #fff url(../images/bg_about.jpg) no-repeat 0 0; */
	background: #fff;
	position: relative;
	z-index: 1;
}

.about .idx_title {
    text-align: left;
	margin-bottom: 26px;
}

.about .idx_title .box_title {
    margin: 0 0 40px;
}

.about .idx_title .slogan {
    margin: 0;
    font-size: 24px;
}

.about .content {
	text-indent: 2em;
    line-height: 2;
    text-align: justify;
    color: #666;
}

.about .numbers .item {
    margin-bottom: 50px;
}

.about .numbers .num {
    margin-right: 5px;
    font-size: 38px;
    color: #ff730f;
    font-weight: 600;
	font-family: GothamRounded;
	font-weight: 500;
}

.about .numbers .item:nth-child(3) .num:after, .about .numbers .item:nth-child(4) .num:after {
    position: relative;
    top: -12px;
    content: '+';
    display: inline-block;
    font-size: 24px;
	font-family: GothamRounded;
	font-weight: bold;
}

.about .numbers .txt {
    display: block;
    padding-right: 20px;
	text-shadow: 0 0 1px #333;
}

.about .numbers sup {
    top: -16px;
    color: #333;
    font-size: 18px;
	text-shadow: 0 0 1px #333;
}

.about .more {
    margin-top: 38px;
}
.about .idx_more {
    margin-top: 38px;
}

.about .more a {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    width: 220px;
    border: 2px solid #ff730f;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
}

.about .more a span {
    position: relative;
    z-index: 1;
    color: #ff730f;
    transition: color ease-in-out .2s;
}

.about .more a i {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 25px;
    z-index: 1;
    color: #fff;
}

.about .more a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #fe8a3f;
	background: linear-gradient(to left,#fd7738,#fe903e);
    width: 85px;
    transform: skewX(-25deg);
    transition: width ease-in-out .2s;
}

.about .points {
    margin-top: 60px;
	position: absolute;
	left:0;
	bottom:70px;
	width:100%;
	z-index: 3;
}

.about .points ul {
    margin: 0;
    padding: 0;
	width: 46%;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}

.about .points li {
    display: inline-flex;
    flex-direction: column;
    flex: 0 0 33.33%;
    list-style-type: none;
    align-items: center;
}

.about .points li:nth-child(1) {
    align-items: flex-start;
}

.about .points li:nth-child(3) {
    align-items: flex-end;
}

.about .points li:before {
    margin-top: -3px;
    margin-bottom: 10px;
    content: '';
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 100%;
}

/* about_new_add */
.about .fisrt{position: absolute;left:0;top:50%;width: 100%;transform: translateY(-50%);z-index: 3;}
.about .mb_pf_pic{display: none;}
.about .points li.on {color: #ff730f;}
.about .points li.on:before {background: #ff730f;}
.about .box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about .box .text_change_part{width:calc(100% - 250px);width:-webkit-calc(100% - 250px)}
.about .box .numbers{}
.about .big_right {position: relative;margin:0 0 0 auto;width:50%;height:100vh;overflow: hidden;}
.about .big_right .one_img img{position: absolute;left:0;top:10%;width:100%;min-width: 993px;display: block;}


@media (min-width: 767px) {
    .about .more a:hover span {color: #fff;}
    .about .more a:hover:after {width: 300px;}
    .about .box {position: relative;padding-right: 30px;}
    /* .about .numbers {position: absolute;top: 0;right: 0;text-align: right;} */
    .about .points li:hover {color: #ff730f;}
    .about .points li:hover:before {background: #ff730f;}
}

@media only screen and (max-width:1260px){
	.about{/* background: #fff url(../images/bg_about.jpg) no-repeat 63% 50%; */}
	.about .box{padding-right:0;}
	.about .numbers{position: initial;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5%;width: 100%;}
	.about .numbers .item{margin:0;width:auto;}
	.about .numbers .num{font-size: 30px;}
	.about .numbers .txt{padding:0;}
	.about .numbers sup{font-size: 16px;}
	
	.about .box .text_change_part{width: 100%;}
	
}
@media only screen and (max-width:990px){
	.about{background:none;padding:100px 0;}
	.about .mb_pf_pic{display: block;}
	.about .idx_title .slogan{font-size: 20px;}
	.about .idx_title .box_title{margin-bottom: 20px;}
	
	.about .big_right{display: none;}
	.about .points{position: initial;}
	.about .fisrt{position: relative;transform: initial;}
	.about .points ul{width: 100%;}
}

@media (max-width: 768px) {
    .about {
        padding: 50px 0;
        background: none;
    }

    .about .idx_title {
        text-align: center;
    }

    .about .numbers {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about .numbers .item {
        margin-bottom: 0;
        flex: 0 0 45%;
        text-align: center;
    }

    .about .points li {
        flex: 0 0 28%;
        font-size: 16px;
    }

    .about .more a {
        /* width: 100%; */
    }
}

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

.about .points { margin-top: 30px;}
	.about{padding:40px 0;}
	.about .idx_title{margin-bottom: 20px;}
	.about .idx_title .slogan{font-size: 16px;}
	.about .content{font-size:14px;}
	.about .numbers{margin-top: 30px;}
	.about .numbers .num{font-size: 22px;}
	.about .numbers sup{top: 0;}
	.about .numbers .item{margin-top: 30px;}
	.about .numbers .item:nth-child(3) .num:after, .about .numbers .item:nth-child(4) .num:after{top: -8px;line-height: 1em;font-size: 18px;}
	.about .numbers .item:nth-child(-n+2){margin-top: 0;}
	.about .numbers .txt{font-size: 15px;}
	.about .points ul{flex-wrap: wrap;}
	.about .points li{font-size: 14px;}
	.about .mb_pf_pic{margin-top: 30px;}
	.about .mb_pf_pic img{width: 94%;margin: 0 auto;display: block;}
	.about .idx_more{margin-top: 30px;}
}


/*#endregion*/

/*choice */
/*#region*/
.choice {
    padding: 98px 0 40px;
    background: #f3f2f1 url(../images/bg_choice.jpg) no-repeat 50%;
}

.choice .idx_title {
    margin-bottom: 40px;
}

.choice .idx_title .box_title {
	margin-bottom: 12px;
    color: #ffa243;
	background-image:-webkit-linear-gradient(left,#ffa243,#fc6433);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}


.choice .content {
    text-align: center;
}

.choice .content img {
	width: 1294px;
	max-height: 721px;
    max-width: 100%;
}
.choice .content .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background: #333;
    border-radius: 0;
}

.choice .content .swiper-pagination-bullet-active{
	background: #ff9b41;
}

@media (min-width: 767px) {

    .application .content .txt {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 40px;
    }

    .application .content .txt:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        width: 200px;
        height: 40px;
        background: no-repeat 0 0;
    }

    .application .content .this .txt:after {
        left: 60%;
        background-image: url(../images/bg_line_left.html);
    }

    .application .content .that .txt:after {
        right: 60%;
        background-image: url(../images/bg_line_right.html);
    }
}

@media (max-width: 767px) {
    .choice {
        padding: 40px 0 20px;
    }
}

/*#endregion*/

/*product */
/*#region*/
.product {
    padding: 10% 0 6%;
    background: #fff url(../images/bg_logo.png) no-repeat 50% 50%;
}

.product .tabs {
    position: absolute;
	right: 10%;
}

.product .tabs .item {
    margin-bottom: 35px;
    text-align: right;
    font-size: 17px;
    cursor: pointer;
	color:#999;
}

.product .tabs .item:after {
    display: inline-block;
    content: '';
    margin-left: 10px;
    width: 0;
    height: 2px;
    background: #ff730f;
    vertical-align: middle;
    transition: width ease-in-out .2s;
}

.product .tabs .item.cur {
    font-size: 20px;
    font-weight: 500;
    color: #ff730f;
	text-shadow: 0 0 1px #ff730f;
}

.product .tabs .item.cur:after {
    width: 60px;
}

.product .contents {
    padding-right: 15%;
}

.product .content .img {
	position: relative;
	padding-bottom: 75%;
	height: 0;
    text-align: center;
	overflow: hidden;
}
.product .pro-img{padding-bottom: 26%;}
.product .content .img img{
	position: absolute;
	left:50%;top:50%;
	width: auto;
	height: 100%;
	transform: translate(-50%,-50%);
}
.product .content .daoying{position: absolute;left:50%;bottom:0;width: auto;transform-origin: center bottom;transform: translateX(-50%) rotateZ(180deg);}
.product .content .daoying:before{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;background-image: linear-gradient(to top,rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 30%);}

.product .content h3 {
    margin: 0;
    padding-top: 30px;
    font-size: 42px;
    color: #ff730f;
}

.product .content .type {
    font-size: 24px;
    max-width: 70%;
    margin: 20px 0 0;
	font-weight: bold;
}

.product .content .des {
    margin-top: 70px;
    padding: 0;
    height: 120px;
	line-height: 2;
	list-style: none;
}

.product .content p{
    margin: 0;
}

.product .content .control {
    margin-top: 20px;
}

.product .content .control .button-prev, .product .content .control .button-next {
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #ff730f;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    color: #ff730f;
    text-align: center;
}

.product .pro_pos{font-size: 20px;color: #636060;text-shadow: 0 0 1px #636060;}

@media (max-width: 1520px) {
.product .tabs{right: 4%;}
}
@media only screen and (max-width:1260px){
	.product .content h3{font-size: 30px;}
	.product .content .type{font-size: 20px;margin:10px 0 0;}
	.product .content .des{margin-top: 40px;}
	.product .tabs .item{margin-bottom: 20px;}
}

@media (max-width: 992px) {
    .product {
        padding: 70px 0;
    }

    .pro-tabs .swiper-slide {
        width: auto;
    }

    .pro-tabs .swiper-slide span {
        padding: 0 25px;
		font-size: 18px;
		cursor: pointer;
    }

    .pro-tabs .swiper-slide-thumb-active span {
        font-weight: bold;
        color: #ff730f;
    }

    .pro-slide {
        margin-top: 50px;
    }

    .pro-slide .item .img {
        text-align: center;
    }

    .pro-slide .item .img img {
        max-width: 100%;
    }

    .pro-slide .item h3 {
        margin: 0;
        font-size: 20px;
        color: #ff730f;
    }

    .pro-slide .item .series {
        margin: 10px 0 0;
        font-size: 16px;
    }

    .pro-slide .item .des {
        margin: 20px 0;
        padding: 0;
		line-height: 2;
    }

    .pro-slide .item p {
        margin:0;
    }
}
@media only screen and (max-width:520px){
	.product{padding:50px 0}
	.pro-slide .item h3{font-size:15px;}
	.pro-slide .item .series{font-size: 13px;}
	.pro-tabs .swiper-slide span{padding:0 10px;font-size: 16px;}
	.pro-slide .item .des{font-size: 13px;}
}

/*#endregion*/

/*technology */
/*#region*/

.technology {
    position: relative;
}
.technology .img{text-align: right;}


.technology .container {
    height: 100%;
    position: relative;
    z-index: 999;
}

.technology .content .tit h3 {
    font-size: 42px;
    font-weight: normal;
    color: #fff;

}

.technology .content .tit p {
    color: #fff;
}

.technology .content .tit:after {
    content: '';
    display: block;
    margin: 10px 0;
    width: 150px;
    height: 6px;
    background: #fff;
}

.technology .content .tit p {
    margin: 20px 0;
    font-size: 20px;
    color: #fff;
	font-family: arial;
	text-transform: uppercase;
}

.technology .content .txt {
    margin-top: 86px;
    max-width: 600px;
}

.technology .content .txt span {
    background: #fff;
    font-size: 22px;
    line-height: 1.5;
    color: #fd7a3e;
    padding: 8px;
	margin:3px 0;
	display: inline-block;
	text-shadow: 0 0 1px #fd7a3e;
}

.technology .idx_more {
    margin-top: 80px;
}

.technology .idx_more a {
    border: 2px solid #fff;
}

.technology .idx_more a span {
    color: #fff;
}

.technology .idx_more a i {
    color: #ff730f;
}

.technology .idx_more a:after {
    background: #fff;
    width: 85px;
}

.tech-thumb {
    position: relative;
    text-align: right;
	z-index:1;
}

.tech-thumb img {
    max-width: 200px;
    vertical-align: middle;
}

.tech-thumb .imgs {
    position: absolute;
    right: 0;
    bottom: 100px;
}

.tech-thumb .imgs div {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    border: 2px solid transparent;
    cursor: pointer;
	box-sizing: border-box;
}

.tech-thumb .ico::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 1;}
.tech-thumb span {
    position: absolute;top: 50%;left: 50%;
    color: #fff;
    text-align: center;
	transform: translate(-50%,-50%);
	z-index: 2;
	white-space: nowrap;
}

.tech-thumb .imgs div.cur {
    border-color: #ff730f;
}
.tech-thumb .imgs div.cur:after{opacity: 0;}

.tech-thumb .imgs div.cur span {
    display: none;
}

@media (min-width: 768px) {

    .technology .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* padding: 200px 0; */
		padding:10% 0 0;
    }

    .technology .content:before {
        content: '';
        width: 35%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
		background-image: linear-gradient(120deg,#ffab50,#fd7638);
    }

    .technology .idx_more a:hover span {
        color: #ff730f;
    }

    .technology .idx_more a:hover:after {
        width: 300px;
    }
}

@media only screen and (max-width:1680px){
	.technology .img{position: relative;padding-bottom: 750px;width:100%;height:0;overflow: hidden;}
	.technology .img img{position: absolute;right:0;top:0;width: auto;max-width: initial;height:100%;}
	.technology .content{padding:90px 0 0;}
}

@media only screen and (max-width:1440px){
	.technology .container{}
	.tech-thumb .imgs{width: 50%;}
	.technology .content .tit h3{font-size: 30px;}
	.technology .content .tit p{font-size: 16px;}
	.technology .content .tit:after{width: 120px;height: 4px;}
	.technology .content .txt span{font-size: 18px;}
}

@media only screen and (max-width:850px){
	.technology .container{margin:0;width: 100%;max-width: 100%;}
	.tech-thumb{margin-top:14px;text-align: center;}
	.tech-thumb .imgs{position: initial;width: 100%;text-align: center;}
	.tech-thumb .imgs div{margin: 0;}
	.tech-thumb .imgs div{width: 24%;}
	.tech-thumb img{width: 100%;max-width: 100%;}
	
	.technology .content .tit h3{font-size: 24px;}
	.technology .content .tit p{margin:12px 0;font-size: 15px;}
	.technology .img{padding-bottom: 600px;}
	.technology .content .txt{margin-top: 60px;}
	.technology .content .txt span{font-size: 16px;}
}

@media (max-width: 767px) {

    .technology .content {
        /* background: #ff730f; */
        padding: 70px 0;
		background-image: linear-gradient(120deg,#ffab50,#fd7638);
    }

    .technology .content .tit h3 {
        font-size: 24px;
    }

    .technology .content .tit p {
        margin: 10px 0;
        /* font-size: 18px; */
    }

    .technology .content .txt {
        margin-top: 20px;
        text-align: justify;
    }

    .technology .content .txt span {
        font-size: 16px;
    }

    .tech-thumb {
        display: none;
    }
}

@media only screen and (max-width:520px){
	.technology .content{padding:40px 0;}
	.technology .img{padding-bottom: 66%;}
	.technology .img img{right:50%;transform: translateX(50%);}
	.technology .content .txt span{padding:0;color: #fff;background: transparent;display: inline;}
	.technology .content .tit h3{font-size: 18px;}
	.technology .content .tit p{font-size: 14px;}
	.technology .idx_more{margin-top: 56px;}
	.technology .content .tit:after{width: 72px;}
}


/*#endregion*/

/*projects*/
/*#region*/
.projects {
    padding: 130px 0 110px;
    overflow: hidden;
}

.projects .title {
    margin-bottom: 60px;
    text-align: left;
	
}

.projects .title .top{padding-bottom:40px;border-bottom: 1px solid #e7e7e7;}

.projects .idx_title .box_title {
	background-image: -webkit-linear-gradient(left,#ffa243,#fc6433);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.projects .title .container {
    position: relative;
}

.projects .title .tabs span {
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #ababab;
    border-radius: 5px;
    color: #a9a9a9;
    font-size: 18px;
    padding: 10px 50px;
    cursor: pointer;
}

.projects .title .tabs span:first-child{margin-left: 0;}

.projects .title .tabs span.cur {
    background-color: #ff730f;
    border-color: #ff730f;;
    color: #fff;
	background-image: linear-gradient(to right,#ffab50,#fd7638);
	text-shadow: 0 0 1px #fff;
}

.projects .content .swiper-slide .img {
    position: relative;
}

.projects .content .swiper-slide .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

.projects .content .swiper-slide .txt {
    visibility: hidden;
}

.projects .content .swiper-slide-active .img:after {
    background: rgba(0, 0, 0, .05);
}

.projects .content .swiper-slide-active .txt {
    visibility: visible;
	color: #333;
}
.projects .content .swiper-slide-active .txt .tit{
	font-size: 22px;
	font-weight: bold;
}

.projects .content .img img {
    width: 100%;
}

.projects .content .txt {
    text-align: center;
    padding-top: 40px;
}

.projects .content.txt h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.projects .content .txt p {
    margin: 0;
    font-size: 18px;
    line-height: 2;
    color: #333;
}

.projects .content .button-prev, .projects .content .button-next {
    position: absolute;
    top: 30%;
    z-index: 100;
    color: #fff;
    font-size: 60px;
}

.projects .content .button-prev {
    left: 22%;
}

.projects .content .button-next {
    right: 22%;
}

.projects .content .swiper-pagination {
    position: static;
	margin-top:15px;
}

.projects .content .swiper-pagination-bullets {
}

.projects .content .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background: #333;
    border-radius: 0;
}

.projects .content .swiper-pagination-bullet-active {
    background: #ff9b41;
}


@media (min-width: 768px) {

    .projects .title .tabs {
        position: absolute;
        bottom: 40px;
        right: 0;
    }

    .projects .content {
        margin-left: -320px;
        margin-right: -320px;
    }
}

@media only screen and (max-width:990px){
	.projects .title .tabs{position: initial;margin-top: 20px;}
	.projects .title .tabs span{padding: 8px 30px;font-size: 16px;}
	.projects .content{margin: 0;}
	.projects .content .swiper-slide-active .txt .tit{font-size: 18px;line-height: 1.6;}
	.projects .content .txt p{font-size: 16px;}
	.projects .content .button-prev, .projects .content .button-next{top:24%;line-height: 1em;font-size: 46px;}
	.projects .content .button-prev{left: 10%;}
	.projects .content .button-next{right: 10%;}
}
@media only screen and (max-width:850px){
	.projects{padding:70px 0;}
	.projects .title{margin-bottom: 40px;}
}
@media (max-width: 767px) {

    .projects {
        padding: 40px 0 0;
    }

    .projects .title {
        text-align: center;
    }

    .projects .title .tabs {
        margin-top: 20px;
		display:none;
    }

    .projects .title .tabs span {
        width: 46%;
    }

    .projects .content .txt {
        padding: 20px;
    }

    .projects .content .txt h3 {
        font-size: 24px;
    }

    .projects .content .txt p {
        font-size: 14px;
    }
}
@media only screen and (max-width:520px){
	.projects .content .swiper-slide-active .txt .tit{font-size: 16px;}
	.projects .content .swiper-pagination-bullet{width: 38px;}
	.projects .title{margin-bottom: 0;}
}


/*#endregion*/

/* news */
/*#region*/
.news {
    background: #f9f9f9;
    padding: 70px 0 60px;
}

.news .idx_title {
    position: relative;
    margin-bottom: 50px;
	text-align: left;
}

.news .idx_title .box_title {
	background-image: -webkit-linear-gradient(left,#ffa243,#fc6433);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* .news .idx_title .slogan {
    font-size: 20px;
} */


.news .title .tabs span {
    display: inline-block;
    margin-left: 40px;
    color: #666;
    font-size: 18px;
    cursor: pointer;
}

.news .title .tabs span.cur {
    color: #ff730f;
    font-weight: bold;
}

.news .date {
    position: relative;
    margin-right: 20px;
    width: 110px;
    background: #fff;
    color: #666;
    text-align: center;
    line-height: 1;
}

.news .date .ym {
    display: block;
    padding-top: 75px;
}

.news .date .d {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 0 0;
    font-size: 40px;
    font-weight: bold;
}

.news .txt h3 {
    margin: 14px 0 0 0;
}

.news .txt h3 a {
    font-size: 18px;
    color: #333;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 0 15px;
}

.news .txt p {
    margin: 0;
    font-size: 14px;
    color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .head-line img {
    max-width: 100%;
}

.news .head-line .txt {
    position: relative;
    margin: -60px 20px 0;
    background: #fff;
    padding: 20px 20px 20px 10px;
	clear: both;
	overflow: hidden;
}

.news .head-line .txt .date {
    float: left;
    border-right: 1px solid #ccc;
}

.news .head-line .txt .rt_part{float: right;width: calc(100% - 130px);width: -webkit-calc(100% - 130px);}

.news .text-list .item {
    display: flex;
    margin-bottom: 26px;
}

.news .text-list .item:last-child {
    margin: 0;
}

.news .text-list .date {
    /* flex: 0 0 110px; */
    padding-bottom: 15px;
	width: 110px;
}
.news .text-list .txt{width: calc(100% - 130px);}

.news .text-list .date .d {

}

.news .text-list h3 a {
    margin: 0 0 15px;
}

.news .text-list .txt h3 a {
    font-size: 18px;
    color: #333;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 767px) {


    .news .title .tabs {position: absolute;bottom: 0;right: 0;}
}

@media (min-width:992px){
	.news .col-lg-6{flex: initial;width: 50%;max-width: 100%;}
}

@media only screen and (max-width:1260px){
	.news .date .ym{padding-top: 64px;}
	.news .date .d{font-size: 40px;}
}

@media only screen and (max-width:990px){
	.news .content .col-12:nth-child(2){margin-top: 40px;}
}

@media only screen and (max-width:850px){
	.news .date .d{font-size: 33px;}
}

@media (max-width: 767px) {
    .news {
        padding: 40px 0 40px;
    }

    .news .title {
        text-align: center;
    }

    .news .title .tabs {
        margin-top: 20px;
    }

    .news .title .tabs span {
        margin: 0 10px;
        font-size: 16px;
    }

    .news .txt h3 {
        font-size: 16px;
    }

    .news .txt p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .news .head-line .txt {
        margin: 0;
    }

    .news .text-list {
        margin-top: 20px;
    }
}

@media only screen and (max-width:520px){
	.news{padding:40px 0;}
	.news .idx_title{margin-bottom: 26px; text-align:center;}
	.news .head-line .txt{padding:20px 10px 20px;}
	.news .content .col-12:nth-child(2){margin-top: -15px;}
	.news .date{margin-right: 15px;width: 90px;}
	.news .date .ym{padding-top: 55px;}
	.news .date .d{font-size: 26px;}
	.news .head-line .txt .rt_part{width: calc(100% - 105px);width: -webkit-calc(100% - 105px);}
	.news .text-list .date{margin-right: 15px;}
	.news .text-list .date .d{font-size: 24px;}
	.news .text-list .date .ym{padding-top: 55px;}
	.news .text-list .date{width: 90px;}
	.news .text-list .txt{width: calc(100% - 110px);width: -webkit-calc(100% - 110px);}
	.news .txt h3 a{font-size: 16px;}
	.news .text-list .txt h3 a{font-size:16px;}
}

/*#endregion*/

/* quick */
/*#region*/
.quick {
    padding: 100px 0;
}

.quick .item {
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    transition: all .2s;
}

.quick .item .img img {
   width: 100%;
}

.quick .item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.quick .item:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .35);
	z-index: 1;
}
.quick .item .txt {
    position: absolute;
    left: 0;
	top:50%;
	width: 100%;
    color: #fff;
	transform: translate(0,-50%);
	z-index: 2;
}

.quick .item .txt h3 {
    margin: 0;
    padding: 0 0 25px;
    font-size: 28px;
}

.quick .item .txt p {
    margin: 0 12%;
}

@media only screen and (max-width:1440px){
	.quick .item .txt h3{padding:0 0 14px;font-size: 20px;}
	.quick .item .txt{font-size: 14px;}
	.quick .item .txt p{min-height: 42px;}
}
@media only screen and (max-width:990px){
	.quick .row{margin: 0;justify-content: space-between;}
	.quick .grid{padding:0;width: 48% !important;flex:initial;}
	.quick .item{border-radius: 6px;margin-top: 8%;}
	.quick .row > .grid:nth-child(-n+2) .item{margin-top: 0;}
	.quick .item .txt p{display: none;}
	.quick .item .txt h3{font-size: 18px;padding: 0;}
}
@media only screen and (max-width:850px){
	.quick {padding: 80px 0;}
	.quick .item{margin-top: 8%;}
	.quick .row > .grid:nth-child(-n+2) .item{margin-top: 0;}
	.quick .item .txt{font-size: 16px;}
	.quick .item .txt p{min-height: 48px;}
}
@media (max-width: 768px) {

    .quick {padding: 70px 0;}

    .quick .grid {/* margin-bottom: 15px; */}

    .quick img {width: 100%;}

}
@media only screen and (max-width:520px){
	.quick{padding: 0 0 50px;}
	.quick .row{margin: 0;justify-content: space-between;}
	.quick .grid{padding:0;width: 48% !important;flex:initial;}
	.quick .item{border-radius: 6px;}
	.quick .item .txt p{display: none;}
	.quick .item .txt h3{font-size: 16px;padding: 0;}
}

/*#endregion*/