/*common-nomalize*/
* {margin: 0;padding: 0;}

body {color: #2a2a3a; font: 15px/1.5 "微软雅黑", "思源黑体 CN Normal", "Source Han Sans CN",SimHei, 黑体, Arial, sans-serif; font-weight: Normal;}
a {color: #373a33; text-decoration: none;}
a:hover{color: #faaa13 !important;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
img,a img{border: 0; font-size: 0;}
button,.button{background: #ff6652; color: #fff; padding: 2px; border: none; border-radius: 3px; cursor: default; vertical-align:top;}
button img, .button img{opacity: .65;}
button:hover,.button:hover{background: #ff6652; color: #fff; border: 1px solid #ff6652; }
ol,ul {list-style: none;}
small {font-size: 65%;}
table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #f0f0f0;}
tr:hover{background: #f5f5f5;}
td,th{height: 25px; line-height: 25px; padding: 10px; border: 1px solid #f0f0f0; }
table .title{width: 20%; min-width: 75px !important; text-align: right; padding: 5px;}
table.border-none{border:none;}
textarea {resize: vertical;}
input,textarea, select{margin: 2px; height:1.5em; color:#fff; background: transparent; border-radius: 2px; padding-left: 2px; outline:none;}
input:focus,textarea:focus,select:focus{color: #2a2a3a; background: #fff; border: 1px solid #faaa13;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .title{text-indent: 0;padding: 15px 10px;line-height: 1.2em;}
h1,.h1 {font-size: 32px;}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 22px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}
hr{margin-top: 10px; margin-bottom: 10px;} 
hr.line-dot{border-top: 1px dotted #2a2a3a; border-bottom: none;}
hr.line-dash{border-top: 1px dashed #2a2a3a; border-bottom: none;}
hr.line-dbl{border-top: 1px solid #2a2a3a; border-bottom: 1px solid #2a2a3a;}
/*common-nomalize*/

/*common-display*/
.hidden{display: none !important;}
.active{display: block !important;}
.fixed{position: fixed;}
.small{font-size: 85%;}
.clear{clear: both;}
/*common-display*/

/*common-item*/
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-important, .text-bold{font-weight:bolder;}
.text-title{color:#333}
.text-grey{color: grey;}
.text-white{color:#fff !important;}
.text-red{color: #c3473d;}
.text-danger{color: #504243 !important; }
.text-orange{color: #ffa500;}
.text-error{color: #800b02 !important;}
.text-coral{color: #ff6652;}
.text-warning{color: #faaa13 !important;}
.text-yellow{color:#ff0;}
.text-green, .text-success{color: #008b6e !important;}
.text-purple, .text-code{color: purple;}
.text-blue{color: #0067B7;}
.text-info{color: #2699f5;}
.text-cyan{color: cyan;}
.bg-white{background:#fff;}
.bg-light{background: #f0f0f0;}
.bg-dark{background: #000 !important;}
.bg-darkblue{background: #165fb2;}
.bg-lightblue{background:#f1f7fd;}
.bg-red, .bg-danger, .info-failure{background: #800b02;}
.bg-green, .bg-success, .info-success{background: #008b6e !important;}
.bg-orange, .bg-warning, .info-warning{background:#ffa500 !important;}
.bg-blue, .bg-info, .info-normal{background:#2799f1;}
.bg-purple, .bg-code{background:purple;}
.badge{display: inline-block; margin: 5px; padding: 2px 5px; min-width: 100px; line-height: 10px; vertical-align: center; vertical-align: bottom; font-size: 9px; font-weight: lighter; border-radius: 5px; background: #a2a2a3; color: #fff;}
.sys-icon{width: 16px !important;vertical-align: baseline;}
/*common-item*/

/*common-frame*/
.container {margin-right: auto;margin-left: auto;/* padding-right: 0px; *//* padding-left: 0px; *//* overflow: hidden; */}
.row{margin-right: 0; margin-left: 0;}
.row:after{clear: both;}
@media (min-width: 768px) {.container {width: 100%;}}
@media (min-width: 900px) {.container {width: 95%;}}
@media (min-width: 1200px) {.container {width: 72%;margin-right: auto;margin-left: 150px;}}

/*common-frame*/
.header{display: block;width: 100%;overflow: hidden; z-index: 10; background:#FFF;box-shadow: 2px 0 10px #a2a2a3;position:fixed; top: 0;left: 0;}
.main{display: block;padding-top: 50px;width: 100%;height: auto;min-height: 100%;position: absolute;top: 0;right: 0;background: #5f5f60;/* background-image: url(/images/common/bg_main_03_b.jpg); */background-repeat: repeat-x;}
.main a:hover{color: #faaa13; text-shadow: #ff0;}
.content{padding: 50px 25px;}
.footer{display: block;width: 100%;margin-bottom: 15px; text-align:center;position: absolute;bottom: -50px;z-index: 10;overflow: hidden;}
.footer a{color: #fff;}
@media (min-width: 900px){
.header{display: inline-block;width: auto;max-width: 260px; height:100% !important;box-shadow: none;}
.main{display:inline-block;padding-top: 0;width: auto;height: auto;min-width: 640px;min-height: 100%;left: 280px;}
.footer{width: 260px; position: fixed; bottom: 0;}
.footer a{color: #2a2a3a;}
}



/*common-navigation*/
.nav-header{ position: relative;}
.nav-logo{width: 100%;height:55px;line-height: 55px;vertical-align: middle;float: none;}
.nav-logo img{width: 125px; max-width: 100%; margin-left: 10px; }
.nav-main{display:none;/* width: 100%; */height: 100%;vertical-align: middle;float: none;background: #fff;left: 0;right: 0;}
.nav-main ul{display: block;margin: 0 auto;}/* display: flex; justify-content: right; */
.nav-main li{padding:15px;border-bottom: 1px solid #f1f7fd;background: #fff; opacity:1;vertical-align: middle;position: relative;}
/*.nav-main ul:first-child{border-top: 1px solid #f1f7fd;}*/
.nav-main li a{display: inline-block; width: 80%;}
.nav-main li a:hover{color: #ff6652; font-weight: bold;}
.nav-main .sub-btn{display: inline-block;margin-top: -15px;width: 50px;height: 50px;position: absolute;right: 0;}
.nav-main .sub-btn:before{content: "";display: inline-block;width: 8px;height: 8px; border-right:2px solid #faaa13; border-bottom:2px solid #faaa13;transform: rotate(45deg);position: absolute;top: 20px;right: 25px;}
.nav-btn{display: block;width: 55px;height: 40px;position: absolute;top: 0;right: 5px;}
.nav-btn::before,.nav-btn::after {content: "";position: absolute;top: 22px;left: 0;right: 0;width: 28px;height: 2px;margin: 0 auto;background-color: #faaa13;transition: all 0.3s;}
.nav-btn:after {top: 30px;box-shadow: 0 -4px #faaa13;}
.nav-btn.btn-open::before,.nav-btn.btn-open::after {top: 28px;}
.nav-btn.btn-open::before {transform: rotate(45deg);}
.nav-btn.btn-open::after {box-shadow: none; transform: rotate(-45deg);}
.nav-sub{display: none;width: 100%; color:#838486;background: #f9f9f9;position: relative;}
.nav-sub li{background: transparent;margin: -15px; background-color: #f8f8f8;}
.nav-sub.open{display: block;}
.nav-sub .sub-close{display: inline-block;width: 50px;height: 50px;position: fixed;right: 0;}
.nav-sub .sub-close:before{content: ""; display: inline-block; width: 8px; height: 8px; border-top:2px solid #faaa13; border-left:2px solid #faaa13; transform: rotate(45deg); position: absolute; top: 20px; right: 18px; }
@media (min-width: 900px){
.nav-header{color: #faaa13;}
.nav-logo{width: 180px;margin: 100px 0 20px 45px;} 
.nav-logo img{width: 150px;}
.nav-main{display: block;max-width: 80%;height: 100%;line-height: 1.5rem;background: #fff;float: none;position: relative;left: 50px;}
.nav-main ul:first-child{border-top: 0;}
.nav-main li{padding: 10px;border: none;background: transparent;vertical-align: bottom;}
.nav-main li a{display: inline; font-weight: bold;}
.nav-main li a:hover{color: #faaa13;}
.nav-main .sub-btn{display: inline-block;margin-top: -15px; width: 50px; height: 50px;position: absolute; right: 20px;}
.nav-main .sub-btn:before{content: ""; display: inline-block; width: 8px; height: 8px; border-right:2px solid #faaa13; border-bottom:2px solid #faaa13; transform: rotate(-45deg); position: absolute; top: 45%; right: 18px; }
.nav-sub{display: none;}
.nav-sub .sub-close{right: 20px;}
.nav-sub li{margin: 0; padding-left: 20px;}
.nav-sub .sub-close:before{content: ""; display: inline-block; width: 8px; height: 8px; border-top:2px solid #faaa13; border-left:2px solid #faaa13; transform: rotate(-45deg); position: absolute; top: 45%px; right: 18px; }
.nav-btn{display: none;}
}
/*common-navigation*/

/*common-slide*/
@media (max-width: 900px){
.slide .slide-main { max-width: 100%; position: absolute;}
.slide .slide-inner.moving li { transition: all 0.5s;} 
.slide .slide-inner li:not(.s-current) { opacity: 1; }
.slide .leftbtn, .slide .rightbtn { left: 0; bottom: 9.5%; width: 34px; height: 100px; margin: auto 0; background-color: rgba(255,255,255,0.5); }
.slide .rightbtn { left: auto; right: 0; }
.slide .leftbtn::after { right: 22px; width: 10px; height: 10px; }
.slide .rightbtn::after { left: 22px; width: 10px; height: 10px; }
.slide .pagination { position: static; padding: 5px 15px; text-align: right; }
}
.slide {overflow: hidden;right: 0;}
.slide .slide-main {width: 100%; max-width: 100%; margin: 0 auto;position: absolute;overflow: hidden;text-align: center; position: relative;}
.slide .slide-inner {white-space: nowrap; display: flex; text-align: center; position: relative; left: -100%; }
.slide .slide-inner li {flex-shrink: 0; width: 100%; position: relative; top: 0;}
.slide .slide-inner.moving li { transition: all 0.5s;}
.slide .slide-inner li:not(.s-current) { opacity: 0.5;}
.slide .slide-inner img {width: auto; min-width: 100%;}
.slide .leftbtn,.slide .rightbtn {display: none; position: absolute; top: 0; left: -95%; bottom: 0; width: 100%; cursor: pointer;}
.slide:hover .leftbtn, .slide:hover .rightbtn{display: block;}
.slide .rightbtn { left: auto; right: -95%;}
.slide .leftbtn::after { content: ""; position: absolute; top: 50%; right: 3%; width: 18px; height: 18px; border-top: 2px solid #faaa13; border-right: 2px solid #faaa13; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.slide .rightbtn::after { content: ""; position: absolute; top: 50%; left: 3%; width: 18px; height: 18px; border-top: 2px solid #faaa13; border-left: 2px solid #faaa13; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.slide .pagination { position: absolute; right: 25px; bottom: 30px; text-align: center;}
.slide .pagination li { display: inline-block; vertical-align: bottom; width: 10px; height: 10px; background-color: #fff; border-radius: 20%; margin: 0 5px;}
.slide .pagination li.s-current { background-color: #faaa13;}
.slide.hidden .slide-main { max-width: 100%;}
.slide.hidden .leftbtn, .slide.hidden .rightbtn, .slide.hidden .pagination { display: none;}
/*common-slide*/

/*common-asset*/
.scroll-to-top{position: fixed;display:block;right: -100px;bottom:10px;width:45px;height:45px;line-height:45px; background-color:#faaa13;color:#fff;text-align:center;z-index:10;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 1pxrgba(0,0,0,.05);-moz-box-shadow:0 0 1px rgba(0,0,0,.05);-webkit-box-shadow:0 0 1px rgba(0,0,0,.05);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.scroll-to-top:focus,.scroll-to-top:hover{background-color:#ff6652;color:#fff;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.scroll-to-top.active{right:10px;z-index: 20;}
/*common-asset*/

/*index-main*/
.row-about,.row-service,.row-news,.row-contact{padding: 35px 5px; }
.desc-en{margin-bottom: 20px; text-align: center; font-size: 15px; color: #808080;}
.svc-sect{display: inline-block; width:100%; margin: 0 -2px; overflow: hidden; border-bottom: 1px solid #f0f0f0; cursor: pointer;}
.svc-sect .sect-body{margin: 5px; padding-bottom: 15px; background: #fff;}
.svc-sect .sect-img{width: 100%; text-align: center; vertical-align: middle;}
.svc-sect .sect-img img{width: 120px;}
.svc-sect .sect-cnt{width: 100%;}
.svc-sect .svc-tit{margin: 5px 15px; color: #373a3c; font-size: 16px; font-weight: bold; text-align: center;}
.svc-sect .svc-tit:hover{color: #ff6652;}
.svc-sect .svc-des{margin: 5px 15px; color:#909090; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.info-more{margin: 15px 0; text-align: center;}
.info-more a{display: inline-block; padding:5px 10px; color: #ff6652; border:1px solid #ff6652; border-radius: 5px; }
.info-more a:hover{color:#fff; background: #ff6652;}
@media (min-width: 900px){
.svc-sect{width: 50%;}
.svc-sect .sect-cnt{width: 100%; height: 125px; overflow: hidden;}
}
@media (min-width: 992px) {
.svc-sect{width: 50%;}
.svc-sect .sect-body{height: 125px; margin: 5px; padding: 15px; background: #fff;}
.svc-sect .sect-img{display: inline-block; width: 25%; vertical-align: middle;}
.svc-sect .sect-img img{width: 85px;}
.svc-sect .sect-cnt{display: inline-block; width: 70%; height: 125px; vertical-align: middle;}
.svc-sect .svc-tit{text-align: left;}
}

.news-sect{padding: 20px 0; background: #fff; border-bottom: 1px solid #f0f0f0;}
.news-sect .sect-img{padding-top:5px; padding-bottom: 5px; text-align: center; vertical-align: middle;}
.news-sect .sect-img img{width: 100%; max-width: 350px;}
.news-sect .sect-cnt{padding: 5px 0;}
.news-sect .nesw-prop{text-align: left;}
.news-sect .nesw-prop span{display:inline-block; line-height: 1em; vertical-align:middle;}
.news-sect .news-date{padding: 5px 10px; color:#909090;}
.news-sect .news-class{padding: 5px; font-size: 10px; color: #ff6652; border: 1px solid #ff6652; border-radius: 3px;}
.news-sect .news-tit{padding: 10px; font-size: 16px; font-weight: 500;}
.news-sect .news-tit a:hover{color: #b60f02;}
.news-sect .news-des{margin: 5px 10px; color: #909090; text-overflow:ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-more{margin: 15px 0; text-align: center;}
.news-more a{display: inline-block; padding:5px 10px; color: #ff6652; border:1px solid #ff6652; border-radius: 5px; }
.news-more a:hover{color:#fff; background: #ff6652;}
@media (min-width: 900px){
.news-sect .sect-img{display: inline-block; width: 33%; margin: 0 -2px; vertical-align: middle;}
.news-sect .sect-cnt{display: inline-block; width: 65%; margin: 0 -2px; vertical-align: middle;}
}

.ctc-sect{background: #fff; margin: 15px 0;}
.enq-sect,.com-sect{padding: 10px 0;background: transparent;vertical-align: top;}
.enq-sect .enq-form, .com-sect .com-info{padding: 5px;}
.enq-sect .form-info{padding: 15px 5px; line-height: 2em; text-indent: none;}
.enq-sect .form-line{margin-bottom: 5px; width: 100%;}
.enq-form .form-lbl{padding: 5px; display: inline-block; width: 100%; text-align: left; vertical-align: middle;}
.enq-form input, .enq-form textarea{padding: 5px; width: 85%; line-height: 2em; border: 1px solid #808080; vertical-align: middle;}
.enq-form textarea{height: 180px;}
.enq-form input[type='radio']{margin: 10px; width: 15px;}
.enq-form input:hover, .enq-form textarea:hover{border: 1px solid #faaa13;}
.enq-form .form-tag{padding: 2px; max-width: 30px; font-size: 11px; color: #fff; background: #ff6652; white-space: nowrap; border-radius: 2px; vertical-align: middle; right: 0; font-weight:lighter ;}
.enq-form .radio-lbl{width: 35%; text-align: left; }
.enq-form .form-btn{margin: 10px; padding: 10px; width: 45%; color: #fff; background: #faaa13; font-size: 16px; font-weight: bold; border: none; border-radius: 5px;}
.enq-form .form-btn:hover{background: #ff6652;}
.com-sect .com-info{padding: 20px;}
.com-sect .com-tit{padding: 10px 0; font-size: 16px; font-weight: bold;}
.com-info ul{list-style-type: disc;}
.com-info li{margin: 10px 0; }
.com-info .com-ceo {padding: 10px 0; color: #373a3c; font-size: 16px;}
.com-info .com-ceo:hover{color: #bb0f02;}
.com-info .ceo-info{line-height: 2em;}
@media (min-width: 900px){
.enq-sect,.com-sect{display: inline-block;padding: 15px 0;width: auto;}
.enq-form input, .enq-form textarea{padding: 5px; width: 85%; line-height: 2em; border: 1px solid #808080; vertical-align: middle;}
.enq-form .form-lbl{display: inline-block;}
}


/*infomation modal*/
.modal{width: 100%; height: 100%; background: #fafafa; opacity: .99; position: fixed; top: 0; left: 0; z-index: 20;}
.modal .modal-panel{width: 85%; height: 240px; background: #fff; opacity: 1; border: 0px solid #f1f1f1; border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1; overflow: hidden; z-index: 2000;}
.modal .modal-header{height: 35px; padding:0 5px; line-height: 35px; color: #fff; border-bottom: 1px solid #f1f1f1; opacity: 1; z-index: 20000;}
.modal .modal-body{width: 100%; height: 170px; line-height: 150px; vertical-align: middle; text-align: center; opacity: 1; z-index: 20000; overflow: hidden;}
.modal .modal-footer{width: 100%; height: 35px; line-height: 35px; text-align: center; background: #f0f0f0; border-top: 1px solid #f1f1f1; opacity: 1; z-index: 20000; position: absolute; bottom: 0;}
.modal .close{display: block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; background: transparent; opacity: 1; color: #333; border-radius: 20px; position: absolute; top: 2px; right: 10px; cursor: pointer;}
.modal .close:hover{display: block; background: #ff6652; opacity: 1; color: #fff; }
.modal button, .modal .button{display: inline-block; padding: 5px; width: 55px; height: 25px; line-height: 25px; text-align: center; border: 0; padding: 2px; border-radius: 2px; cursor: pointer; color: #fff;}
.modal img{width:100px; margin: 2px;}
.modal .content{display: inline-block; line-height: 25px; font-size: 15px; vertical-align:middle;}
.modal .hidden{display:none !important; }
.modal .show{display:block !important; }
.icon-info{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; font-style: italic; font-size: 18px; font-weight: bolder; border-radius: 15px; background: #fff; color: #000; }
@media (min-width: 900px) {.modal .modal-panel{width: 400px; height: 240px;}
}

.page-header{width: 100%;padding: 25px 0;}
.page-header .nav-path{padding: 5px;}
.nav-path a{display: inline-block;margin-right: 10px; color: #fff;}
.page-body{width: 100%;margin-bottom: 50px; color: #fff;}
.page-body p{padding: 10px;line-height: 1.5em;}
.page-body img{width: 100%;vertical-align: middle; border-radius: 10px;}
.page-body a{color: #fff;}
@media (min-width: 900px) {.page-header{margin-top: 90px;}
}

/*-------page content-------
.page-header{margin-top: 55px;}
.page-header .page-tit{padding:15px; background: #f9f9f9; border-bottom: 1px solid #f1f1f1;}
.page-tit h2{font-size: 26px;}
.page-header .page-nav{padding: 15px 0; height: 2em; line-height: 2em; vertical-align: top; font-size:10px;}
.page-header .page-nav a{display: inline-block; margin-right: 15px; padding-right: 20px; position: relative;}
.page-header .sys-icon{margin:0 10px 0 15px; vertical-align: middle;}
.page-header .nav-bread{vertical-align:middle;}
.page-header .nav-bread:before{content: ""; display: inline-block; width: 8px; height: 8px; border-top:1px solid #a58e8e; border-right:1px solid #a58e8e; transform: rotate(45deg); position: absolute; top: 6px; right: 0; }
.page-main{padding-bottom: 10px; background: #fff; border-top: 1px solid #f1f1f1;}
.page-left{margin: 0; padding: 0;}
.page-left .enq-sect{width: 95%;}
.page-left .cnt-head{padding:10px 15px;}
.cnt-head h3{font-size: 22px;}
.cnt-head .cnt-date{padding-top: 10px; color: #373a3c;}
.page-left .cnt-body{padding:10px 15px;}
.cnt-body h4{margin-top: 15px; margin-bottom: 15px; font-size: 14px;}
.cnt-body p{margin-top:10px; margin-bottom: 10px; line-height: 1.8em;}
.cnt-body img{width: 100%;}
.cnt-body .img-sm{max-width: 200px;}
.cnt-body .error-num{color: #b60f02; line-height: 1.5em; text-align: center; font-size: 100px; font-weight: bold;}
.cnt-body .error-info{color: #000; line-height: 1em; text-align: center;}
.cnt-page p, .cnt-page div{padding:10px;}
.cnt-page a{display: inline-block; margin: 5px; padding: 2px 5px; font-size: 12px; border: 1px solid #7b7b7b; border-radius: 2px;}
.cnt-page a:hover{border: 1px solid #b60f02; color: #fff; background: #ff6652;}
.cnt-body .cnt-btn{display:inline-block; width:95%; text-align:center;} 
.page-right{margin: 0; padding: 0;}
.page-right .aside-nav, .page-right .aside-svc, .page-right .aside-hot{padding: 0px;}
.page-right .aside-top{margin-bottom: 2px; padding: 10px 15px; background:antiquewhite; font-size: 16px; font-weight: bold;}
.page-right li{padding: 10px 15px;}
.aside-nav li, .aside-svc li{background: #fafafa; border-bottom: 1px solid #f0f0f0;} 
.aside-hot li{border-bottom: 1px dotted #f1f1f1;}
@media (min-width:900px){
.page-tit h2{padding-left:15px; }
.page-left{display: inline-block; margin-left:-1px; margin-right:-1px; width: 70.5%; min-height: 800px; vertical-align: top; border-right: 1px solid #f1f1f1;}
.page-left .cnt-head{padding-top: 30px;}
.cnt-body img{width:auto; max-width: 95%; text-align: center;}
.cnt-body p{text-indent: 0;}
.cnt-body p:has(strong){text-indent: 0;}
.cnt-body .cnt-btn{width:45%;} 
.page-right{display: inline-block; margin-left:-1px; margin-right:-1px; width: 29%; vertical-align: top;}
.page-right .aside-nav, .page-right .aside-svc, .page-right .aside-hot{padding: 10px;}
.page-right .aside-top{padding: 10px;}
.page-right li{padding:10px;} 
}*/

.span-left{display: inline-block; padding: 2px; width: 100%; vertical-align: top; text-align: left;}
.span-left img{width: 85%;}
.span-half{display: inline-block; width: 100%; vertical-align: top; text-indent: left;}
.vision{width: auto !important; height: 200px !important;}
.align-right{ text-align: center !important;}
@media (min-width: 900px) {
.span-left{display: inline-block; width: 45%; }
.span-left img{width: 85%; }
.span-right{display: inline-block; width: 53%;}
.span-right img{width: 100%; vertical-align: middle;}
.span-half{width: 49%;}
.vision{width: auto !important; height: 170px !important;}
.align-right{ text-align: right !important;}
}
@media (min-width: 992px) {
.span-left{display: inline-block; width: 35%;}
.span-left img{width: 85%; }
.span-right{display: inline-block; width: 63%;}
.span-right img{width: 100%; vertical-align: middle;}
.span-half{width: 49%;}
.vision{width: auto !important; height: 100px !important;}
.align-right{ text-align: right !important;}
}


.arrow {margin: 10px; width: 30px; height: 40px; max-width:10% !important; max-height:40px; display: inline-block; position: relative; vertical-align:middle;}
.arrow::before {border-style: solid; border-color: transparent; position: absolute; content: "";}
.arrow::after {border-style: solid; border-color: transparent; position: absolute; content: "";}
.arrow .curve {overflow: hidden; position: absolute;}
.arrow .curve::before {position: absolute; content: "";}
.arrow-up::before {	border: currentColor; border-image: none; left: 35%; top: 50%; width: 30%; height: 50%; background-color: #b60f02;}
.arrow-up::after {border-width: 20px; left: 0px; top: -50%; border-bottom-color: #b60f02;}
.arrow-right::before {border: currentColor; border-image: none; left: 0px; top: 35%; width: 50%; height: 30%; background-color: #b60f02;}
.arrow-right::after {border-width: 20px; left: 50%; top: 0px; border-left-color: #b60f02;}
.arrow-down::before {border: currentColor; border-image: none; left: 35%; top: 0px; width: 30%; height: 50%; background-color: #b60f02;}
.arrow-down::after {border-width: 20px; left: 0px; top: 50%; border-top-color: #b60f02;}
.arrow-left::before {border: currentColor; border-image: none; left: 50%; top: 35%; width: 50%; height: 30%; background-color: #b60f02;}
.arrow-left::after {border-width: 20px; left: -50%; top: 0px; border-right-color: #b60f02;}

.box{display:inline-block;margin-top:5px; margin-right:-1px; margin-bottom:5px; margin-left:-1px; padding:5px; border-radius:5px; border:1px solid transparent; vertical-align:middle;}
.box-medium{width:40%;}
.box-small{width:25%;}
.box-large{width:65%;}
.box-full{width:95%;}
.box-bold{border-width:3px !important;}
.box-tag{border-radius:50px 50px 0 0; margin-bottom: -15px;}
.box-red, .box-danger{border-color: #b60f02;}
.box-blue, .box-info{border-color: #2799f1;}
.box-orange, .box-warning{border-color:#ffa500;}
.box-green, .box-successr{border-color:#008b6e;}
.box-dash{border-style:dashed;}
.box-dot{border-style:dotted;}
.box-normal{border-style:solid;}
.flow-down{display:inline-block; width:0; height:0; border-width:20px 30px; border-style:solid;}
.flow-down.flow-red, .flow-down.flow-danger{border-color:#b60f02 transparent transparent transparent;} 
.flow-down.flow-green, .flow-down.flow-success{border-color:#008b6e transparent transparent transparent;} 
.flow-down.flow-blue, .flow-down.flow-info{border-color:#2799f1 transparent transparent transparent;} 
.flow-down.flow-yellow, .flow-down.flow-warning{border-color:#ff5a00 transparent transparent transparent;} 
.title-red, .title-danger{display:inline-block; margin:10px 0; padding:0 10px; border-left:15px solid #b60f02; color:#b60f02; font-weight:bolder;}
.title-green, .title-success{display:inline-block; margin:10px 0; padding:0 10px; border-left:15px solid #008b6e; color:#008b6e; font-weight:bolder;}