body{background: #fff;font-size:14px;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;}
*{margin:0;padding:0;box-sizing: border-box;}
/**{position:relative;border:0;outline:none;outline-color:transparent;-webkit-appearance:none;}*/
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
img{max-width: 100%;}
a{cursor: pointer;color:inherit;}
a:hover{text-decoration: none;color:inherit;}


.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs25{font-size: 25px;}
.fs30{font-size: 30px;line-height: 1.2;}
.fs33{font-size: 33px;line-height: 1.2;}
.fs37{font-size: 37px;line-height: 1.2;}
.fs42{font-size: 42px;line-height: 1;}
.fs58{font-size: 58px;line-height: 1;}
.fs64{font-size: 64px;line-height: 1;}
.fs66{font-size: 66px;line-height: 1.2;}
.fs100{font-size: 100px;line-height: 1.2;}


.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex; width: 100%;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;}
.fix {*zoom:1;*clear:both;}
.fix:before,.fix:after {display:table;clear:both;content:'';}


/*全站通用样式*/
.transition03{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.transition05{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}
.transition08{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.transition1{-webkit-transition: all 1s ease;transition: all 1s ease;}
.transition14{-webkit-transition: all 1.4s ease;transition: all 1.4s ease;}
.transition24{-webkit-transition: all 2.4s ease;transition: all 2.4s ease;}
.transition10{-webkit-transition: all 10s ease;transition: all 10s ease;}
.delay01{transition-delay: 0.1s;-moz-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;}
.delay02{transition-delay: 0.2s;-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;}
.delay03{transition-delay: 0.3s;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;}
.delay04{transition-delay: 0.4s;-moz-transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;}
.delay05{transition-delay: 0.5s;-moz-transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;}
.delay06{transition-delay: 0.6s;-moz-transition-delay: 0.6s;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;}

@media (min-width: 768px){
	.container{width:88%;}
	
}
html.mm-opened, html.mm-opened body {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
/*header*/
.pageheader{width:100%;position:fixed;top:0;left:0;padding-top:40px;z-index:50;padding:0 6%;font-family: '黑体';font-size:16px;}
.pageheader.tophide{background-color:#fff;background-color:rgba(0,0,0,0.85);}
.pageheader.tophide .logo{margin: 0;}
.pageheader .logo{width:10%;padding:10px 0;}
.pageheader .logo a{display:block;}
.pageheader .nav_box>ul >li{float:left;}
.pageheader .nav_box>ul >li >a{position:relative;border:1px solid transparent;color:#333;display:block;padding:0 20px;line-height: 98px;min-width: 120px;text-align: center;}
.pageheader.tophide .nav_box>ul >li >a{color: #fff;}
.pageheader .nav_box .sub_nav{position:absolute;top:100%;left:0;color:#fff;width:100%;padding:20px 0px;background-color:#272624;min-height:180px;overflow:hidden;display:none;-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;}
.pageheader .nav_box .sub_nav a{padding:6px 0px;display:block;}
.pageheader .nav_box .sub_nav a:hover,.pageheader .nav_box .sub_nav li.active a{color:#CD281F;}
.pageheader .nav_box .line{height:6px;background-color:#CD281F;position:absolute;top:0;display:none;z-index:-1;}
.pageheader .nav_box .sub_nav .ul{float:left;margin-right:2%;}
.pageheader .nav_box>ul>li.active>a,.pageheader .nav_box>ul>li:hover>a{color:#CD281F;border:1px solid #ced6de;font-weight: bold;}
.pageheader .nav_box>ul>li.active>a::before{position: absolute;left:0;top:0;width: 100%;height: 6px;background:#CD281F;content:''; }
/*.pageheader.tophide .logo{width:12%;margin-top:10px;}*/

.mm-menu {position:fixed;z-index:100;top:0;left:-50%;overflow:hidden;width:50%;height:100%;padding:0;}
.mm-ismenu {background: #333;}
.mm-menu {color:rgba(255,255,255,.6);}
.mm-opened #mm-blocker,.mm-opened .mm-fixed-bottom,.mm-opened .mm-fixed-top,.mm-opened .mm-menu,.mm-opened .mm-menu.mm-horizontal>.mm-panel {-webkit-transition:none .4s ease;transition:none .4s ease;-webkit-transition-property:top,right,bottom,left,border;transition-property:top,right,bottom,left,border;}
.mm-opened.mm-opening .mm-menu {left:0;}
.mm-opened {position:relative;overflow:hidden;width:100%;height:100%;}
.mm-list,.mm-list>li {display:block;margin:0;padding:0;list-style:none;}
.mm-menu>.mm-panel {position:absolute;z-index:0;top:0;left:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;width:100%;height:100%;padding:20px;background:inherit;-webkit-overflow-scrolling:touch;}
.mm-menu>.mm-list {padding:20px 0 40px 0;}
.mm-menu>.mm-panel.mm-opened {left:0;}
.mm-list>li {position:relative;}
.mm-list>li>a,.mm-list>li>span {display:block;overflow:hidden;margin:0;padding:10px 10px 10px 20px;white-space:nowrap;text-overflow:ellipsis;color:inherit;}
.mm-list a.mm-subopen {position:absolute;z-index:2;top:0;right:0;width:40px;height:100%;padding:0;}
.mm-list a.mm-subopen::before {position:absolute;top:0;left:0;display:block;height:100%;content:"";border-left-width:1px;border-left-style:solid;}
.mm-menu .mm-list>li>a.mm-subopen:before {border-color:rgba(0,0,0,.15);}
.mm-list a.mm-subclose:before,.mm-list a.mm-subopen:after {position:absolute;bottom:50%;display:block;width:7px;height:7px;margin-bottom:-5px;content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid transparent;}
.mm-list a.mm-subopen:after {right:18px;border-top:0;border-left:0;}
.mm-menu .mm-list>li>a.mm-subclose:before,.mm-menu .mm-list>li>a.mm-subopen:after {border-color:rgba(255,255,255,.3);}
.mm-list a.mm-subopen+a,.mm-list a.mm-subopen+span {margin-right:40px;padding-right:5px;}
.pageheader .mobile_key {display:none;width:24px;height:24px;background:url(../images/mobile_key.png) no-repeat center;background-size:cover;margin-top:18px;}
@media only screen and (max-width:1240px){.pageheader .mobile_key {display:block;}}



/*首页banner*/
.i_banner{width:100%;/*height:700px;*/overflow:hidden;background:#d3e4f5;position: relative;}
.ibanner_cover{width:100%;position:absolute;top:50%;transform: translateY(-50%);left:0;color:#fff;text-align:left;}
.ibanner_cover .cover_title01{margin-bottom:30px;transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.ibanner_cover .cover_title02{font-size:20px;margin-bottom:25px;font-weight:normal;transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.i_banner li{position:relative;overflow:hidden;width:100%;}
/*.i_banner li .banner_img{position:absolute;top:0;left:0}
.i_banner li .banner_img img{width:100%;height:100%;position:absolute;top:0;left:0;}*/
.i_banner .more{transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.i_banner .active li:after{content:"";height:5px;background-color:rgba(255,255,255,.6);display:block;animation:login_line 6s linear 1;-webkit-animation:login_line 6s linear 1;position:absolute;left:0;bottom:0;}
.i_banner li .banner_img img{-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);-webkit-transition: all 10s ease;transition: all 10s ease;}
.i_banner .active li .banner_img img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.i_banner .active .cover_title01,.i_banner .active .cover_title02,.i_banner .active .cover_title02,.i_banner .active .more{transform:translateX(0);-ms-transform:translateX(0); -moz-transform:translateX(0);-webkit-transform:translateX(0); -o-transform:translateX(0);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.i_banner .banner_bar{position:absolute;left:0;bottom:36px;width:100%;z-index:10;}
.i_banner .banner_nav{overflow:hidden;padding:0 5%;}
.i_banner .banner_nav .owl-dot{float:left;margin-right:10px;margin-top:10px;}
.i_banner .banner_nav .owl-dot span{display:block;width:10px;height:10px;border-radius:50%;background:#fff;-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;}
.i_banner .banner_nav .owl-dot.active span{-moz-opacity:1;-khtml-opacity:1;opacity:1;}


@keyframes login_line {
    0% {width: 0;}
    100% { width: 100%;}
}
@-webkit-keyframes "login_line" {
    0% {width: 0;}
    100% { width: 100%;}
}
@keyframes img_room {
    0% {-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);}
    100% {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
}
@-webkit-keyframes "img_room" {
    0% {-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);}
    100% { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
}
.owl-carousel{visibility:hidden;width:100%;z-index: 1;position: relative;}
.owl-carousel.owl-loaded{visibility:visible;}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item .ibanner_cover img{width:auto!important;}
.owl-carousel .owl-item .banner_img img {
    display: block;
    width: 100%;
}
.i_banner .ibanner-wrap {
    padding:30px 5%;
}
.banner .ibanner_cover .cover_title02{font-size:66px;color:#fff;}
.banner .ibanner_cover .cover_title01 img{max-width: 60%;margin-left:0;}
.banner .ibanner_cover a.more_btn{display: inline-block;max-width: 15%;margin-left:20px;}
.banner .ibanner_cover .more img{margin-left:0;}


.part-product{position: relative;padding:80px 0;}
.product-swiper{position: relative;padding:0 4.17%;}
.part-product .swiper-container{margin:0 9px;}
.part-product .swiper-btn{width:4.17%;height: 100%;background: #f5f5f5;color:#ffffff;top:0;margin-top:0;outline: none;transition: all linear .3s;}
.part-product .swiper-btn:hover{background: #CD281F;}
.part-product .swiper-btn::after{font-size:30px;}
.part-product .swiper-button-prev{left:0;}
.part-product .swiper-button-next{right:0;}
.part-product .pro-item{background: #f5f5f5;position: relative;overflow: hidden;}
.part-product .pro-item .item-con{padding:40px 43px 30px;color:#191919;position: relative;z-index:10;}
.part-product .pro-item .item-title{padding-top: 30px;position: relative;margin-bottom: 5px;font-weight: bold;}
.part-product .pro-item .item-title::before{position: absolute;content:'';width:18px;height: 3px;background: #ffc000;top:0;left:0;}
.part-product .pro-item .item-subtit{margin-bottom: 6px;font-family: -webkit-pictograph,serif;}
.part-product .pro-item .item-desc{color:#373737;line-height: 28px;min-height: 56px; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.part-product .pro-item .item-img-con{padding-bottom: 65%;position: relative;overflow: hidden;}
.part-product .pro-item .item-img {transition: all linear .4s;position: absolute;top:230px;left:0;right:0;background-size: cover;background-repeat: no-repeat;background-position: center;height:100%;}
.part-product .pro-item .item-more{transition: all linear .3s;color:#ededed;position: absolute;top:100%;left:0;width:100%;height: 100%;padding:0 43px 58px;background: rgba(205,45,31,.6);z-index:9;display: flex;align-items: flex-end;}
.part-product .pro-item .item-more p{padding-bottom: 18px;border-bottom: 3px solid #fff;width:100%;}
.part-product .pro-item:hover .item-img{padding-bottom: 0;top:0!important;}
.part-product .pro-item:hover p{color:#fff;}
.part-product .pro-item:hover .item-desc{color:#ededed;}
.part-product .pro-item:hover .item-more{top:0;}

.part-title-box{text-align: center;margin-bottom: 85px;}
.part-title-box .part-title{display: inline-block;padding:24px 35px 20px;position: relative;}
.part-title-box .part-title::before,.part-title-box .part-title::after{position: absolute;content:'';width:114px;max-width: 50%;height: 3px;background: #CD281F;}
.part-title-box .part-title::before{left:0;top:0;}
.part-title-box .part-title::after{right:0;bottom:0;}
.part-title-box .part-title h2{letter-spacing: 5px;margin-bottom: 8px;}
.part-title-box .part-title p{text-transform:capitalize;font-family: serif;font-weight: bold;}

.part-aboutUs{padding:200px 0 150px 6%;background: url(../images/aboutBg.png) no-repeat center;background-size: cover;}
.part-aboutUs .part-title-box{text-align: left;}
.part-aboutUs .about-con{color:#1d1d1d;line-height: 1.838; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.aboutUs-left{padding:0 15px;}
.processBlock__navSteps{margin-top:40px;}
.processBlock__navSteps>* {margin-right: 36px;}
.prevNextBttn {display: inline-block;position: relative;text-align: center;width:4.76vw;height:4.76vw;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .4s cubic-bezier(.77,0,.175,1);}
.prevNextBttn__bg {transform:scale(0);transition:transform .3s cubic-bezier(.19,1,.22,1);will-change:transform;}
.prevNextBttn__bg,.prevNextBttn__circle {position:absolute;width:100%;height:100%;top:0;left:0;will-change:transform;}
.prevNextBttn__bg {background:#CD281F;border-radius:100%;}
.prevNextBttn__bg {transform:scale(0);transition:transform .3s cubic-bezier(.19,1,.22,1);will-change:transform;}
.prevNextBttn:hover .prevNextBttn__bg {transform:scale(1);transition:transform .9s cubic-bezier(.19,1,.22,1);}
.prevNextBttn__circle {transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1);will-change:transform;}
.prevNextBttn:hover .prevNextBttn__circle {opacity:0;transform:scale(1.5);transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1);}
.prevNextBttn .prevNextBttn__arrow{margin-top:-10px;margin-left:-16px;position: absolute;left:50%;top:50%;display: inline-block;width:0;height: 0;border:10px solid transparent;border-right:10px solid #CD281F;transition: all linear .3s;}
.prevNextBttn.bottom .prevNextBttn__arrow {transform:rotate(180deg);margin-left:-2px; }
.prevNextBttn:hover .prevNextBttn__arrow{border-right-color: #fff;}

.c-padding{padding:0 6%;}
.part-honour{padding:80px 0 50px;}
.part-honour .swiper-slide .item-img{box-shadow: 0 5px 8.55px 0.45px rgba(47,3,0,.2);}
.part-honour .common-swiper .swiper-container{padding:20px 10px;}
.common-swiper{position: relative;padding:0 6%;}
.common-swiper .swiper-btn{width: 40px;height: 40px;border-radius:999px;border:2px solid #CD281F;}
.common-swiper .swiper-btn:after{color:#CD281F;font-size:20px;font-family: '宋体';font-weight: bold;}
.common-swiper .swiper-button-prev{left:0;}
.common-swiper .swiper-button-next{right: 0;}
.common-swiper .swiper-button-next:after{content:'>';}
.common-swiper .swiper-button-prev:after{content:'<';}

.part-system{padding:130px 0 200px;background: url(../images/system-bg.png) no-repeat top center;text-align: center;background-attachment: fixed;}
.part-system .system-title{font-weight: bold;text-align: center;letter-spacing: 5px;}
.part-system .system-title span{position: relative;padding-left: 130px;}
.part-system .system-title span::before{content:'“';font-size:250px;line-height: 0.5;color:#CD281F;position: absolute;left:0;top:0;}
.part-system ul{background: rgba(255,255,255,.5);padding:40px 0;margin-top: 150px;}
.part-system ul li{padding:40px 10px;color:#000000;}
.part-system ul li .item-title{color:#1c00c3;font-weight: bold;margin-top:60px;}
.part-system ul li p{letter-spacing: 4px;margin-top:40px;}
.part-system ul li .item-icon{max-width: 32%;margin:0 auto;}

.part-news{padding:80px 0;}
.news-box{overflow: hidden;}
.news-box .swiper-wrapper{/*padding-bottom: 48%;*/position: relative;min-height: 674px;}
@media (min-width: 768px){
  .news-box .news-item-box{position: absolute;padding:8px;width: 45%;transition: all ease 1s;}
  .news-box .swiper-slide.li1,.news-box .news-item-box:nth-child(5n+1){top:0;left:0;height:44.7%;}
  .news-box .swiper-slide.li2,.news-box .news-item-box:nth-child(5n+2){bottom:0;left:0;height:55.3%;}
  .news-box .swiper-slide.li3,.news-box .news-item-box:nth-child(5n+3){width:55%;top:0;right:0;height:64%;}
  .news-box .swiper-slide.li4,.news-box .news-item-box:nth-child(5n+4){width:27.5%;bottom:0;left:45%;height:36%;}
  .news-box .swiper-slide.li5,.news-box .news-item-box:nth-child(5n+5){width:27.5%;bottom:0;right:0;height:36%;}
  .news-box .swiper-slide.li3 .news-item,.news-box .news-item-box:nth-child(5n+3) .news-item{justify-content: flex-start;}
}
.news-box .swiper-slide.li4 .item-img,.news-box .swiper-slide.li5 .item-img{display: none;}
.news-box .news-item-box>a{display: block;position: relative;height: 100%;overflow: hidden;}
.news-box .news-item-box .item-img{transform: scale(1.2);transition: all 2.4s ease 0s;position: absolute;left:0;top:0;width: 100%;height: 100%;display:block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.news-box .news-item-box .news-item{overflow: hidden;position: relative;transition: all linear .3s;height: 100%;background: rgba(0,0,0,.3);color:#fff;justify-content: flex-end;padding:30px 9%;}
.news-box .news-item-box .news-item p{z-index:10;margin-bottom: 20px;color: rgba(255,255,255,.6); text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.news-box .news-item-box .news-item h2{margin-bottom: 10px;}
.news-box .swiper-slide.li3>a,.news-box .news-item-box:nth-child(5n+4)>a{background: #CD281F;}
.news-box .swiper-slide.li3>a,.news-box .news-item-box:nth-child(5n+5)>a{background: #1d2088;}
.news-box .swiper-slide.li3>a,.news-box .news-item-box:nth-child(5n+4) .news-item,.news-box .news-item-box:nth-child(5n+5) .news-item{background: none;}
.news-box .swiper-slide.li4 .news-item p,.news-box .swiper-slide.li5 .news-item p,.news-box .swiper-slide:nth-child(5n+4) .news-item p,.news-box .swiper-slide:nth-child(5n+5) .news-item p{display:block;color:#fff;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;line-clamp: 1;}
.news-box .news-item-box>a:hover .item-more{color:#CD281F;}
.news-box .swiper-slide.li4 .news-item:after,.news-box .swiper-slide.li5 .news-item:after,.news-box .swiper-slide:nth-child(5n+4) .news-item:after,.news-box .swiper-slide:nth-child(5n+5) .news-item:after {content:"";width:100%;height:100%;background-color:rgba(0,0,0,.2);position:absolute;display:block;top:0;right:100%;z-index:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.news-box .news-item-box>a:hover .news-item:after{right: 0;}
.news-box .news-item-box .news-item .item-con{position: relative;z-index:10;}
.news-box .news-item-box>a:hover .item-img{transform: scale(1);}

.part-partner{background: url(../images/partner-bg.png) no-repeat bottom center;background-size: 100% auto;padding:40px 0 110px;}
.partner-swiper .swiper-slide{padding:0 30px;}

.footer{border-top:1px solid #fff;background: #CD281F;padding:90px 4.17% 30px;}
.copyright{border-top:1px solid #fff;background: #CD281F;padding:15px 0;text-align: center;line-height: 1.8;color:rgba(255,255,255,.8);}
.footer-info{color:#fefefe;}
.footer-info .title{margin-bottom: 35px;}
.footer-info .detail p{margin-bottom: 23px;}
.footer-nav li{display: inline-block;min-width: 12%;text-align: center;margin-bottom: 30px;color:#bebebe;}
.footer-nav li a{padding:0 15px;display: inline-block;}
.footer-nav li .f-submenu{margin-top: 25px;}
.footer-nav li .f-submenu p{margin-bottom: 13px;}
.footer-nav li a:hover{color:#fff;}

@media (max-width: 1700px){
  .fs16{font-size: 14px;}
  .fs18{font-size: 16px;}
  .fs19{font-size: 16px;}
  .fs20{font-size: 17px;}
  .fs22{font-size: 18px;}
  .fs25{font-size: 21px;}
  .fs30{font-size: 26px;}
  .fs33{font-size: 28px;}
  .fs37{font-size: 31px;}
  .fs42{font-size: 34px;}
  .fs58{font-size: 46px;}
  .fs64{font-size: 50px;}
  .fs100{font-size: 70px;}
  .part-title-box{margin-bottom: 70px;}
  .part-aboutUs{padding-top:160px;padding-bottom: 130px;}
  .part-system ul{margin-top:100px;}
  .part-system ul li .item-title{margin-top: 40px;}
  .part-system ul li p{margin-top:25px;}
  .footer{padding-top:70px;}
}
@media (max-width: 1200px){
  .fs16{font-size: 14px;}
  .fs18{font-size: 15px;}
  .fs19{font-size: 15px;}
  .fs20{font-size: 16px;}
  .fs22{font-size: 18px;}
  .fs25{font-size: 18px;}
  .fs30{font-size: 20px;}
  .fs33{font-size: 27px;}
  .fs37{font-size: 29px;}
  .fs42{font-size: 32px;}
  .fs58{font-size: 38px;}
  .fs64{font-size: 40px;}
  .fs100{font-size: 54px;}
  .container{width: 94%}
  .news-box .news-item-box .news-item{padding:20px 5%;}
  .part-product{padding:60px 0;}
  .product-swiper{padding:0 46px;}
  .part-product .swiper-btn{width: 46px;}
  .part-title-box{margin-bottom: 55px;}
  .part-aboutUs{padding:80px 0 60px 5%;}
  .processBlock__navSteps>*{margin-right: 20px;}
  .part-system{padding:100px 0 120px;}
  .part-system ul{margin-top:80px;padding:25px 0;}
  /*.c-padding,.common-swiper{padding:0 5%;}*/
  .part-partner{padding:20px 0 90px;}
  .partner-swiper .swiper-slide{padding:0 25px;}
  .part-system .system-title span::before{font-size:230px;}
  .part-system .system-title span{padding-left: 120px;}
}  
@media (max-width: 992px){
  .fs22{font-size: 18px;}
  .fs25{font-size: 18px;}
  .fs30{font-size: 20px;}
  .fs33{font-size: 22px;}
  .fs37{font-size: 24px;}
  .fs42{font-size: 26px;}
  .fs58{font-size: 32px;}
  .fs64{font-size: 34px;}
  .fs100{font-size: 50px;}
  .part-product .pro-item .item-con{padding:25px 25px 20px;}
  .part-product .pro-item .item-title{padding-top:20px;}
  .part-title-box .part-title{padding:22px 30px 16px;}
  .part-title-box .part-title::before, .part-title-box .part-title::after{width:80px;}
  .part-aboutUs .about-con{font-size:22px;}
  .part-honour{padding:60px 0 40px;}
  .part-title-box{margin-bottom: 45px;}
  .part-system{padding:65px 0 60px;}
  .part-system .system-title span::before{font-size:130px;}
  .part-system .system-title span{padding-left: 70px;}
  .part-system ul li{padding:25px 10px;}
  .part-system ul{margin-top:50px;padding:15px 0;}
  .part-system ul li .item-title{margin-top:25px;}
  .part-system ul li p{margin-top:15px;}
  .part-news{padding:60px 0;}
  .c-padding{padding:0 2%;}
  .news-box .swiper-wrapper{min-height: 500px;}
/*  .news-box{height: auto;padding-bottom: 0;overflow: hidden;}
  .part-news .news-box .news-item-box{position: relative;height: auto!important;float:left;width: 50%;left:0;top:0;bottom:0;padding:4px;}
  .part-news .news-box .news-item-box>a{height: auto;padding-bottom: 80%;}
  .part-news .news-box .news-item-box .news-item{position: absolute;left:0;width: 100%;}
  .part-news .news-box .news-item-box:nth-child(5n+3){width: 100%;}
  .part-news .news-box .news-item-box:nth-child(5n+3)>a{padding-bottom: 40%;}*/
}
@media (max-width: 767px){
  .fs16{font-size: 14px;}
  .fs18{font-size: 15px;}
  .fs19{font-size: 15px;}
  .fs20{font-size: 16px;}
  .fs22{font-size: 16px;}
  .fs25{font-size: 17px;}
  .fs30{font-size: 18px;}
  .fs33{font-size: 19px;}
  .fs37{font-size: 20px;}
  .fs42{font-size: 22px;}
  .fs58{font-size: 25px;}
  .fs64{font-size: 26px;}
  .fs100{font-size: 36px;}
  .part-title-box .part-title{padding:16px 20px 10px;}
  .part-title-box .part-title::before, .part-title-box .part-title::after{max-width: 50%;height: 2px;}
  .part-title-box .part-title h2{letter-spacing: 2px;margin-bottom: 4px;}
  .part-title-box{margin-bottom: 30px;}
  .part{padding:40px 0;}
  .product-swiper{padding:0 40px;}
  .part-product .swiper-btn{width:40px;/*background: #CD281F;*/}
  .part-product .pro-item .item-con{padding:22px 20px 12px;}
  .part-aboutUs .about-con{font-size:15px;}
  .prevNextBttn{width:46px;height: 46px;}
  .container{width: 100%;}
  .common-swiper{padding:0 30px;}
  .common-swiper .swiper-btn{width:30px;height: 30px;}
  .part-honour .common-swiper .swiper-container{padding:10px;}
  .part-system .system-title span::before{font-size:100px;}
  .part-system .system-title span{padding-left: 60px;}
  .part-system ul{margin-top:40px;}
  .part-system ul li{display: flex;text-align: left;align-items: center;}
  .part-system ul li .item-icon{padding:0 10px;margin:0;}
  .part-system ul li .item-icon img{max-width: 80%;}
  .part-system ul li .item-title{margin-top:0;}
  .part-system ul li p{margin-top: 10px;font-size:15px;letter-spacing: 0;}
  .news-box .swiper-wrapper{min-height: 400px;}
  .part-news .swiper-slide{height: 400px;}
  .part-news .swiper-pagination{text-align: right;padding:0 10px;}
  .part-news .swiper-pagination-bullet{width:10px;height: 10px;background: rgba(255,255,255,.6);}
  .part-news .swiper-pagination-bullet-active{background: #fff;}
  .news-box .news-item-box .news-item{justify-content: flex-start;padding:30px 15px;}
  .news-box .news-item-box .news-item .item-con{height: 100%;}
  .news-box .news-item-box .news-item .item-more{position: absolute;bottom:20px;left:0;}
  .part-news{padding:40px 0 20px;}
  .partner-swiper .swiper-slide{padding:0 8px;}
}

@media (max-width: 1400px){
    .pageheader .nav_box>ul >li >a{min-width: 100px;padding:0 15px;}
    .pageheader{padding:0 3%;}
}

@media (max-width: 1200px){
.banner .ibanner_cover .cover_title02{font-size:50px;}
}

@media (max-width: 992px){
.banner .ibanner_cover .cover_title02{font-size:40px;}
.pageheader{background: #d1e3f5;}
.pageheader .logo img{max-height: 50px;}
.prevNextBttn{width:60px;height: 60px;}
}

@media (max-width: 767px){
.banner .ibanner_cover .cover_title02{font-size:34px;line-height: 40px;}
.banner .ibanner_cover .cover_title01 img{max-width: 80%;}
.banner .ibanner_cover a.more_btn{margin-left:5px;}
.prevNextBttn{width:40px;height: 40px;}

}



/*.processBlock {display:flex;justify - content:flex - end;align - items:center;width:100%;height:100vh;min - height:500px;max - height:70vw;background:#fff;}*/
.processBlock__content {margin-left:8.47222vw;margin-top:25px;margin-right:2vw;}
.processBlock__nbClicks {display:flex;align-items:center;margin-bottom:5.55556vw;}
@media (min-width:1440px){
    .processBlock__content {margin-left:122px;}
    .processBlock__nbClicks {margin-bottom:80px;}

}
.processBlock__mediasWrapper {position:relative;width:50%;height:100%;right:0;top:0;}
.processMedias {width:100%;height:100%;cursor:move;cursor:-webkit-grab;cursor:grab;}
.processMedias__svgWrapper {position:absolute;visibility:hidden;}
.processMedias>canvas {position:absolute;right:0;}


 body section.slideshow {position:relative;display:block;margin:0 auto;visibility:hidden;overflow:hidden;}
 body section.slideshow .aboutUs-left{width: 45%;}
 body section.slideshow .navigation-box{width: 55%;position: relative;}
 body section.slideshow .navigation-wrapper{position: relative;width:100%;padding-bottom: 100%;overflow: hidden;}
 body section.slideshow .navigation-round{position: absolute;width: 100%;height: 100%;right: 0;top:0;transform: translateX(50%) rotateY(180deg);}
body section.slideshow ul.navigation {position:relative;display:block;width:100%;height:100%;padding:0;margin:0;z-index:10;}
body section.slideshow ul.navigation li.navigation-item {position:absolute;display:inline-block;width:18px;height:18px;
   text-align:center;cursor:pointer;border-radius:50%;transition:border 0.6s ease-in-out;background: #CD281F;}
    body section.slideshow ul.navigation li.navigation-item:hover{}
body section.slideshow ul.navigation li.navigation-item .rotate-holder {position:fixed;display:block;width:0;height:0;left:-9999px;
    top:-9999px;}
body section.slideshow ul.navigation li.navigation-item .background-holder {position:absolute;display:block;width:100%;height:100%;
    top:0;right:0;bottom:0;left:0;border-radius:50%;opacity: 1;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;visibility:visible;transition:opacity 0.6s ease-in-out,visibility 0.6s ease-in-out;}
body section.slideshow ul.navigation li.navigation-item:hover .background-holder {opacity:1;}
/*body section.slideshow ul.navigation li.navigation-item:hover .item-img{transform: scale(4.5);}*/
body section.slideshow ul.navigation li.navigation-item.active .background-holder{opacity:1!important;visibility:visible;}
/*body section.slideshow ul.navigation li.navigation-item.active:hove .item-img{transform:scale(1);}*/
/*body section.slideshow ul.navigation li.navigation-item.active .background-holder {opacity:0;visibility:hidden;}*/
body section.slideshow .detail {}
body section.slideshow .detail .detail-item {transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;display: none;}
body section.slideshow .detail .detail-item.active {display: block;}
body section.slideshow .detail .detail-item .headline .letter {position:relative;display:inline-block;opacity:0;visibility:hidden;color:#FFFFFF;font-size:132px;line-height:110px;font-weight:900;font-kerning:none;white-space:nowrap;box-sizing:border-box;}

body section.slideshow ul.navigation li.navigation-item{}
/*body section.slideshow ul.navigation li.navigation-item.active{width:790px;height: 500px;}*/
body section.slideshow ul.navigation::after{z-index:-1;content: '';left:9px;right:9px;top:9px;bottom:9px;position: absolute;border-radius:100%;overflow: hidden;border:1px solid #bebebd;pointer-events: none;}


body section.slideshow ul.navigation li.navigation-item .background-holder .item-img{opacity: 0;border-radius:100%;overflow: hidden;display: block;width: 100%;height: 100%;visibility:visible;transition:transform 0.2s ease-in-out;}
body section.slideshow ul.navigation li.navigation-item .background-holder .item-img i{position: relative;display: block;width: 100%;height: 100%;transition: all linear .3s;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body section.slideshow ul.navigation li.navigation-item:hover .background-holder .item-img{opacity: 1;transform: scale(4.5);}
body section.slideshow ul.navigation li.navigation-item.active .background-holder .item-img{width: 38vw;height: auto;border-radius:0;opacity: 1;/*position: absolute;*/left:9px;top:9px;transform: scale(1) translate(-50%,-50%);}
body section.slideshow ul.navigation li.navigation-item.active .background-holder .item-img i{height:auto;padding-bottom: 65%;border-radius:0;transform: scale(1.1);transition: all linear .6s;transition-delay:0.5s;}
.prevNextBttn.disabled {opacity:.18;pointer-events:none;}

body section.slideshow ul.navigation li.navigation-item.active .background-holder .item-img i::after{transition-delay: 0;transition: all linear .6s;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);content:'';width:12%;height: 100%;background: url(../images/icon-play.png) no-repeat center;background-size: 100% auto;}
body section.slideshow ul.navigation li.navigation-item.active:hover .background-holder .item-img i::after{width:14%;}
body section.slideshow ul.navigation li.navigation-item.active:hover .background-holder .item-img i{transition-delay: 0;transform: scale(1);}

@media (max-width: 767px){
    body section.slideshow .aboutUs-left,body section.slideshow .navigation-box{width:100%;}
    body section.slideshow ul.navigation li.navigation-item.active .background-holder .item-img{width:40vh;}
    body section.slideshow ul.navigation li.navigation-item.active .background-holder .item-img i{transition: none;}
}


.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 9999;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #002b62;
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}

@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
    .page-wrap-left{
        display: none;
    }
}

@media (max-width: 990px) {
    /* 弹出框之后 body 上增加一个禁止滚动的类*/ body.no-scroll, html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }

    .xymob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }

    .xymob-menu-click .xypg-left-news, .xymob-menu-click .xypg-left-keys, .xymob-menu-click .xypg-left-contact, .xymob-menu-click .page-message-img {
        display: none;
    }

    .xymob-menu-click .xymob-left-close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        background: black;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }

    .xymob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }

    .xymob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }

    .xymob-menu-click.click {
        left: 0;
    }
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    background: #002b62;
    padding: 10px 20px;
    position: relative;
}

.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.xypg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 67px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}

.xypg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}

.xypg-left-title span:before {
    content: "/";
    padding-right: 5px;
}

.xypg-left-con {
    border: 1px solid #d2d2d2;
    border-top: none;
}


.xypg-left-nav {
    margin: 0 -1px;
}

.xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
    border-bottom: none;
}

.xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color: #ffc700;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    color: #ffc700;
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #ffc700;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: #ffc700;
}

.xypg-left-nav .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
    content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
    color: #ffc700;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
    color: #ffc700;
}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}



.qilin-section {padding: 75px 0;}
.qilin-section-title {text-align: center;margin-bottom: 40px;font-size: 30px;}
.qilin-section-title strong {color: #CD281F;}
.qilin-section-title span {display: block;font-size: 18px;color: #666;margin-top: 10px;text-transform: uppercase;}
.qilin-section-title span:before,.qilin-section-title span:after {display: inline-block;vertical-align: top;content: '';width: 100px;height: 2px;background-color: #50AF4D;margin: 12px 12px 0;}

.qilin-six-in {margin-left: -20px;}
.qilin-six-in li {float: left;width: 16.6666666667%;}
.qilin-six-in li a {display: block;margin-left: 20px;background-color: #fff;padding: 20px 0;border: #eee 1px solid;box-shadow: 0 3px 10px 3px #eaeaea;text-align: center;}
.qilin-six-in li i {display: block;height: 50px;background: no-repeat center 0;}
.qilin-six-in li h4 {font-size: 18px;margin: 10px 0;}
.qilin-six-in li p {margin: 0;}
.qilin-six-in li a:hover {background-color: #CD281F;color: #fff;}
.qilin-six-in li a:hover i {background-position: center bottom;}

.qilin-case-in .hd {float: left;width: 260px;}
.qilin-case-in .hd h4 {margin: 0;background: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/case_ltbg.gif) no-repeat;height: 92px;line-height: 110px;overflow: hidden;color: #fff;font-weight: normal;font-size: 24px;padding-left: 20px;}
.qilin-case-in .hd li a,.qilin-case-in .hd .more {margin-top: 1px;display: block;line-height: 50px;background: #f2f2f2 url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/case_ico01.png) no-repeat 20px center;padding-left: 50px;}
.qilin-case-in .hd li.on a,.qilin-case-in .hd .more:hover {background-image: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/case_ico02.png);background-color: #50AF4D;color: #fff;}
.qilin-case-in .bd {float: right;width: 920px;}
.qilin-case-in .bd li {overflow: hidden;width: 920px;}
.qilin-case-in .bd .m {float: left;width: 530px;height: 398px;line-height: 398px;}
.qilin-case-in .bd .text {margin-left: 530px;padding: 25px 25px 0;margin-top: 25px;background-color: #CD281F;color: #fff;height: 325px;}
.qilin-case-in .bd .text h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;margin: 15px 0;}
.qilin-case-in .bd .text h4:after {content: '';display: block;width: 20px;height: 2px;background-color: #fff;margin-top: 15px;}
.qilin-case-in .bd .text p {margin: 0;line-height: 30px;text-align: justify;height: 150px;overflow: hidden;}
.qilin-case-in .bd .text .more {display: inline-block;margin-top: 20px;color: #fff;border: 1px solid #fff;border-radius: 5px;padding: 8px 12px;width: 120px;text-align: center;}
.qilin-partner-in {position: relative;margin-top: 40px;}
.qilin-partner-in li {float: left;width: 220px;height: 124px;border: 1px solid #eee;margin-right: 18px;}
.qilin-partner-in li .m {height: 124px;line-height: 124px;}
.qilin-partner-in .next,.qilin-partner-in .prev {position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -15px;z-index: 2;background: no-repeat 0 0;}
.qilin-partner-in .prev {background-image: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/hz_lico01.png);left: 10px;}
.qilin-partner-in .next {background-image: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/hz_rico01.png);right: 10px;}
.qilin-partner-in .prev:hover {background-image: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/hz_lico02.png);}
.qilin-partner-in .next:hover {background-image: url(http://xj.dexinzhuye.cn/Public/Web/templates/QLD237/images/hz_rico02.png);}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}