.anim1 { opacity: 0; transform: translateY(80px); transition: all 1s ease; }
.anim2 { opacity: 0; transform: translateY(80px); transition: all 1s ease 0.2s; }
.anim-show { opacity: 1; transform: none !important; }
.wrap { width: 1200px; margin: 0 auto; }
.logo { float: left; margin-top: 28px; }
.header-content { height: 116px; border-top: 4px solid #283a83; box-shadow: 0 1px 3px #999;/*transition: all 0.5s ease;*/ }
.header-right { float: right;/* margin-top:25px */}
.header-rt { margin-top: 12px; }
.hrt-btn { float: right; border-radius: 2px; }
.hrt-btn a { display: inline-block; float: left; width: 40px; line-height: 30px; color: #7f7f7f; text-align: center; background-color: #e1e1e1; transition: all 0.5s ease; }
.hrt-btn a:first-child { background-color: #283a83; color: #fff; }
.hrt-webmap { float: right; margin-right: 20px; }
.hrt-webmap a { display: inline-block; line-height: 30px; color: #7f7f7f; padding-left: 16px; background: url("../images/webmap.jpg") no-repeat left center; }
.hrt-line { float: right; background-color: #e3e3e3; width: 1px; height: 14px; margin-right: 14px; margin-top: 9px; }
.hrt-phone { float: right; line-height: 30px; color: #7f7f7f; margin-right: 12px; padding-left: 19px; background: url("../images/h-phone.jpg") no-repeat left center; }
.header-rb {/* margin-top: 18px;*/ }
.nav-li { position: relative; list-style: none; float: left; margin-left: 1px; height:116px}
.nav-a { display: inline-block; padding: 0 18px; line-height: 116px; font-size: 16px; color: #383838; transition: all 0.5s ease; }
.nav-li.on .nav-a { background-color: #283a83; color: #fff; }
.nav-li-line { position: absolute; top: 11px; left: -1px; height: 12px; width: 1px; background-color: #d8d8d8; }
.nav-menu { position: absolute; top: 56px; left: 50%; box-shadow: 0 0 6px #999; display: none; z-index: 99; transform: translateX(-50%); }
.nav-menu-c { float: left; background-color: #283a83; padding: 15px 22px; }
.nav-menu-c p { white-space: nowrap; padding: 3px 0; }
.nav-menu-c p a { display: inline-block; font-size: 14px; color: #fff; line-height: 28px; }
.index-banner .swiper-container { height: 550px; }
.index-banner .swiper-pagination-bullet { width: 16px; height: 16px; opacity: 1; background: url("../images/pag.png") no-repeat; background-size: 100% 100%; }
.index-banner .swiper-pagination-bullet-active { background: url("../images/pag-on.png") no-repeat; background-size: 100% 100%; }
.index-banner .swiper-pagination { bottom: 20px; }
.index-part { background: url("../images/index-part-bg.jpg") repeat-y center center; height: 50px; }
.ipt-search { position: relative; float: left; margin-top: 10px; }
.ipt-input { width: 180px; height: 30px; padding-left: 8px; padding-right: 40px; font-size: 13px; border: 1px solid #ebc894; background: none; color: #fff; border-radius: 4px; }
 .ipt-input::-webkit-input-placeholder {
 color: #ebdccd;
}
.ipt-submit { position: absolute; right: 1px; top: 1px; background: url("../images/search-icon.png") no-repeat center center; width: 30px; height: 28px; border: none; cursor: pointer; }
.ipt-keyword { float: left; margin-left: 100px; margin-top: 10px; width: 320px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ipt-keyword span { /*float: left;*/ display: inline-block; font-size: 14px; color: #c6d1e5; line-height: 28px; }
.ipt-keyword a { /*float: left;*/ display: inline-block; font-size: 14px; color: #c6d1e5; line-height: 28px; }
.ipt-share { float: right; margin-top: 10px; }
.ipt-share-p { float: left; font-size: 14px; color: #fff; line-height: 36px; }
.ipt-share-img { float: left; margin-left: 2px; }
.index-news { background-color: #f3f3f2; padding-bottom: 52px; }
.index-title { padding-top: 60px; text-align: center; }
.index-title-h h3 { font-weight: normal; color: #283a83; font-size: 28px; }
.index-title-h span { display: inline-block; font-size: 14px; color: #989898; margin-left: 5px; }
.index-title-line { height: 11px; background: url("../images/title-line.png") no-repeat center center; margin-top: 14px; }
.index-title-p { font-size: 13px; line-height: 22px; color: #6f6f6f; margin-top: 10px; }
.index-title-p span { color: #c5010b; }
.index-news-content { margin-top: 54px; background-color: #fafafa; }
.in-dy { float: left; width: 560px; margin-left: 16px; margin-top: 44px; }
.in-dy-title { padding-bottom: 12px; border-bottom: 1px solid #bfbfbf; }
.indy-title-h { float: left; font-size: 16px; color: #283a83; }
.indy-title-h span { color: #797979; }
.indy-title-a { float: right; margin-top: 2px; }
.indy-title-a a { font-size: 13px; color: #797979; }
.in-dy-box { border-bottom: 1px dashed #d2d2d2; }
.indy-p { float: left; line-height: 42px; font-size: 15px; color: #797979; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indy-p span { display: inline-block; color: #283a83; margin-right: 5px; }
.indy-date { float: right; font-size: 13px; color: #9c9c9c; line-height: 42px; }
.in-swiper { float: right; width: 603px; }
.in-swiper .slideBox { width: 100%; height: 337px; overflow: hidden; position: relative; }
/*分页器样式*/

.in-swiper .slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 0; bottom: 14px; z-index: 1; width: 30%; }
.in-swiper .slideBox .hd ul { overflow: hidden; zoom: 1; text-align: right; list-style: none; padding: 0 10px; margin: 0;/*position: absolute;top: 0;left: 50%;transform: translateX(-50%);  */ }
.in-swiper .slideBox .hd ul li { display: inline-block; margin: 0 3px; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fff; cursor: pointer; }
.in-swiper .slideBox .hd ul li.on { background: #283a83; color: #fff; }
/*主体样式*/

.in-swiper .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.in-swiper .slideBox .bd ul { list-style: none; padding: 0; margin: 0; }
.in-swiper .slideBox .bd li { zoom: 1; position: relative; height: 337px; }
.in-swiper .slideBox .bd li a { display: block; height: 100%; }
.in-swiper-dark { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); }
.in-swiper-dark p { font-size: 15px; color: #fff; line-height: 50px; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; }
.index-solution { padding-bottom: 80px; }
.iso-content { margin-top: 34px; }
.iso-box { position: relative; padding-bottom: 100px; border-bottom: 3px solid #0fb5ee; overflow: hidden; }
.iso-box-img { overflow: hidden; }
.iso-box-img img { width: 100%; transition: all 0.5s ease; }
.iso-box-p { position: absolute; bottom: -70px; left: 0; height: 170px; width: 100%; background-color: #f3f3f4; text-align: center; transition: all 0.5s ease; }
.iso-box-p h3 { font-size: 19px; color: #535454; font-weight: normal; padding: 0 30px; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.iso-box-p p { font-size: 14px; line-height: 24px; margin-top: 10px; color: #9a999a; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.iso-box-more { width: 104px; line-height: 28px; color: #fff; border: 1px solid #fff; font-size: 13px; margin: 30px auto 0; border-radius: 20px; }
.index-service { background-color: #eaeaea; padding-bottom: 40px; }
.index-service-content { margin-top: 30px; }
.iser-left { float: left; width: 53%; }
.iser-left-img { float: left; height: 380px; width: 42%; background: url("../images/iser-img.jpg") no-repeat center center; background-size: cover; }
.iser-left-con { float: left; width: 50%; height: 380px; padding: 0 4%; background-color: #fff; }
.islc-title { margin-top: 46px; font-size: 18px; color: #283a83; padding-bottom: 12px; border-bottom: 1px solid #dedede; }
.islc-title span { font-family: Arial; font-size: 14px; color: #989898; }
.islc-p { font-size: 14px; line-height: 23px; overflow: hidden; text-align: justify; color: #8e8e8e; text-indent: 2rem; margin-top: 14px; }
.islc-more { width: 120px; line-height: 36px; font-size: 14px; text-align: center; background-color: #283a83; color: #fff; margin-top: 50px; transition: all 0.5s ease; }
.iser-right { float: right; width: 45%; }
.iserr-box { float: left; width: 48%; height: 180px; margin-left: 4%; background: #fff; margin-bottom: 20px; transition: all 0.5s ease; }
.iser-right .iserr-box:nth-child(2n+1) { margin-left: 0; }
.iserr-box-icon { height: 77px; width: 77px; margin: 36px auto 0; transition: all 0.5s ease; }
.iserr-box p { text-align: center; font-size: 14px; color: #283a83; margin-top: 14px; transition: all 0.5s ease; }
.iserr-box p a { font-size: 14px; color: #283a83; }
.iserr-box1 .iserr-box-icon { background: url("../images/iseb1.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box2 .iserr-box-icon { background: url("../images/iseb2.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box3 .iserr-box-icon { background: url("../images/iseb3.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box4 .iserr-box-icon { background: url("../images/iseb4.png") no-repeat center center; background-size: 100% 100%; }
.index-about { padding-bottom: 90px; }
.index-about-content { margin-top: 32px; }
.ia-img { float: left; width: 54%; overflow: hidden; }
.ia-img img { width: 100%; transition: all 0.5s ease; }
.ia-info { float: right; width: 42%; margin-top: 44px; }
.ia-info-title p { font-family: Arial; font-size: 24px; line-height: 30px; color: #565656; }
.ia-info-title h4 { font-size: 24px; line-height: 36px; color: #283a83; }
.ia-info-p { font-size: 14px; line-height: 24px; color: #8e8e8e; height: 72px; overflow: hidden; margin-top: 16px; }
.ia-info .islc-more { margin-top: 26px; }
.index-brand { background-color: #eaeaea; padding-top: 50px; padding-bottom: 66px; }
.index-brand-box { float: left; width: 18%; margin-top: 18px; margin-left: 2%; overflow: hidden; }
.index-brand-content .index-brand-box:nth-child(5n+1) { margin-left: 0; }
.index-brand-box img { width: 100%; transition: all 0.5s ease; }
.footer-content { background-color: #0658b2; padding-bottom: 50px; }
.footer-wx { float: left; width: 272px; height: 333px; text-align: center; background: url("../images/wx-bg.png") no-repeat; }
.footer-wx p { color: #fff; font-size: 16px; line-height: 24px; margin-top: 24px; }
.footer-wx-img { width: 70%; margin: 16px auto 0; }
.footer-lb { float: left; margin-left: 56px; }
.footer-list { float: left; max-width: 146px; margin-top: 62px; }
.footer-list-line { float: left; width: 1px; height: 280px; margin: 62px 46px 0; background-color: #518ac9; }
.footer-list-title { font-size: 16px; color: #fff; line-height: 26px; padding-bottom: 6px; }
.footer-list-con p { margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer-list-con p a { display: inline-block; font-size: 14px; line-height: 20px; color: #b9c7e2; }
.footer-copyright { background-color: #282828; color: #ababab; font-size: 13px; line-height: 24px; padding: 14px 0; }
.footer-copyright a { color: #ababab; }
.footer-copyright-p1 { float: left; width: 50%; }
.footer-copyright-p2 { float: right; }
.phone-hc { display: none; margin-top: 10px; }
.phone-nav { float: right; }
.phone-nav-icon { height: 50px; width: 40px; background: url("../images/phone-menu.png") no-repeat center center; background-size: 28px 23px; cursor: pointer; }
.phone-menu { position: absolute; top: 120px; left: 0; width: 100%; z-index: 99; background-color: #fff; border-top: 1px solid #e6e8ee; padding-bottom: 40px; box-shadow: 0 2px 4px #999; display: none; }
.phone-menu-list { position: relative; }
.phone-menu-title { position: relative; border-bottom: 1px solid #e6e8ee; }
.phone-menu-title a { position: relative; display: block; /*width: 40%;*/ font-size: 14px; color: #222222; line-height: 42px; padding-left: 5%; z-index: 2; }
.phone-menu-icon { position: absolute; top: 0; right: 4%; width: 60px; height: 50px; background: url("../images/add.jpg") no-repeat center center; background-size: 24px 24px; }
.phone-menu-title.on .phone-menu-icon { background: url("../images/del.jpg") no-repeat center center; background-size: 24px 24px; }
.phone-menu-c { display: none; overflow: hidden; }
.phone-menu-c a { display: block; font-size: 14px; color: #222222; line-height: 40px; padding-left: 7%; border-bottom: 1px solid #e6e8ee; }
.phone-system-a { text-align: center; padding: 16px 0; margin-top: 10px; }
.phone-system-a a { display: inline-block; font-size: 14px; line-height: 20px; color: #333333; margin: 0 10px; }
.inner-banner { height: 400px; }
.inner-bg { background-color: #eaeaea; padding-top: 26px; padding-bottom: 70px; }
.inner-left { float: left; width: 21%; }
.inner-title { background: url("../images/inner-title.jpg") no-repeat center center; background-size: cover; }
.inner-title h3 { height: 90px; line-height: 90px; color: #fff; font-size: 36px; padding-left: 20px; }
.inner-list-box { position: relative; border-top: 1px solid #eaeaea; background: #fff; }
.inner-list-box p { line-height: 58px; font-size: 16px; color: #616161; padding-left: 22px; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner-list-box.on p { color: #cd9136; }
.inner-list-icon { position: absolute; right: 0; top: 1px; height: 58px; width: 60px; background: url("../images/inner-list-icon.png") no-repeat center center; display: none; }
.inner-list-box.on .inner-list-icon { display: block; }
.inner-contact { margin-top: 20px; background-color: #fff; padding: 20px; }
.inner-content-art h4 { font-size: 16px; line-height: 24px; color: #cd9136; font-weight: normal; }
.inner-content-art p { font-size: 14px; color: #797979; line-height: 24px; margin-top: 10px; }
.inner-wx { margin-top: 20px; text-align: center; }
.inner-wx p { font-size: 14px; line-height: 24px; color: #797979; margin-top: 14px; }
.inner-right { float: right; /*width: 926px;*/ width: 77%; background-color: #fff; }
.bread-nav-content { padding: 0 30px; border-bottom: 1px solid #d0d0d0; }
.bread-nav { float: right; margin-top: 34px; padding-bottom: 12px; }
.bread-nav a { /*float: left;*/ font-size: 12px; color: #b3aeae; line-height: 20px; }
.bread-nav span { float: left; font-size: 12px; color: #b3aeae; line-height: 20px; margin: 0 4px; }
.bread-nav-house { background: url("../images/house.png") no-repeat left center; padding-left: 22px; }
.bread-nav .position { text-align: left; color: #b3aeae; }
.about-content { padding: 30px; line-height: 34px; }

@media screen and (min-width: 761px) {
.about-content { min-height: 612px; }
}
.about-p-title { font-size: 30px; line-height: 46px; color: #2a2a2a; padding: 10px 0; margin-top: 10px; }
.about-p { font-size: 14px; color: #504e4e; line-height: 34px; padding-bottom: 30px; }
.phone-type { display: none; }
.phone-type a { display: block; float: left; width: 32%; margin-left: 2%; margin-top: 8px; line-height: 40px; text-align: center; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #334489; }
.phone-type a:nth-child(3n+1) { margin-left: 0; }
.phone-type a.on { background-color: #334489; color: #fff; }
.ir-title { float: left; font-size: 18px; color: #464646; margin-top: 32px; padding-bottom: 12px; }
.develop-timeline { position: relative; margin-top: 26px; margin-left: 40px; border-left: 1px solid #d2d2d2; border-top: 1px solid #fff; margin-bottom: 50px; }
.develop-round { position: absolute; top: -2px; left: -10px; width: 16px; height: 16px; border: 2px solid #d2d2d2; border-radius: 100%; background-color: #fff; }
.dt-list { margin-top: 50px; }
.dt-star { float: left; width: 14px; height: 14px; margin-left: -7px; margin-top: 4px; background: url("../images/star.png") no-repeat center center; }
.dt-year { float: left; margin-left: 14px; font-size: 22px; line-height: 26px; color: #283a83; font-weight: bold; }
.dt-list-p { float: left; font-size: 14px; color: #7c7777; line-height: 26px; margin-top: 2px; margin-left: 12px; width: 60%; }
.about-honor-content { padding-bottom: 20px; }
.ah-box { float: left; width: 23%; margin-left: 2.5%; margin-top: 10px; text-align: center; }
.about-honor-content .ah-box:nth-child(4n+1) { margin-left: 0; }
.ah-box-img { overflow: hidden; }
.ah-box-img img { width: 100%; }
.ah-box p { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px; }
.product-cc { padding-bottom: 60px; }
.product-content { padding: 0 30px 40px; font-size: 14px; line-height: 26px; }
.product-box { padding: 30px 0; border-bottom: 1px dashed #eaeaea; }
.product-box-img { float: left; width: 28%; overflow: hidden; }
.product-box-img img { width: 100%; transition: all 0.5s ease; }
.product-box-con { float: left; width: 65%; margin-left: 3%; }
.product-box-p { margin-top: 20px; }
.product-box-p h4 { font-size: 18px; line-height: 30px; color: #283a83; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-box-p p { font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; color: #898989; margin-top: 8px; }
.product-box-more { width: 108px; line-height: 28px; border: 1px solid #283a83; color: #283a83; text-align: center; border-radius: 20px; font-size: 14px; margin-top: 32px; transition: all 0.5s ease; }
.page { text-align: center; }
.page a { display: inline-block; padding: 8px 10px; margin: 0 2px; border: 1px solid #f4f4f4; transition: all 0.5s ease; }
.page a.on { background-color: #182987; color: #fff; }
.page span { display: inline-block; padding: 8px 10px; margin: 0 2px; border: 1px solid #f4f4f4; transition: all 0.5s ease; background-color: #182987; color: #fff; }
.product-bs { float: left; }
.product-big { float: left; }
.product-big-list { display: none; }
.product-big-list img { width: 100%; }
.product-small { position: relative; float: left; width: 70px; margin-left: 10px; height: 248px; }
.product-small .swiper-container { height: 200px; margin-top: 24px; }
.pd-small-box { border: 1px solid #fff; cursor: pointer; }
.pd-small-box.on { border: 1px solid #194c7f; }
.pd-small-box img { width: 100%; }
.product-small .swiper-button-prev { position: absolute; top: 0; left: 0; width: 70px; height: 18px; opacity: 1; margin-top: 0; background: url("../images/pd-prev.jpg") no-repeat; background-size: 100% 100%; }
.product-small .swiper-button-next { position: absolute; top: auto; right: auto; bottom: 0; left: 0; width: 70px; height: 18px; opacity: 1; margin-top: 0; background: url("../images/pd-next.jpg") no-repeat; background-size: 100% 100%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto; cursor: pointer; }
.pdi-content { float: right; width: 53%; }
.pdi-p { margin-top: 20px; }
.pdi-p h4 { font-size: 18px; line-height: 28px; color: #181818; font-weight: normal; }
.pdi-p p { font-size: 14px; line-height: 28px; height: 112px; overflow: hidden; color: #6e6e6e; margin-top: 8px; }
.pdi-contact { margin-top: 20px; }
.pdi-contact a { display: inline-block; width: 142px; height: 40px; background: url("../images/pdi-contact.png") no-repeat; background-size: 100% 100%; }
.pd-desc { margin-top: 40px; }
.pdd-type { background-color: #e7e7e7; }
.pdd-type-box { position: relative; float: left; cursor: pointer; margin-left: 1px; }
.pdd-type .pdd-type-box:first-child { margin-left: 0; }
.pdd-type-box p { line-height: 44px; padding: 0 40px; font-size: 15px; color: #434343; }
.pdd-type-box.on p { color: #fff; background-color: #023e76; }
.pdd-type-icon { position: absolute; bottom: -7px; left: 50%; width: 16px; height: 7px; margin-left: -8px; background: url("../images/pdd-icon.png") no-repeat; display: none; }
.pdd-type-box.on .pdd-type-icon { display: block; }
.pdd-type-line { position: absolute; top: 14px; left: -1px; height: 18px; width: 1px; background-color: #c0c0c0; }
.pd-desc-content { border: 1px solid #e7e7e7; border-top: none; }
.pdd-list { display: none; padding: 30px; }
.pdd-p { font-size: 13px; color: #838383; line-height: 28px; }
.new-cc { padding-bottom: 60px; }
.news-box { padding: 26px; transition: all 0.5s ease; border-bottom: 1px solid #eaeaea; }
.news-box-img { float: left; width: 31%; overflow: hidden; }
.news-box-img img { width: 100%; transition: all 0.5s ease; }
.news-box-con { float: right; width: 66%; margin-top: 6px; }
.news-content { padding-bottom: 40px; }
.news-box-title { font-size: 20px; color: #333333; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.news-box-date { font-size: 14px; color: #848484; margin-top: 12px; }
.news-box-p { font-size: 14px; color: #757575; line-height: 24px; height: 48px; overflow: hidden; margin-top: 14px; }
.news-box-more { font-size: 14px; color: #283a83; text-align: right; margin-top: 2px; }
.nd-title { text-align: center; padding: 0 10px 20px; }
.nd-title h4 { font-size: 22px; line-height: 30px; font-weight: normal; }
.nd-title p { color: #848484; margin-top: 16px; }
.nd-pn { border: 1px solid #c9c9c9; margin-top: 10px; }
.nd-pn-prev { float: left; width: 42%; padding: 0 3%; line-height: 46px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-pn-next { float: right; width: 42%; padding: 0 3%; line-height: 46px; font-size: 14px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-pn-prev a { color: #7c7c7c; }
.nd-pn-next a { color: #7c7c7c; }
.nd-share { margin-top: 10px; }
.case-cc { padding-bottom: 50px; }
.case-content { padding: 20px 30px 20px; }
.case-box { float: left; width: 31%; text-align: center; margin-top: 10px; margin-left: 3.1%; }
.case-content .case-box:nth-child(3n+1) { margin-left: 0; }
.case-box-img { overflow: hidden; border: 1px solid #fff; transition: all 0.5s ease; }
.case-box-img img { width: 100%; transition: all 0.5s ease; }
.case-box p { font-size: 15px; line-height: 22px; height: 44px; overflow: hidden; color: #7a7a7a; margin-top: 8px; transition: all 0.5s ease; }
.case-box:hover p { color: #023e76; }
.cdc-top-title { text-align: center; font-size: 22px; line-height: 32px; color: #383838; }
.cdc-top-p { text-align: center; margin-top: 18px; }
.cdc-bot { margin-top: 40px; padding-bottom: 30px; }
.cdc-bot-title { font-size: 15px; color: #2e2e2e; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.cdc-bot-p { font-size: 14px; color: #7c7c7c; line-height: 28px; padding: 16px 0; }
.support-content { padding-top: 30px; padding-bottom: 80px; }
.support-p { text-align: center; font-size: 18px; line-height: 28px; color: #373737; }
.support-p span { color: #283a83; }
.support-form { width: 350px; margin: 0 auto; padding-top: 10px; }
.support-form-list { margin-top: 16px; }
.sf-p { float: left; line-height: 30px; width: 80px; font-size: 14px; padding: 0 5px; text-align: right; }
.sf-ib { float: left; width: 260px; }
.sf-input { width: 238px; border: 1px solid #e4e4e4; height: 28px; border-radius: 2px; padding: 0 10px; }
.sf-textarea { width: 238px; border: 1px solid #e4e4e4; height: 70px; line-height: 20px; border-radius: 2px; padding: 6px 10px; resize: none; overflow: auto; }
.support-submit { margin-top: 20px; margin-left: 90px; }
.support-submit input { width: 100%; height: 30px; background-color: #283a83; color: #fff; border-radius: 2px; border: none; cursor: pointer; }
.sq-cc { padding: 20px 30px 60px; }
.support-question-content { padding-bottom: 40px; }
.sq-list { position: relative; border-bottom: 1px solid #eaeaea; }
.sq-arrow { position: absolute; top: 14px; right: 0; width: 30px; height: 30px; background: url("../images/sq-arrow.png") no-repeat center center; cursor: pointer; transition: all 0.5s ease; }
.sq-list.on .sq-arrow { transform: rotate(90deg); }
.sq-title { background: url("../images/q-icon.png") no-repeat left center; padding: 0 30px; cursor: pointer; }
.sq-title p { line-height: 60px; font-size: 16px; color: #023e76; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sq-con { padding-left: 30px; padding-right: 50px; background: url("../images/a-icon.png") no-repeat left 5px; padding-bottom: 20px; display: none; }
.sq-con p { font-size: 16px; line-height: 28px; color: #a2a2a2; }
.sq-con .answer { font-size: 16px; line-height: 28px; color: #a2a2a2; }
.repair-cc { padding-top: 20px; padding-bottom: 60px; }
.repair-list { margin-top: 14px; }
.re-list1 { float: left; width: 24%; text-align: right; }
.re-p1 { font-size: 13px; line-height: 28px; padding: 0 4px; }
.re-p1 span { color: #f16a31; margin: 0 4px; }
.re-p2 { float: left; font-size: 13px; line-height: 28px; padding: 0 4px; }
.re-p2 span { color: #f16a31; margin: 0 4px; }
.re-select1 { float: left; border: 1px solid #ccc; width: 200px; padding: 0 4px; color: #4a4a4a; height: 30px; line-height: 30px; margin-right: 10px; font-size: 13px; }
.re-input1 { float: left; border: 1px solid #ccc; width: 392px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-input2 { float: left; border: 1px solid #ccc; width: 180px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-input3 { float: left; border: 1px solid #ccc; width: 180px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-list2 { float: left; width: 74%; }
.re-box { float: left; }
.re-textarea { width: 600px; border: 1px solid #ccc; padding: 6px 8px; color: #4a4a4a; line-height: 20px; font-size: 13px; resize: none; height: 200px; overflow: auto; }
.re-radio-box { font-size: 13px; line-height: 22px; margin-top: 3px; padding-bottom: 4px; }
.re-radio { vertical-align: middle; margin-top: -2px; }
.re-radio-box span { display: inline-block; margin-left: 4px; }
.re-tip { float: left; border: 1px solid #666; cursor: pointer; border-radius: 2px; margin-right: 10px; margin-bottom: 10px; width: 150px; }
.re-tip.on { border: 1px solid #182987; }
.re-tip p { font-size: 13px; line-height: 28px; padding: 0 5px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.re-tip.on p { color: #182987; }
.re-tip-input { display: none; }
.verf-img { float: left; margin-left: 10px; }
.re-input5 { float: left; border: 1px solid #ccc; width: 132px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.repair-btn { text-align: center; margin-top: 50px; }
.repair-btn input { width: 120px; height: 38px; margin: 0 10px; border: 0; cursor: pointer; font-size: 18px; color: #fff; border-radius: 4px; }
.repair-btn-submit { background: #008aff; }
.repair-btn-print { background: #ff8a00; }
.squ-top { padding-top: 10px; padding-bottom: 60px; border-bottom: 1px solid #d0d0d0; }
.squ-top-title { font-size: 18px; color: #383838; }
.squ-search { width: 610px; border: 1px solid #023e76; margin-top: 24px; }
.squ-input { float: left; width: 420px; padding-left: 10px; padding-right: 40px; line-height: 44px; font-size: 13px; border: none; background: url("../images/search-fly.png") no-repeat 98% center; }
.squ-submit { float: right; width: 130px; background: #023e76 url("../images/squ-icon.png") no-repeat 30px center; height: 44px; border: none; font-size: 18px; color: #fff; cursor: pointer; padding-left: 20px; }
.squ-top .re-list1 { width: auto; }
.squ-top .repair-list { margin-top: 20px; }
.squ-bottom { padding-top: 32px; }
.squ-info { padding-top: 16px; }
.squ-info-list { float: left; width: 33%; list-style: none; font-size: 13px; line-height: 24px; padding: 8px 0; }
.sqi-title { float: left; width: 84px; text-align: right; padding: 0 5px; }
.sqi-title span { color: #f16a31; margin: 0 4px; }
.sqi-p { float: left; padding: 0 2px; }
.squ-table1 { margin-top: 26px; font-size: 13px; font-weight: normal; line-height: 22px; }
.squ-table1 table { width: 100%; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.squ-table1 th { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table1 td { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; text-align: center; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table2 { margin-top: 20px; padding-bottom: 60px; }
.squ-table2-title { font-size: 14px; }
.squ-table2 table { width: 100%; margin-top: 20px; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.squ-table2 th { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table2 td { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; text-align: center; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.join-content { padding-bottom: 60px; }
.join-heading { background-color: #f5f5f5; }
.join-list1 { float: left; width: 36%; }
.join-list2 { float: left; width: 20%; text-align: center; }
.join-list3 { float: left; width: 17%; text-align: center; }
.join-list4 { float: left; width: 17%; text-align: center; }
.join-list5 { float: left; width: 10%; text-align: center; }
.join-heading-p { font-size: 15px; color: #888888; line-height: 40px; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.join-bc { padding-bottom: 40px; }
.join-box-title { cursor: pointer; border-bottom: 1px solid #e1e1e1; }
.jb-title-p1 { font-size: 16px; color: #005eb8; padding: 0 14px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jb-title-p2 { font-size: 14px; color: #4b4b4b; padding: 0 14px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jb-title-arrow { height: 54px; background: url("../images/jb-arrow.png") no-repeat center center; transition: all 0.5s ease; }
.join-box.on .jb-title-arrow { transform: rotate(90deg); }
.join-box-detail { display: none; }
.jb-detail-p { font-size: 13px; line-height: 26px; color: #767676; padding: 18px 15px; border-bottom: 1px solid #e1e1e1; }
.contact-info { margin-top: 36px; border-top: 1px solid #d4d4d4; padding-bottom: 60px; }
.contact-box { float: left; width: 44%; padding: 10px 3%; margin-top: 12px; }
.contact-box h4 { font-size: 18px; line-height: 24px; color: #283a83; font-weight: normal; }
.contact-box p { font-size: 13px; line-height: 24px; margin-top: 10px; color: #797979; }
.login { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.reg { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.find-password1 { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.find-password1 .login-content { height: 280px; }
.login-content { float: right; height: 512px; width: 380px; margin-top: 30px; background-color: #fff; box-shadow: 0 0 3px #999; }
/*.reg .login-content{*/

    /*height: 466px;*/

    /*margin-top: 50px;*/

/*}*/

.login-con-wrap { padding: 0 25px; }
.login-con-title { font-size: 16px; color: #283a83; padding-top: 30px; padding-bottom: 8px; }
.login-box { position: relative; margin-top: 8px; height: 50px; }
.login-box .onShow { color: #8c8c8c; padding-left: 52px; padding-right: 20px; display: none; }
.login-box .onFocus { color: #aa1212; padding-left: 52px; padding-right: 20px; }
.login-box .onError { color: #aa1212; padding-left: 52px; padding-right: 20px; }
.login-box .onCorrect { color: #8c8c8c; padding-left: 52px; padding-right: 20px; }
.login-box .onError { color: #aa1212; padding-left: 52px; padding-right: 20px; }
/*.reg .login-box{*/

    /*margin-top: 12px;*/

/*}*/

/*.reg .login-bc{*/

    /*padding-top: 6px;*/

/*}*/

.login-input1 { height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 256px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.input-focus { height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 256px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.login-input2 { float: left; height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 120px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.log-verf { float: left; margin-left: 8px; margin-top: 4px; }
.lb-icon { position: absolute; top: 1px; left: 1px; width: 36px; height: 36px; border-right: 1px solid #cecece; }
.lb-icon1 { background: #f3f3f3 url("../images/lb-icon1.png") no-repeat center center; }
.lb-icon2 { background: #f3f3f3 url("../images/lb-icon2.png") no-repeat center center; }
.lb-icon3 { background: #f3f3f3 url("../images/lb-icon3.jpg") no-repeat center center; }
.lb-icon4 { background: #f3f3f3 url("../images/lb-icon4.png") no-repeat center center; background-size: 20px 20px; }
.lb-icon5 { background: #f3f3f3 url("../images/lb-icon5.png") no-repeat center center; }
.lb-icon6 { background: #f3f3f3 url("../images/lb-icon6.png") no-repeat center center; }
.login-choose { color: #8c8c8c; margin-top: 20px; }
.lci-p { float: right; }
.lci-p a { display: inline-block; color: #8c8c8c; }
.lci-box { float: left; }
.login-choose-input { vertical-align: middle; margin-top: -2px; margin-right: 6px; }
.login-submit { margin-top: 24px; }
.login .login-submit { margin-top: 46px; }
.login-submit input { /*width: 330px;*/ width: 100%; height: 38px; color: #fff; background-color: #283a83; font-weight: bold; border: none; font-size: 20px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.login-p { color: #9e9e9e; margin-top: 12px; text-align: right; }
.login-p a { color: #5870a0; }
.login-tip { margin-top: 22px; border-top: 1px dashed #d2d2d2; line-height: 18px; color: #bababa; padding-top: 14px; }
.verf-send { float: left; width: 124px; height: 38px; color: #fff; background-color: #0658b2; border: none; cursor: pointer; }
.vip-content { padding: 30px 80px 100px; }
.vip-box { margin-top: 16px; }
.vb-list1 { float: left; width: 90px; }
.vb-title { line-height: 34px; font-size: 14px; color: #494949; }
.vb-list2 { float: left; }
.vb-input1 { width: 240px; padding: 0 10px; background-color: #fdfdfd; border: 1px solid #e1e1e1; height: 32px; border-radius: 4px; font-size: 14px; }
.vb-radio { float: left; margin-right: 30px; margin-top: 10px; }
.vb-radio input { vertical-align: middle; margin-top: -2px; }
.vb-radio span { margin-left: 4px; display: inline-block; font-size: 14px; }
.vb-btn input { width: 64px; height: 28px; color: #fff; border: none; cursor: pointer; border-radius: 4px; }
.vb-btn .vb-btn-save { background-color: #283a83; }
.vb-btn .vb-btn-reset { background-color: #353535; margin-left: 10px; }
.vpass-cc { padding-bottom: 200px; }
.vip-password-content { margin: 30px; padding: 60px 30px; background-color: #F7F7F7; }
.vpc-wrap { width: 470px; margin: 0 auto; }
.web-map { padding-top: 40px; padding-bottom: 60px; }
.web-map-title { font-size: 18px; line-height: 40px; border-bottom: 1px solid #ececec; }
.web-map-box { margin-top: 20px; }
.web-map-box-h { font-size: 16px; height: 36px; line-height: 36px; font-weight: bold; }
.web-map-link a { float: left; font-size: 14px; display: inline-block; padding: 10px 20px; border: 1px solid #ddd; margin-right: 14px; margin-top: 10px; }
/*侧边栏*/

.sidebar-content { position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -110px; }
.sidebar-box { position: relative; margin-top: 1px; }
.sidebar-icon { width: 50px; height: 50px; cursor: pointer; }
.si1 .sidebar-icon { background: #333333 url(../images/side1.png) no-repeat center center; }
.si2 .sidebar-icon { background: #333333 url(../images/side2.png) no-repeat center center; }
.si3 .sidebar-icon { background: #333333 url(../images/side3.png) no-repeat center center; }
.si4 .sidebar-icon { background: #333333 url(../images/side4.png) no-repeat center center; }
.si5 .sidebar-icon { background: #333333 url(../images/side5.png) no-repeat center center; }
.si1:hover .sidebar-icon { background: #283a83 url(../images/side1.png) no-repeat center center; }
.si2:hover .sidebar-icon { background: #283a83 url(../images/side2.png) no-repeat center center; }
.si3:hover .sidebar-icon { background: #283a83 url(../images/side3.png) no-repeat center center; }
.si4:hover .sidebar-icon { background: #283a83 url(../images/side4.png) no-repeat center center; }
.si5:hover .sidebar-icon { background: #283a83 url(../images/side5.png) no-repeat center center; }
.sidebar-dark1 { position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #283a83; display: none; }
.sidebar-dark2 { position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #283a83; display: none; }
.sidebar-box:hover .sidebar-dark1 { display: block; }
.sidebar-box:hover .sidebar-dark2 { display: block; }
.sidebar-dark1 p a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap; }
.sidebar-code { width: 98px; margin-top: 8px; }
.sidebar-dark2 .sidebar-code:first-child { margin-top: 0; }
.sidebar-code p { text-align: center; color: white; line-height: 18px; margin-top: 4px; }
.sidebar-top { display: block; width: 50px; height: 50px; }
.sidebar-icon-a { display: block; width: 50px; height: 50px; }
.side-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none; }
.side-layer-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; }
.sme-content { position: absolute; top: 50%; left: 50%; width: 600px; height: 400px; margin-left: -300px; margin-top: -210px; border-radius: 6px; background-color: #fff; overflow: hidden; }
.sme-close { position: absolute; top: 5px; right: 20px; color: #fff; font-size: 26px; cursor: pointer; }
.sme-title { line-height: 42px; font-weight: bold; text-align: center; color: #fff; font-size: 20px; background-color: #283a83; }
.sme-bc { margin-top: 24px; }
.news-detail-content img { max-width: 100%!important; height: auto!important; }
.about-content img { max-width: 100%!important; height: auto!important; }

/*侧边栏结束*/

.foot_bg{ background-color:#000; overflow:hidden; /*border-top:1px solid #fff;*/}
.foot_con{ width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}
.foot_con .foot_con_l{ float:left; overflow:hidden;}
.foot_con .foot_con_l .foot_con_a{ line-height:30px; font-size:14px; color:#c7c7c7; overflow:hidden; margin-bottom:4%; margin-top:1%;}
.foot_con .foot_con_l .foot_con_a a{ color:#c7c7c7; display:inline-block}
.foot_con .foot_con_l .foot_con_a a:Hover{ color:#283a83;}
.foot_con .foot_con_l .foot_con_logo{margin-top:30px; display:block; clear:both;}
.foot_con .foot_con_r{ float:right;padding-top:30px;}
.foot_con .foot_con_r img{ width:80px; float:right; margin-bottom:30px; margin-left:12px;}
.foot_con .foot_con_r ul{ float:right;font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px; }
.foot_con .foot_con_r ul li{ display:block;text-align:right; overflow:hidden;height:26px; line-height:28px;}
.foot_con .foot_con_r ul li a:hover{ color:##283a83;}
.foot_con .foot_con_r ul li .tel{ float:right; /*padding-left:14px;*/color:#c7c7c7; background:url(../images/foot_pic1.png) left 4px no-repeat;  }
.foot_con .foot_con_r ul li .email{ float:right; /*padding-left:25px;*/color:#c7c7c7; background:url(../images/foot_pic2.png) left center no-repeat;  }


.foot_bg2{ background-color:#283a83; height:39px; line-height:39px; color:#fff; text-align:left; overflow:hidden;}
.foot_bg2 a{color:#fff;}
.foot_con2{ width:97%; margin:0 auto; max-width:1182px; overflow:hidden; text-align:center}
.foot_bg2 .foot_con2 .footer_fx_r{ float:right;}
.foot_bg2 .foot_con2 .footer_fx_r li{ float:left;margin-left:9px; width:22px; height:22px; margin-top:9px; cursor:pointer;}
.foot_bg2 .foot_con2 .footer_fx_r li a{ display:block;}
.foot_bg2 .foot_con2 .footer_fx_r li:Hover{opacity:0.8; filter:alpha(opacity=80);}
.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{ background:url(../images/i_foot_pic2.png) center center no-repeat;}
.foot_bg2 .foot_con2 .footer_fx_r li.foot_qq{ background:url(../images/i_foot_pic3.png) center center no-repeat;}
.foot_bg2 .foot_con2 .footer_fx_r li.foot_weibo{ background:url(../images/i_foot_pic4.png) center center no-repeat;}
.foot_bg2 .foot_con2 .footer_fx_r li.foot_sinna{ background:url(../images/i_foot_pic5.png) center center no-repeat;}
.foot_bg2 .foot_con2 .footer_fx_r .ewm{ width:203px; height:201px;background:url(../images/ewm.png) no-repeat; margin-top:-210px; position:absolute; margin-left:-90px; display:none; }
.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin:hover .ewm{ display:block;}
.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{opacity:1; filter:alpha(opacity=100);}
.foot_bg2 .foot_con2 .footer_fx_r img{ margin-left:24px; margin-top:22px; width:150px; height:150px; }
.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}
@media screen and (max-width: 1000px) {
/*尾部*/
.foot_con .foot_con_l{ width:100%; text-align:center;}
.foot_con .foot_con_l img{ margin:0 auto;}
.foot_con .foot_con_r{ width:100%; text-align:center; padding-top:0;}
.foot_con .foot_con_r img{ float:none; margin:0 auto; margin-left:auto; margin-bottom:2%;}
.foot_con .foot_con_r ul{ float:none;}
.foot_con .foot_con_r ul li{ text-align:center;}
.foot_con .foot_con_r ul li .tel{ float:none; clear:both; display:inline-block;}
.foot_con .foot_con_r ul li .email{ float:none; clear:both; display:inline-block;}
}

.page-item {
 display: inline
}

.page-item:first-child .page-link {
 margin-left: 0;
 border-top-left-radius: .215rem;
 border-bottom-left-radius: .215rem
}

.page-item:last-child .page-link {
 border-top-right-radius: .215rem;
 border-bottom-right-radius: .215rem
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
 z-index: 2;
 cursor: default;
 color: #fff;
 border-color: #409d27;
 background-color: #409d27
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
 cursor: not-allowed;
 pointer-events: none;
 color: #ccd5db;
 border-color: #e4eaec;
 background-color: transparent
}

.page-link {
 position: relative;
 float: left;
 margin-left: -1px;
 padding: .643rem 1.072rem;
 text-decoration: none;
 color: #76838f;
 border: 1px solid #e4eaec;
 background-color: transparent;
 -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
 -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
 transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.page-num {
 position: relative;
 float: left;
 margin-left: -1px;
 padding: .643rem 1.072rem;
 text-decoration: none;
 color: #76838f;
 border: 1px solid #e4eaec;
 background-color: transparent;
 -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
 -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
 transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}
.page-num-current{
 background: #42a5f5;
 border: 1px solid #42a5f5;
 color: #fff;
 cursor: default;
}



.page-link:focus, .page-link:hover {
 color: #89bceb;
 border-color: #e4eaec;
 background-color: #f3f7f9;
 -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
 -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
 transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
 text-decoration: none
}

.pagination-lg .page-link {
 font-size: 1.286rem;
 padding: .715rem 1.215rem
}

.pagination-lg .page-item:first-child .page-link {
 border-top-left-radius: .286rem;
 border-bottom-left-radius: .286rem
}

.pagination-lg .page-item:last-child .page-link {
 border-top-right-radius: .286rem;
 border-bottom-right-radius: .286rem
}

.pagination-sm .page-link {
 font-size: .858rem;
 padding: .429rem .786rem
}

.pagination-sm .page-item:first-child .page-link {
 border-top-left-radius: .143rem;
 border-bottom-left-radius: .143rem
}

.pagination-sm .page-item:last-child .page-link {
 border-top-right-radius: .143rem;
 border-bottom-right-radius: .143rem
}
.form-control {
 font-size: 1rem;
 line-height: 1.571429;
 display: block;
 width: 100%;
 padding: .429rem .929rem;
 color: #76838f;
 border: 1px solid #e4eaec;
 border-radius: .215rem;
 background-color: #fff;
 background-image: none;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-control::-ms-expand {
 border: 0;
 background-color: transparent
}

.form-control.focus, .form-control:focus {
 border-color: #62a8ea;
 -webkit-box-shadow: none;
 box-shadow: none
}

.form-control::-webkit-input-placeholder {
 opacity: 1;
 color: #a3afb7
}

.form-control::-moz-placeholder {
 opacity: 1;
 color: #a3afb7
}

.form-control:-ms-input-placeholder {
 opacity: 1;
 color: #a3afb7
}

.form-control::placeholder {
 opacity: 1;
 color: #a3afb7
}

.form-control:disabled, .form-control[readonly] {
 opacity: 1;
 background-color: #f3f7f9
}

.form-control:disabled {
 cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
 height: 2.573rem
}

select.form-control:focus::-ms-value {
 color: #76838f;
 background-color: #fff
}

.form-control-file, .form-control-range {
 display: block
}

.col-form-label {
 margin-bottom: 0;
 padding-top: .429rem;
 padding-bottom: .429rem
}

.col-form-label-lg {
 font-size: 1.286rem;
 padding-top: .858rem;
 padding-bottom: .858rem
}

.col-form-label-sm {
 font-size: .858rem;
 padding-top: .429rem;
 padding-bottom: .429rem
}

.col-form-legend {
 font-size: 1rem;
 margin-bottom: 0;
 padding-top: .429rem;
 padding-bottom: .429rem
}

.form-control-static {
 min-height: 2.573rem;
 margin-bottom: 0;
 padding-top: .429rem;
 padding-bottom: .429rem
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
 padding-right: 0;
 padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
 font-size: .858rem;
 padding: .429rem .786rem;
 border-radius: .143rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
 height: 2.288rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
 font-size: 1.286rem;
 padding: .858rem 1.429rem;
 border-radius: .286rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
 height: 3.573667rem
}
.checkbox-custom label, .radio-custom label {
 min-height: 22px;
 margin-bottom: 0;
 font-weight: 400;
 cursor: pointer
}

.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
 position: absolute;
 margin-left: -20px;
 margin-top: 0;
 margin-bottom: 0
}

.checkbox-custom.disabled label, .radio-custom.disabled label, fieldset[disabled] .checkbox-custom label, fieldset[disabled] .radio-custom label {
 cursor: not-allowed
}

.input-group-addon .checkbox-custom, .input-group-addon .radio-custom {
 margin: 0
}

.checkbox-custom {
 padding-left: 20px
}

.checkbox-custom label {
 display: inline-block;
 vertical-align: middle;
 position: relative;
 padding-left: 10px
}

.checkbox-custom label:empty {
 padding-left: 0
}

.checkbox-custom label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 20px;
 left: 0;
 margin-left: -20px;
 border: 1px solid #e4eaec;
 border-radius: .215rem;
 background-color: #fff;
 -webkit-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s
}

.checkbox-custom label::after {
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 20px;
 line-height: 20px;
 left: 0;
 top: 0;
 margin-left: -20px;
 text-align: center;
 padding-top: 1px;
 font-size: 12px;
 color: #76838f
}
.checkbox-custom, .radio-custom {
 position: relative;
 display: block;
 margin-top: 10px;
 margin-bottom: 10px
}

.checkbox-custom label, .radio-custom label {
 min-height: 22px;
 margin-bottom: 0;
 font-weight: 400;
 cursor: pointer
}

.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
 position: absolute;
 margin-left: -20px;
 margin-top: 0;
 margin-bottom: 0
}

.checkbox-custom.disabled label, .radio-custom.disabled label, fieldset[disabled] .checkbox-custom label, fieldset[disabled] .radio-custom label {
 cursor: not-allowed
}

.input-group-addon .checkbox-custom, .input-group-addon .radio-custom {
 margin: 0
}

.checkbox-custom {
 padding-left: 20px
}

.checkbox-custom label {
 display: inline-block;
 vertical-align: middle;
 position: relative;
 padding-left: 10px
}

.checkbox-custom label:empty {
 padding-left: 0
}

.checkbox-custom label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 20px;
 left: 0;
 margin-left: -20px;
 border: 1px solid #e4eaec;
 border-radius: .215rem;
 background-color: #fff;
 -webkit-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s
}

.checkbox-custom label::after {
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 20px;
 line-height: 20px;
 left: 0;
 top: 0;
 margin-left: -20px;
 text-align: center;
 padding-top: 1px;
 font-size: 12px;
 color: #76838f
}

.checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] {
 opacity: 0;
 z-index: 1;
 width: 20px;
 height: 20px
}

.checkbox-custom input[type=radio]:focus + label::before, .checkbox-custom input[type=checkbox]:focus + label::before {
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

.checkbox-custom input[type=radio]:checked + label::before, .checkbox-custom input[type=checkbox]:checked + label::before {
 border-color: #e4eaec;
 border-width: 10px;
 -webkit-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s
}

.checkbox-custom input[type=radio]:checked + label::after, .checkbox-custom input[type=checkbox]:checked + label::after {
 font-family: "Web Icons";
 content: ""
}

.checkbox-custom input[type=radio]:disabled + label, .checkbox-custom input[type=checkbox]:disabled + label {
 opacity: .65
}

.checkbox-custom input[type=radio]:disabled + label::before, .checkbox-custom input[type=checkbox]:disabled + label::before {
 background-color: #f3f7f9;
 border-color: #e4eaec;
 border-width: 1px;
 cursor: not-allowed
}

.checkbox-custom.checkbox-circle label::before {
 border-radius: 50%
}

.checkbox-custom.checkbox-inline {
 margin-top: 0;
 display: inline-block;
 margin-bottom: 0
}

.btn-primary {
 color: #fff;
 border-color: #62a8ea;
 background-color: #62a8ea;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-primary:hover {
 color: #fff;
 border-color: #2c8ae3;
 background-color: #358fe4
}

.btn-primary.focus, .btn-primary:focus {
 color: #fff;
 border-color: #2c8ae3;
 background-color: #358fe4
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
 color: #fff;
 border-color: #2c8ae3;
 background-color: #358fe4;
 background-image: none;
 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
 color: #fff;
 border-color: #1869b4;
 background-color: #1d7dd8
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus {
 border-color: #62a8ea;
 background-color: #62a8ea
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
 border-color: #62a8ea;
 background-color: #62a8ea
}
.met-feedback .container{
 margin:0 auto;
}
.form-group{
 margin-bottom: 20px;
}

.input-codeimg{
 float: left;
 width: 81%;
}
.p-5{
 width: 20%;
 display: inline-block;
 padding:7px;
 font-weight: 400;
 text-align: center;
 border: 1px solid #e4eaec;
 border-radius: .215rem;
 background-color: #f3f7f9;
}
.btn-squared{
 display: block;
 width: 20%;
 height: 40px;
 margin:0 auto;
 border: 0;
}

.custom{
 font-size: 14px;
 margin-top: 10px;
}
.custom input{
 width: 18px;
 height: 18px;
 vertical-align: middle;
}