@charset "utf-8";

body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'Open Sans', sans-serif;
}


 
.icon{background:url(../images/icon_xz_page2_3.png) no-repeat;display:block;width:50px;height:50px;}

body a,
body button,
.btn {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover,
body button:hover,
.btn:hover {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

html {
    scroll-behavior: smooth;
}

body a:focus,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

p {
    margin: 0;
    padding: 0;
 
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
    font-family:"微软雅黑";
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

/* //Reset Code */

/* colors code */
.text-bl {
    color: #343a40;
}

.text-wh {
    color: #CCCCCC;
}

.text-li {
    color: #f8f9fa;
}

.let {
    letter-spacing: 1px;
}

/* //colors code */

/* bottom-to-top */
a.move-top {
    width: 34px;
    height: 34px;
    background: url(../images/move-top.png) no-repeat;
    display: inline-block;
    position: fixed;
    bottom: 4%;
    right: 2%;
    z-index: 0;
}

/* //bottom-to-top */


/* header */
header {
    width: 100%;
    z-index: 99;
    background-color:rgba(51,51,51, 0.8);
    position: fixed;
}

.toggle-2,
.toggle,
[id^=drop] {
    display: none;
}

nav {
    margin: 0;
    padding: 0;
}


#logo a {
    float: left;
    display: initial;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
    padding: 0;
}
#logo a img{height:50px;}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
}

nav ul li a {
    color:#FFFFFF;
    text-transform: capitalize;
    height: 74px;
    padding: 0px 20px;
    line-height:74px;
    font-weight: 400;
    font-size:16px;
    letter-spacing: 2px;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family:"微软雅黑";
}


nav ul li ul li:hover {
    background: #f8f9fa;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}



.menu li.active a,
.menu li a:hover {
    color: #fd501d;
    border-bottom:3px solid #fd501d;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

li>a:only-child:after {
    content: '';
}

a.reqe-button {
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
}
section.about-us {
    padding: 100px 0px;
}
section.about-us h2.text-center {
    font-size: 40px;
    font-weight: normal;
    padding: 20px 0;
}

section.about-us p.text-center {
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    line-height: 30px;
    color: #888;
}


@media(max-width: 800px) {
    nav a {
        font-size: 14px;
    }
}

@media all and (max-width : 736px) {

    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav {
        margin: 0;
    }

    .toggle+a,
    .menu {
        display: none;
    }

    .toggle.toogle-2 {
        display: block;
        padding: 8px 10px;
        font-size: 15px;
        text-decoration: none;
        border: none;
        float: right;
        color: #333;
        border-radius: 4px;
        letter-spacing: 1px;
        cursor: pointer;
        background-position:4px -154px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .menu .toggle {
        display: block;
        float: none;
        margin: auto;
        max-width: 98px;
        font-size: 14px;
        cursor: pointer;
        letter-spacing: 1px;
        color: #525252;
        font-weight: 500;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .toggle.toogle-2:hover {
        color: #fff;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    [id^=drop]:checked+ul {
        display: block;
        /*background: #fff;*/
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    nav ul li {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
    }

    .menu li.active a,
    .menu li a:hover {
        color: #525252;
    }

    .menu li.active a,
    .menu li a:hover {
        color: #0abde3;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    nav ul ul li a {
        color: #525252;
    }

    nav a {
        font-size: 14px;
        color: #333;
    }
}

#demo {
    margin: 10px 0 0px 0;
    font-family: 'Lato', sans-serif;
}

#demo .wrapper {
    display: inline-block;
    position: relative;
}

#demo .parent {
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    color: #fff;
    z-index: 2;
    position: relative;
    -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
    -webkit-transition-delay: .8s;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
}

#demo .parent:hover,
#demo .content:hover~.parent {
    -webkit-transition-delay: 0s, 0s, 0s;
}

#demo .content:hover~.parent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 0;
}

#demo .content {
    position: absolute;
    top: 0;
    display: block;
    z-index: 1;
    height: 0;
    width: 150px;
    padding-top: 30px;
    -webkit-transition: height .5s ease;
    -webkit-transition-delay: .4s;
}

#demo .wrapper:active .content {
    height: 150px;
    z-index: 3;
    -webkit-transition-delay: 0s;
}

#demo .content:hover {
    height: 150px;
    z-index: 3;
    -webkit-transition-delay: 0s;
}


#demo .content ul {
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#demo .content ul a {
    text-decoration: none;
    padding: 0;
}

#demo .content li:hover {
    background: #f8f9fa;
}

#demo .content li {
    list-style: none;
    text-align: left;
    color: #999;
    font-size: 16px;
    line-height: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border-top: 1px solid #eee;
}

#demo .content li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* //dropdown */
/* //navigation */
/* //header */

