/*.content{max-width: 1480px; box-sizing: border-box;  margin: 0px auto;width:100%;}*/


.w1200{max-width: 1400px; box-sizing: border-box;  margin: 0px auto;width:100%;}
.w1600{max-width: 1600px; box-sizing: border-box;  margin: 0px auto;width:100%;}
.main_w {max-width: 1600px;margin: 0 auto;padding-left: .4rem;padding-right: .4rem;}

.title0{margin-top:50px;}
.title0 font{font-size:26px;line-height:1.4;font-weight:500;}
.title0 p{color:#fb8d1a;font-size:.5rem;font-weight:bold;font-family:arial;}


.in_about_box{background:#f5f5f5; overflow:hidden;padding:60px 0 80px; margin-bottom:2px;}
.in_about { width: 100%; overflow: hidden; padding: 5px 0 40px 0; font-size:17px;color:#555;line-height:1.7;}

.in_contact{background: #0062d0;padding: 40px 0px;}
.in_contacts{display: grid;grid-template-columns: repeat(4,1fr);text-align: center;color: #fff;}
.in_contacts a{color: #fff;}
.in_contacts .icon{}
.in_contacts .tit{font-size: 16px;margin: 10px 0px 15px 0;font-weight: bold;}
.in_contacts .desc{font-size: 18px;line-height: 20px;}


.in_pro{padding-bottom: 70px;padding-top:80px;}
.in_pro .title0{margin:70px 0 40px;}
.in_pro .title0 font{font-size:26px;line-height:1.4;font-weight:500;}
.in_pro .title0 p{color:#fb8d1a;font-size:.5rem;font-weight:bold;font-family:arial;}

#in_pro_swiper .swiper-slide{margin-bottom: 36px;padding-top: 50px;}
.pro_item{background: #0763ca;color: #fff;padding: 10px;display: block;text-align: center;transition: all linear 320ms;min-width:0;}
.pro_item img{width: 100%;border-radius: 10px;display: block;}
.pro_item .title{
    width: 100%; margin-top: 10px; height: 59px;
    display: flex;align-items: center;justify-content: center;
    font-size: 18px;color: #fff;
}

#in_pro_swiper .pro_item:hover{transform: translateY(-10px);}
#in_pro_swiper .swiper-pagination{position: static; bottom: initial;}
#in_pro_swiper .swiper-pagination-bullet{width: 14px;height: 14px;background: #d3d3d3;opacity: 1;border-radius: 50%;margin: 0px 7px;}
#in_pro_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3aaeff;}


.foot_2{background: var(--color-footbg);}
.foot_info{padding: 80px 0px 60px;display: flex;justify-content: space-between;gap: 68px;}
.foot_info_1{display: flex;flex-direction: column;gap: 51px;flex-shrink: 0;overflow: hidden;width:8%;}
.foot_info_1 .item{font-size: 16px;color: #fff;font-weight: bold;}

.foot_info_2{flex-shrink: 0;overflow: hidden;hidden;width:8%;}
.foot_info_2 .title{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 20px;display: block;position: relative;padding-bottom: 15px;}
.foot_info_2 .title::before{content: "";width: 15px;height: 2px;background: var(--color-main);position: absolute;bottom: 0px;left: 0px;}
.foot_info_2 .subs{display: flex;flex-direction: column;gap: 15px;}
.foot_info_2 .subs .item{font-size: 14px;color: #fff;opacity: 0.5;}
.foot_info_2 .subs .item:hover{color: #fff;opacity: 1;}


.foot_info_3 {flex: auto;overflow: hidden;hidden;width:8%;}
.foot_info_3 .title{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 20px;display: block; position: relative;padding-bottom: 15px;}
.foot_info_3 .title::before{content: "";width: 15px;height: 2px;background: var(--color-main);position: absolute;bottom: 0px;left: 0px;}
.foot_info_3 .subs{display: flex;flex-direction: column;gap: 15px;}
.foot_info_3 .subs .item{font-size: 14px;color: #fff;opacity: 0.5;}
.foot_info_3 .subs .item:hover{color: #fff;opacity: 1;}

.foot_info_5 {flex: auto;overflow: hidden;hidden;}


.foot_info_4{overflow: hidden;flex: auto; display: flex;justify-content: center;flex-shrink: 0;text-align: center;gap: 20px;}
.foot_info_4 .tit{font-size: 16px;color: #fff;line-height: 19px;padding-top:12px;}
.foot_info_4 >div{width: 187px;}
.foot_info_4 >div img{width: 150px;}

.foot_copyright{padding:44px 0px;border-top: 1px solid #474747;text-align: center;}
.foot_copyright p{font-size: 14px;color: #ffffff;line-height: 25px;}
.foot_copyright a{font-size: 14px;color: #ffffff;}
.foot_copyright a:hover{color: #fff;}

/*------------------------------------------------------home end-------------------------------------*/



.ny_ban{height: 500px;background-position: center;background-size: cover;display: flex;justify-content: center;align-items: center;position: relative;}
.ny_ban .title{font-size: 80px;color: var(--color-main);font-weight: bold;}

/*--about--*/
.ab_ban{ width: 100%; position: relative; z-index: 1;}
.ab_ban img{ display: block;}
.ab_ban .tit{ position: absolute; left: 0; top:40%; width: 100%; text-align: center;}
.ab_ban .tit p{ font-size: 48px; line-height: 1; font-weight: bold; color: #FFF; text-transform: uppercase;}
.ab_ban .tit span{ display: block; margin: 20px auto 0 auto; width: 71px; height: 4px; background-color: #D90000;}


.ab_title{font-size:45px;color:#333; text-align:center; font-weight:600;padding:50px 0 60px;}
.ab_title p{font-size:18px;font-weight:normal;color:#666;padding:30px 0 10px;line-height:1.7;}

.ab_boxA{ display: flex; margin-top:0px; position: relative; z-index: 10;background: linear-gradient(to bottom, #fff, #f8f8f8);padding:50px 0;}
.ab_boxA .conn{font-size:18px;line-height:1.9;color:#666; height:240px;}

.ab_boxB{overflow:hidden;padding:30px 0 80px;}
.ab_boxB ul{display:grid; grid-template-columns:repeat(4,1fr);gap: 50px;}
.ab_boxB li{background:#f1f1f1;text-align:center;padding:50px 0 40px; border-radius:8px;}
.ab_boxB li .title{font-size:28px;color:#333;font-weight:600;margin-top:20px;}
.ab_boxB li p{font-size:12px;color:#666; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;padding-top:8px;}



.ab_boxC { width: 100%; overflow: hidden; background: url(../images/ab_04.jpg) no-repeat center; overflow: hidden; background-size: cover;padding:50px 0; }
.abo_qyhj{padding-bottom: 0px;}
#abo_qyhj_swiper .swiper-slide{margin-bottom:36px;padding-top: 10px;}
.abo_item{display: block;text-align: center;transition: all linear 320ms;min-width:0;}
.abo_item img{width: 100%;border-radius: 10px;display: block;}
#abo_qyhj_swiper .abo_item:hover{transform: translateY(-10px);}
#abo_qyhj_swiper .swiper-pagination{position: static; bottom: initial;}
#abo_qyhj_swiper .swiper-pagination-bullet{width: 14px;height: 14px;background: #d3d3d3;opacity: 1;border-radius: 50%;margin: 0px 7px;}
#abo_qyhj_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fb8d1a;}

.ab_boxD {background:#3FF;overflow:hidden}
.abo_honor{padding-bottom: 0px; }
#abo_honor_swiper .swiper-slide{margin-bottom:36px;padding-top: 10px;}
.hon_item{display: block;text-align: center;transition: all linear 320ms;min-width:0;border:1px solid #CCC;}
.hon_item img{width: 100%;display: block;}
#abo_honor_swiper .hon_item:hover{transform: translateY(-10px);}
#abo_honor_swiper .swiper-pagination{position: static; bottom: initial;}
#abo_honor_swiper .swiper-pagination-bullet{width: 14px;height: 14px;background: #d3d3d3;opacity: 1;border-radius: 50%;margin: 0px 7px;}
#abo_honor_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fb8d1a;}

/* about end*/


.n_menu{width:100%;overflow:hidden;padding:0 0;}
.n_menu .list ul{display:flex;gap:.2rem;flex-wrap: wrap;}
.n_menu .list li a{min-width:1rem;height:.52rem;border-radius:50px;display:flex;align-items: center;justify-content: center;font-size:16px;padding:0 .1rem;background:#3644ad;color:#fff;}
.n_menu .list li.cur a,  .n_menu .list li a:hover{background:#db0000;color:#fff;}

.n_menu1{width:100%;overflow:hidden;padding:0 0;}
.n_menu1 .list ul{display:flex;gap:.2rem;flex-wrap: wrap;}
.n_menu1 .list li a{min-width:1.21rem;height:.62rem;border-radius:50px;display:flex;align-items: center;justify-content: center;font-size:16px;padding:0 .2rem;background:#f6f6f6;color:#333;}
.n_menu1 .list li.cur a,  .n_menu1 .list li a:hover{background:#034aa8;color:#fff;}

/*--news--*/
.news_main{overflow:hidden;background:#fff;padding:.67rem 0; z-index:1;position: relative; }
.news_main .lists{margin-top:.48rem;}
.news_main .lists ul{gap:.2rem;display:grid;}
.news_main .lists li{background:#f3f5f7;}
.news_main .lists li a{overflow:hidden;display:grid;grid-template-columns:1.45rem auto .65rem;padding:.53rem .39rem;}
.news_main .lists li a .d_lefts{text-align:center;overflow:hidden;}
.news_main .lists li a .d_lefts font{color:#3644ad;font-size:.36rem;}
.news_main .lists li a .d_lefts p{color:#3644ad;font-size:18px;padding-top:.05rem;}
.news_main .lists li a .d_rights{border-left:1px solid #c9d0d7;padding-left:.3rem;padding-right:.3rem;overflow:hidden;}
.news_main .lists li a .d_rights font{font-size:.2rem;font-weight:bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.news_main .lists li a .d_rights p{color:#808080;font-size:16px;padding-top:.2rem;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.news_main .lists li a .jiao{background:url(/static/default/assets/img/new_01.png) no-repeat left center;background-size:.17rem auto;width:100%;height:100%;}
.news_main .lists li:hover{background:#3644ad;}
.news_main .lists li:hover .d_lefts font{color:#fff;}
.news_main .lists li:hover .d_lefts p{color:#fff;}
.news_main .lists li:hover .d_rights font{color:#fff;}
.news_main .lists li:hover .d_rights p{color:#ffffff50;}

.news_main2 { padding:0.45rem; overflow: hidden; margin-top:-50px; position:relative; z-index:1;background:#fff; border-radius:30px;box-shadow:0px 0px 6px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.15);margin-bottom:70px;} 
.ny-news-tit {overflow: hidden; line-height: 35px; color: #333; font-size:28px; font-weight: bold; text-align: center;margin-top:40px;}
.ny-author { color: #666; border-bottom: 1px solid #f0f0f2; padding: 20px 0px 25px 0px; margin-bottom: 30px; text-align: center;font-size:15px;}
.newsnr{padding-bottom:.4rem;line-height:1.7;overflow:hidden;color:#666;font-size:16px;}
/*--news end--*/

/*--products--*/
.ny_pro_list{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.in_pro_item{background: #fff;padding: 15px;box-sizing: border-box;min-width: 0;box-shadow:0px 0px 6px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1); border-radius:10px;}
.in_pro_item .pro_img{width: 100%;display: block;overflow: hidden;}
.in_pro_item .pro_img img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: all linear 320ms;}
.in_pro_item:hover .pro_img img{transform: scale(1.1);}
.in_pro_item .title{margin-top: 20px;margin-bottom:0px;padding: 0px 15px;box-sizing: border-box;width: 100%;overflow: hidden;}
.in_pro_item .title .tit{font-size: 18px;line-height: 1.2em;height: 2em;width: 100%;color:#666;}
.in_pro .hk_more{margin: 45px auto;}

.ny_proshow_box{width: 100%;}
.ny_proshow_info{display: grid;grid-template-columns: 660px 1fr;grid-gap: 36px;margin-bottom: 87px;}
.proshow_info_left{min-width: 0;}
#ny_pro_big_swiper .swiper-slide{box-sizing: }
#ny_pro_big_swiper .swiper-slide img{ width: 100%;display: block;border-radius: 20px 10px 10px 10px;}
.proshow_info_right{min-width: 0;}
.small_swiper_box{display: flex;justify-content: space-between;align-items: center;gap: 17px;}
.small_swiper_box .btn{margin: 0;padding: 0; opacity: 1; position: static; width: 17px;height: 32px;flex-shrink: 0;background: url(../images/pro_swiper_arrow_on.png) center no-repeat;background-size: 100%;}
.small_swiper_box .btn.swiper-button-next{transform: rotateY(180deg);}
.small_swiper_box .btn:hover{background: url(../images/pro_swiper_arrow_on.png) center no-repeat;background-size: 100%;outline: none;box-sizing: border-box;}
#ny_pro_small_swiper{flex: auto;}
#ny_pro_small_swiper .swiper-slide {width: 100%;display: block;box-sizing: border-box;border: solid 5px #f1dac2;cursor: pointer; }
#ny_pro_small_swiper .swiper-slide.on {border-color: #fb8d1a;}


.proshow_info_right .infos{display: flex;flex-direction: column;gap: 20px;padding: 32px;box-sizing: border-box;background-color: #f4f3ec;margin-bottom: 40px;}
.proshow_info_right .infos .info{display: flex;align-items: center;gap: 10px;}
.proshow_info_right .infos .info .icon{overflow: hidden;flex-shrink: 0;}
.proshow_info_right .infos .info .desc{flex: 1;font-size: 14px;color: #333333;line-height: 1.3em;}
.proshow_info_right .infos .info .desc a{font-size: 14px;color: #333333;}
.pro_ctgname{display: inline-block;background: var(--color-main);font-size: 18px;color: #333333;padding: 6px 16px;margin-top: 19px;margin-bottom: 15px;}
.pro_title{font-size: 30px;color: #333333;line-height: 30px;margin: 30px 0;padding-left:10px;font-weight:500;}
.pro_btn_box{display: flex;gap: 20px;margin-bottom: 42px;}
.pro_btn_box .btn_feedback{width: 227px;height: 60px;background-color:#fb8d1a;border-radius: 30px;display: flex;justify-content: center;align-items: center;gap: 9px; font-size: 18px;color: #333;}
.pro_btn_box .btn_back{width: 227px;height: 60px;background-color: #fff;border-radius: 30px;box-sizing: border-box;
	border: solid 1px #bababa;display: flex;justify-content: center;align-items: center;font-size: 18px;gap: 9px; color: #333333;}

.ny_proshow_content .top_box{ position: relative; text-align: center;font-size: 34px;color: #333333;font-weight: bold;padding-bottom: 31px;border-bottom: 2px solid #d0d0d0;}
.ny_proshow_content .top_box::after{content: "";width: 150px;height: 2px;background:#fb8d1a;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%) translateY(100%);}
.pro_content_box{padding: 60px 0px;}
.pro_content_box table{width: 100%;border-collapse: collapse;}
.pro_content_box table tr{background: #f8f8f8;}
.pro_content_box table tr:nth-child(even){background: #eeeeee;}
.pro_content_box table tr td{padding: 20px 25px;border: 1px solid #fff;font-size: 18px;color: #333;box-sizing: border-box;}
.pro_content_box table tr td:first-child{background: var(--color-main);color: #fff;font-size: 18px;width: 300px;}

.pro_pn_box{
    padding: 32px;background: #fff;display: flex;justify-content: space-between;align-items: center;position: relative;
}
.pro_pn_box .pn_btn{font-size: 16px;line-height: 30px;color: #b8b8b8;}
.pro_pn_box .pn_btn a{color: #b8b8b8;}
.pro_pn_box .pn_btn a:hover{color: #333;}
.pro_pn_box .close_btn{font-size: 16px;color: #b8b8b8;}


/*---products end--*/

/*---application---*/
.app_list{overflow:hidden;padding:10px 10px;}
.app_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:30px}
.app_list li{overflow:hidden;height:auto; border-radius:12px;}
.app_list li img{width:100%;}
.app_title{font-size:40px;color:#C00;}
.app_conn{font-size:20px;color:#333;padding:20px 0 30px;line-height:1.5}


/*--contact--*/

.contact_box{display: flex;justify-content: space-between;padding:80px 0 90px;}
.contact_box .contact_box{padding: 56px 50px; background: url(../images/contact_box.jpg) center no-repeat;background-size: cover;flex: 1;}
.contact_box .contact_box .title{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 30px;}
.contact_box .contact_box .info_items{display: flex;flex-direction: column;gap: 28px;}
.contact_box .contact_box .info_items .item_box{display: flex;align-items: center;gap: 19px;}
.contact_box .contact_box .info_items .item_box .icon{width:48px;height:48px;border-radius: 50%;background:#fb8d1a;}
.contact_box .contact_box .info_items .item_box .icon img{width: 100%;height: 100%;display: block;object-fit: cover;}
.contact_box .contact_box .info_items .con_box .tit{font-size: 16px;color: #666666;margin-bottom: 3px;}
.contact_box .contact_box .info_items .con_box .desc{font-size: 18px;color: #333333;}

.contact_box .map_box{box-sizing: border-box; width: 700px;}

/*--contact end--*/

@media screen and (max-width:1680px) {
    
}

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

.main_w {max-width: 100%;margin: 0 auto;padding-left:0;padding-right:0;}
.w1600 {max-width: 100%;margin: 0 auto;padding-left:0;padding-right:0;}
	
	
}

@media screen and (max-width:1440px) {
	
}

@media screen and (max-width:1366px) {
.w1200 {max-width: 100%;margin: 0 auto;padding-left:0;padding-right:0;}
}

@media screen and (max-width:1280px) {
	
}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:900px) {
	
}




@media screen and (max-width: 768px) {
.in_about .main_w{grid-template-columns: auto;gap:0rem;}
.in_about .lt{width:100%;overflow:hidden;}
.in_about .rt{width:100%;overflow:hidden;}


.in_abo_icon ul{display:grid;grid-template-columns: repeat(2,1fr);gap:15px}
.in_sbzl{padding: 0.8rem 0px;padding-top: 0.3rem;}
.in_sbzl .w1600{flex-direction: column;gap: 0.3rem;}






.ny_right_top_box{background:#fb8d1a;}
.ny_right_top{padding: 0.2rem 8px;flex-direction: column;text-align: left;justify-content: left;align-items: flex-start;}
.ny_right_top .title{font-size: 20px;color: #fff;width:100%; text-align:center;}
.ny_right_top .current{display: flex;align-items: center;gap: 10px;}
.ny_right_top .current ul{display: grid; grid-template-columns: repeat(3,1fr); gap:40px; text-align:center;}
.ny_right_top .current li img{width:72px;}


.abtb_box{overflow:hidden;background:#333;height:auto;padding:30px 0;}
.abtb{display:grid;grid-template-columns:1fr;grid-gap:20px;}
.abtb .abtb_title{font-size:30px;color:#fff; display: flex; justify-content: center; align-items: center;}
.abtb .abtb_list{overflow:hidden;display:flex;justify-content:center;}
.abtb .abtb_list ul{grid-template-columns:repeat(3,1fr);gap:40px;}
.abtb .abtb_list li img{width:68px;}


    .contact_box{margin: 0.3rem 0px;flex-direction: column;}
    .contact_box .contact_box{padding: 0.4rem 0.25rem;}
    .contact_box .contact_box .title{font-size: 0.4rem;line-height: 1em;margin-bottom: 0.3rem;}
    .contact_box .contact_box .info_items{gap: 0.4rem;}
    .contact_box .contact_box .info_items .item_box{gap: 0.2rem;}
    .contact_box .contact_box .info_items .item_box .icon{width: 0.8rem;height: 0.8rem;flex-shrink: 0;}
    .contact_box .contact_box .info_items .con_box .tit{font-size: 0.22rem;margin-bottom: 0.03rem;}
    .contact_box .contact_box .info_items .con_box .desc{font-size: 0.24rem;line-height: 1.3em;}
    .contact_box .map_box{width: 100%;padding: 0.4rem 0.25rem;}
    .contact_box .map_box .content{padding: 0px;}
}





.vh-21{overflow:hidden;height:auto;margin-top:-21px;}

 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0rem;margin:50px 0;}
 
 .page-link{position:relative;display:block;padding:10px 10px;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 0 rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:8px;border-bottom-left-radius:8px}
 .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .pagination-sm .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 
 /* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 40px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:40px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */






.c-title.center { text-align: center;padding:40px 0 60px;}
.c-title .headline {color: #333;font-size: 45px; font-weight:600; letter-spacing:2px;}
@media screen and (max-width: 1580px) and (min-width: 992px)
 {
	 .c-title .headline {font-size: 3.125vw;}
	 }
@media screen and (max-width: 991px) {
  .c-title .headline {font-size: 30px;}
}
@media screen and (max-width: 767px) {
  .c-title .headline { font-size: 26px;}
}
@media screen and (max-width: 480px) {
  .c-title .headline {font-size: 24px;}
}
.c-title .headline span {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.c-title .headline span::before {
  content: '';
  position: absolute;
  left: -0.20rem;
  top: 0px;
  z-index: -1;
  width: 0.4rem;
  height: 0.66rem;
  background: #3aaeff;
  transform: skew(-15deg);
}
@media screen and (max-width: 1260px) {
  .c-title .headline span::before {
    left: -0.08rem;
    top: 0.05rem;
  }
}
@media screen and (max-width: 991px) {
  .c-title .headline span::before {
    top: 0;
  }
}
.c-title .desc {
  margin-top:20px;
  color: #555;
  font-size:18px;
  line-height: 1.6;
}
@media screen and (max-width: 1580px) {
  .c-title .desc {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .c-title .desc {
    font-size: 16px;
  }
}