.banner{width:100%;}
.banner img{display:block;/* width: 100%; */}
.banner_title{
    position: absolute;
    top: 40%;
    width: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 46px;
    left: 5%;
    font-family: arial;
    text-shadow: 3px 3px 3px #060606;
}}
.banner1-l{display: flex;align-items:center;width:50%;justify-content:flex-end;}
.banner1-l>div{width:638px;max-width:100%}
.banner1-l h3{text-transform:uppercase;font-size:60px;font-family: OPENSANS-BOLD;margin-bottom:50px;color:#fff;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l h4{margin-bottom:37px;}
.banner1-l h4 img{display: block;margin-bottom:27px;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l h4 img:nth-child(1){}
.banner1-l h4 img:nth-child(2){}
.banner1-l h4 img:nth-child(3){}
.banner1-l dl{display: flex;justify-content:center;align-items:center;width:190px;height:50px;border-radius:50px;background:#e60012;color:#fff;font-size:18px;position:relative;overflow:hidden;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l dl i{position:relative;z-index: 3;transition:all 0s;}
.banner1-l dl img{position:relative;z-index: 3;margin-left:22px;}
.banner1-l dl .img2{display:none;}
.banner1-l dl h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#fff;}
.banner1-l dl:hover{color:#e60012;}
.banner1-l dl:hover h5{width:100%;}
.banner1-l dl:hover .img1{display:none}
.banner1-l dl:hover .img2{display:block;}
.banner1-r{width:50%;margin-top:90px;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h4 img:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active h4 img:nth-child(2){
    transition-delay: .4s;
    -ms-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active h4 img:nth-child(3){
    transition-delay: .6s;
    -ms-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active dl{
    transition-delay: .8s;
    -ms-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active .banner1-r{
    transition-delay: 1s;
    -ms-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}


.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#e60012;}
.banner .swiper-button-next{width:53px;height:110px;background:url(../images/r.png)no-repeat center rgba(255,255,255,0.1);right:0;display:none;border-top-left-radius:10px;border-bottom-left-radius:10px;transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(../images/r.png)no-repeat center #e60012;}
.banner .swiper-button-prev{width:53px;height:110px;background:url(../images/l.png)no-repeat center rgba(255,255,255,0.1);left:0;display:none;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(../images/l.png)no-repeat center #e60012;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{display: block;} 

.xform {
    padding: 140px 0px;
    overflow: hidden;
    background: #f5f5f5;
}
.xform .biaoti {
}
.xform .biaoti h3 {
    font-weight: bold;
    justify-content: center;
    font-size: 48px;
    margin-bottom: 30px;
    font-family: OPENSANS-BOLD;
}
.xform .biaoti p {
    color: #888;
    line-height: 26px;
}
.xform .btupian {
    margin-top: 50px;
}
.xform .btupian .lefy {
    float: left;
    width: 32%;
    margin-left: 15px;
}
.xform .btupian .lefy img {
    width: 100%;
    margin-bottom: 20px;
}
.xform .btupian .lefy h4 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    font-family: OPENSANS-BOLD;
}
.xform .btupian .lefy p {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}

.cpzx {
    margin: 30px auto 80px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.cpzx a{color: #fff;position:relative;border-radius:3px;overflow:hidden;}
.cpzx-r a:nth-child(1){display:none;}
.cpzx a h4{overflow:hidden;}
.cpzx a h4 img{display: block;width: 100%;}
.cpzx a p{font-family: OPENSANS-BOLD;position:absolute;z-index: 3;text-shadow: 3px 3px 3px #666;}
.cpzx a:hover img{transform:scale(1.1);}
.cpzx-l{width:50%;}
.cpzx-l p{font-size:36px;width:calc(100% - 50px);left:50px;bottom:50px;}
.cpzx-r{width:calc(50% - 10px);display: flex;flex-wrap:wrap;justify-content:space-between;}
.cpzx-r a{width:calc(50% - 5px);margin-bottom:10px;}
.cpzx-r a p{font-size:24px;text-align:center;width:100%;left:0;top: 250px;text-shadow: 3px 3px 3px #666;}

.cpzx2{padding-top: 80px;padding-bottom: 80px;}
.cpzxbj{}
.sybt{margin-bottom:50px;overflow: hidden;width: 100%;}
.sybt h3{justify-content:center;font-size:48px;font-family: OPENSANS-BOLD;}
.sybt a{display: flex;justify-content:center;align-items:center;margin:23px auto 0 auto;width:190px;height:50px;border-radius:50px;border:1px solid #e60012;color:#e60012;font-size:18px;position:relative;overflow:hidden;}
.sybt a i{position:relative;z-index: 3;transition:all 0s;}
.sybt a img{position:relative;z-index: 3;margin-left:22px;}
.sybt a .img2{display:none;}
.sybt a h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#e60012;}
.sybt a:hover h5{width:100%;}
.sybt a:hover{color:#fff;}
.sybt a:hover .img1{display:none;}
.sybt a:hover .img2{display: block;}
.cpzx2-b{margin-bottom: 30px;}
.cpzx2-b a{display: block;}
.bban_box{
    width: 24% !important;
    margin-left: 1%;
}
.cpzx2-b a h4{/* background: #f9f9f9; */overflow:hidden;margin-bottom:25px;border-radius:3px;/* padding: 40px 0; */}
.cpzx2-b a h4 img{display: block;width:100%;}
.cpzx2-b a h5{color:#e60012;font-size:16px;margin-bottom:10px;}
.cpzx2-b a h3{color:#000;font-size:24px;font-family: OPENSANS-BOLD;margin-bottom: 23px;height: 30px;}
.cpzx2-b a p{color: #666;text-align: center;font-size: 18px;text-transform: uppercase;}
.cpzx2-b a:hover{}
.cpzx2-b a:hover img{transform:scale(1.1);}
.cpzx2-b a:hover h3{color:#e60012;}
.cpzx2-b2{display: flex;justify-content:center;}
.cpzx2-b2 a{display: block;width:13px;height:25px;margin:0 10px;}
.cpzx2-b2 a.a1{background:url(../images/l3.png);}
.cpzx2-b2 a.a1:hover{background:url(../images/l3-1.png);}
.cpzx2-b2 a.a2{background:url(../images/r3.png);}
.cpzx2-b2 a.a2:hover{background:url(../images/r3-1.png);}

.cgal{}
.cgal a{display: block;position:relative;}
.cgal-t{position:absolute;left: 50%;top: 30%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #000;text-align:center;}
.cgal a h3{font-family: OPENSANS-BOLD;justify-content:center;font-size:48px;margin-bottom: 40px;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: .2;}
.cgal a p{color:#e60012;font-size:16px;margin-bottom:6px;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}
.cgal a h4{
    font-size: 20px;
    font-weight: bold;
    font-family: OPENSANS-BOLD;
}
.cgal a dl{display: flex;justify-content:center;align-items:center;margin:23px auto 0 auto;width:190px;height:50px;border-radius:50px;background:#e60012;color:#fff;font-size:18px;position:relative;overflow:hidden;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}
.cgal a dl i{position:relative;z-index: 3;transition:all 0s;}
.cgal a dl img{position:relative;z-index: 3;margin-left:22px;}
.cgal a dl .img2{display:none;}
.cgal a dl h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#fff;}
.cgal a:hover dl{color:#e60012;}
.cgal a:hover dl h5{width:100%;}
.cgal a:hover dl .img1{display:none}
.cgal a:hover dl .img2{display:block;}
.cgal .cgal-t>*{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); opacity: 1;}
.cgal a h6 img{display: block;width:100%;}
.cgal .swiper-pagination-bullet{background:#fff;opacity:1;}
.cgal .swiper-pagination-bullet-active{background:#e60012;}

.gywm{margin: 160px auto 160px auto;}
.gywm1{display: flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:55px;}
.gywm-l{width:48.33%;overflow:hidden;}
.gywm-l img{display: block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-c{width: 50%;}
.gywm-c h4{font-size: 32px;font-family: OPENSANS-BOLD;text-transform:uppercase;margin-bottom:20px;}
.gywm-c h3{color: #e60012;font-size: 30px;font-family: OPENSANS-BOLD;margin-bottom:35px;}
.gywm-c p{color:#5f5f5f;font-size:16px;line-height: 28px;margin-bottom: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;line-clamp: 9;-webkit-box-orient: vertical;}
.gywm-c a{display: flex;justify-content:center;align-items:center;width:190px;height:50px;border-radius:50px;border: 1px solid #e60012;color: #e60012;font-size:18px;position:relative;overflow:hidden;}
.gywm-c a i{position:relative;z-index: 3;transition:all 0s;}
.gywm-c a img{position:relative;z-index: 3;margin-left:22px;}
.gywm-c a .img2{display:none;}
.gywm-c a h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#e60012;}
.gywm-c a:hover h5{width:100%;}
.gywm-c a:hover{color:#fff;}
.gywm-c a:hover .img1{display:none;}
.gywm-c a:hover .img2{display: block;}
.gywm-r{width:22.77%;overflow:hidden;position:relative;}
.gywm-r h4{overflow:hidden;}
.gywm-r h4 img{display: block;}
.gywm-r p{position:absolute;z-index: 3;color:#fff;display: flex;align-items:flex-end;justify-content:space-between;width:calc(100% - 60px);left:15px;bottom:30px;}
.gywm-r p i{font-family: OPENSANS-BOLD;font-size:24px;}
.gywm-r p span{}
.wmys{background:#f5f5f5;display: flex;flex-wrap:wrap;}
.wmys dl{width:25%;display:flex;flex-wrap:wrap;justify-content:center;padding:70px 0 40px 0;border-right:1px solid #e5e5e5;position:relative;}
.wmys dl:last-child{border:none;}
.wmys dl dt{width:100px;padding-top:20px;transition:all 0.5s;}
/*.wmys dl dd{width:calc(100% - 150px);}*/
.wmys dl dd p{display:flex;align-items:flex-end;margin-bottom:20px;}
.wmys dl dd p span{line-height:100%;font-family: OPENSANS-BOLD;font-size:60px;}
.wmys dl dd p i{line-height:100%;color:#5a5b5d;font-size:18px;display: block;margin-bottom:5px;margin-left:10px;}
.wmys dl dd h4{color:#5f5f5f;font-size:16px;line-height:18px;}
.wmys dl:hover dt{transform: translateY(-10px);}

.xwzx{margin-bottom:100px;}
.xwzx-b{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.xwzx1{width:36.11%;display: block;}
.xwzx1 h4{overflow:hidden;border-radius:3px;margin-bottom:25px;}
.xwzx1 h4 img{display: block;width:100%;}
.xwzx1 h3{color:#000;font-size:24px;line-height:30px;margin-bottom:20px;}
.xwzx1 p{color:#5f5f5f;font-size:16px;line-height:24px;}
.xwzx1:hover img{transform:scale(1.1);}
.xwzx1:hover h3{color:#e60012;}
.xwzx2{width:40.55%;}
.xwzx2 a{display: block;position:relative;margin-bottom:15px;padding:14px 60px 14px 36px;}
.xwzx2 dl{transition:all 0s;position:relative;z-index: 3;display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.xwzx2 dt{transition:all 0s;border-right:1px solid #e5e5e5;padding-right:33px;color:#5f5f5f;padding-bottom:10px;}
.xwzx2 dt h3{font-size:48px;font-weight:bold;margin-bottom:13px;color: #000;}
.xwzx2 dd{transition:all 0s;width:calc(100% - 160px);}
.xwzx2 dd h3{color:#000;font-size:18px;margin-bottom:15px;line-height: 140%;}
.xwzx2 dd p{color:#5f5f5f;line-height:24px;}
.xwzx2 h6{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);background:#e60012;height:100%;border-radius:3px;width:0;}

.xwzx2 a:hover{}
.xwzx3{width:19.44%;}
.xwzx3 a{display: block;color:#000;}
.xwzx3 a:nth-child(1){margin-bottom:20px;}
.xwzx3 a h4{overflow:hidden;border-radius:3px;margin-bottom:15px;}
.xwzx3 a h4 img{display: block;width:100%;}
.xwzx3 a h3{font-size:16px;line-height: 140%;}
.xwzx3 a:hover{}
.xwzx3 a:hover img{transform:scale(1.1);}

@media(max-width:1820px){
    .xwzx2 a{margin-bottom:10px;padding:10px 60px 10px 36px;}
    .gywm-c p{font-size:14px;line-height:24px;}
    .gywm-c h3{font-size:31px;}
}
@media(max-width:1620px){
    .wmys dl dt{width:70px;}
    .cpzx-r a p{top:20px;}
    .gywm-c h3{font-size: 20px;margin-bottom:20px;}
    .xwzx2 a{padding:5px 60px 5px 36px;}
}
@media(max-width:1420px){
    .cpzx-r a p{top:10px;font-size:20px;}
    .cpzx a p{bottom:20px;}
    .wmys dl br{display:none;}
    .wmys dl dd{max-width:calc(100% - 100px);}
    .gywm-c h3{font-size:25px;}
    .gywm-c p{margin-bottom:20px;}
    .xwzx2 a{margin-bottom:5px;}
    .xwzx2 dt h3{margin-bottom:10px;}
}
@media screen and (min-width:1200px){
    .xwzx2 a:hover *{color:#fff;border-color:#fff;}
    .xwzx2 a:hover h6{width:100%;box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
/*     .banner a{display:flex;position:absolute;width:100%;height:100%;left:0;top:0;} */
}
@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .cpzx a p{left:15px;}
    .cpzx-r a p{left:15px;position:relative;color:#5f5f5f;top:0;}
    .sybt a,.cgal a dl,.gywm-c a{height:40px;}
    .cgal-t{top:40%;}
    .wmys dl{width:100%;border: none;}
    .wmys dl dd{width:calc(100% - 100px);}
    .cpzx2-b a h4{padding:20px 0}
}                       
.section .gsapAnimate.animated {transform:translateY(0) !important;opacity:1 !important;text-align: center;font-size: 36px;}
.section-commercial .commercial-container {
  margin-top: 2rem;
  position: relative;
}
.section-commercial .commercial-container .case-info h3.case-title {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2;
  border-bottom: 0.1rem solid;
  margin: 0;
}
.section-commercial .commercial-container .case-info {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 1.5rem;
  color: #fff;
  z-index: 2;
  text-align: center;
}
.section-commercial .commercial-container .case-info p.case-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1rem;
}
.section-commercial .commercial-container .case-info .case-btns > a {
  font-size: 0.8rem;
  line-height: 1.5rem;
  margin: 0 2em;
}
.section-commercial{background:#f5f5f5;padding-bottom: 3rem;}
.section .gsapAnimate {transition:transform 400ms ease-in-out,opacity 400ms ease-out;}
.section .section-title {margin:0;padding-top:5rem;padding-bottom:2.5rem;}
.section .container {padding: 0 4rem;}                                                            
.section-commercial .commercial-tags {display:flex;justify-content:space-between;}
.section-commercial .commercial-tags li {cursor:pointer;font-size: 16px;line-height:1.8;color:#222;font-family:"FZLTXHJW";font-weight:bold;border-bottom:0.1rem solid transparent;}
@media(max-width:1600px){.section-commercial .commercial-tags li{font-size:14px;}}
.section-commercial .commercial-tags li:hover {color:#e60012;}
.section-commercial .commercial-tags li.on {border-color:#e60012;color:#e60012;}
.section-commercial .commercial-container2 {margin-top:2rem;overflow:hidden;display:flex;align-items:flex-end;}
.section-commercial .commercial-container2.loading > * {opacity:0 !important;}
.section-commercial .commercial-container2 .case-img {float:left;width:50%;position:relative;}
.section-commercial .commercial-container2 .case-img img {height:28.5rem;object-fit:cover;}
.section-commercial .commercial-container2 .case-info {float:left;width:50%;padding-left:3rem;color:#222;height:28.5rem;display:inline-flex;flex-direction:column;justify-content:space-between;padding-top:0.5rem;}
.section-commercial .commercial-container2 .case-info h3.case-title {display:inline-block;font-size:1.4rem;line-height:2;border-bottom:0.1rem solid;margin:0;}
.advan_content{position: relative;padding: 109px 0 80px;background: #f1f1f1;}
.advan_content .container{width: 80%;margin:auto;}
.advan_content .afvan_bg{position: absolute;left: 0;top: 0;width: 100%;height: 383px;display: block;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.advan_content .bg_ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 383px;display: block;}
.advan_content .main_title em{}
.advan_content .main_title .text{ color: #fff; line-height: 26px; max-height:initial;max-width: 1210px; margin-top: 20px}
.advan_content .main_title .small_title{ color: #fff}
.advan_content .main_title  .circle{ background: #fff}
.advan_content .main_title .small_title:before,.advan_content .main_title .small_title:after{ background: #fff}
.advan_content .list{ margin: 35px -15px 0}
.advan_content .list li{ list-style: none; padding: 0 15px;}
.advan_content .list li .column{text-align: center;padding: 57px 34px 60px;transition: all .9s;position: relative;}
.advan_content .list li:nth-child(2n+2) .column{}
.advan_content .list li .column:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); box-shadow: 0 6px 30px 4px rgba(0,0,0,0.08);}
.advan_content .list li .column .icon{display:  flex;height: 70px;width: 120px;margin: auto;align-items: center;justify-content: center;position: relative;z-index: 99;}
.advan_content .list li .column .icon img{ transition: all .5s; z-index: 99; position: relative}
.advan_content .list li .column .icon:after{ content: ''; display: inline-block; background: #e60002; opacity: 0.04; height: 30px; width: 30px; border-radius: 50%; position:absolute; top: -10px; left:-10px}
.advan_content .list li .column:hover img{	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH; transform: rotateY(180deg);}

.advan_content .list li .column .title{position: relative; z-index: 99; font-size: 20px; color: #333333;font-family: 'Rajdhani-Bold'; line-height: 24px; margin-top: 30px; text-transform: uppercase}
.advan_content .list li .column .text{ position: relative; z-index: 99; line-height: 28px; height:84px; font-size: 14px; overflow: hidden; color: #333333; margin-top: 16px}
.advan_content .list li .column .page_more{ font-family: 'ITCAvantGardeStd-Regular'; font-size: 14px; color: #0975bd; margin-top: 35px}
.advan_content .list li .column .page_more:after{ background-position: -64px -312px;} 


@media only screen and (max-width: 1669px) {
	.advan_content .list li .column{ padding: 37px 30px 46px}
	
	
}
@media only screen and (max-width: 1459px) {
	.advan_content .list{ margin: 0 -10px}
	.advan_content .list li{ padding: 0 10px}
	.advan_content .list li .column{ padding: 27px 15px 30px}
	.advan_content .list li .column .page_more{ margin-top: 20px}
	.advan_content{ padding: 40px 0 80px}
	
}
@media only screen and (max-width: 1260px) {
	.advan_content .list{ margin: 13px -10px 0}
	.advan_content .list li{ padding: 0 10px} 
	
}
@media only screen and (max-width:992px) {
	.advan_content{ display: none}
	
}
@media only screen and (min-width: 320px) {
	.advan_content .list {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
	.advan_content .list li{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    } 
	
}
/*index*/
.main_title{margin-bottom:34px;text-align:center;position: relative;z-index: 5; padding-top: 16px; } 
.main_title em{color:#333333;font-size: 36px;line-height:100%;margin:0;position:relative;font-weight: bold;z-index: 2;display: block;}
.main_title .text{color:#666666;font-size:14px;line-height:24px;max-height:24px;overflow:hidden;max-width:820px;margin:11px auto 0; }
.main_title .small_title{display: inline-block;position: relative;margin-bottom: 15px;  color: #0975bd; letter-spacing: 1px; font-family: 'Rajdhani-Bold'; font-size: 18px;text-transform:uppercase; padding: 0 50px; }
.main_title .small_title:before{ content: ''; height: 1px; width: 40px; background: #0975bd; position: absolute; bottom: 13px; left: 0;} 
.main_title .small_title:after{ content: ''; height: 1px; width: 40px; background: #0975bd; position: absolute; bottom: 13px; right: 0;} 
.main_title .circle{ display: inline-block; height: 62px; width: 62px; background: #0975bd; opacity: 0.04; border-radius: 50%; position: absolute; top: 0; left: 47%}
.application_content .container{width: 80%;margin:auto;}
.why{text-align:center;}
.why img{width:80%;}
.application_content{padding: 60px 0 105px;overflow: hidden;}
.application_content .main_title{ margin-bottom: 20px}
.application_content .list{ margin: 0 -10px}
.col-sm-4 {
    width: 33.33333333%;
  }
.application_content .list li{list-style: none;padding: 0 10px;margin-top: 20px;float: left;}
.application_content .list li .column{ position: relative; overflow: hidden;}
.application_content .list li .column .image{ position: relative; overflow: hidden;}
.application_content .list li .column .image>a{ display: block; width: 100%; overflow: hidden;}
.application_content .list li .column .image>a img{ width: 100%; transition: all .9s;}
.application_content .list li .column:hover .image>a img{transform:scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
}
.application_content .list li .column .wrap{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.9); border-top: 3px solid #0975bd; padding: 17px 100px 10px 30px;clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);}
.application_content .list li .column .wrap .title{ display: block; font-size: 18px; text-transform: uppercase; color: #222222; line-height: 24px; font-family: 'ITCAvantGardeStd-Regular'; overflow: hidden; height: 24px;}
.application_content .list li .column .wrap .text{ color: #666666; line-height: 24px; height: 24px; overflow: hidden;font-size: 13px; margin-top: 2px }
.application_content .list li .column .wrap .icon{ display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; position: absolute; right: 63px; top: 19px;}
.application_content .list li .column .wrap .icon i{ background:url(../images/icon.png) no-repeat -108px -360px; width: 18px; height: 16px; display: block}
.application_content .list li .column:hover .wrap .title{ color: #0975BD}


@media only screen and (max-width: 1239px) {
	.application_content{ padding: 40px 0 50px}
	.application_content .list{ margin: 0 -5px}
	.application_content .list li{ padding: 0 5px; margin-top: 10px}
	.application_content .list li .column .wrap{padding: 14px 44px 10px 10px}
	.application_content .list li .column .wrap .icon{ right: 28px}
	.application_content .list li .column .wrap .title{ font-size: 16px}
}

@media only screen and (max-width: 992px) {
	.application_content .list li .column .wrap .title{ font-size: 14px}
	.application_content .list li .column .wrap{padding: 8px 44px 6px 10px}
	
}

@media only screen and (max-width: 430px) {
	.application_content .list li{ width: 100%}
	
}
 
.section-benefits{
    overflow: hidden;
    margin-top: 80px;
}
.container-large{width: 75%;margin:auto;overflow: hidden;}
.heading-xlarge{text-align:center;font-size: 44px;margin-bottom: 2vw;}
.margin-xlarge .text-align-center p{
    font-size: 18px;
    text-align: center;
    line-height: 34px;
}
.margin-xlarge .text-align-center{margin-bottom: 2vw;}
.margin-medium{float:left;width: 17%;height: 150px;}
.margin-medium img{margin-top:50px;}
.margin-xsmall{float:left;width: 83%;}
.text-style-muted{float:left;width:80%;}
.benefits_item{
    width: 31%;
    float: left;
    height: 250px;
    margin-right: 2%;
    margin-bottom: 3vw;
}
.heading-medium{font-size:30px;margin-top: 2vw;margin-bottom: 2vw;}