body{height:100%;background-color:#f3f3f3}
.disabled{display:none}
.larger-font{font-size:13px;line-height:30px!important}
.larger-font li{font-size:13px;line-height:30px!important}
::-webkit-scrollbar{display:none}
.page-content{-webkit-transform:translateY(0);transform:translateY(0);transition:all 350ms ease}
.menu-wrapper-background{position:fixed;z-index:99999;background-color:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;display:none}
.menu-top{border-top:solid 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,1);position:fixed;width:0;right:0;top:56px;z-index:99999999;overflow:scroll!important;-webkit-overflow-scrolling:touch!important;transition:all 350ms ease;border-radius:10px}
.menu-top .active-submenu{display:block;min-height:100%;max-height:500px!important}
.menu-top .active-menu .fa-circle{color:#2ecc71!important;margin-top:26px}
.menu-top li{list-style:none;margin-bottom:0}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important}
.menu-top .submenu{ margin-bottom: 0;overflow: scroll !important;}
.menu-top .show-menus{transition:all 350ms ease;display:block !important}
.menu-top span{border-bottom:solid 1px rgba(0,0,0,0.01);display:block;font-size:11px;font-family:'Roboto',sans-serif;text-align:center;padding-top:5px;padding-bottom:5px}
.menu-top a i{position:absolute;margin-top:24px;margin-left:-40px;font-size: 14px;}
.menu-top .fa-circle{float:right;right:0;margin-right:25px;font-size:8px;margin-top: 29px;}
.menu-top .fa-angle-right{position:absolute;left:40px;top:-3px}
.menu-top .fa-plus{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);position:absolute!important;right:0;margin-right:24px;font-size:11px;margin-top:27px;transition:all 350ms ease}
.menu-top a{font-size:13px;font-weight:500;padding-left:4.375em;color:#3b4043;line-height:60px;border-bottom:solid 1px rgba(0,0,0,0.1)}
.menu-top .submenu li:last-child{border-bottom:solid 1px rgba(0,0,0,0.08)!important}
.menu-top a:hover{color:#000000}
.menu-top .submenu{max-height:0;overflow:hidden;transition: all 350ms ease;}
.menu-top .show-submenu{max-height:500px!important;transition: all 350ms ease;}
.menu-top .submenu a{font-size:12px;line-height:60px!important;opacity:0.8;padding-left: 4.2em;}
.menu-top .submenu li:hover{background-color:rgba(0,0,0,0.02)}
.menu-top .submenu .fa-angle-right{margin-left:26px;margin-top:27px}
.menu-top .active-plus{color:#c0392b;-ms-transform:rotate(135deg)!important;-webkit-transform:rotate(135deg)!important;transform:rotate(135deg)!important;transition:all 350ms ease;margin-top:25px!important}
.menu-top .submenu .fa-circle{position:absolute;z-index:999999;margin-top:28px;font-size:6px!important}
.menu-top .has-submenu .fa-mobile{font-size:22px;margin-top:20px}
.header{position:fixed;width:100%;z-index:99999;background-color: #ffffff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.header-clear{height:3.5em}
.header-clear-big{height:3.5em}
.header-logo{float:left;background:url(../images/icon/logo_title.png) no-repeat;width:20em;height:3.5em;background-size:20em 3.5em;margin: 7px auto;}
.header-navigation{float:right;height:3.5em;width:3.5em;text-align:center;line-height:3.5em}
.header-navigation i{width:3.5em;height:3.5em;line-height:3.5em;text-align:center}
.header-navigation:hover{color:#00ff00;background-color:rgba(255,255,255,0.1)}
.menu-list{float:right;margin:0;padding:0;list-style:none}
.menu-list > li{float:left;width:100px;border:0;position: relative;text-align: right;}
.menu-list > li > a{font-size:16px;line-height:3.5em}
.menu-list > li > a,.menu-list .am-dropdown-content p > a{color:#000000}
.menu-list .active > a{ color: #0066ff !important;}
.menu-list p.active{color:#0066ff}
.menu-list > li > a:hover{transform:scale(1.15,1.15 );-webkit-transform:scale(1.15,1.15 );transition: all 200ms ease;}
.menu-list ul.am-dropdown-content{list-style:none;width:220px;position:absolute;top:100%;left:0;z-index:1001;min-width:160px;text-align:left;line-height:1.6;background-color:#fff;border:1px solid #ddd;border-radius:0;background-clip:padding-box;-webkit-background-clip:padding-box;-webkit-animation-duration:.15s;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);animation-duration:.15s}
.menu-list .am-dropdown-content li{float:left;width:100%;min-width:80px;text-align:left;border-left:1px solid #ccc}
.menu-list .am-dropdown-content li p:nth-of-type(1){margin:16px auto;font-size:19px}
.menu-list .am-dropdown-content li p{width:100%;margin:0;padding-left:16%;font-size:14px}
.menu-list .am-dropdown-content li p a:hover{color:#e34e47}
@media (min-width:768px){.menu-list > li{float:left;width:100px;text-align:right;padding:0;margin:0;border:0;position:relative}
}@media only screen and (max-width:800px){.show-navigation{display:block!important}
.menu-list{display:none !important}
}@media only screen and (min-width:800px){.show-navigation{display:none !important}
.menu-top{width:0}
.menu-list{display:block !important}
}.top-section{height:100%;display:block;background-image:url(../images/ui/arrow-up.png);background-size:cover;position:relative}
.top-call-to-action{height:50px;background-image:url(../images/misc/menu-bg.png)}
.top-call-to-action a{width:33%;text-align:center;float:left;font-size:12px;line-height:50px;color:#FFFFFF;opacity:0.9}
.top-call-to-action a i{padding-right:13px;font-size:14px}
.top-call-to-action a:hover{color:#FFFFFF;background-color:rgba(255,255,255,0.05);opacity:1}
.top-call-to-action a:first-child{border-right:solid 1px rgba(255,255,255,0.1)}
.top-call-to-action a:last-child{border-left:solid 1px rgba(255,255,255,0.1)}
.center-socials{width:168px;margin-left:auto;margin-right:auto;margin-bottom:0;padding-top:10px;margin-top:-10px}
.center-socials a{transition:all 250ms ease;margin-bottom:30px;width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;float:left;margin-left:8px;margin-right:8px}
.center-socials a:hover{color:#FFFFFF;transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transition:all 250ms ease}
.center-socials a i{width:40px;height:40px;line-height:40px}
.content-strip{background-image:url(../images/pictures/5.jpg);background-size:cover}
.content-strip-content{position:relative;z-index:9999;padding-top:50px;padding-bottom:20px}
.content-strip-content h1{color:#FFFFFF!important;text-align:center;font-weight:500;font-size:22px;padding-bottom:15px;position:relative;z-index:9999}
.content-strip-content h4{color:#FFFFFF;opacity:0.7}
.content-strip-content div{color:#FFFFFF;position:relative;z-index:999}
.content-strip-content p{width:300px;margin-left:auto;margin-right:auto;color:#FFFFFF;text-align:center;font-size:14px;opacity:0.7;position:relative;z-index:99999}
.content-strip-overlay{position:absolute!important;height:100%;background-color:rgba(0,0,0,0.8);width:100%;z-index:999!important;top:0}
.skeleton-button{width:150px;height:40px;font-size:13px;color:#0066ff;line-height:38px;text-align:center;border:solid 1px #0066ff;border-radius:6px;margin:40px;transition:all 250ms ease}
.skeleton-button:hover{color:#ffffff;background-color:#a9a9a9;transition:all 250ms ease}
.thumb-clear{height:40px;display:block;width:100%}
.thumb-left{line-height:24px;display:block;padding-bottom:10px}
.thumb-left a{display:block;text-align:right}
.thumb-left img{width:100px;height:100px;border-radius:100px;float:left;margin-right:20px;transition:all 500ms ease}
.thumb-left img:hover{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transition:all 500ms ease}
.thumb-left strong{color:#1a1a1a;display:inline-block;padding-bottom:5px;font-size:13px}
.thumb-left em{font-style:normal}
.thumb-right{line-height:24px;display:block;padding-bottom:10px}
.thumb-right img{width:100px;height:100px;border-radius:100px;float:right;margin-left:20px;transition:all 500ms ease}
.thumb-right img:hover{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transition:all 500ms ease}
.thumb-right strong{color:#1a1a1a;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:13px}
.thumb-right em{font-style:normal}
@media (min-width:600px){.thumb-left img{width:140px;height:140px;border-radius:150px}
.thumb-left em{line-height:28px}
.thumb-left strong{padding-top:10px}
.thumb-right img{width:140px;height:140px;border-radius:150px}
.thumb-right em{line-height:28px}
.thumb-right strong{padding-top:10px}
}.content-heading{margin-bottom:30px}
.content-heading h4{color:#FFFFFF;position:absolute;z-index:999;text-transform:uppercase;margin-top:27px;padding-left:30px;pointer-events:none;font-weight:800}
.content-heading{max-height:100px}
.content-heading p{color:#FFFFFF;position:absolute;z-index:999;margin-top:48px;padding-left:30px;opacity:0.5;pointer-events:none}
.content-heading .overlay{z-index:99;background-color:rgba(0,0,0,0.8)}
.content-heading i{font-size:32px;position:absolute;color:#FFFFFF;right:30px;z-index:999;margin-top:36px;pointer-events:none}
.content-heading img{width:100%;display:block;position:relative;z-index:2;transition:all 300ms ease}
.content-heading img:hover{filter:blur(3px);-webkit-filter:blur(3px);transition:all 300ms ease}
@media (min-width:768px){.content-heading{max-height:140px}
.content-heading h4{margin-top:45px;padding-left:50px}
.content-heading p{font-size:13px;margin-top:75px;padding-left:50px}
.content-heading i{font-size:40px;margin-top:53px;right:50px}
}@media only screen and (max-width: 600px){.template-html h1{ font-size: 22px;}}
.staff-item img{max-width:150px;margin-left:auto;margin-right:auto;margin-top: 10px;border-radius:300px;-webkit-border-radius: 300px;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-ms-transition: -ms-transform 0.6s ease-out;}
.staff-item img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.staff-item h4{text-align:center;margin-top:20px;font-size: 16px;}
.staff-item em{text-align:center;font-size:12px;color:#e34e47;display:block;margin-top:-10px;margin-bottom:10px;font-style:normal}
.staff-item strong{display:block;font-weight:400;text-align:center;padding:0 20px;line-height:28px}
.quote-slider h4{font-family:'Source Sans Pro',sans-serif;font-size:15px;font-weight:300;width:87%;text-align:center;margin-left:auto;margin-right:auto;line-height:36px}
.quote-slider a{text-align:center;margin-top:20px}
.homepage-gallery img{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transition:all 350ms ease}
.homepage-gallery img:hover{transform:scale(1,1);-webkit-transform:scale(1,1);transition:all 350ms ease}
.service{width:100%;overflow: auto;padding-bottom: 4.5em;}
.service-item{width:33%;float:left;position:relative;-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.service-item:nth-of-type(2){margin:0 0.5%;}
.service-item img{width:100%;height:100%}
@media only screen and (max-width:800px){.service-item{width:50%;height: 266px;}}
@media only screen and (max-width:460px){.service-item{width:100%;}}
.news{width:100%;margin-bottom:6.9375em;overflow: hidden;}
.news-item{float:left;width:30%;background-color:#ffffff}
.news-item img{width:100%;height: 100%;}
.news-item h4{ margin: 1em;font-size: 18px;}
.news-item p{ margin: 1em;line-height: 20px;}
.news-item:nth-child(2){ margin: 0 5%;}
@media only screen and (max-width:460px){.news-item{float:left;min-width:100%;background-color:#ffffff}
.news-item:nth-child(2){margin:0 2.333%}
}.infobox-container{text-align:center;padding: 2.25em 0;}
.infobox-slider{opacity:1;display:block;position:relative;overflow: hidden;}
.infobox-item{width:80%;display: inline-block;border-left: 1px solid #bababa;}
.infobox-item .infobox{float: left;width:25%;box-shadow:none;border-radius:0;border: none;position: relative;margin: 0;padding: 0;letter-spacing: 0;}
.infobox-item .infobox img{width:100%;height:100%;padding: 0;margin: 0;border-right:1px solid #bababa;border-top:1px solid #bababa;border-bottom:1px solid #bababa;border-left: none;margin-bottom: -1px;box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.next-infobox,.prev-infobox{z-index:1000;position:absolute;font-size:66px;background-repeat:no-repeat;width:10%;height:10%;margin-top:10%;transition:all 400ms ease}
.next-infobox{right:0}.prev-infobox{left:0}
@media only screen and (max-width:800px){.infobox{width:33.3333%!important;}.next-infobox,.prev-infobox{font-size:56px;margin-top:30%;}}
@media only screen and (max-width:460px){.infobox{width: 50%!important;}.next-infobox,.prev-infobox{height: auto;font-size:46px;margin-top:50%;}}
.footer{width:100%;background-color:#eaeaea;overflow:auto;font-size:16px;}
.footer-left{height:56px;line-height:56px;float:left}
.footer-right{float:right;list-style:none;margin:0}
.footer-right li{width:160px;float:left;height:56px;line-height:56px;text-align:right;}
.footer-right li i{margin-right:6px}
@media only screen and (max-width:460px){.footer-left{width:100%}.footer-right li{width:100%;list-style:none}.footer-right li{text-align:left;}}
.qd-contact{right:0;top:50%;position: fixed;width:38px;z-index: 1001;}
.qd-code-img{right:38px;top:50%;position: fixed;width:258px;}
.qd-contact a{width: 100%;height: 40px;margin:2px 0;padding:6px;text-align: center;float: right;background-color: #1e90ff;border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.qd-contact a i{font-size:26px;color: #ffffff;}
.qd-contact a span{display: none;color: #ffffff;margin-right: 6px;float: left;line-height: 26px;}
.service-container{overflow:visible;}
.service-container img{width:100%;height: 100%;min-height: 260px;}
.map{height:400px;width: 100%;}
.list-map{list-style:none;width: 100%;margin: 2em auto;}
.list-map li{float:left;width:25%}
.list-map li i{color:#ff3519;font-size:26px}
.list-map li p{width:100%;text-align:center;margin:0;padding:0}
.list-map li p a{color:#000000}
.contact-title{margin:2.25em auto;text-align:center;font-size: 1.125em;}
@media only screen and (max-width:560px){.list-map li{ width: 50%;}}
.solutain-basic-banner{background:url(../images/pictures/banner-basic.png) no-repeat}
.solutain-cloud-banner{background:url(../images/pictures/banner-cloud.png) no-repeat}
.solutain-logistics-banner{background:url(../images/pictures/banner-logistics.png) no-repeat}
.solutain-portal-banner{background:url(../images/pictures/banner-portal.png) no-repeat}
.solutain-realty-banner{background:url(../images/pictures/banner-realty.png) no-repeat}
.solutain-resale-banner{background:url(../images/pictures/banner-resale.png) no-repeat}
.solutain-community-banner{background:url(../images/pictures/banner-community.png) no-repeat}
.solutain-customization-banner{background:url(../images/pictures/banner-customization.png) no-repeat}
.solutain-government-banner{background:url(../images/pictures/banner-government.png) no-repeat}
.solutain-mobile-banner{background:url(../images/pictures/banner-mobile.png) no-repeat}
.solutain-tourism-banner{background:url(../images/pictures/banner-tour.png) no-repeat}
.solutain-farming-banner{background:url(../images/pictures/banner-farming.png) no-repeat}
.solutain-finance-banner{background:url(../images/pictures/banner-finance.png) no-repeat}
.solutain-nfc-banner{background:url(../images/pictures/banner-nfc.png) no-repeat}
.solutain-device-banner{background:url(../images/pictures/banner-device.png) no-repeat}
.solutain-storage-banner{background:url(../images/pictures/banner-storage.png) no-repeat}
.solutain-scenarized-banner{background:url(../images/pictures/banner-estate.png) no-repeat}
.solutain-ecommerce-banner{background:url(../images/pictures/banner-e-commerce.png) no-repeat}
.solutain-smartpark-banner{background:url(../images/pictures/banner-park.png) no-repeat}
.solutaion-icon-list{list-style:none}
.solutaion-icon-list li p{display:inline-block}
.solutaion-icon-list li h4{font-size:15px;font-weight: bold;}
.solutaion-icon-list li h4 i{margin-right:16px}
.banner-title{margin-left:20%;top:40%;position:absolute;z-index: 1;}
.banner-title h1{color:#333333;font-family:'Microsoft YaHei',sans-serif;-webkit-transition:font-size 0.2s ease-out;text-transform:uppercase;padding-left:30px;padding-right:30px}
.banner-title p{color:#333333;padding:0 30px;margin: 16px 0;-webkit-transition:font-size 0.2s ease-in;text-transform:uppercase;font-size: 16px;}
.banner-center-logo{position:absolute;top:33%;left:46%;background:url(../images/composing/service_scene.png) center no-repeat;background-size:100%;height:12.5em;width:12.5em;margin:auto;z-index:1;}
.banner-center-title{position:absolute;top:66%;color: #ffffff;z-index:1;width: 100%;}
.banner-center-title span{display:block;text-align:center;vertical-align: middle;}
.banner-center-title span:first-child{ font-size: 26px;}
.banner-center-title span:last-child{margin-top:2%;font-size: 16px;}
@media (max-width: 1300px){.banner-center-logo{top:30%;}}
@media (max-width: 1200px){.banner-center-logo{top:24%;}}
@media (max-width: 1100px){.banner-center-logo{top:20%;left: 43%;background-size:100%;}}
@media (max-width: 1000px){.banner-center-logo{top:20%;left: 42%;background-size:80%;}.banner-center-title span:nth-of-type(1){font-size: 24px;}.banner-center-title span:nth-of-type(2){font-size: 15px;}}
@media (max-width: 900px){.banner-center-logo{top:20%;left: 41%; background-size:70%;}.banner-center-title span:nth-of-type(1){font-size: 22px;}.banner-center-title span:nth-of-type(2){font-size: 15px;}}
@media (max-width: 800px){.banner-center-logo{top:20%;left: 40%; background-size:60%;}.banner-center-title span:nth-of-type(1){font-size: 20px;}.banner-center-title span:nth-of-type(2){font-size: 14px;}}
@media (max-width: 700px){.banner-center-logo{left: 39%; background-size:50%;}.banner-center-title span:nth-of-type(1){font-size: 18px;}.banner-center-title span:nth-of-type(2){font-size: 14px;}}
@media (max-width: 600px){.banner-center-logo{left: 38%; background-size:50%;}.banner-center-title span:nth-of-type(1){font-size: 16px;}.banner-center-title span:nth-of-type(2){font-size: 13px;}}
@media (max-width: 500px){.banner-center-logo{left: 37%; background-size:40%;}.banner-center-title span:nth-of-type(1){font-size: 14px;}.banner-center-title span:nth-of-type(2){font-size: 13px;}}
@media (max-width: 400px){.banner-center-logo{left: 26%; background-size:40%;}.banner-center-title span:nth-of-type(1){font-size: 12px;}.banner-center-title span:nth-of-type(2){font-size: 12px;}}
.one-half-full h3,.one-half-full p,.one-half-full h4{ padding: 0 10px;margin-top: 10%;}
.one-third-responsive img,.one-four-responsive img{margin:10px auto;transition:all 500ms ease;max-width:150px}
@media (max-width:800px) {.banner-title {margin-left: 2.66%;top: 12%;}.banner-title h1,.banner-title p{ margin-top: 2%;}}
@media (max-width:460px) {.banner-title {margin: 0;bottom: 0;}.banner-title h1,.banner-title p{ margin: 0;}.banner-title h1{ font-size: 16px;padding-top: 1em;}.banner-title p { font-size: 12px;}}
.template-banner{width:100%;height:100%}
.template-container{width:100%;background-size:100% auto;-webkit-background-size:100% auto;-o-background-size: 100% auto;}
.template-html{margin:0 auto;width:80%}
.template-html h1{margin:0 auto;padding:12% 0 3% 0;text-align:center;color:#ffffff;}
.template-html .template-content{margin:16px auto;border-radius:6px;padding-bottom:16px!important;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:1px 1px 10px #292929;-moz-box-shadow:1px 1px 10px #292929;box-shadow:1px 1px 10px #292929;background-color:#ffffff}
.template-html .template-item{width:100%;float:left}
.template-space{ margin: 6% auto;}
.template-icon-list{ list-style: none;}
.template-icon-list li{font-size:14px;margin: 6px auto;}
.template-icon-list li i{font-size:16px;font-weight:bold;margin-right: 16px;}
.list-first-blod{list-style:none}
.list-first-blod li:first-of-type{font-size:16px;font-weight: bold;}
.list-first-blod li:not(:first-child){margin:6px 25.72px}
.list-first-blod li i{margin:0 6px}
.list-inline-blod{ list-style: none;}
.list-inline-blod li p{ display: inline-block;}
.list-inline-blod li h4{font-size:15px;font-weight: bold;display:inline-block;}
.list-inline-blod li h4 i{ margin-right: 16px;}
.hidden{display:none!important;visibility:hidden!important}
@media (min-width:768px){.container{ max-width: 744px;}
}@media (min-width:992px){.container{ max-width: 964px;}
}@media (min-width:1200px){.container{ max-width: 1164px;}
}.container{padding-right:12px;padding-left:12px;margin-right:auto;margin-left:auto;margin-bottom:30px}
.container:before,.container:after{display:table;content:" "}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.container:before,.container:after{display:table;content:" "}
.right{float:right}
.img-responsive{display:block;height:auto;width:100%;max-width:100%;}
.h1-height-36{ padding: 2.25em 0;}
@media only screen and (max-width:460px) {.h1-height-36 {padding: 2.25em 0;}}
.left-6{ left: 6%; }
.right-0{ right: 0;}
.max-width-55{max-width: 55%;}
.max-width-66{max-width: 66%;}
.max-width-88{max-width: 88%;}
.title-blod{ font-weight: bold;}
.ol-list{margin-left:2%;font-size:14px;}