/*solution-banner171205*/

/*solutionnew20160603*/

.solution {
    font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}

.solution h5 {
    font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}

.udesk-solution {
    height: 295px;
    text-align: left;
}

.udesk-solution .bantitle {
    margin-top: 30px;
    text-align: center;
}

.udesk-solution .bantitle h3 {
    color: #fff;
    font-size: 60px;
}

.udesk-solution .bantitle p {
    text-align: center;
    color: #fff;
    font-size: 21px;
}

.udesk-solution .register {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 34px;
    color: #fff;
    width: 140px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 3px;
    z-index: 10;
}

.trucs {
    position: absolute;
    top: 30px;
    right: 5%;
    background-color: #f9fcff;
    width: 176px;
    height: 188px;
    text-align: center;
    padding: 31px 25px 14px;
    overflow: hidden;
    border: 1px solid #dedede;
}

.trucs p {
    color: #333;
    font-size: 12px;
    line-height: 20px;
    padding: 20px 0 0 8px;
}

.solution_nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #f9fcff;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.solution_nav ul {
    border-bottom: 1px solid #e7e9ee;
}

.solution .container {
    position: relative;
}

.active5 {
    color: #3ea3ff;
}

/*.solution_nav .snav_cont{
    width: 100%;
}*/

.solution_nav ul li {
    height: 40px;
    line-height: 40px;
}

.solution_nav ul li h5 {
    padding-left: 60px;
    margin-top: 24px;
    background: url(../images/solution/nav-icon.png) no-repeat 40px;
}

.solution_nav ul li a {
    padding: 0 0 0 60px;
    display: block;
}
.solution_nav_en-us ul li a {
    padding: 0 0 0 10px;
}

.solution_nav ul li a:hover {
    background-color: #ddd;
    color: #000;
}

.solution_nav ul .active2 a {
    color: #fff;
    background-color: #176de6;
}

.solution_nav ul .active2 a:hover {
    color: #fff;
    background-color: #176de6;
}

.solution_list {
    padding: 32px 0 20px;
}

.solution_list .solution_content {
    overflow: hidden;
    margin-bottom: 30px;
}

.solution_list .solution_content p {
    text-align: justify;
}

.solution_list .industry-title p {
    color: #666;
    line-height: 24px;
}

.solution_list .list-img {
    text-align: center;
}

.solution_list .list-img a {
    height: 170px;
    border: 1px solid #dedede;
    display: block;
    padding: 20px 10px;
}

.solution_list .list-img h5 {
    font-size: 14px;
}
.solution_list .yaoming img{
    width: 130px;
    margin: 30px 0;
}

.solution_list .list-info {
    min-height: 170px;
    border-bottom: 1px solid #dedede;
    text-align: justify;
}

.solution_list .list-info .links {
    color: #176de6;
}

.solution_list .list-info img {
    width: 20px;
    padding: 0px 2px 2px;
}

.solution_list .list-info .pt-name {
    color: #176de6;
}

.solution_list .list-info .pt-link {
    padding-right: 15px;
}

.solution_list .list-info dt {
    float: left;
    font-weight: 500;
    color: #999;
}

.solution_list .list-info dd {
    padding-left: 75px;
    padding-bottom: 10px;
    color: #666;
    line-height: 22px;
}

.solution_list .list-info dl {
    margin-bottom: 10px;
}

.solution_list .page {
    font-size: 12px;
    line-height: 27px;
    height: 27px;
    color: #404a58;
    margin: 20px;
    /*font-size: 0;*/
    position: relative;
}

.solution_list .page .page-text {
    padding-right: 10px;
}

.solution_list .page .page-operate {
    float: right;
}
.page-operate a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 30px;
    height: 25px;
    margin-left: -1px;
    vertical-align: top;
    border: 1px solid #d1d2d3;
    outline: 0;
    font-size: 14px;
    padding-bottom: 0;
    transition: none;
    text-align: center;
}

.page-operate-new a {
    height: 28px;
    font-size: 14px;
    text-align: center;
}

.page-operate-new a:hover {
    background: #3ea3ff;
    color: #fff;
}

