@charset "utf-8";
body,html{-webkit-tap-highlight-color:transparent;font-family:'Microsoft YaHei New','Microsoft YaHei',sans-serif}
a,b,h1,h2,h3,h4,h5,h6,i{font-weight:400;font-family:'Microsoft YaHei New','Microsoft YaHei',sans-serif}
img{}
.clearfix:after{display:block;content:" ";clear:both}
.clearfix{zoom:1}
.clearfix:after,.layout:after,.container-layout:after,.line:after,.line-small:after,.line-middle:after,.line-big:after,.nav-main:after,.nav-sub:after,.navbar:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.layout,.container-layout,.line,.line-small,.line-middle,.line-big,.nav-main,.nav-sub,.navbar{display:block}
.fl{float:left}
.fr{float:right}

.menutile{text-align:left;font-size:14px;text-indent:5px}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.bgfff{background-color:#fff}
.dis-block{display:block}
.dis-none{display:none}
.dis-inblock{display:inline-block}
.fix-width{width:1200px;margin:0 auto;max-width:1688px}
.position-relative{position:relative}
.padding-top-n{padding-top:50px}
.padding-top-160{padding-top:160px}
.swicth .swiper-button-next,.swicth .swiper-button-prev{width:44px;height:44px;border:1px solid rgba(0,0,0,.2);background-repeat:no-repeat;background-size:46px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.4s all;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;-o-transition:.4s all}
.swicth .swiper-button-prev{background-image:url(../images/icon-lb-prev2.png);background-position:14px center}
.swicth .swiper-button-next{background-image:url(../images/icon-lb-next2.png);background-position:-14px center}
.swicth .swiper-button-next:hover,.swicth .swiper-button-prev:hover{background-color:#0068eb;border-color:#0068eb}
.swicth .swiper-button-prev:hover{background-position:-18px center}
.swicth .swiper-button-next:hover{background-position:18px center}

.menuwarp{background:#eaeaea;line-height:60px;font-weight:bold;text-align:right}
.menuwarp a:link{font-weight:bold;}
.menuwarp a:hover{color:#0068eb}

/*资质*/
.zizhiline{border-bottom:3px solid #999999;line-height:36px;font-size:1.6em}
.zizhiline li{float:right;text-align:right}
.zizhiitem{padding:10px 10px;overflow:hidden;margin-bottom:0px}
.zizhiitem img{width:99.3%;height:345px;transition:all 0.3s;background:#063090;border:1px solid #063090}
.zizhiitem img:hover{transform:scale(1)}/*图片放大 1.2*/
.zizhiitem .protext{text-align:center;height:50px;overflow:hidden;background:#4690ed;color:#fff;line-height:50px;margin-top:-5px}
.zizhiitem .protext:hover{background:#0068eb;color:#fff;}
@media(max-width:760px){
.zizhiitem .protext{font-size:12px}
.zizhiline{border-bottom:3px solid #999999;line-height:36px;font-size:1.2em}
.zizhiline li{display:none}
.menutile{text-align:left;font-size:1.2em;}
.menutile #intex{text-indent:1em}
}

.m-txt1{margin-top:20px}
.m-txt1 h1{padding-bottom:9px;margin-bottom:9px;border-bottom:1px dotted #a9a9a9;color:#0068eb}
.m-txt1 .txt{margin-bottom:20px;line-height:45px;color:#000;border-bottom:2px solid #0068eb;}
.m-txt1 .txt p{line-height:45px;margin-left:10px;font-size:15px;color:#2f2f2f;padding:0 20px;background:#0068eb;width:150px;color:#fff;text-align:center;}
.m-txt2{margin-top:25px}
.m-txt2 img{max-width:1200px}
.m-txt2 p{font-size:14px;line-height:24px;margin-bottom:5px;color:#929292;}
.ul-txt2{overflow:hidden;margin:20px 0;border-top:1px dashed #0068eb;border-bottom:1px dashed #0068eb;padding:10px 0}
.ul-txt2 li{float:left;font-size:14px;color:#0068eb;}
.ul-txt2 li:last-child{float:right}
.ul-txt2 li a{color:#0068eb;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.ul-txt2 li a:hover{color:#ea042b;text-decoration:underline}
@media(max-width:1200px){
.m-txt2 img{width:100%;}
}
.g-pages{text-align:center;font-size:0;margin:20px 0}
.g-pages li{display:inline-block}
.g-pages li a{display:block;padding:10px 15px;margin:0 5px;border:1px solid #dbdbdb;font-size:18px}
.g-pages li.thisclass a,.g-pages li a:hover{background-color:#0068eb;border:1px solid #0068eb;color:#fff}


/*产品*/
.proitem{padding:10px 5px;overflow:hidden;margin-bottom:35px}
.proitem img{width:100%;height:auto;transition:all 0.3s;background:#4690ed}
.proitem img:hover{transform:scale(1)}/*图片放大 1.2*/
.proitem .protext{text-align:center;height:50px;overflow:hidden;background:#063090;color:#fff;line-height:50px;}
.proitem .protext:hover{background:#0068eb;color:#fff;}
.proxqing{background:url(../images/proxq.png) no-repeat left center;padding:7px 40px;font-size:1.4em;text-center:center;color:#063090;font-weight:800;}

/*应用列表 _position:relative;*/
.news .newsitem{float:left;width:90%;padding:5px 10px;margin:0px 5% 30px 5%;background:#00318f;color:#FFF}
.news .newsitem:hover {color:#FFF;background:#4690ed;}
.news .newsitem li a:link {color:#FFF;}
.news .newsitem li p {color:#FFF;}


/*
.news .newsitem:hover {color:#FFF;background:#4690ed;}
.news .newsitem:link {color:#FFF;}
.news .newsitem:hover .overlay:before{content:'';position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:#0068eb;opacity:0.95}
.news .newsitem img{width:100%;height:auto}
.news .newsitem .overlay{position:absolute;right:10px;left:10px;bottom:8px;top:5px;z-index:11;vertical-align:middle;visibility:hidden;opacity:0;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;padding-top:0%;}
.news .newsitem .overlay span{position:relative;z-index:12;padding-top:10px;padding-left:20px;font-size:4em;color:#fff}
.news .newsitem .overlay h3{position:relative;z-index:12;text-align:left;display:block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;color:#FFF;font-size:24px;padding-left:50px;font-weight:bold;}
.news .newsitem .overlay h4{position:relative;z-index:12;text-align:left;display:block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;color:#FFF;font-size:22px;padding-left:50px;font-weight:bold;text-transform:uppercase;padding-bottom:30px}
*/

@media(max-width:760px){
.news .newsitem img{width:100%;height:auto}
}

/*应用列表*/
.case .proitem{float:left;padding:5px 10px;position:relative;margin-bottom:30px;}
.case .proitem img{width:100%;height:auto}
.case .proitem .overlay{position:absolute;right:10px;left:10px;bottom:8px;top:5px;z-index:11;vertical-align:middle;visibility:hidden;opacity:0;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;padding-top:40%;}
.case .proitem .overlay span{position:relative;z-index:12;padding-top:10px;padding-left:20px;font-size:4em;color:#fff}
.case .proitem .overlay h3{position:relative;z-index:12;text-align:left;display:block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;color:#FFF;font-size:24px;padding-left:50px;font-weight:bold;}
.case .proitem .overlay h4{position:relative;z-index:12;text-align:left;display:block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;color:#FFF;font-size:22px;padding-left:50px;font-weight:bold;text-transform:uppercase;padding-bottom:30px}
.case .proitem:hover .overlay{visibility:visible;opacity:9}
.case .proitem:hover .overlay:before{content:'';position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:#0068eb;opacity:0.95}
@media(max-width:760px){
.proitem .protext{font-size:12px}
.proitem img{width:100%;height:auto;transition:all 0.3s;background:#4690ed}
.case .proitem img{width:100%;height:auto}
}

/*联系我们*/
.nidaye p{color:#0068eb;line-height:28px;text-indent:2em}

/*关于我们*/
.about{margin-bottom: 35px;}
.about .title {overflow: hidden; width: 100%; margin:35px 0px;text-align: center;font-size:30px;}
.about .tixi{overflow:hidden;width:100%;margin-bottom: 35px;}
.about .tixi li{float:left;width:23%;margin:0 10px 10px 10px;height:362px;background-color:#59a2ff;border:0px solid #0068eb}
.about .tixi img{display:block;margin:0 auto;margin-top:9px;margin-bottom:20px}
.about .tixi h4{text-align:center;font-weight:400;font-size:18px;color:#fff;margin-bottom:12px}
.about .tixi p{font-size:13px;color:#fff;line-height:25px;width:200px;margin:0 auto;text-align:justify}
.about .tixi li:hover{background-color:#0068b7}
.about .tixi li:hover h4{color:#fff}
.about .tixi li:hover p{color:#fff}


@media(max-width:1200px){
.about .tixi li{float:left;width:46%;margin:0 10px 10px 10px;height:362px;}
}
/*新闻*/
.newstype{border:3px solid #063090;margin:42px 0;}
.newstype .nlogo{text-align:center;margin:0 auto;display:none}
.newstype .nbox{border:3px solid #063090;}
.newstype .ntype{background:#063090;padding:5% 0}
.newstype .ntitle{background:#ffffff;font-size:1.4em;line-height:3em;text-align:center;}
.newstype .ntitle a li{border-top:2px solid #cecece;background:#ffffff url("../images/pro-i2.png") no-repeat right center;background-position: 95% 50%;}
.newstype .ntitle li:hover{color:#FFFFFF;background:#063090 url("../images/pro-i.png") no-repeat right center;background-position: 95% 50%;}
.newstype .ntitle .cur {border-top:2px solid #cecece;color:#FFFFFF;background:#063090 url("../images/pro-i.png") no-repeat right center;background-position: 95% 50%;}
@media (max-width:768px){
.newstype{margin:0 0 0 0;border:0px solid #063090;}
.newstype .nbox{border:0px solid #063090;}
.newstype .ntype{padding:2% 0;margin-bottom:0px}
.newstype .ntitle{font-size:1em;line-height:2.5em;margin-top:0px}
.newstype .ntitle a li{border:1px solid #cecece;background:none;width:48%;float:left;display:inline-block;border-radius:10px;margin:2px 1px 2px 2px;}
.newstype .ntitle li:hover{color:#FFFFFF;background:#063090;background-image:none;}
.newstype .ntitle .cur {border:1px solid #cecece;color:#FFFFFF;background:#063090;background-image:none;}
.newstype .ntitlen a li{border:1px solid #cecece;background:none;width:99%;float:left;display:inline-block;border-radius:10px;margin:2px 1px;line-height:2em;font-size:0.9em;}
.newstype .ntitlen li:hover{color:#FFFFFF;background:#063090;background-image:none;}
.newstype .ntitlen .cur {border:1px solid #cecece;color:#FFFFFF;background:#063090;background-image:none;}


}
.newslist{margin:5% 5px;border-left:10px solid #c1c1c1;border-right:10px solid #c1c1c1;padding:10px 0}
.newslist img{width:100%;height:180px;border-bottom:1px solid #c1c1c1}
.newslist li{margin-bottom:10px;}
.newslist .timeday{font-size:3em;font-weight:700;text-align:center;}
.newslist .timemoth{font-size:1.2em;line-height:2em;background:#999999;width:60%;text-align:center;margin:0 auto;color:#FFFFFF}
.newslist p{padding:0 15px;line-height:28px;color:#999999;margin-top:0px;font-size:1.4em;font-weight:400;}
.newslist p:nth-child(2n){padding:0 15px;line-height:28px;color:#999999;margin-top:10px;font-size:1.1em;}
.newslist span{padding:0 15px 20px 15px;}
.newslist p a{color:#999999;}
.newslist p a:hover{color:#0068eb;}

.newslist1{margin:5% 5px;border-left:10px solid #c1c1c1;border-right:10px solid #c1c1c1;padding:0px 0}
.newslist1 img{width:100%;height:120px;border-bottom:0px solid #c1c1c1;display:block;}
.newslist1 .timeday{font-size:3em;font-weight:700;text-align:center;}
.newslist1 .timemoth{font-size:1.2em;line-height:2em;background:#999999;width:60%;text-align:center;margin:0 auto;color:#FFFFFF}
.newslist1 p{padding:0 15px;line-height:28px;color:#999999;margin-top:0px;font-size:1.4em;font-weight:400;}
.newslist1 p:nth-child(2n){padding:0 15px;line-height:28px;color:#999999;margin-top:10px;font-size:1.1em;}
.newslist1 span{padding:0 15px 20px 15px;}
.newslist1 p a{color:#999999;}
.newslist1 p a:hover{color:#0068eb;}

@media (max-width:768px){
.newslist p:nth-child(2n){padding:0 15px;line-height:24px;color:#999999;margin-top:10px;font-size:1em;}
.newslist1 p:nth-child(2n){padding:0 15px;line-height:24px;color:#999999;margin-top:10px;font-size:1em;}
}


.xzCont{margin-top:0px;padding:10px;}
.xzCont>dl{overflow:hidden;padding:20px;background:#ececec}
.xzCont dt{float:left}
.xzCont dt img{display:block}
.xzCont dd{margin-left:234px}
.xzCont dd h5{font-weight:normal;line-height:16px;margin-bottom:12px}
.xzCont dd h5>a{font-size:16px;color:#666;text-decoration:none}
.xzCont dd h5>a:hover{background-color:#0068b7;color:#fff}
.xzCont dd p{font-size:13px;line-height:23px;height:69px;overflow:hidden}
.xzCont dd>a{display:block;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#ececec;text-decoration:none;background:#777777;margin-top:32px}
.xzCont dd>a:hover{background:#0068b7;color:#fff}

.Cont{margin-top:20px;margin-bottom:15px;padding-bottom:15px}
.Cont dl{overflow:hidden;padding:17px 0;background:#fff;margin-bottom:1px}
.Cont dt{float:left;width:142px;font-size:60px;color:#999;font-family:"Arial";text-align:center;padding:10px 0;border-right:1px dotted #b2b2b2}
.Cont dt span{display:block;width:72px;height:23px;line-height:23px;text-align:center;font-size:16px;color:#fff;text-transform:uppercase;margin:0 auto;background:#999}
.Cont dd{margin-left:180px;width:72%;font-size:16px}
.Cont dd h5{line-height:16px;margin-top:8px;margin-bottom:15px}
.Cont dd h5 a{font-size:16px;color:#666}
.Cont dd p{font-size:14px;color:#666;line-height:24px;height:72px;text-decoration:none}
.Cont dd p a{text-decoration:none}
.Cont dl:hover{background:#0068b7}
.Cont dl:hover dt{border-right-color:#fff;color:#fff}
.Cont dl:hover dt span{background:#fff;color:#0068b7}
.Cont dl:hover dd *{color:#fff}

@media (max-width:768px){
.Cont dt{float:left;width:100px;}
.Cont dd{margin-left:110px;width:72%;font-size:16px}
}



/*人才列表*/
.main{position:relative;}

.main .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}

.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;border-bottom:1px solid #d5d5d5;padding:20px 0;text-align:left;}
.main .content .child.no{border-bottom:2px solid #e60012;}
.main .content .child p{font-size:16px;color:#434343;line-height:22px;}
.main .content .child .name{line-height:50px;color:#939393;font-size:1.6em;}
.main .content .child .nameEn{color:#434343;font-size:30px;line-height:46px;}
.main .content .child .department{color:#434343;font-size:18px;line-height:40px;}
.main .content .child .department .sub{margin:0 5px;color:#DFDFDF;}
.main .content .child .department .redSpan{color:#234E9D;}
.main .content .child .childContent{padding-top:14px;display:none;}'
.main .content .child .childContent p{padding:14px;}
.main .content .child .childPointer{position:absolute;cursor:pointer;top:55px;right:0;width:40px;height:23px;background-image:url(../images/jobBottom.png);background-repeat:no-repeat;}
.main .content .child .childPointer{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .child .childPointer.on{ transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}


.wenhuacont{margin:5px;}
.wenhuacont img{width:100%;}
.banner {overflow: hidden;}
.bannerpic{display:block;text-align:center;margin:0 auto;width:100%;}
.bannerpic1{display:block;text-align:center;margin:0 auto;width:100%;}
.bannerabout{display:block;text-align:center;margin:0 auto;width:100%;}
.n-banner{z-index:-10;}
.n-banner img{width:100%}
.headnav{background-color:#0068eb;position:relative;line-height:80px;height:80px}
.news-detail-wrap{width:100%}
.news-detail-main{width:100%;margin:.4em 0 1em 0%;position:relative;min-height:750px}
.news-detail-main .top{padding-top:1em}
.news-detail-main .detail-left{width:100%;padding-right:30%;box-sizing:border-box}
.news-detail-main .detail-right{width:25%;position:absolute;right:0;top:.5rem}
.news-detail-main .detail-left img{width:100%;display:block;margin-bottom:.3rem}
.news-detail-main video{width:100%;display:block;margin-top:.3rem}
.news-detail-main .title{font-size:2em;font-weight:400;line-height:1.5em}
.news-detail-main .title2{font-weight:700;margin:.5rem 0 .3rem}
.news-detail-main .intro{margin:.25rem 0}
.news-detail-main .share-wrap{width:100%;height:.55rem;border-bottom:#d8d8d8 solid 1px;margin-bottom:.3rem}
.share-wrap .code{position:absolute;bottom:.4rem;width:1.8rem;height:1.8rem;left:-.9rem;display:none}
.share-wrap a{position:relative;display:inline-block;margin-right:10px;cursor:pointer}
.share-wrap .wechat{width:.34rem;height:.28rem}
.share-wrap .wechat:hover .code{display:block}
.share-wrap .weibo{width:.38rem;height:.32rem}
.share-wrap .linkedin{width:.29rem;height:.28rem}
.share-wrap img{width:100%;position:absolute}
.news-detail-main p{font-size:1.2em;line-height:1.8em}
.news-detail-main p img{max-width:100%}
.news-detail-main .nav{margin:.8rem 0 0;text-align:center}
.news-detail-main .nav a{height:44px;line-height:44px;cursor:pointer}
.news-detail-main .next,.news-detail-main .prev{display:inline-block;margin:0 .3rem}
.swiper-button-prev{float:left}
.news-detail-main .next span,.news-detail-main .prev span{line-height:.44rem;height:.44rem}
.swiper-button-next,.swiper-button-prev{display:inline-block;margin-right:.15rem}
.swiper-button-next{float:right;margin-left:.15rem}
.detail-right .title{width:100%;font-size:.16rem;line-height:.34rem;height:40px;border-bottom:#d8d8d8 solid 1px}
.detail-right .email{margin-bottom:.8rem}
.detail-right .news-ul{margin-top:.3rem}
.detail-right .news-li span{line-height:.34rem;font-size:.16rem}
.detail-right .news-li{position:relative;margin-bottom:.3rem}
.detail-right .news-li .date{height:100%;width:.7rem;position:absolute;display:block;padding-left:.1rem}
.detail-right .news-li .date::before{content:'';width:.05rem;height:.05rem;border-radius:.1rem;background:#666;display:inline-block;position:absolute;left:0;top:.15rem}
.detail-right .news-li .text{position:relative;padding-left:1.1rem}
.news-detail-main .detail-left iframe{margin:.3rem auto;display:block}
@media (max-width:900px){.news-detail-main{margin:1rem auto;min-height:200px}
.detail-right{display:none}
.bannerpic{height:133px}
.news-detail-main{margin:0rem 0 0rem 0%;}
.news-detail-main .intro{margin:.25rem 0}
.news-detail-main .detail-left{padding:0}
.detail-left .title2{font-size:.3rem;line-height:.48rem}
.news-detail-main p{font-size:.3rem;line-height:.48rem}
.news-detail-main .title{font-size:.4rem;line-height:.6rem}
.share-wrap .code{left:0}
}
.nchange {width: 100%;height: 38px;margin: 20px 0px; }
.nchange ul {overflow: hidden;}
.nchange li {float: left;height: 38px;background: #a2aebc;line-height: 38px;margin:0 15px;}
.nchange li a {display: block;padding: 0 18px;font-size: 16px;color: #fff;text-decoration: none;}
.nchange li:hover, .nchange li.cur {background: #0068b7;}


/*行业用用*/
.floor_1_main{margin:3% 0 3% 0;}
.floor_1_main .left .li{}
.floor_1_main .left dd .box1{width:25%;height:252px;float:left;background:#f2f2f2;}
.floor_1_main .left dd .box1 img{display:block;width:100%;height:auto}
.floor_1_main .left dd .box1 .jiahao{padding-left:20px;font-size:4em;padding-top:11%;font-weight:500;color:#063090}
.floor_1_main .left dd .box1 h2{padding-left:15%;font-size:2.3em;font-weight:700;color:#063090;margin-bottom:10px;margin-top:-15px;text-transform:Uppercase;line-height:1.1em;}
.floor_1_main .left dd .box1 h3{padding-left:15%;font-size:2em;font-weight:700;color:#063090;margin-top:-10px}
.floor_1_main .left dd .box2{float:left;width:25%;height:252px;overflow:hidden}
.floor_1_main .left dd .box2 img{display:block;width:100%;height:auto}
.floor_1_main .left .d2 .box1{border-right:0px solid #ddd;float:left}
.floor_1_main .left .d2 .box2 {float:right;border-left:none;}
@media(max-width:950px){
.floor_1_main .left dd .box1{width:50%;height:172px;}
.floor_1_main .left dd .box2{width:50%;height:172px}
.floor_1_main .left dd .box1 .jiahao{padding-left:20px;font-size:3em;padding-top:2%;font-weight:500;}
.floor_1_main .left dd .box1 h2{padding-left:15%;font-size:1.3em;font-weight:700;line-height:1.8em;}
.floor_1_main .left dd .box1 h3{padding-left:15%;font-size:1.3em;font-weight:700;color:#063090;margin-top:-10px}
}

@media(min-width:768px){.container{width:760px}}
@media(min-width:1024px){.container{width:1000px}}
@media(min-width:1201px){.container{width:1200px}}

.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12{position:relative;min-height:1px}
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-middle{margin-left:-5px;margin-right:-5px}
.line-middle .x1,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .xl1,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xs1,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12,.line-middle .xm1,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xb1,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12{position:relative;min-height:1px;padding-right:5px;padding-left:5px}
.line-small{margin-left:-2px;margin-right:-2px}
.line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12{position:relative;min-height:1px;padding-right:2px;padding-left:2px}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}
.x1{width:8.33333333%}
.x2{width:16.66666667%}
.x3{width:25%}
.x4{width:33.33333333%}
.x5{width:41.66666667%}
.x6{width:50%}
.x7{width:58.33333333%}
.x8{width:66.66666667%}
.x9{width:75%}
.x10{width:83.33333333%}
.x11{width:91.66666667%}
.x12{width:100%}
.x0-left{left:0}
.x1-left{left:8.33333333%}
.x2-left{left:16.66666667%}
.x3-left{left:25%}
.x4-left{left:33.33333333%}
.x5-left{left:41.66666667%}
.x6-left{left:50%}
.x7-left{left:58.33333333%}
.x8-left{left:66.66666667%}
.x9-left{left:75%}
.x10-left{left:83.33333333%}
.x11-left{left:91.66666667%}
.x12-left{left:100%}
.x0-right{right:0}
.x1-right{right:8.33333333%}
.x2-right{right:16.66666667%}
.x3-right{right:25%}
.x4-right{right:33.33333333%}
.x5-right{right:41.66666667%}
.x6-right{right:50%}
.x7-right{right:58.33333333%}
.x8-right{right:66.66666667%}
.x9-right{right:75%}
.x10-right{right:83.33333333%}
.x11-right{right:91.66666667%}
.x12-right{right:100%}
.x0-move{margin-left:0}
.x1-move{margin-left:8.33333333%}
.x2-move{margin-left:16.66666667%}
.x3-move{margin-left:25%}
.x4-move{margin-left:33.33333333%}
.x5-move{margin-left:41.66666667%}
.x6-move{margin-left:50%}
.x7-move{margin-left:58.33333333%}
.x8-move{margin-left:66.66666667%}
.x9-move{margin-left:75%}
.x10-move{margin-left:83.33333333%}
.x11-move{margin-left:91.66666667%}
.x12-move{margin-left:100%}
@media(min-width:300px){.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12{float:left}
.xl1{width:8.33333333%}
.xl2{width:16.66666667%}
.xl3{width:25%}
.xl4{width:33.33333333%}
.xl5{width:41.66666667%}
.xl6{width:50%}
.xl7{width:58.33333333%}
.xl8{width:66.66666667%}
.xl9{width:75%}
.xl10{width:83.33333333%}
.xl11{width:91.66666667%}
.xl12{width:100%}
.xl0-left{left:0}
.xl1-left{left:8.33333333%}
.xl2-left{left:16.66666667%}
.xl3-left{left:25%}
.xl4-left{left:33.33333333%}
.xl5-left{left:41.66666667%}
.xl6-left{left:50%}
.xl7-left{left:58.33333333%}
.xl8-left{left:66.66666667%}
.xl9-left{left:75%}
.xl10-left{left:83.33333333%}
.xl11-left{left:91.66666667%}
.xl12-left{left:100%}
.xl0-right{right:0}
.xl1-right{right:8.33333333%}
.xl2-right{right:16.66666667%}
.xl3-right{right:25%}
.xl4-right{right:33.33333333%}
.xl5-right{right:41.66666667%}
.xl6-right{right:50%}
.xl7-right{right:58.33333333%}
.xl8-right{right:66.66666667%}
.xl9-right{right:75%}
.xl10-right{right:83.33333333%}
.xl11-right{right:91.66666667%}
.xl12-right{right:100%}
.xl0-move{margin-left:0}
.xl1-move{margin-left:8.33333333%}
.xl2-move{margin-left:16.66666667%}
.xl3-move{margin-left:25%}
.xl4-move{margin-left:33.33333333%}
.xl5-move{margin-left:41.66666667%}
.xl6-move{margin-left:50%}
.xl7-move{margin-left:58.33333333%}
.xl8-move{margin-left:66.66666667%}
.xl9-move{margin-left:75%}
.xl10-move{margin-left:83.33333333%}
.xl11-move{margin-left:91.66666667%}
.xl12-move{margin-left:100%}
}

@media(min-width:760px){.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12{float:left}
.xs1{width:8.33333333%}
.xs2{width:16.66666667%}
.xs3{width:25%}
.xs4{width:33.33333333%}
.xs5{width:41.66666667%}
.xs6{width:50%}
.xs7{width:58.33333333%}
.xs8{width:66.66666667%}
.xs9{width:75%}
.xs10{width:83.33333333%}
.xs11{width:91.66666667%}
.xs12{width:100%}
.xs0-left{left:0}
.xs1-left{left:8.33333333%}
.xs2-left{left:16.66666667%}
.xs3-left{left:25%}
.xs4-left{left:33.33333333%}
.xs5-left{left:41.66666667%}
.xs6-left{left:50%}
.xs7-left{left:58.33333333%}
.xs8-left{left:66.66666667%}
.xs9-left{left:75%}
.xs10-left{left:83.33333333%}
.xs11-left{left:91.66666667%}
.xs12-left{left:100%}
.xs0-right{right:0}
.xs1-right{right:8.33333333%}
.xs2-right{right:16.66666667%}
.xs3-right{right:25%}
.xs4-right{right:33.33333333%}
.xs5-right{right:41.66666667%}
.xs6-right{right:50%}
.xs7-right{right:58.33333333%}
.xs8-right{right:66.66666667%}
.xs9-right{right:75%}
.xs10-right{right:83.33333333%}
.xs11-right{right:91.66666667%}
.xs12-right{right:100%}
.xs0-move{margin-left:0}
.xs1-move{margin-left:8.33333333%}
.xs2-move{margin-left:16.66666667%}
.xs3-move{margin-left:25%}
.xs4-move{margin-left:33.33333333%}
.xs5-move{margin-left:41.66666667%}
.xs6-move{margin-left:50%}
.xs7-move{margin-left:58.33333333%}
.xs8-move{margin-left:66.66666667%}
.xs9-move{margin-left:75%}
.xs10-move{margin-left:83.33333333%}
.xs11-move{margin-left:91.66666667%}
.xs12-move{margin-left:100%}
}

@media(min-width:1000px){.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12{float:left}
.xm1{width:8.33333333%}
.xm2{width:16.66666667%}
.xm3{width:25%}
.xm4{width:33.33333333%}
.xm5{width:41.66666667%}
.xm6{width:50%}
.xm7{width:58.33333333%}
.xm8{width:66.66666667%}
.xm9{width:75%}
.xm10{width:83.33333333%}
.xm11{width:91.66666667%}
.xm12{width:100%}
.xm0-left{left:0}
.xm1-left{left:8.33333333%}
.xm2-left{left:16.66666667%}
.xm3-left{left:25%}
.xm4-left{left:33.33333333%}
.xm5-left{left:41.66666667%}
.xm6-left{left:50%}
.xm7-left{left:58.33333333%}
.xm8-left{left:66.66666667%}
.xm9-left{left:75%}
.xm10-left{left:83.33333333%}
.xm11-left{left:91.66666667%}
.xm12-left{left:100%}
.xm0-right{right:0}
.xm1-right{right:8.33333333%}
.xm2-right{right:16.66666667%}
.xm3-right{right:25%}
.xm4-right{right:33.33333333%}
.xm5-right{right:41.66666667%}
.xm6-right{right:50%}
.xm7-right{right:58.33333333%}
.xm8-right{right:66.66666667%}
.xm9-right{right:75%}
.xm10-right{right:83.33333333%}
.xm11-right{right:91.66666667%}
.xm12-right{right:100%}
.xm0-move{margin-left:0}
.xm1-move{margin-left:8.33333333%}
.xm2-move{margin-left:16.66666667%}
.xm3-move{margin-left:25%}
.xm4-move{margin-left:33.33333333%}
.xm5-move{margin-left:41.66666667%}
.xm6-move{margin-left:50%}
.xm7-move{margin-left:58.33333333%}
.xm8-move{margin-left:66.66666667%}
.xm9-move{margin-left:75%}
.xm10-move{margin-left:83.33333333%}
.xm11-move{margin-left:91.66666667%}
.xm12-move{margin-left:100%}
}

@media(min-width:1200px){
.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.cpxb4{float:left}
.xb1{width:8.33333333%}
.xb2{width:16.66666667%}
.xb3{width:25%}
.xb4{width:33.33333333%}
.xb5{width:41.66666667%}
.xb6{width:50%}
.xb7{width:58.33333333%}
.xb8{width:66.66666667%}
.xb9{width:75%}
.xb10{width:83.33333333%}
.xb11{width:91.66666667%}
.xb12{width:100%}
.cpxb4{width:25%}
.xb0-left{left:0}
.xb1-left{left:8.33333333%}
.xb2-left{left:16.66666667%}
.xb3-left{left:25%}
.xb4-left{left:33.33333333%}
.xb5-left{left:41.66666667%}
.xb6-left{left:50%}
.xb7-left{left:58.33333333%}
.xb8-left{left:66.66666667%}
.xb9-left{left:75%}
.xb10-left{left:83.33333333%}
.xb11-left{left:91.66666667%}
.xb12-left{left:100%}
.cpxb4-left{left:25%}
.xb0-right{right:0}
.xb1-right{right:8.33333333%}
.xb2-right{right:16.66666667%}
.xb3-right{right:25%}
.xb4-right{right:33.33333333%}
.xb5-right{right:41.66666667%}
.xb6-right{right:50%}
.xb7-right{right:58.33333333%}
.xb8-right{right:66.66666667%}
.xb9-right{right:75%}
.xb10-right{right:83.33333333%}
.xb11-right{right:91.66666667%}
.xb12-right{right:100%}
.cpxb4-right{right:25%}
.xb0-move{margin-left:0}
.xb1-move{margin-left:8.33333333%}
.xb2-move{margin-left:16.66666667%}
.xb3-move{margin-left:25%}
.xb4-move{margin-left:33.33333333%%}
.xb5-move{margin-left:41.66666667%}
.xb6-move{margin-left:50%}
.xb7-move{margin-left:58.33333333%}
.xb8-move{margin-left:66.66666667%}
.xb9-move{margin-left:75%}
.xb10-move{margin-left:83.33333333%}
.xb11-move{margin-left:91.66666667%}
.xb12-move{margin-left:100%}
.cpxb4-move{margin-left:25%%}
}


.padding-large{padding:30px}
.padding-large-top{padding-top:30px}
.padding-large-right{padding-right:30px}
.padding-large-bottom{padding-bottom:30px}
.padding-large-left{padding-left:30px}
.padding-big{padding:20px}
.padding-big-top{padding-top:20px}
.padding-big-right{padding-right:20px}
.padding-big-bottom{padding-bottom:20px}
.padding-big-left{padding-left:20px}
.padding{padding:10px}
.padding-top{padding-top:10px}
.padding-right{padding-right:10px}
.padding-bottom{padding-bottom:10px}
.padding-left{padding-left:10px}
.padding-small{padding:5px}
.padding-small-top{padding-top:5px}
.padding-small-right{padding-right:5px}
.padding-small-bottom{padding-bottom:5px}
.padding-small-left{padding-left:5px}
.padding-little{padding:2px}
.padding-little-top{padding-top:2px}
.padding-little-right{padding-right:2px}
.padding-little-bottom{padding-bottom:2px}
.padding-little-left{padding-left:2px}
.margin-large{margin:30px}
.margin-large-top{margin-top:30px}
.margin-large-right{margin-right:30px}
.margin-large-bottom{margin-bottom:30px}
.margin-large-left{margin-left:30px}
.margin-big{margin:20px}
.margin-big-top{margin-top:20px}
.margin-big-right{margin-right:20px}
.margin-big-bottom{margin-bottom:20px}
.margin-big-left{margin-left:20px}
.margin{margin:10px!important;clear:both}
.margin-top{margin-top:10px}
.margin-right{margin-right:10px}
.margin-bottom{margin-bottom:10px}
.margin-left{margin-left:10px}
.margin-small{margin:5px}
.margin-small-top{margin-top:5px}
.margin-small-right{margin-right:5px}
.margin-small-bottom{margin-bottom:5px}
.margin-small-left{margin-left:5px}
.margin-little{margin:2px}
.margin-little-top{margin-top:2px}
.margin-little-right{margin-right:2px}
.margin-little-bottom{margin-bottom:2px}
.margin-little-left{margin-left:2px}
.radius-none{border-radius:0}
.radius-small{border-radius:2px}
.radius{border-radius:4px}
.radius-big{border-radius:6px}
.radius-rounded{border-radius:2em;padding-left:1em;padding-right:1em}
.radius-circle{border-radius:50%}