/* banner */
.banner-top1 {
    background: url(https://yunshendatastore.oss-cn-shanghai.aliyuncs.com/xiaoyuchuxing/WebImage/icon_ix_banner.jpg) no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}


.banner-text {
    padding-top:22em;
}

.banner-top3,
.banner-top1,
.banner-top2 {
    min-height:950px;
}

.banner-text h3 span {
    font-weight: 100;
}

.banner-text h3 {
    font-size: 60px;
    font-weight: 600;
    word-spacing: 8px;
}
.banner-text .text-eb{color:#ebecee;}
p.movetxt {
    font-size:20px;
    letter-spacing: 1px;
}

/* button style */
.button-style {
    padding: 14px 18px;
    border: none;
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    background: #ffb66b;
    display: inline-block;
    border-radius: 4px;
    font-weight: 600;
}

a.button-style:hover {
    color: #fff;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

/* //button style */
/* //banner */

/* about */
.about {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

h3.title span {
    font-size: 20px;
    letter-spacing: 3px;
    display: block;
    font-weight: 400;
}

h3.title {
    font-weight: 600;
    font-size:30px;
    color:#4a4a4a;
}
h3.title span{margin-top:1em;color:#888888;}

.about-grid-main {
    background: #fff;
    padding: 2em 4em 3em;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 4px 24px 3px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.about-grid-main h4 {
    font-size: 24px;
    color: #ffb66b;
    font-weight: 600;
    letter-spacing: 1px;
}

.about-grid-main p {
    color: #555;
}

a.button-jxcx {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    letter-spacing: 1px;
    background: #2d2d2d;
    border-radius: 0px;
    padding: 10px 17px;
}

a.button-jxcx:hover {
    opacity: .8;
}
 
.mission{background-color: #F2F2F2;padding:80px 0px;}
.mission .mis-item{position:relative;}
.mission .mis-item .title{width:97px;margin:0px auto;}
.mission .mis-item .title h3{font-size:24px;margin:20px 0px 10px;}
.mission .mis-item .title span{display:block;height:3px;width:47px;background:#CCC;margin:0px auto; }
.mission .mis-item .mis-body{clear:both;background:#fff;margin-top:50px;}
.mission .mis-item .mis-body img{width: 100%}
.mission .mis-item .mis-body p{padding:20px 15px;line-height:30px; vertical-align:top; height:60px;}

.team{padding:50px 0px;}
.team .container{margin:0px auto;padding:0px;}
.team .title{font-size:28px;padding:20px 20px 50px 30px;}
.team .swiper-container{
      width: 100%;
      height: 100%;
}
.team .swiper-container .swiper-slide{margin:0px !important;
      text-align: center;
      font-size: 18px;
      background: #fff;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


.team .swiper-container .col-lg-4{width:100%;}
.team .swiper-container .col-lg-7{padding-right:60px;}
.team .swiper-container .col-lg-7 h2{font-size:22px;color:#000;line-height:30px;margin-top:50px;}
.team .swiper-container .col-lg-7 p{line-height:30px;margin-top:30px;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background:url(../images/r.png) no-repeat center center;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background:url(../images/l.png) no-repeat center center;
}
/* //about */

/* stats */

.ix-page2{
  background: url(../images/icon_ix_page2_bg.jpg) no-repeat top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

.ix-page2 .title{color:#6d6d6d;font-size:30px;}
    
.ix-page2 .service1-wthree h5{padding:10px 0px;transform: translate(0,0);transition:all .3s ease-in 0s;}
.ix-page2 .service1-wthree h5 .ic-img{background-position:6px -54px;float:left;}
.ix-page2 .service1-wthree .docs{float:left;}

.ix-page2 .service1-wthree h5,
.ix-page2 .service1-wthree .text-bl{color:#b2b2b2;font-size:25px;margin-top:0px !important;

} 
.ix-page2 .service1-wthree.active,
.ix-page2 .service1-wthree:hover{
    transition:all .3s ease-in 0s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    background-image: -webkit-linear-gradient(110deg, #ef6e48 14%,#f34512 80%);
    background-image: -moz-linear-gradient(110deg, #ef6e48 14%,#f34512 80%);
    background-image: -o-linear-gradient(110deg, #ef6e48 14%,#f34512 80%);
    background-image: -ms-linear-gradient(110deg, #ef6e48 14%,#f34512 80%);
    background-image: linear-gradient(110deg, #ef6e48 14%,#f34512 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6e48', endColorstr='#f34512', GradientType='0');
}
.ix-page2 .service1-wthree.active h5,
.ix-page2 .service1-wthree:hover h5{color:#ffffff;}
.ix-page2 .service1-wthree.active h5 .ic-img,
.ix-page2 .service1-wthree:hover h5 .ic-img{background-position:6px 9px;}
.ix-page2 .col-lg-8 div.cont{display:none;clear:both;}


.service1-wthree h4 {
    color: #0abde3;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 600;
}

.service1-wthree:nth-child(1) h4 {
    color: #ffb66b;
}

.service1-wthree h6 {
    font-size: 30px;
    letter-spacing: 1px;
}

.service1-wthree p {
    font-size: 18px;
}
.ix-page4 .container-fluid{padding:0px !important;overflow:hidden;}
.ix-page4 .offset-md-2{padding-top:80px;}
.ix-page4 .offset-md-2 h4{
    color: #787878;
    font-size: 30px;
    padding-bottom: .5em;
    font-weight: bold;
}
.ix-page4 .offset-md-2 .text-bl{font-size:20px;font-weight:500;color: #787878;}
.ix-page4 .offset-md-2 .p{font-size:14px;color:#787878;}
.ix-page4 .offset-md-2 .site{margin:0px;list-style:none;}
.ix-page4 .offset-md-2 .site li{
    display: inline-block;
    margin-right: 2.5em;
    list-style:none;
}
.ix-page4 .offset-md-2 .site li:last-child{margin-right:0px;}
.ix-page4 .offset-md-2 .site li .text-bl{color:#ff3f0c;}
.ix-page4 .offset-md-2 .site li .icon{width:70px;height:70px;margin:50px auto 20px;}
.ix-page4 .offset-md-2 .site li .img1{background-position:-82px -83px;}
.ix-page4 .offset-md-2 .site li .img2{background-position:-178px -83px;}
.ix-page4 .offset-md-2 .site li .img3{background-position:-274px -83px;}

.ix-page5{background:#F5F5F5;}
.ix-page5 .sharing-grids .gal-img{padding:0px;}

.ix-page5 .sharing-grids .gal-img a.gal1h{display:block;height:572px;width:570px;overflow:hidden;}
.ix-page5 .sharing-grids .gal-img a.gal2h{display:block;height:286px;width:286px;overflow:hidden;}
.ix-page5 .sharing-grids .gal-img a.gal1h img,
.ix-page5 .sharing-grids .gal-img a.gal2h img{
    width:100%;height:100%;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}

.ix-page5 .sharing-grids .gal-img .gal1h:hover img,
.ix-page5 .sharing-grids .gal-img .gal2h:hover img{
 -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ix-page5 .sharing-grids .gal-img a span{
    position:absolute;
    display:block;
    margin-top:-50px;
    padding-left:20px;
    color:#fff;
}
.ix-page5 .social .col-sm-12 .social-item{position:relative;}
.ix-page5 .social .col-sm-12 .social-item img{width:100%;}
.ix-page5 .social .col-sm-12 .social-item:hover .tipInfo{display:inline-block;}
.ix-page5 .social .col-sm-12 .tipInfo{
    font-size:12px;
    text-align:left;
    padding:10px;
    position:absolute;
    background: rgba(50, 50, 50, 0.9);
    display:none;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    letter-spacing: 1px;
    line-height:30px;
    color: #999;
}

/* //stats */
/*-- services section --*/
section.our-services {
    padding:100px 0;
}
section.our-services h3.text-center{
    font-size:40px;
    font-weight:normal;
    padding:20px 0;
    font-family: 'Montserrat', sans-serif;
}
section.our-services p.text-center {
    font-size:17px;
    font-weight:300;
    line-height:25px;
    padding-bottom:70px;
}
.serv-info {
    text-align:center;
    /*-- W3layouts --*/
    margin-bottom: 50px;
}
section.our-services h4.text-center{
    font-size:25px;
    font-weight:normal;
    padding: 25px 0 20px;
    font-family: 'Montserrat', sans-serif;
}
section.our-services p.serv{
    font-size: 15px;
    font-weight: 300;
    padding: 0px 10px;
    color: #545454;
    line-height: 30px;
}
section.our-services i.fa.fa-fort-awesome {
    padding-left: 25px;
}
section.our-services i.fa {
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    border-radius: 5px;
    width: 85px;
    color: #fff;
    -webkit-transition: 0.7s all;
    -moz-transition: 0.7s all;
    -o-transition: 0.7s all;
    -ms-transition: 0.7s all;
    background-color: #31708f;
}
section.our-services i.fa:hover {
    background-color:#163A4C;
    color:#fff;
}
/*-- /services section --*/ 
/* features */
.special-agiles {
    position: relative;
    margin-top: 10em;
}

.grids-jxcx-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.grids-jxcx-left h4 {
    font-size: 32px;
    line-height: 1.5;
}

.button-style-2 {
    background: #0abde3;
}
.ix-page3{padding:0px !important;position:relative;min-height:440px;}
.ix-page3 .bg{position:relative;}
.ix-page3 .special-agiles{position:absolute;top:0px;z-index:2;width:100%;}
.ix-page3 .py-xl-5 .device{list-style:none;}
.ix-page3 .py-xl-5 .device li{list-style:none;display:inline-block;margin-right: 2.5em;}
.ix-page3 .py-xl-5 .device li:last-child{margin-right:0px;}
.ix-page3 .py-xl-5 .device li .img1{background-position:-82px -5px}
.ix-page3 .py-xl-5 .device li .img2{background-position:-178px -5px}
.ix-page3 .py-xl-5 .device li .img3{background-position:-274px -5px}
.ix-page3 .py-xl-5 .device li .img4{background-position:-370px -5px}

.ix-page3 .py-xl-5 .device li .icon{width:70px;height:70px;}
.ix-page3 .py-xl-5 .device li font{display:block;clear:both;}
.ix-page3 .special-agiles .text-wh{color:#666666;font-size:16px;padding-bottom: .5em;}
.ix-page3 .special-agiles .text-bl{color:#ebecee;}
/* //features */

/* discount */
.grids-jxcx-right-2 h4 {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.4;
}

/* //discount */
/*symbiosis*/
.sym_banner{
    background:#f85606;
}
.sym_banner .col-sm-12{padding:0px;}
.sym_banner .row-title{margin-top:3rem;}
.sym_banner .row-title .circle{
    float:left;
    width:180px;
    height:180px;
    border:6px solid #fff;
    border-radius:50%;
}
.sym_banner .row-title .btitle{
    background:#f85606;
    float:left;
    width:calc(100% - 180px);
    margin-left: -100px;
    margin-top:1.7em;
    max-width:400px;
}

.sym_banner .row-title .btitle h2{color:#fff;}
.sym_banner .row-title .btitle p{color:#fff;line-height:1.5;margin-top:1em;letter-spacing:0.2px;text-align: justify;
        vertical-align: top}

.sym_content{clear: both;}
.sym_content .ml-md-auto .number{
    color:#6d6d6d;
    position:relative;
    font-weight: bold;
    text-align: right;
    font-family:'Arial,sans-serif';
    display: block;
    float:left;
    width:120px;
    font-size:36px;
}
.sym_content .ml-md-auto .number .line{
    float:left;
    background-position:-7px -109px;
    width:45px;
    height:45px;
}
.sym_content .ml-md-auto .title{
    float:left;
    padding-left: 25px;
    width: calc(100% - 120px);
    color:#6d6d6d;
}
.sym_content .ml-md-auto .title h3{
    /*margin-top: 5px;*/
    font-weight: bold;
    font-size:36px;
    line-height:50px;
}
.sym_content .ml-md-auto .title p{font-size:18px;padding-left:0px;}
.sym_content .contact{
    position: relative;
    background-color:rgba(248,86,6, 0.85);
    margin-right:-170px;
    padding:120px;
    z-index: 10;
    color:#fff;
}
.sym_content .contact p{
    color:#ffffff;
    font-size:20px;
}
.page-2 .col-md-6{padding:0px;}
.page-2 .contact{margin-right: 0px;margin-left:-170px;margin-top: 276px;}
.page-3 .contact{margin-right: 0px;}
.page-3 .hezuo{color:#333;margin-top:1em;}
.page-3 .hezuoCall{color:#333;}
.page-3 .btn-button{background-color:#f85606;border:0px;padding:0.5rem 4rem;color:#ffffff;outline:none;}
.page-3 .btn-button:hover{background-color:#ca4706;}
.page-3 .btn-button:focus,.page-3 .btn-button:hover {
    border:0px;
outline: none;
}
/*symbiosis*/

/* popup */
.popup-effect {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    display:none;
}

.popup-effect:target {
    visibility: visible;
    display:block;
    opacity: 1;
}

.popup {
    background: #fff;
    border-radius: 4px;
    max-width: 500px;
    position: relative;
    margin: 6em auto;
    padding: 3em 2em;
    z-index: 999;
    text-align: center;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.popup .close:hover {
    color: #0abde3;
}

/* //popup */
/* //gallery */

/* price */
.price-sec {
    background: url(../images/bg2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.prices-bottom {
    background: #fff;
}

.prices-top h3 {
    font-size: 42px;
    background: #ffb66b;
    max-width: 300px;
    letter-spacing: 1px;
    height: 140px;
    border-radius: 160px 160px 0 0;
    padding-top: .8em;
    font-weight: bold;
    margin: 0 auto 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.prices-top h3 span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 3px;
    margin-top: 8px;
}

.prices-h p {
    font-size: 14px;
}

.prices-bottom ul li {
    font-size: 16px;
    color: #656161;
    list-style: none;
}

.prices-bottom h4 {
    font-size: 26px;
    color: #000;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
    letter-spacing: 1px;
    font-weight: 700;
}

a.button {
    font-size: 16px;
    padding: 10px 20px;
    background: #0abde3;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
    margin-top: 2em;
}

a.button:hover {
    opacity: .8;
}

/* //price */

/* blog */
h5.card-title a,
h5.card-title {
    color: #000;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
}

.blog_w3icon span {
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
    word-spacing: 3px;
    letter-spacing: 1px;
}

a.blog-btn {
    font-size: 14px;
    letter-spacing: 1px;
    background: #2196f3;
    color: #fff;
    padding: 11px 18px;
    border-radius: 0px;
}

a.blog-btn:hover {
    background: #d84315;
}

/* //blog */

/* partners */
.partners h4 {
    font-size: 28px;
    position: relative;
    letter-spacing: 1px;
}

.partners h4:after {
    position: absolute;
    content: '';
    width: 6%;
    height: 2px;
    bottom: -70%;
    left: 47%;
    background: #333;
}

ul.partners-icon li {
    display: inline-block;
    margin: 0 2em;
}

ul.partners-icon li span {
    font-size: 5em;
}

.clr1 {
    color: #30c39e;
}

.clr2 {
    color: #ffc168;
}

.clr3 {
    color: #00bce4;
}

.clr4 {
    color: #fd5c63;
}

.clr5 {
    color: #212529;
}

.clr6 {
    color: #8e43e7;
}

/* //partners */

/* contact */
.address {
    background: url(../images/contact.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.address-grid,
.address-right {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);
}

.address h4 {
    font-size: 23px;
    color: #ffb66b;
    font-weight: 600;
}

.address-info p a {
    color: #999;
}

.address-info p span {
    display: block;
}

.address input[type="text"],
.address input[type="email"],
.address textarea {
    color: #000;
    outline: none;
    font-size: 15px;
    padding: 11px;
    border: none;
    letter-spacing: 1px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}

.address textarea {
    min-height: 10em;
    resize: none;
}

.address button {
    border: none;
    outline: none;
    color: #fff;
    width: 100%;
    padding: 11px 0;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 16px;
    background: #0abde3;
    border-radius: 0px;
}

.address button:hover {
    opacity: .8;
}

/* //contact */

/*  about cont  */
.about_jxcxpvt,.app-banner{
    clear:both;
}
.about_jxcxpvt{
    background:url(https://yunshendatastore.oss-cn-shanghai.aliyuncs.com/xiaoyuchuxing/WebImage/icon_ab_banner.jpg)no-repeat;
    background-position: center -219px;
    height:525px;
}
.app-banner{height:625px;}
.app-banner .csslider{height:625px;overflow:hidden;}
/*  //about cont  */
/* app-banner*/
.app-banner{position:relative;}
.app-banner .csslider{position:absolute;width:100%;}
.app-banner .container{
    /*top:0px;
    left:14%;*/
}
.app-banner .left-app{margin-top:3em;}
.app-banner .left-app h4{color:#fff;font-size:20px;font-weight:bold;}
.app-banner .left-app h2{color:#fff;font-size:35px;}

.app-banner .left-code{
    clear:both;
    background:url(../images/icon-xz-page1_2.jpg) no-repeat left center;
    margin-top:3em;
    min-height:190px;
    padding-left:210px;
    padding-top:1px;
}
.app-banner .left-code a{
    font-size:20px;
    width:214px;
    color:#fff;
    clear:both;
    display:block;
    background-color:#ff5113;
    margin:25px 0px;
    padding:15px 20px;
    border-radius:5px;
}
.app-banner .left-code a:hover{background-color:#EA4100;}
.app-banner .left-code a .android,
.app-banner .left-code a .apple{
    width:46px;
    height:46px;
    margin-top:-10px;
    float: left;
}
.app-banner .left-code a .android{
    background-position:-376px -96px;
}
.app-banner .left-code a .apple{
    background-position:-428px -93px;
}

.app-banner .iphone{
   /* position:absolute;
    margin-bottom:-50px;*/
}
.app-down {
    background:#fff;
    margin-top: 4em;
}
.app-down .title{
    margin:0px auto;
}
.app-down .title-row{margin:0px auto;width:680px;}
.app-down .title-row .cwidth{width:680px;}
.app-down .title-row .name{float:left;font-size:30px;color:#808080;padding:0px 50px;}
.app-down .title-row .line-left,
.app-down .title-row .line-right{float:left;position:relative;padding-top:23px;}



.app-down .title-row .line-left .line,
.app-down .title-row .line-right .line{height:2px;width:150px;
    background-color:#aaa;
    position:relative;
}
.app-down .title-row .line-left .circle,
.app-down .title-row .line-right .circle{width:10px;height:10px;border-radius:10px;
    background-color: #aaa;
    position:absolute;
    top:19px;
}
.app-down .title-row .line-left .circle{right:0px;}
.app-top img{margin:0px auto;}
.app-top div{color:#808080; margin-top:2em; text-align:center; }
.app-down .app-grid-main{clear:both;padding-top: 3rem !important;}
.app-down .app-grid-main .col-lg-3 .app-top{border-radius:10px; overflow:hidden; }
.app-down .app-grid-main .col-lg-3 .app-top img{transition: all 0.6s;}
.app-down .app-grid-main .col-lg-3 .app-top:hover img{transform: scale(1.4);}



.jxLine {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.jxLine-center {
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.jxLine-bar {
    position: absolute;
    width:3px;
    top: 0;
    bottom: 0;
    background-color:#ff1919;
  
}


.jxLine-bar-fill {
    background-color:#ff1919;
    position: absolute;
    left:0;
    right:0;
    top:0;
    height:0;

}

.jxLine-state {
    position: relative;
    width:100%;
    min-height: 200px;
    margin-bottom: 50px;
}

.jxLine-state::after {
    display:block;
    content: ' ';
    clear:both;
}

.jxLine-icon {
    position: absolute;
    border-radius: 50%;
    width:25px;
    height:25px;
    background-color: #fff;
    border: solid 1px #ff1919;
    top:140px;
    color:#ff1919;
    text-align: center;
    line-height:20px;
    font-size:50px;
}
.jxLine-icon:after {
    content: "……";
    position: absolute;
    top: -5px;
    left:17px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #888;
}
.jxLine-content {
    width: 40%;
    padding: 2%;
    float:left;
    opacity:0;
    position:relative;
    margin-left:-40%;
}


.jxLine-state:nth-child(2n+1) .jxLine-content {
    float:right;
    margin-right:-40%;
}

.jxLine-image {
    opacity:0;
    width: 40%;
    padding: 2%;
}

.jxLine-state:nth-child(2n+2) .jxLine-image {
    float:right;
}
.jxLine-state:nth-child(2n+2) .jxLine-icon:after {
    left:-49px;
}
.jxLine-state:nth-child(2n+2) .jxLine-content{
    text-align:right;
}
.jxLine-image img {
    width:100%;
}

.jxLine-content h4 {
    font-size:20px;
    font-weight: normal;
    margin-bottom: 10px;
}

.jxLine-bar-fill,.jxLine-content,.jxLine-image {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}

.jxLine-state:nth-child(2n+1).jxLine-animate .jxLine-content {
    margin-right:0%;
}

.jxLine-animate .jxLine-content {
    opacity:1;
    margin-left:0%;
    margin-top:9%;
}

.jxLine-animate .jxLine-image {
    opacity:1;
}

/* // app-banner*/

/* footer */
footer{background:#333333; padding-bottom:30px;}
footer .container{width:780px;}
footer .container .copy_right .text-wh .icon-webo{margin-left:0px; margin-top:10px;}

footer .container .ft-icon{padding-top:0px; line-height:36px;text-align:right;}
footer .container .ft-icon p{margin-bottom:15px;}
footer .container .btn_weixin .er-code{display:none;position:absolute;
    width: 150px;
    height: 150px;
    bottom: 38px;
    left: 16px;
}
footer .container .btn_weixin:hover .er-code{display:block;}

/* copyright */
footer .copy_right p .img-fluid{margin-bottom:10px;}
.copy_right p a {
    color: #cccccc;
}
.copy_right p img{
    height:50px;
    margin-bottom:10px;
}

.copy_right p a:hover {
    opacity: .8;
}

.copy_right p {
    font-size: 14px;
}
.icon-webo{
  background:url(../images/icon_xz_page6_1.png);
}
.icon-wexin{
  background:url(../images/icon_xz_page6_2.png);
}

.icon-yuyan{
  background:url(../images/icon_xz_page6_3.png);
}
.icon-webo,
.icon-wexin,
.icon-yuyan
{display:inline-block;width:38px;height:38px;margin:0px 0px; margin-right:10px;}
/* //copyright */
/* //footer */


/* Responsive code */

@media screen and (max-width: 1920px) {
    footer{background:#333333; padding-bottom:30px;}
    footer.slideanim {visibility: visible !important;}
}
@media screen and (max-width: 1440px) {
    .banner-text {
        padding-top:8em;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 600px;
    }

    .ix-page4 .offset-md-2 .site li{
        margin-right:1.2em;
    }
}

@media screen and (max-width: 1366px) {
    .banner-text h3 {
        font-size: 56px;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 600px;
    }
    .ix-page4 .offset-md-2 .site li{
        margin-right:1em;
    }
}

@media screen and (max-width: 1280px) {
   /* .container {
        max-width: 1084px;
    }*/
    .banner-text {
        padding-top: 15em;
    }
    .ix-page4 .offset-md-2 .site li{
        margin-right:0.8em;
    }
}

@media screen and (max-width: 1080px) {
    h3.title {
        font-size: 34px;
    }

    ul.partners-icon li span {
        font-size: 4em;
    }

    .grids-jxcx-left h4 {
        font-size: 30px;
    }

    .banner-text h3 {
        font-size: 50px;
    }

    p.movetxt {
        font-size: 14px;
        letter-spacing: 12px;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 525px;
    }

    .banner-text {
        padding-top:6em;
    }

    .service1-wthree h4 {
        font-size: 26px;
    }

    .service1-wthree h6 {
        font-size: 26px;
    }

    h3.title span {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {

    .prices-bottom ul li {
        font-size: 15px;
    }

    a.button {
        font-size: 15px;
    }
    .ix-page3 .rids-jxcx-left{padding:0px;}
    .ix-page3 .offset-xl-4{margin-top:-80px;}
    .ix-page3 .py-xl-5 .device li{margin-right:1.5em}

    .ix-page4 .offset-md-2 .site li{margin-right:1em;}
}

@media screen and (max-width: 991px) {
    .about-grid-main {
        padding: 2em;
    }

    p {
        font-size: 14px;
    }

    a.button-jxcx {
        font-size: 13px;
    }

    .grids-jxcx-right {
        position: static;
    }

    .about-grid-main h4 {
        font-size: 20px
    }

    .gallery_grids {
        margin-top: 2em;
    }

    button.navbar-toggler {
        background: #fff;
        border-radius: 0px;
        border-color: #fff;
    }

    div#navbarSupportedContent {
        background: rgba(0, 0, 0, 0.91);
        padding: 1.5em 1em;
    }

    img.chef-img {
        width: 60%;
    }

    .special-agiles {
        margin-top: 0;
    }

    .prices-bottom {
        max-width: 380px;
        margin: 0 auto;
    }

    ul.partners-icon li span {
        font-size: 3em;
    }

    ul.partners-icon li {
        margin: 0 1.5em;
    }
}

@media screen and (max-width: 800px) {

    h3.title {
        font-size: 32px;
    }

    .banner-text h3 {
        font-size: 46px;
    }

    .banner-text {
        padding-top: 12em;
    }

    .button-style {
        letter-spacing: 2px;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 560px;
    }
}

@media screen and (max-width: 768px) {
    .banner-text h3 {
        font-size: 42px;
    }

    .banner-text {
        padding-top:5em;
    }

    p.movetxt {
        font-size: 13px;
        letter-spacing: 10px;
    }
}

@media screen and (max-width: 736px) {
    .about-grid-main {
        padding: 2em 1em;
    }

    h3.title {
        font-size: 28px;
    }

    .grids-jxcx-right-2 h4 {
        font-size: 23px;
    }

    .grids-jxcx-right {
        position: inherit;
    }

    .grids-jxcx-left {
        padding-top: 7em;
    }

    .grids-jxcx-left h4 {
        font-size: 26px;
    }

    .banner-text h3 {
        font-size: 38px;
    }

    .about-grid {
        padding: 0 .5em;
    }

    #logo a {
        font-size: 34px;
    }

    p.movetxt {
        letter-spacing: 8px;
    }

    ul.partners-icon li {
        margin: 0 .8em;
    }

    .partners h4:after {
        width: 12%;
        bottom: -47%;
    }
}

@media screen and (max-width: 600px) {

    .address h4 {
        font-size: 19px;
    }

    .grids-jxcx-left {
        padding-top: 5em;
    }

    .grids-jxcx-left h4 {
        font-size: 24px;
    }

    .copy_right p {
        font-size: 14px;
    }  
    .team .swiper-container .swiper-slide{margin-left:1px;}    
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px;}
    footer .container{width:100%;}
    footer .container .copy_right,
    footer .container .ft-icon{text-align:left;}

}

@media screen and (max-width: 568px) {
    .service1-wthree h6 {
        font-size: 24px;
    }

    .service1-wthree h4 {
        font-size: 24px;
    }

    .grids-jxcx-right-2 {
        padding: 0 1em;
    }

    .about-grid {
        padding: 0 1em;
    }

    .about-grid-main {
        padding: 2em 4em;
    }

    .copy_right p {
        font-size: 13px;
    }

    .banner-text h3 {
        font-size: 36px;
    }

    .button-style {
        padding: 13px 15px;
        font-size: 12px;
    }

    .banner-text {
        padding-top:5em;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 510px;
    }

    #logo a {
        font-size: 32px;
        margin-top:10px;
    }

    .banner-text {
        padding-top: 11em;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 470px;
    }

    .partners h4 {
        font-size: 24px;
    }

    .partners h4:after {
        bottom: -70%;
        left: 46%;
    }
		 
    .team .swiper-container .swiper-slide{margin-left:1px;}    
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px;}
    footer .container{width:100%;}
}

@media screen and (max-width: 480px) {

    .grids-jxcx-left {
        padding-top: 3em;
    }

    button.navbar-toggler {
        padding: 3px 7px;
    }

    nav.navbar {
        padding: 10px 20px !important;
    }

    .banner-text h3 {
        font-size: 32px;
    }

    .copy_right p {
        letter-spacing:0.1px;
    }

    .navbar-light .navbar-nav .nav-link,
    li.login-list-jxcx.d-inline a {
        letter-spacing: 1px;
        font-size: 14px;
    }

    .grids-jxcx-right-2 h4 {
        font-size: 21px;
    }

    img.chef-img {
        width: 80%;
    }

    ul.partners-icon li {
        margin: 0 .6em;
    }

    ul.partners-icon li span {
        font-size: 2.5em;
    }

    .partners h4:after {
        bottom: -44%;
    }


    .popup {
        margin: 3em 1em;
        padding: 2.5em 1.5em 1.5em;
    }
	  
    .team .swiper-container .swiper-slide{margin-left:1px;}
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px}
    footer .container{width:100%;}
}

@media screen and (max-width: 440px) {

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 430px;
    }

    .about-grid-main {
        padding: 1em 2em 3em;
    }

    .banner-text h3 {
        font-size: 30px;
    }

    .banner-text {
        padding-top: 10em;
    }

    .about-grid-main {
        padding: 2em;
    }

    ul.partners-icon li {
        margin: 0 1em;
    }

    ul.partners-icon li:nth-child(5),
    ul.partners-icon li:nth-child(6) {
        margin-top: 1em;
    }
    .ix-page3 .bg{
        display:none;
        
    }
			
    .team .swiper-container .swiper-slide{margin-left:1px;}
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px}
    footer .container{width:100%;}

}

@media screen and (max-width: 414px) {

    .grids-jxcx-left {
        padding: 2em;
    }

    .banner-text h3 {
        font-size: 28px;
    }

    p.movetxt {
        letter-spacing: 6px;
        font-size: 12px;
    }

    .prices-top h3 span {
        font-size: 14px;
        margin-top: 6px;
    }

    .prices-top h3 {
        max-width: 280px;
        height: 130px;
        font-size: 38px;
    }
    .ix-page3{min-height: 242px;}
    .ix-page4 .offset-md-2 .service1-wthree{padding-left:10px;}
    .ix-page4 .offset-md-2 .service1-wthree h4,
    .ix-page4 .offset-md-2 .service1-wthree h6,
    .ix-page4 .offset-md-2 .service1-wthree p{padding-left:10px;}
    .ix-page3 .bg{display:none;}
    .ix-page3 .special-agiles{
        background: url(../images/icon_ix_page3_bg.jpg) no-repeat top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
    }
    .ix-page3 .special-agiles .grids-jxcx-left{padding:0px;}
    .ix-page3 .py-xl-5 .device li{margin-right:1.5em;}
    .ix-page3 .special-agiles .offset-xl-4{padding-bottom:40px;}
    .ix-page5 .sharing-grids .gal-img .gal2h{width:100% !important}										 
    .ix-page5 .social .col-sm-12 .social-item{margin-bottom:15px;}

    .ix-page5 .sharing-grids .gal-img a.gal1h{
        width: 100%;height:250px;
    }

    .app-banner{height:819px;}
    .app-banner .left-app{margin-top: 3em;}
    .app-banner .left-code{margin-top:5px;}
    .app-banner .container{left:0px;}
    .app-down .title-row .line-left, .app-down .title-row .line-right{display: none;}
    .app-banner .left-code a{font-size: 16px;
    width: 160px;padding: 15px 0px;}

    .app-down .title-row .cwidth{width:375px; }
    .app-down .title-row .cwidth .name{padding:0px 33px;}


    .sym_banner .row-title .circle{display:none;}
    .sym_banner .row-title{margin:0px;}
    .sym_banner .row-title .btitle {
        background: #f85606;
        margin-left:0px;
        width: 100%;
        padding: 10px;
    }
    .sym_content .ml-md-auto .number .line{width:28px;}
    .sym_content .ml-md-auto .number{width:80px;}
    .sym_content .ml-md-auto .title {
        padding-left:5px;
        width: calc(100% - 80px);
    }
    .sym_content .ml-md-auto .title h3{font-size:30px;}
    .sym_content .contact{
        margin:0px; 
        padding:10px;
    }
    .sym_content .container-fluid{padding:0px;}
	 
    .team .swiper-container .swiper-slide{margin-left:1px;}
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px}
    footer .container{width:100%;}
}

@media screen and (max-width: 384px) {
    .ix-page3 .bg{
        display:none;
        
    }
    .special-agiles {
        margin-top: 1em;
    }

    .service1-wthree h4 {
        font-size: 22px;
    }


    .banner-text h3 {
        font-size: 25px;
    }

    p.create-jxcx a {
        display: block;
    }

    .grids-jxcx-right-2 h4 {
        font-size: 19px;
    }

    img.chef-img {
        width: 100%;
    }

    .popup p {
        font-size: 13px;
    }
    .ix-page3 {min-height:400px;}
    .ix-page4 .offset-md-2 .service1-wthree{
        padding-left:10px;
    }
    .ix-page5 .sharing-grids .gal-img a.gal1h{
        height:250px;
    }

	 .ix-page5 .social .col-sm-12 .social-item{margin-bottom:15px;}
    .app-banner{height:790px}
    .app-banner .left-app{margin-top: 3em;}
    .app-banner .container{left:0px;}
    .app-down .title-row .line-left, .app-down .title-row .line-right{display: none;}
    .app-banner .left-code{padding-left:193px;}
    .app-banner .left-code a{font-size: 16px;
    width: 160px;padding: 15px 0px;}

    .app-down .title-row .cwidth{width:375px; }
    .app-down .title-row .cwidth .name{padding:0px 33px;}

    .sym_banner .row-title .circle{display:none;}
    .sym_banner .row-title{margin:0px;}
    .sym_banner .row-title .btitle {
        background: #f85606;
        margin-left:0px;
        width: 100%;
        padding: 10px;
    }
    .sym_content .ml-md-auto .number .line{width:28px;}
    .sym_content .ml-md-auto .number{width:80px;}
    .sym_content .ml-md-auto .title {
        padding-left:5px;
        width: calc(100% - 80px);
    }
    .sym_content .ml-md-auto .title h3{font-size:30px;}
    .sym_content .contact{
        margin:0px; 
        padding:10px;
    }
    .sym_content .container-fluid{padding:0px;}	 
    .team .swiper-container .swiper-slide{margin-left:1px;}    
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px}
    footer .container{width:100%;}
}

@media screen and (max-width: 375px) {
    h3.title {
        font-size: 25px;
    }

    h3.title span {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .address input[type="text"],
    .address input[type="email"],
    .address textarea {
        font-size: 14px;
    }

    .service1-wthree p {
        font-size: 13px;
    }
    .ix-page3 {min-height:400px;}
    .ix-page3 .py-xl-5 .device li{margin:0em 2.5em;}
    .ix-page4 .offset-md-2{padding-top:0px;}
    .ix-page4 .offset-md-2 .service1-wthree h6{letter-spacing:0px;}
    .ix-page4 .offset-md-2 .service1-wthree{padding-left:20px;}
    .ix-page4 .offset-md-2 .text-bl{font-size:18px;}
    .ix-page4 .offset-md-2 .site li{margin-right:.5em;}
    .ix-page5 .sharing-grids .gal-img a.gal1h{height:250px;}
			
    .ix-page5 .social .col-sm-12 .social-item{margin-bottom:15px;}

    .app-banner{height:790px}
    .app-banner .left-app{margin-top: 3em;}
    .app-banner .container{left:0px;}
    .app-down .title-row .line-left, .app-down .title-row .line-right{display: none;}
    .app-banner .left-code{padding-left:193px;}
    .app-banner .left-code a{font-size: 16px;
    width: 160px;padding: 15px 0px;}

    .app-down .title-row .cwidth{width:375px; }
    .app-down .title-row .cwidth .name{padding:0px 33px;}

    .sym_banner .row-title .circle{display:none;}
    .sym_banner .row-title{margin:0px;}
    .sym_banner .row-title .btitle {
        background: #f85606;
        margin-left:0px;
        width: 100%;
        padding: 10px;
    }
    .sym_content .ml-md-auto .number .line{width:28px;}
    .sym_content .ml-md-auto .number{width:80px;}
    .sym_content .ml-md-auto .title {
        padding-left:5px;
        width: calc(100% - 80px);
    }
    .sym_content .ml-md-auto .title h3{font-size:30px;}
    .sym_content .contact{
        margin:0px; 
        padding:10px;
    }
    .sym_content .container-fluid{padding:0px;}
	 
    .team .swiper-container .swiper-slide{margin-left:1px;}
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px;}
    footer .container{width:100%;}

}

@media screen and (max-width: 320px) {
    h3.title span {
        font-size: 15px;
    }

    #logo a {
        font-size: 30px;
    }

    .toggle.toogle-2 {
        padding: 7px 8px;
        font-size: 13px;
    }

    .grids-jxcx-left {
        padding: 1em;
    }

    .navbar-light .navbar-brand,
    a.logo,
    a.navbar-brand i,
    a.logo i {
        font-size: 26px;
    }

    button.navbar-toggler {
        padding: 1px 7px;
    }

    .banner-text h3 {
        font-size: 23px;
    }

    p.movetxt {
        font-size: 12px;
        margin-bottom: 10px !important;
    }

    .banner-top3,
    .banner-top1,
    .banner-top2 {
        min-height: 385px;
    }

    .banner-text {
        padding-top: 9em;
    }

    .callbacks_tabs a {
        height: 10px;
        width: 10px;
    }

    .callbacks_tabs a:after {
        width: 20px;
        height: 20px;
    }

    .callbacks_tabs {
        left: 43.5%
    }

    p {
        font-size: 14px;
    }

    .banner-text h3 {
        font-size: 22px;
        word-spacing: 3px;
    }

    p.movetxt {
        letter-spacing: 4px;
    }

    .button-style {
        letter-spacing: 1px;
    }

    h3.title {
        font-size: 23px;
        margin-bottom: 1.5em !important;
    }

    h3.title span {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .about-grid-main {
        padding: 1em 1em 1.5em;
    }

    p {
        font-size: 13px;
    }

    a.button-jxcx {
        font-size: 12px;
    }

    .grids-jxcx-left h4 {
        font-size: 22px;
    }

    .ix-page3 .py-xl-5 .device li{margin: 0em 1.5em;}

    .popup {
        margin: 5em 1em;
        padding: 2.5em 1em 1.5em;
    }
    .app-banner{height:848px;}
    .app-banner .left-app{margin-top: 3em;}
    .app-banner .container{left:0px;}
    .app-down .title-row .line-left, .app-down .title-row .line-right{display: none;}
    .app-banner .left-code{padding-left:56px;background:none;}
    .app-banner .left-code a{font-size: 16px;
    width: 160px;padding: 15px 0px;}

    .app-down .title-row .cwidth{width:375px; }
    .app-down .title-row .cwidth .name{padding:0px 33px;}

    .sym_banner .row-title .circle{display:none;}
    .sym_banner .row-title{margin:0px;}
    .sym_banner .row-title .btitle {
        background: #f85606;
        margin-left:0px;
        width: 100%;
        padding: 10px;
    }
    .sym_content .ml-md-auto .number .line{width:28px;}
    .sym_content .ml-md-auto .number{width:80px;}
    .sym_content .ml-md-auto .title {
        padding-left:5px;
        width: calc(100% - 80px);
    }
    .sym_content .ml-md-auto .title h3{font-size:30px;}
    .sym_content .contact{
        margin:0px; 
        padding:10px;
    }
    .sym_content .container-fluid{padding:0px;}
    .ix-page5 .sharing-grids .gal-img a.gal1h{
        height:250px;
    }  

    .ix-page5 .sharing-grids .gal-img a.gal1h{height:250px;}
    .ix-page5 .social .col-sm-12 .social-item{margin-bottom:15px;}
    .team .swiper-container .swiper-slide{margin-left:1px;}
    .team .col-md-12 .swiper-button-next,
    .team .col-md-12 .swiper-button-prev{top: 40%;}
    .team .swiper-container .col-lg-7{padding:0px 20px 0px 35px;}
    footer .container{width:100%;}
}

/* //Responsive code */
.slideanim {visibility:hidden;}
.slide{animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
@keyframes slide {
    0% {opacity: 0;-webkit-transform: translateY(70%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide {
    0% {opacity: 0; -webkit-transform: translateY(70%);}
    100% {opacity: 1; -webkit-transform: translateY(0%);}
}