.page-operate .page-first {
    background: url(https://qzonestyle.gtimg.cn/open_proj/proj_qcloud_v2/qcloud_2015/css/img/case/page-s.png) 0 -100px no-repeat;
}

.page-operate .page-first:hover {
    background-position: 0 -125px;
}

.page-operate .page-pre {
    background: url(https://qzonestyle.gtimg.cn/open_proj/proj_qcloud_v2/qcloud_2015/css/img/case/page-s.png) 0 -25px no-repeat;
}

.page-operate .page-pre:hover {
    background-position: 0 -50px;
}

.page-operate .page-next {
    background: url(https://qzonestyle.gtimg.cn/open_proj/proj_qcloud_v2/qcloud_2015/css/img/case/page-s.png) -30px -25px no-repeat;
}

.page-operate .page-next:hover {
    background-position: -30px -50px;
}

.page-operate .page-last {
    background: url(https://qzonestyle.gtimg.cn/open_proj/proj_qcloud_v2/qcloud_2015/css/img/case/page-s.png) -30px -100px no-repeat;
}

.page-operate .page-last:hover {
    background-position: -30px -125px;
}

.udesk-solution,
.solution-cont {
    font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}

.udesk-solution h3,
.udesk-solution h5,
.udesk-solution h6,
.solution-cont h3,
.solution-cont h5,
.solution-cont h6 {
    font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}
.solution-banner {
    height: 500px;
    background: #102c5a;
    background: -webkit-gradient(linear, right bottom, left top, from(#102c5a), to(#102c5a));
    background: linear-gradient(-74deg, #102c5a, #102c5a 43%, #102c5a);
}

.solution-banner h3 {
    font-size: 56px;
}

.solution-banner .bantitle p {
    font-size: 25px;
    margin-top: 28px;
    color: #cae6ff;
    line-height: 30px;
    height: 30px;
}

.solution-banner .area {
    width: 625px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}

.solution-banner .row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.solution-banner .js {
    position: relative;
    width: 470px;
    height: 210px;
    margin: 0 auto;
    padding: 35px 0 0;
    overflow: hidden;
}

.solution-banner .js dl {
    height: 210px;
}

.solution-banner .js dl dt {
    float: left;
}

.solution-banner .js dl dd {
    text-align: left;
    padding: 36px 0 0 186px;
    color: #79d4ff;
}

.solution-banner .js dl dd span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url('https://static.fangcloud.com/assets/dist/images/website/flag_780dbfd.png') no-repeat;
}

.solution-banner .js dl dd span.last {
    background: url('https://static.fangcloud.com/assets/dist/images/website/flag_780dbfd.png') no-repeat;
    background-position: 0 -50px;
    margin: 0 0 0 5px;
}

.solution-banner .imgSelected {
    background: url(../images/active/jsNav.png) no-repeat;
}

.solution-banner .bg {
    width: 100%;
    padding-top: 1px;
    background: url(../images/active/bg01.png) no-repeat;
    _background: none;
    /*IE6*/
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png");
    /*IE6*/
    height: 34px;
    left: 0;
    font-weight: bold;
    top: 280px;
    position: absolute;
}

.solution-banner .animat-bg {
    position: absolute;
    top: 0;
    left: 36px;
    width: 222px;
    height: 222px;
    -webkit-animation: p3_blessing 2s linear infinite;
    animation: p3_blessing 2s linear infinite;
    background: url(../images/solution/circle_01f0c2f.png) no-repeat;
    background-position: 0px 0px;
}

@keyframes p3_blessing {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes p3_blessing {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes p3_blessing {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes p3_blessing {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.solution-banner .jsNav {
    position: absolute;
    left: 220px;
    top: 281px;
}

.solution-banner .jsNav a {
    width: 40px;
    font-size: 14px;
    margin-right: 6px;
    display: inline;
    height: 33px;
    line-height: 33px;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
}

.solution-banner .jsNav a:hover {
    background: url(../images/active/bg01.gif) no-repeat;
    color: #ff1555;
    text-decoration: none;
}

.solution-banner .jsNav .imgSelected {
    background: url(../images/active/bg01.gif) no-repeat;
    color: #ff1555;
}

.page-header {
    height: 578px;
    color: #fff;
    border-bottom: none !important;
    margin: -72px 60px 12px 0 !important;
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow: hidden;
}
.page-header .starfield,
.page-header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}
body.header-ready .page-header .starfield,
body.header-ready .page-header:before {
    -webkit-animation: header-in-85 5s;
    animation: header-in-85 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.page-header:before {
    z-index: 1;
}
.page-header .starfield {
    z-index: 2;
}
.page-header .animation {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 600px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
body.header-ready .page-header .animation {
    -webkit-animation: header-in 1.5s ease-in;
    animation: header-in 1.5s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.page-header .animation .feature,
.page-header .animation .meteors,
.page-header .animation .sky,
.page-header .animation .sky-parallax {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
}
.page-header .animation .sky *,
.page-header .animation .sky-parallax * {
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
}
.page-header .animation .sky-parallax .star,
.page-header .animation .sky .star {
    -webkit-animation: star1 5s alternate ease-in-out infinite;
    animation: star1 5s alternate ease-in-out infinite;
}
.page-header .animation .sky-parallax .flare,
.page-header .animation .sky .flare {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 2px solid #fff;
    -webkit-animation: flare 1s linear;
    animation: flare 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.page-header .animation .sky-parallax .dot,
.page-header .animation .sky .dot {
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    -webkit-animation: dot1 5s alternate ease-in-out infinite;
    animation: dot1 5s alternate ease-in-out infinite;
}

@-webkit-keyframes header-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes header-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes header-in-85 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.85;
    }
}

@keyframes header-in-85 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.85;
    }
}

@-webkit-keyframes star1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes star1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-webkit-keyframes star2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes star2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@-webkit-keyframes dot1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(30px, 15px);
        transform: translate(30px, 15px);
    }
}

@keyframes dot1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(30px, 15px);
        transform: translate(30px, 15px);
    }
}

@-webkit-keyframes dot2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px);
    }
}

@keyframes dot2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px);
    }
}

