html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}
@font-face {
font-family:'Geometric415BT BlackA'; src:url("../fonts/geometric/Geometric415BT-BlackA.eot");src:url("../fonts/geometric/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/geometric/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/geometric/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/geometric/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}
@font-face {
font-family: "DingTalkJinBuTi Regular";
src: url('../fonts/DingTalkJinBuTi-Regular.ttf');
}
html,body{ font-size: 14px; width: 100%; line-height: 186%; background-color: #FFF; color:#454545; font-family:"DingTalkJinBuTi Regular","Microsoft YaHei",Arial,Helvetica,sans-serif;}
*{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
::-webkit-scrollbar{
width: 6px;
height: 6px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #c1c1c1;
-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8;}
/* Scrollbar End */
/* links */
a{color:#454545; text-decoration:none; outline:none !important;}
a:hover{color:#00a1e9; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#333; text-decoration: none; }
/* Btn More Star */
.btn-more a { min-width: 170px;padding: 3px 5px 4px 5px;font-size: 16px;line-height: 28px;overflow: hidden;vertical-align: top;z-index: 1;position: relative;display: inline-block;text-align: center;}
.btn-more a .regular {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: inherit;transition: all 300ms linear;opacity: 1;z-index: 2;line-height: 28px;}
.btn-more a .hover {opacity: 1;visibility: visible;transition: transform 700ms cubic-bezier(.19,1,.22,1);width: calc(100% + 1px);height: calc(100% + 1px);transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: bottom right;-ms-transform-origin: bottom right;position: absolute;top: 0;left: 0;z-index: 3;}
.btn-more a:hover .hover {transform: scaleX(1);-ms-transform: scaleX(1);transform-origin: bottom left;}
.btn-more a .text{position: relative;z-index: 4;display: inline-block;vertical-align: middle;line-height: 28px;letter-spacing: 1px;}
.btn-more a .icon{position: relative;z-index: 4;display: inline-block;vertical-align: middle;margin: 0 0 0 10px;font-size: 18px;}
/* Btn More End */
/* More Center Star */
.more-center { display: table; margin: 0 auto; color: #014099; font-size: 15px; padding: 5px 40px; border: solid 1px #014099; z-index: 1; position: relative; border-radius: 1.5rem; overflow: hidden;}
.more-center .span-part { width: 0px; background:#014099; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; z-index:-1;}
.more-center:hover .span-part { position: absolute; width:100%; height:100%; left: 0; top: 0; color:#fff; background:#014099; transition:width 0.5s; -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;opacity: 1;}
.more-center:hover .span-text a { color:#fff; z-index:10;}
.more-center .span-text a { color:#014099; display: inline-block; text-transform: uppercase;}
.more-center .span-text a i { margin: 0 0 0 10px;}
/* More Center End */
/* Header One Star */
.header-one { position: relative; font-size: 32px; font-weight: 700; text-transform: capitalize; padding-bottom: 15px; color: #fff; margin-bottom: 30px;}
.header-one:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #FFF;}
/* Header One End */
/* Header Two Star */
.header-two { position: relative; font-size: 20px; font-weight: lighter; text-transform: capitalize; padding-bottom: 15px; color: #fff; margin-bottom: 30px;}
.header-two:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #FFF;}
/* Header Two End */
/* Header Three Star */
.header-three { margin: 0; padding: 0; display: block; color: #014099; text-align: center;}
.header-three em { font-family: 'OswaldBold'; text-transform: uppercase; font-size: 42px; font-weight: 700; letter-spacing: 1px;}
.header-three em label { font-family: 'OswaldLight'; font-weight: lighter;}
.header-three i { display: block; outline: none; border: 2px solid #014099; width: 38px; margin: 8px auto 10px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.header-three span { display: block; font-size: 26px; color: #333; font-weight: normal; letter-spacing: 2px;}
/* Header Three End */
/* Header Four Star */
.header-four { font-size: 30px; text-align: center; color: #666; margin-bottom: 50px;}
.header-four span {padding-left: 50px;padding-right: 50px;font-weight: bold;color: #000;}
/* Header Four End */
/* Header Five Star */
.header-five { padding-bottom: 20px; border-bottom: 1px solid #fafafa;}
.header-five h2 { color: #fff; font-weight: 400; margin-bottom: 10px;}
.header-five p { color: #fff; line-height: 24px;}
/* Header Five End */
/* Header Six Star */
.header-six { font-size: 30px; text-align: center; color: #FAFAFA; margin-bottom: 50px;}
.header-six span {padding-left: 50px;padding-right: 50px;font-weight: bold;color: #FFF;}
/* Header Six End */
/* Header Seven Star */
.header-seven { position: relative; border-bottom: 1px solid #e6e6e6;}
.header-seven .cng { text-align: left;position: relative;font-size: 20px;font-weight: 700;text-transform: capitalize;padding-bottom: 10px;}
.header-seven .cng:after { position: absolute; content: ''; left: 0; bottom: -1px; width: 40px; height: 1px; background-color: #014099;}
.header-seven .eng { position: absolute;right: 0;top: 0;font-family: impact !important;color: #e6e6e6;font-size: 32px;text-transform: uppercase;line-height: 32px;}
/* Header Seven End */
/* Header Eight Star */
h2.header-eight { text-align: left; position: relative; font-size: 18px; font-weight: 700; text-transform: capitalize; padding-bottom: 10px;}
h2.header-eight:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #014099;}
/* Header Eight End */
/* Header Nine Star */
.header-nine { padding-bottom: 20px; border-bottom: 1px solid #c9c9c9;}
.header-nine h2 { color: #000; font-weight: 400; margin-bottom: 10px;}
.header-nine p { color: #323232; line-height: 24px;}
/* Header Nine End */
/* Header Ten Star */
h2.header-ten { text-align: left; position: relative; font-size: 18px; font-weight: 700; text-transform: capitalize; padding-bottom: 10px; border-bottom: solid 1px #dcdddd;}
h2.header-ten:after { position: absolute; content: ''; left: 0; bottom: -1px; width: 30px; height: 1px; background-color: #014099;}
/* Header Ten End */
/* Float Layer Star */
.float-layer { position: fixed; width: 100%; left: 0; z-index: 901101; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.float-layer.ups { opacity:1; top: 0;}
.float-layer.downs{ opacity:0;top: -100px;}
.float-layer.active { background: rgba(255, 255, 255, 1);}
.float-layer.active #toper { background: rgba(255, 255, 255, 1); border-bottom:1px solid rgba(242, 242, 242, 1); color: #969696;}
.float-layer.active #toper a { color: #969696;}
.float-layer.active #toper .rights .searchs { border: solid 1px #cbcbcb;}
.float-layer.active #toper input::-webkit-input-placeholder{color:#969696}
.float-layer.active #toper input::-moz-placeholder{color:#969696}
.float-layer.active #toper input:-ms-input-placeholder{color:#969696}
.float-layer.active #toper input:-moz-placeholder{color:#969696}
.float-layer.active #header { background: rgba(255, 255, 255, 1); border-bottom:1px solid rgba(242, 242, 242, 1);}
.float-layer.active #header ul.menus>li>a { color: #454545;}
/* Float Layer End */
/* Toper Star */
#toper { border-bottom:1px solid rgba(255, 255, 255, 0.05); padding: 6px 72px; color: #FFF; font-size: 12px;}
#toper input::-webkit-input-placeholder{color:#FFF}
#toper input::-moz-placeholder{color:#FFF}
#toper input:-ms-input-placeholder{color:#FFF}
#toper input:-moz-placeholder{color:#FFF}
#toper a { color: #FFF;}
#toper .rights { float: right;}
#toper .rights .searchs { float: left; margin-right: 12px; border: solid 1px #FFF; height: 22px; line-height: 22px; padding: 0 10px 0 15px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
#toper .rights .searchs .keywords { float: left; margin-top: 1px; height: 18px; border: none; outline: 0; background: transparent;}
#toper .rights .searchs .fa { float: right; margin-top: 3px; text-align: center; cursor: pointer;}
#toper .rights .menus { float: left; margin-right: 12px; cursor: pointer;}
#toper .rights .menus i.fa { float: left; font-size: 16px; margin-right: 5px; margin-top: 2px;}
#toper .rights .menus span.text { float: right; line-height: 20px;}
#toper .rights .languages { float: left; line-height: 20px;}
#toper .rights .languages ul li { float: left; text-transform: uppercase; margin-right: 12px; width: 22px; height: 22px; text-align: center; border: solid 1px #cbcbcb; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
#toper .rights .languages ul li.active,#toper .rights .languages ul li:hover { background: #969696; border: solid 1px #969696;}
#toper .rights .languages ul li.active a,#toper .rights .languages ul li:hover a { color: #FFF;}
#toper .rights .hotlines { float: left; line-height: 22px; font-size:14px;}
/* Toper End */
/* Header Star */
#header { border-bottom:1px solid rgba(255, 255, 255, 0.05); position: absolute; top: 35px; left: 0; width: 100%; padding: 0 72px; height: 80px; background: rgba(0, 0, 0, 0); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.header { position: relative;}
.header .logos { float: left; margin: 12px 0 0 0;}
.header .logos img { max-height: 55px;}
#header ul.menus { float: right;}
#header ul.menus>li { float: left; position: relative; margin: 0 65px 0 0; text-align: left; }
#header ul.menus>li:last-child { margin-right: 0;}
#header ul.menus>li>a { color: #FFF; text-transform: uppercase; display: block; font-size: 20px; font-weight: lighter; line-height: 80px; height: 80px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#header ul.menus>li:hover>a,#header ul.menus>li.active>a { color: #014099;}
#header ul.menus>li>a i { margin: 0 0 0 10px;}
#header ul.menus>li>ul.drop-menus { position: absolute; left: 0; top: calc(100% + 1px); min-width: 158px; z-index: 100; border-top: 2px solid #014099; background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px;}
#header ul.menus>li ul.drop-menus li { padding: 0 20px; position: relative; border-bottom: solid 1px #efefef;}
#header ul.menus>li ul.drop-menus li:last-child { border-bottom: none;}
#header ul.menus>li ul.drop-menus li a { white-space:nowrap; padding: 10px 0; display: block; font-size: 15px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#header ul.menus>li ul.drop-menus li a i { float: right; margin: 4px 0 0 0;}
#header ul.menus>li ul.drop-menus li:hover>a { color: #014099;}
#header ul.menus>li:hover ul.drop-menus { opacity:1; visibility:visible;}
#header ul.menus>li ul.drop-menus>li ul.child-menus { position: absolute; left: 100%; top: -2px; min-width: 188px; z-index: 101; border-top: 2px solid #014099; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 1px 0; -webkit-border-radius: 0 0 1px 0; border-radius: 0 0 1px 0;}
#header ul.menus>li ul.drop-menus>li:hover ul.child-menus { opacity:1; visibility:visible;}
#header ul.menus>li ul.drop-menus>li ul.child-menus>li ul.tiny-menus { position: absolute; left: 100%; top: -2px; min-width: 188px; z-index: 101; border-top: 2px solid #014099; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 1px 0; -webkit-border-radius: 0 0 1px 0; border-radius: 0 0 1px 0;}
#header ul.menus>li ul.drop-menus>li:hover ul.child-menus>li:hover ul.tiny-menus { opacity:1; visibility:visible;}
#header .navigations { display: none;}
/* Header End */
/* Mobile Navigation Star */
#mobile-navigation { display: none;}
/* Mobile Navigation End */
/* Header Blank Star */
#header-blank { display: none;}
/* Header Blank End */
/* Float Navigation Star */
#float-navigation { position: fixed; z-index: 9999999999999999; top: 0; right: -100%; width: 0; height: 100%; background: url("../img/bg-body.png") top center no-repeat; background-size: 100% 100%; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#float-navigation.active { width: 100%; right: 0;}
#float-navigation .item { float: left; width: 25.0000000%; padding: 130px 60px 0 60px;}
#float-navigation .menus { padding-top: 30px;}
#float-navigation .menus .logos { }
#float-navigation .menus .logos img { max-height: 54px;}
#float-navigation .menus ul.columns { margin: 70px auto;}
#float-navigation .menus ul.columns li { padding: 3px 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#float-navigation .menus ul.columns li:hover { font-size: 16px;}
#float-navigation .menus ul.others { }
#float-navigation .menus ul.others li.hotlines label { background-image: -webkit-gradient(linear,left top,right top,from(#014099),to(#00a1e9));background-image: linear-gradient(90deg,#014099,#00a1e9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#float-navigation .menus ul.others li.languages a.active { color: #00a1e9;}
#float-navigation .pros a { color: #FFF;}
#float-navigation .pros ul.categorys { margin: 30px auto 0 auto;}
#float-navigation .pros ul.categorys li { padding: 10px 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#float-navigation .pros ul.categorys li:hover { font-size: 16px;}
#float-navigation .solutions ul.categorys { margin: 30px auto 0 auto;}
#float-navigation .solutions ul.categorys li { float: left; width: 50%; padding: 10px 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#float-navigation .solutions ul.categorys li:hover { font-size: 16px;}
#float-navigation .services ul.categorys { margin: 30px auto 0 auto;}
#float-navigation .services ul.categorys li { float: left; width: 50%; padding: 10px 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#float-navigation .services ul.categorys li:hover { font-size: 16px;}
#float-navigation .closes { position: absolute; top: 20px; right: 3%; cursor: pointer;}
/* Float Navigation End */
/* Tinseen Banner Star */
#tinseen-banner { position: relative; height: 100vh; overflow: hidden;}
#tinseen-banner video { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; object-fit: fill;}
#tinseen-banner .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.63);}
#tinseen-banner .mouse { position: absolute; left: calc(50% - 9px); bottom: 30px; width: 18px; cursor: pointer; z-index: 30; animation: xl 1.5s infinite;}
#tinseen-banner .mouse img { max-width: 100%;}
#tinseen-banner .slogans { display: none;}
/* Syruns Banner End */
/* Corporate Data Star */
#corporate-data { padding: 50px 72px 40px 72px; /*border-bottom:1px solid rgba(248, 248, 248, 1);*/ overflow: hidden;}
.corporate-data ul { position: relative; clear: both;}
.corporate-data ul li { float: left; width: calc(16.666666% - 60px); margin-left: 50px; text-align: center; position: relative;}
.corporate-data ul li:after { position: absolute; top: 45px; left: -50px; content: ''; width: 50px; height: 1px; background: #e2e2e2;}
.corporate-data ul:after { position: absolute; top: 45px; right: 0; content: ''; width: 50px; height: 1px; background: #e2e2e2;}
.corporate-data ul li .circle { width: 92px; height: 92px; line-height: 92px; border: solid 1px #e2e2e2; text-align: center; position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto;}
.corporate-data ul li .circle .paras { font-family: 'OswaldBold'; font-size: 38px; color: #014099;position: relative;display: block;width: 100%;height: 100%;cursor: default;font-weight: 700;letter-spacing: 0; z-index: 1;}
.corporate-data ul li .circle .paras i {position: relative;top: -25px;font-size: 20px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;font-style: normal;font-weight: lighter;}
.corporate-data ul li .text { width: 100%; text-align: center; margin: 20px auto 0 auto; font-size: 16px;}
.corporate-data ul li .circle:before {content: '';position: absolute;left: 0;top: 0; right: 0; bottom: 0;border-radius: 50%;border-color: transparent transparent transparent #014099;border-width: 3px;border-style: solid;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.corporate-data ul li:nth-child(2) .circle:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.corporate-data ul li:nth-child(3) .circle:before {transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-moz-transform: rotate(135deg);}
.corporate-data ul li:nth-child(4) .circle:before {transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.corporate-data ul li:nth-child(5) .circle:before {transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-moz-transform: rotate(225deg);}
.corporate-data ul li:nth-child(6) .circle:before {transform: rotate(270deg);-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);}
.corporate-data ul li .circle:hover:before{transform: rotate(405deg);-webkit-transform: rotate(405deg);-ms-transform: rotate(405deg);-moz-transform: rotate(405deg);}
.corporate-data ul li:nth-child(2) .circle:hover:before{transform: rotate(450deg);-webkit-transform: rotate(450deg);-ms-transform: rotate(450deg);-moz-transform: rotate(450deg);}
.corporate-data ul li:nth-child(3) .circle:hover:before{transform: rotate(495deg);-webkit-transform: rotate(495deg);-ms-transform: rotate(495deg);-moz-transform: rotate(495deg);}
.corporate-data ul li:nth-child(4) .circle:hover:before{transform: rotate(540deg);-webkit-transform: rotate(540deg);-ms-transform: rotate(540deg);-moz-transform: rotate(540deg);}
.corporate-data ul li:nth-child(5) .circle:hover:before{transform: rotate(585deg);-webkit-transform: rotate(585deg);-ms-transform: rotate(585deg);-moz-transform: rotate(585deg);}
.corporate-data ul li:nth-child(6) .circle:hover:before{transform: rotate(630deg);-webkit-transform: rotate(630deg);-ms-transform: rotate(630deg);-moz-transform: rotate(630deg);}
.corporate-data ul li .circle .paras:after {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #014099;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);visibility: hidden;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;z-index: -1;}
.corporate-data ul li .circle:hover .paras:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); visibility: visible; opacity: 1;}
.corporate-data ul li .circle:hover .paras { color: #FFF;}
/* Corporate Data End */
/* About Mesja Star */
#about-mesja { background: url("../img/bg-about.jpg") top center no-repeat; background-size: cover;}
.about-mesja { }
.about-mesja .about { float: left; width: 50%; background: rgba(1,64,153,0.53); padding: 6% 5% 6% 72px; text-align: left;}
.about-mesja .about .intro { margin: 30px auto 0 auto; color: #FFF; font-size: 16px;}
.about-mesja .about .intro h1.company { font-weight: 700; font-size: 24px; margin: 15px auto 15px auto;}
.about-mesja .about .more { margin: 30px auto 0 auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; display: inline-block;height: 34px;line-height: 34px;border: 1px solid #fff;width: 110px;text-align: center;color: #014099;position: relative;padding-right: 8px;transition-property: all!important;-webkit-transition-property: all;}
.about-mesja .about .more a { color: #FFF;}
.about-mesja .about .more a i { position: absolute;background: url('../img/icon-arrow-white.png') center center no-repeat; width: 50px; height: 20px;right: -25px;top: 6px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
.about-mesja .about .more:hover a i { right: 15px;}
.about-mesja .about .more:hover { width:150px; padding-right: 30px;}
/* About Mesja End */
/* Enterprise Support Star */
#enterprise-support { padding: 100px 72px; background: url("../img/bg-map.png") bottom center no-repeat; }
.enterprise-support { margin: 50px auto 0 auto;}
.enterprise-support ul { }
.enterprise-support ul li { float: left; width: 17.600000%; margin: 0 3% 0 0;}
.enterprise-support ul li:nth-child(5n) { margin-right: 0;}
.enterprise-support ul li .icon { border: solid 1px #DBDBDB; width: 106px; height: 106px; line-height: 106px; text-align: center; margin: 0 auto; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; overflow: hidden; transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s; -o-transition: 0.9s;}
.enterprise-support ul li img { width: 60px;}
.enterprise-support ul li .items { position: relative; text-align: center; color: #a4a4a4; padding: 40px 0 0 0; cursor: pointer;}
.enterprise-support ul li .items h6 { font-size: 20px; font-weight: 700; color: #333; margin: 20px 0 15px 0;}
.enterprise-support ul li .items:hover { }
.enterprise-support ul li:hover .icon { transform: translate3d(0,-10px,0) rotateY(180deg); -ms-transform: translate3d(0,-10px,0) rotateY(180deg); -moz-transform: translate3d(0,-10px,0) rotateY(180deg); -webkit-transform: translate3d(0,-10px,0) rotateY(180deg); -o-transform: translate3d(0,-10px,0) rotateY(180deg);}
.enterprise-support ul li .items span { bottom: -15px; left: 0; line-height: 2px; width: 100%; text-align: center; margin: 0 auto; position: absolute;}
.enterprise-support ul li .items span label{ width: 60px; border-bottom: solid 2px #a4a4a4; line-height: 5px; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s;}
.enterprise-support ul li:hover .items span label { border-bottom: solid 2px #305dc3;}
/* Enterprise Support Star */
/* Products Center Star */
#products-center { padding: 80px 72px; background: url("../img/bg-pro.png") center no-repeat; background-attachment: fixed; background-size: cover; overflow: hidden;}
.products-center { margin: 50px auto 0 auto;}
.products-center ul li { float: left; margin-right: 3%; width: 22.750000%; position: relative; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); behavior: url(ie-css3.htc);}
.products-center ul li img { max-width: 100%;}
.products-center ul li a { color: #FFF;}
.products-center ul li:nth-child(4n) { margin-right: 0;}
.products-center ul li .icon { position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -105px; width: auto; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; }
.products-center ul li .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.52);}
.products-center ul li .text { position: absolute; left: 0; top: 49%; width: 100%; height: 100%; color: #FFF; padding: 0 5%; text-align: center; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; }
.products-center ul li .text .name { font-weight: 700; font-size: 20px;}
.products-center ul li .text .intro { margin: 10px auto 0 auto;}
.products-center ul li .info { position: absolute; top: -5px;left: -5px;right: -5px; bottom: -5px;box-shadow: 5px 5px 20px rgb(88 88 88 / 60%);-webkit-box-shadow: 5px 5px 20px rgb(88 88 88 / 60%);text-align: center; background: #014099; color: #fff; visibility: hidden; opacity: 0; padding-top: 135px; z-index: 1; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.products-center ul li:hover .info { visibility: visible;opacity: 1;}
.products-center ul li:hover .icon { margin-top: -45px; z-index: 2; transform:scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); top: 70px!important; visibility: visible; opacity: 1;}
.products-center ul li .info .name { font-size: 20px; font-weight: 700;}
.products-center ul li .info dl.category { width: 80%;margin: 35px auto 60px;}
.products-center ul li .info dl.category dd { position: relative;}
.products-center ul li .info dl.category dd a { height: 42px;line-height: 42px;border-bottom: 1px solid rgba(255, 255, 255, 0.15);font-size: 16px;display: block; color: #fff; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
.products-center ul li .info dl.category dd a:after { content: '';height: 1px;width: 0;background: #014099;position: absolute;left: 0;bottom: 0;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;}
.products-center ul li .info dl.category dd a:hover:after{ /*width:100%;*/}
.products-center ul li .info dl.category dd a:hover{ letter-spacing: 1px;}
.products-center ul li .info .more { margin: 0 auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; display: inline-block;height: 34px;line-height: 34px;border: 1px solid #fff;width: 110px;text-align: center;color: #014099;position: relative;padding-right: 8px;transition-property: all!important;-webkit-transition-property: all;}
.products-center ul li .info .more a { color: #FFF; display: block;}
.products-center ul li .info .more a i { position: absolute;background: url('../img/icon-arrow-white.png') center center no-repeat; width: 50px; height: 20px;right: -25px;top: 6px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
.products-center ul li .info .more:hover a i { right: 15px;}
.products-center ul li .info .more:hover { width:150px; padding-right: 30px;}
/* Products Center End */
/* News Mesja Star */
#news-mesja { padding: 80px 72px 50px 72px;}
.news-mesja { margin: 50px auto 0 auto;}
ul.list-news { }
ul.list-news li { width: 23.875000%; margin: 0 1.500000% 0 0; float: left;}
ul.list-news li:nth-child(4n) { margin-right: 0;}
ul.list-news li a { display: block;}
ul.list-news li .items { overflow: hidden; background: #fefefe; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 0 30px 0; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; text-align: left; -webkit-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); behavior: url(ie-css3.htc);}
ul.list-news li .items img { max-width: 100%;}
ul.list-news li .items .imgs { position: relative;}
ul.list-news li .items .dates { position: absolute; overflow: hidden; left: 0; bottom: 0; color: #FFF; font-family: "Geometric415BT BlackA"; padding: 8px 20px 8px 20px; line-height: 1; background: rgba(1, 64, 153, 0.85); font-size: 14px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0;}
ul.list-news li .items .dates .year { display: block; text-align: left; margin: 0 0 3px 0; font-size: 16px;}
ul.list-news li .items .dates .month { display: block; text-align: left;}
ul.list-news li .items .text-title { font-size: 15px; padding-left: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; overflow: hidden; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; font-weight: 700; margin: 15px 0 0 0;}
ul.list-news li .items .text-intro { padding-left: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; color: #AAA; }
ul.list-news li .items:hover { background: #FFF; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -webkit-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
ul.list-news li .items:hover .text-title { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
ul.list-news li .items:hover .text-intro { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
#news-mesja .more-center { margin: 30px auto 0 auto;}
/* News Mesja End */
/* Footer Star */
#footer { overflow: hidden; background: #014099; color: #e1e1e1; padding: 60px 0 0 0; }
#footer a { color: #e1e1e1; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#footer a:hover { color: #FFF;}
#footer img { max-width: 100%;}
#footer .infos { margin: 0 72px 40px 72px;}
#footer .infos .abouts { float: left; width: 37%;}
#footer .infos .abouts .logo { margin: 0 0 30px 0;}
#footer .infos .abouts .content { margin: 0 0 10px 0;}
#footer .infos .abouts .contact { margin: 0 0 20px 0;}
#footer .infos .abouts ul.notes { }
#footer .infos .abouts ul.notes li { margin: 0 0 5px 0;}
#footer .infos .abouts ul.notes li i { width: 16px; height: 16px; color: #d7d7d7; display: inline-block; margin: 0 10px 0 0; text-align: center;}
#footer .infos .abouts .share ul li { position: relative; display: inline-block; margin: 0 10px 0 0;}
#footer .infos .abouts .share ul li a { background: #144c9a; position: relative; width: 40px; height: 40px; color: #d7d7d7; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
#footer .infos .abouts .share ul li a:hover { color: #FFF;}
#footer .infos .links { float: left; width: 40%; margin: 0 4%; text-align: left;}
#footer .infos .links .lists ul.item { float: left; width: 33.333333%; padding: 0 10px 0 0;}
#footer .infos .links .lists ul.item li { transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
#footer .infos .links .lists ul.item li:hover { padding-left: 5px;}
#footer .infos .links .lists ul.item li i { margin: 0 15px 0 0;}
#footer .infos .follows { float: right; width: 12%; text-align: left;}
#footer .infos .follows .qr-code { margin: 5px 0 0 0;}
#footer .infos .follows .qr-code ul li { float: left; text-align: left;}
#footer .infos .follows .qr-code ul li img { max-width: 140px;}
#footer .infos .follows .qr-code ul li p { margin: 10px 0 0 0; font-size: 14px; text-align: center;}
#footer .copyrights { padding: 20px 0; text-align: center; background: #013b8d; color: #e1e1e1;}
#footer .copyrights a { color: #e1e1e1; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#footer .copyrights a:hover { color: #FFF;}
/* Footer End */
/* Back To Top Star */
#back-to-top { position: fixed; cursor: pointer; z-index: 999999; bottom: 24px; right: 24px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; width: 48px; height: 48px; line-height: 48px !important; font-size: 16px;border-radius: 150px;color: #014099;background-color: #ffffff;-webkit-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); behavior: url(ie-css3.htc);}
#back-to-top.show { visibility: visible;opacity: 1;}
#back-to-top:hover { color: #FFF; background: #014099;}
/* Back To Top End */
/* Xl Star */
@keyframes xl {
0% {
bottom: 15px;
}
50% {
bottom: 30px;
}
100% {
bottom: 15px;
}
}
/* Xl End */
/* Famove1 Star */
@-webkit-keyframes famove1 {
0% { width: 0px; height: 0px; opacity: 0;}
50% { width: 20px; height: 20px;opacity: 1; }
75% { width: 25px;height: 25px;opacity: .5; }
100% { width: 30px;height: 30px;opacity: 0; }
}
@-moz-keyframes famove1 {
0% { width: 0px;height: 0px;opacity: 0; }
50% { width: 20px;height: 20px;opacity: 1; }
75% { width: 25px;height: 25px;opacity: .5; }
100% { width: 30px;height: 30px;opacity: 0; }
}
@-o-keyframes famove1 {
0% { width: 0px;height: 0px;opacity: 0; }
50% { width: 20px;height: 20px;opacity: 1; }
75% { width: 25px;height: 25px;opacity: .5; }
100% { width: 30px;height: 30px;opacity: 0; }
}
@keyframes famove1 {
0% { width: 0px;height: 0px;opacity: 0; }
50% { width: 20px;height: 20px;opacity: 1; }
75% { width: 25px;height: 25px;opacity: .5; }
100% { width: 30px;height: 30px;opacity: 0; }
}
/* Famove1 End */
/* Bounce Up Star */
@-webkit-keyframes bounce-up {
10% {
transform: rotate(20deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,100% {
transform: rotate(0deg);
}
}
@keyframes bounce-up {
10% {
transform: rotate(20deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,100% {
transform: rotate(0deg);
}
}
/* Bounce Up End */
/* <1920的设备 */
@media screen and (max-width: 1920px){
}
/* <1680的设备 */
@media screen and (max-width: 1680px){
}
/* <1500的设备 */
@media screen and (max-width: 1500px){
}
/* <1440的设备 */
@media screen and (max-width: 1440px){
/* Header Star */
#header ul.menus>li {margin: 0 35px 0 0;}
/* Header End */
}
/* <1366的设备 */
@media screen and (max-width: 1366px){
/* Header Star */
#header ul.menus>li {margin: 0 25px 0 0;}
/* Header End */
}
/* <1200的设备 */
@media screen and (max-width: 1200px){
}
/* <991的设备 */
@media screen and (max-width: 991px) {
.container { padding-left: 10px; padding-right: 10px;}
/* Header One Star */
.header-one { font-size: 28px; margin-bottom: 20px;}
/* Header One End */
/* Header Two Star */
.header-two { margin-bottom: 20px;}
/* Header Two End */
/* Header Three Star */
.header-three em { font-size: 30px; }
.header-three span { font-size: 24px;}
/* Header Three End */
/* Float Layer Star */
.float-layer { display: none;}
/* Float Layer End */
/* Mobile Navigation Star */
#mobile-navigation { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, 1); border-bottom:1px solid rgba(242, 242, 242, 1); z-index: 901000;}
#mobile-navigation .logos { float: left; margin: 12px 0 0 0;}
#mobile-navigation .logos img { max-height: 28px;}
#mobile-navigation .rights { float: right;}
#mobile-navigation .rights .languages { float: left; line-height: 50px; color: #CCC; margin-right: 10px; font-size: 20px; position: relative;}
#mobile-navigation .rights .languages .drop-down { position: absolute; top: 50px; left: 0; min-width: 58px; padding-left: 10px; visibility: hidden; z-index: 99999999; background-color: #FFF; font-size: 15px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.08); -moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); behavior: url(ie-css3.htc); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#mobile-navigation .rights .languages:hover .drop-down { visibility: visible;}
#mobile-navigation .rights .languages .drop-down a { display: block; line-height: 1; padding: 8px 0;}
#mobile-navigation .rights .languages .drop-down a.active { background: #FAFAFA;}
#mobile-navigation .rights .searchs { float: left; line-height: 50px; color: #CCC; margin-right: 10px; font-size: 20px;}
#mobile-navigation .rights .searchs .drop-down { position: fixed; top: 50px; left: 0; width:100%; padding: 10px 5%; text-align: center; visibility: hidden; z-index: 99999999; background-color: #FFF; font-size: 15px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.08); -moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); behavior: url(ie-css3.htc); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#mobile-navigation .rights .searchs:hover .drop-down { visibility: visible;}
#mobile-navigation .rights .searchs .drop-down .forms { border: solid 1px #cbcbcb; height: 22px; line-height: 22px; padding: 0 10px 0 15px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
#mobile-navigation .rights .searchs .drop-down .forms .keywords { float: left; margin-top: 1px; height: 18px; border: none; outline: 0;}
#mobile-navigation .rights .searchs .drop-down .forms .fa { float: right; margin-top: 3px; text-align: center;}
#mobile-navigation .rights .navigations { margin-top: 18px; float: right; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; height: 100%; width: 24px;}
#mobile-navigation .rights .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #333;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
#mobile-navigation .rights .navigations span:last-child {margin-bottom: 0;}
#mobile-navigation .rights .navigations span:nth-child(2) {width: 75%;}
#mobile-navigation .rights .navigations.active { margin-top: 24px;}
#mobile-navigation .rights .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
#mobile-navigation .rights .navigations.active span:nth-child(2) {display: none;}
#mobile-navigation .rights .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
#mobile-navigation .menus { display: none; position: fixed; top: 50px; left: 0; width: 100%; height: calc(100vh - 50px); background: #FFF; font-size: 16px;}
#mobile-navigation .menus>ul>li { border-bottom: 1px solid rgba(242, 242, 242, 1); line-height: 42px; padding-left: 15px; padding-right: 15px;}
#mobile-navigation .menus>ul>li .links { position: relative; }
#mobile-navigation .menus>ul>li span.arrows { float: right;}
#mobile-navigation .menus>ul>li span.arrows:after { content: ""; position: absolute; top: 13px; right: 0; width: 10px; height: 10px; border-right: 1px solid #7c8287; border-top: 1px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#mobile-navigation .menus>ul>li span.arrows.active:after { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mobile-navigation .menus>ul>li ul { display: none; border-top: solid 1px rgba(248, 248, 248, 1);}
/* Mobile Navigation End */
/* Header Blank Star */
#header-blank { width: 100%; height: 50px; display: block;}
/* Header Blank End */
/* Tinseen Banner Star */
#tinseen-banner video { display: none;}
#tinseen-banner .layer {background: rgba(0, 0, 0, 0.23);}
#tinseen-banner .slogans { display: block; position: absolute; top: calc(50vh - 20px); line-height:1; letter-spacing: 2px; z-index: 9; color: #fff; width: 100%; text-align: center; transform: translateY(-50%);}
#tinseen-banner .slogans h2 { font-size: 32px; font-weight: 700;}
#tinseen-banner .slogans h3 { font-size: 20px; margin: 10px auto 10px auto; font-weight: 700;}
#tinseen-banner .slogans p { font-size: 16px;}
/* Tinseen Banner End */
/* Corporate Data Star */
#corporate-data { padding: 20px 0 5px 0;}
.corporate-data ul { position: static; clear: both;}
.corporate-data ul li { width: 32.666666%; margin-right: 1%; margin-left: 0; margin-bottom: 15px; text-align: center; position: static;}
.corporate-data ul li:nth-child(3n) { margin-right: 0;}
.corporate-data ul li:after { display: none;}
.corporate-data ul:after { display: none;}
.corporate-data ul li .circle { width: 60px; height: 60px; line-height: 60px;}
.corporate-data ul li .circle .paras { font-size: 20px;}
.corporate-data ul li .circle .paras i { top: -10px;font-size: 18px;}
.corporate-data ul li .text { font-size: 12px; line-height: 1.2; margin-top: 5px;}
/* Corporate Data End */
/* Products Center Star */
#products-center { padding: 50px 0 30px 0;}
.products-center { margin-top: 30px;}
.products-center ul li { margin-right: 2%; width: 49.000000%; margin-bottom: 10px;}
.products-center ul li:nth-child(2n) { margin-right: 0;}
.products-center ul li .icon { top: 50%; margin-top: -80px;}
.products-center ul li .text { top: 59%;}
.products-center ul li .text .intro { display: none;}
.products-center ul li .info { display: none;}
.products-center ul li .info .more { display: none;}
.products-center ul li:hover .icon { margin-top: -80px; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); top: 50%!important;}
/* Products Center End */
/* Enterprise Support Star */
#enterprise-support { padding: 50px 0 50px 0;}
.enterprise-support { margin-top: 0;}
.enterprise-support ul li { width: 49.000000%; margin-right: 2%;}
.enterprise-support ul li .items p { height: 52px; display: block;}
.enterprise-support ul li:nth-child(2n) { margin-right: 0;}
.enterprise-support ul li:nth-child(5) { display: none;}
/* Enterprise Support Star */
/* About Mesja Star */
#about-mesja { background: url("../img/mobile-bg-about.jpg") top center no-repeat; background-size: cover;}
.about-mesja .about { float: none; width: 100%; padding: 50px 10px 50px 10px;}
.about-mesja .about .intro h1.company { font-size: 20px;}
.about-mesja .about .intro { margin-top: 10px;}
/* About Mesja End */
/* News Mesja Star */
#news-mesja { padding: 50px 10px 30px 10px;}
.news-mesja { margin-top: 30px;}
ul.list-news { }
ul.list-news li { width: 49.000000%; margin-right: 2%;}
ul.list-news li:nth-child(2n) { margin-right: 0;}
/* News Mesja End */
/* Footer Star */
#footer { padding: 30px 0 0 0; }
#footer .infos { margin: 0 10px 15px 10px;}
#footer .infos .abouts { float: none; width: 100%;}
#footer .infos .abouts .share { display: table; margin: 0 auto;}
#footer .infos .links { display: none;}
#footer .infos .follows { float: none; width: 100%; margin: 15px 0 0 0;}
#footer .infos .follows .qr-code { margin: 5px auto 0 auto; display: table;}
#footer .copyrights { padding: 10px 10px;}
/* Footer End */
}
/* <767的设备 */
@media screen and (max-width: 767px){
}
/* <450的设备 */
@media screen and (max-width: 450px){
}