@-webkit-keyframes dot3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}

@keyframes dot3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}

@-webkit-keyframes dot4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }
}

@keyframes dot4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }
}

@-webkit-keyframes flare {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes flare {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes feature-logo-in {
    0% {
        opacity: 0;
    }
    20% {
        -webkit-transform: translate(0, -25px);
        transform: translate(0, -25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes feature-logo-in {
    0% {
        opacity: 0;
    }
    20% {
        -webkit-transform: translate(0, -25px);
        transform: translate(0, -25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes feature-logo-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
    60% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes feature-logo-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
    60% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes feature-text-in {
    0%,
    35% {
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes feature-text-in {
    0%,
    35% {
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes feature-text-out {
    0% {
        opacity: 1;
    }
    100%,
    50% {
        opacity: 0;
    }
}

@keyframes feature-text-out {
    0% {
        opacity: 1;
    }
    100%,
    50% {
        opacity: 0;
    }
}
.appcall {
    padding: 0 0 30px 65px;
    background: url(../images/solution/call.png) no-repeat;
}

.appim {
    padding: 0 0 10px 65px;
    background: url(../images/solution/im.png) no-repeat;
}

.apporder {
    padding: 0 0 0px 65px;
    background: url(../images/solution/order.png) no-repeat;
}

.application .links {
    color: #80b9e8;
}
.background ol,
.problem ol,
.solve ol {
    padding: 13px 0 3px 18px;
    text-align: justify;
}

.background ol li,
.problem ol li,
.solve ol li,
.conclusion ol li {
    padding-bottom: 18px;
    list-style: decimal;
    color: #757575;
    font-size: 16px;
    line-height: 30px;
}

.background ul li {
    color: #757575;
    font-size: 16px;
    line-height: 30px;
}

.solution-cont .conclusion {
    padding-bottom: 49px;
    word-wrap: break-word;
}
.solution-cont .solve,
.solution-cont .problem {
    padding-bottom: 28px;
}
.solution-cont ol li p {
    padding-top: 15px;
    margin-bottom: 0;
}
.solution-cont h5 {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #176de6;
    letter-spacing: 1px;
}

.solution-cont h6 {
    color: #757575;
    letter-spacing: 1px;
}

.solution-cont .application h6 {
    padding-bottom: 15px;
}

.solution-cont .application div h6 {
    padding-bottom: 0px;
    font-size: 12px;
}

.solution-cont p {
    font-size: 16px;
    line-height: 30px;
    color: #757575;
    text-align: justify;
}

.solution-cont .profile {
    margin-bottom: 30px;
}

.solution-cont .profile,
.solution-cont .application {
    background-color: #f9fcff;
    padding: 35px 39px 35px 28px;
    border: 1px solid #e5e5e5;
}

.solution-cont .profile p {
    font-size: 12px;
    color: #757575;
    line-height: 24px;
    text-align: justify;
    padding-bottom: 20px;
}

.solution-cont .application p {
    font-size: 12px;
    color: #757575;
    line-height: 25px;
}

.solution-cont .profile a {
    display: block;
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #64aae3;
}

.solution-cont .profile .protp {
    padding: 0px 0 15px 0;
    font-size: 12px;
}
/*dowaload*/
#sendCode {
    text-align: center;
}
.download {
    overflow: hidden;
}
.download img {
    float: left;
}
.solution_list .download p {
    float: left;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-top: 31px;
}
.download hr {
    float: left;
    border: 1px solid #7a7a7a;
    height: 67px;
    margin: 24px 20px 0;
}
.download #down_load {
    float: left;
    background: none;
    height: 40px;
    border: 2px solid #000;
    font-size: 18px;
    padding: 10px 23px;
    line-height: 14px;
    margin-top: 41px;
    color: #000;
    border-radius: 20px;
    cursor: pointer;
}
.download #down_load:focus {
    border: 2px solid #000 !important;
    outline: 0;
}
.modal-header,
.modal-footer {
    border: none;
}
.modal-body .solution-input,
.modal-body select {
    position: relative;
    margin: 8px 0;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #f1f1f1;
    height: 53px;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 28px;
    text-align: left;
}
.modal-body select {
    color: #999;
    padding: 12px 20px;
}
.download #submit {
    padding-bottom: 12px;
}
.modal-body .solution-input:focus,
.modal-body select:focus {
    border: 1px solid #f1f1f1 !important;
}
.solution_list .download .input-tips-name,
.solution_list .download .input-tips-phone,
.solution_list .download .input-tips-cus,
.solution_list .download .input-tips-indu {
    font-size: 14px;
}
.input-tips-name {
    bottom: 246px;
}
.input-tips-phone {
    bottom: 176px;
}
.input-tips-code {
    bottom: 107px;
}
.input-tips-cus {
    bottom: 0px;
    left: 20px;
    text-align: left;
}
.input-tips-indu {
    bottom: 0px;
    right: 125px;
}
.success {
    display: none;
    font-size: 18px;
    padding: 50px;
}
.modal-footer {
    text-align: center;
}
.solve-ie {
    display: none;
}
/*solution.html*/
.applylist {
    margin-bottom: 26px;
}
.applylist a {
    position: relative;
    margin-bottom: 30px;
}
.applylist a img {
    width: 100%;
}
.applylist a:hover img {
    box-shadow: 0px 2px 10px 0px rgba(2, 21, 41, 0.4);
}
.applylist a p {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
}
.applycategory {
    padding: 0 15px;
    font-size: 16px;
    color: #666;
    margin: 23px 0 16px;
}
/*end*/
@media (max-width: 1199px) {
    .download {
        display: none;
    }
    .trucs {
        display: none;
    }
    .solution_list .yaoming img{
        width: 90px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
    .solution_nav ul li a {
        padding-left: 40px;
    }
}
@media (min-width: 992px) {
    .solution-cont .col-md-3 {
        width: 30%;
        padding: 0 9px;
    }
}
@media screen and (min-width: 901px) and (max-width: 991px) {
    .solution_nav {
        width: 24%;
    }
    .solution_nav ul li a {
        padding-left: 40px;
    }
}
@media screen and (min-width: 821px) and (max-width: 900px) {
    .solution_nav {
        width: 21%;
    }
    .solution_nav ul li a {
        padding-left: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 820px) {
    .solution_nav {
        width: 21%;
    }
    .solution_nav ul li a {
        padding-left: 40px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 500px;
        margin: 80px auto 0;
    }
    .modal-content {
        padding: 20px;
    }
    .modal-title {
        text-align: center;
    }
    .solution {
        min-height: 594px;
    }
}
@media (max-width: 767px) {
    .solution_nav ul .active2 a {
        color: #2fa7fd;
        background-color: #f9fcff;
    }
    .solution_nav ul .active2 a:hover {
        color: #2fa7fd;
        background-color: #f9fcff;
    }
    .solution_nav {
        position: relative !important;
        width: 100%;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .solution_nav .mob_nav {
        margin-left: 6%;
        margin-right: 6%;
        height: 54px;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .solution_nav .snav_cont {
        position: absolute !important;
        top: 5px !important;
        width: 992px;
    }
    .edu .solution_nav .snav_cont {
        left: -15px;
    }
    .solution_nav .snav_cont li {
        float: left;
    }
    .solution_nav .snav_cont li h5 {
        display: none;
    }
    .solution_nav .snav_cont li a {
        padding: 0 8px;
    }
    .page-header,
    .solution-banner .area {
        display: none;
    }
    .udesk-solution .bantitle h3 {
        font-size: 24px;
    }
    .udesk-solution .bantitle p {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        padding-top: 3px;
    }
    .udesk-solution .bantitle {
        margin-top: 65px;
    }
    .solution-banner {
        height: 300px;
        margin-top: 58px;
    }
}
.modal_en-us .modal-body .solution-input,
.modal_en-us .modal-body select {
    font-size: 14px;
}
.modal_en-us #sendCode {
    margin: 8px 0;
    width: 35%;
}
.modal_en-us #clientCode {
    float: left;
}
.modal_en-us .input-tips-name {
    bottom: 295px;
}
.modal_en-us .input-tips-phone {
    bottom: 226px;
}
.modal_en-us .input-tips {
    right: auto;
    left: 16px;
}
.modal_en-us .input-tips-code {
    bottom: 156px;
}
.modal_en-us .modal-body {
    text-align: left;
    padding-bottom: 0;
}
.modal_en-us .input-tips-indu {
    bottom: 86px;
}
.modal_en-us .modal-body select {
    top: -27px;
    width: 428px;
}
.modal_en-us .input-tips-cus {
    bottom: 18px;
}
.modal_en-us .modal-footer {
    padding-top: 0;
}