.mercymicromsg{
    width: 100%;
    height: 100px;
    background-image: url(../img/mercymicromsg.png);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.mercymicrotide{
    width: 100%;
    height: 100px;
    background-image: url(../img/mercymicrotide.jpg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.authmicromsg{
    width: 100%;
    height: 100px;
    background-image: url(../img/szh.jpg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.mercymicroqq{
    width: 100%;
    height: 150px;
    background-image: url(../img/mercymicroqq.png);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.zhxmicromsg{
    width: 100%;
    height: 100px;
    background-image: url(../img/zhxinkeji.png);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.imgshadow{
    box-shadow: 0 0 0 1px rgba(53,72,91,.1),0 2px 2px rgba(0,0,0,.0274351),0 4px 4px rgba(0,0,0,.0400741),0 10px 8px rgba(0,0,0,.0499982),0 15px 15px rgba(0,0,0,.0596004),0 30px 30px rgba(0,0,0,.0709366),0 70px 65px rgba(0,0,0,.09);
    opacity: 1;
    transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateX(0);
}
.zhxlogo{
    width: 100%;
    height: 150px;
    background-image: url(../img/zhxin.png);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
} 
.video_link {
    display: inline-block;
    height: 30px;
    padding: 0 22px;
    border-radius: 15px;
    background: #374a35;
    background: -ms-linear-gradient(0deg,#fc6526 0,#fc5245 100%);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin: 1px;
}
.book_link {
    display: inline-block;
    height: 30px;
    padding: 0 22px;
    border-radius: 15px;
    background: #1b1e42;
    background: -ms-linear-gradient(0deg,#fc6526 0,#fc5245 100%);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin: 1px;
}
#cookiepolicy {

	font-weight: bold;

}
.cookielink a {
	background-repeat: no-repeat;
	vertical-align: middle; 
	text-align: center;
	float: none;
	border: 1px solid;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 3px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
}
.cookielink a:hover
{
    cursor: pointer;
}
#eval {
    transition: all ease-in-out .5s ;
    padding-left: 20px;
}
.imgcenter {
    margin: 0 auto;
}

#eval input {
    color: black;
}
.product-eval-input{
    border-radius: 3px;
    border: none;
    transition: border linear .1s;
    padding-left: 5px;
    width: 200px;
}

.product-eval-input:focus{
    border: 1px solid rgb(0, 194, 255);
}

/*Section 2*/
/*Banner stuff*/
.banner1 {
    border-bottom: 2px solid #2f2e46;/*#3E5264; blue-grey used in light.css too */
    margin-bottom: 0;
    background-color: #2f2e46;/*#191777;*/
    /*background-image: url(/images/banner1a.jpg);*/

}

.banner1 h1, .banner1 h2, .banner1 h3, .banner1 p {
    color: white;
}

.banner2 {
    background-color: #46B0C3;
    border-bottom: 2px solid #3E5264; /* blue-grey used in light.css too */
}

.banner2 h1, .banner2 h2, .banner2 h3, .banner2 p {
    color: white;
}

.banner2 a {
    text-decoration: underline;
}
.banner3 {
    background-color: #C1AB49;
    border-bottom: 2px solid #3E5264; /* blue-grey used in light.css too */
}

.banner3 h1, .banner3 h2, .banner3 h3, .banner3 p {
    color: white;
}
.banner4 {
    background-color: #9E9F94;
    border-bottom: 2px solid #3E5264; /* blue-grey used in light.css too */
}

.banner4 h1, .banner4 h2, .banner4 h3, .banner4 p {
    color: white;
}
.banner5 {
    background-color: #08605A;
    border-bottom: 2px solid #3E5264; /* blue-grey used in light.css too */
}

.banner5 h1, .banner5 h2, .banner5 h3, .banner5 p {
    color: white;
}
.zhxbanner {
    border-bottom: 2px solid #5092cc;
    margin-bottom: 0;
    background-color: #5092cc;
}

.zhxbanner h1, .zhxbanner h2, .zhxbanner h3, .zhxbanner p {
    color: white;
}
/*css for 5 cols with bootstrap*/
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* formorly in header */
img.free
{
  width: 100%;
  height: 150%;
}

.subMenu {
  border: 1px solid #46B0C3;
  border-top: none;
}

@media (max-width: 845px) {
  .no-mobile {
      display: none;
  }

  .subMenu {
      border: none;
  }
}

@media (min-width:992px) and (max-width:1200px){
  .navbar-nav > li > a {
    margin-right: 30px; /* this will override the 60px default from layout.css */
  }
}
.bg{
    background: url(../bg/shjq.png);
}
.bg1{
    background: url(../bg/xiwei.png);
}
.mycodesample{
    color: #fff;
    background-color: #25d22e;
    margin: 5px;
    text-shadow: black 0.1em 0.1em 0.2em;
}
.mycodepro{
    color: #fff;
    background-color: #0d8413;
    margin: 5px;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.downloadbg {  
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    border-radius: 3px;
    display: block;
    background-color:#d6fff9;
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 微软雅黑;
    color: #3b2e57;
}
.downloadbg:hover  {  
    box-shadow: 0 0 5px #333;
}
.downloadbg a > img, .downloadbg > img {
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}
.downloadbg > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.downloadbg table {
    background-color: white;
}
.downloadpbg {  
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    border-radius: 3px;
    display: block;
    background-color:#c1f2eb;
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 微软雅黑;
    color: #3b2e57;
}
.downloadpbg:hover  {  
    box-shadow: 0 0 5px #333;
}
.downloadpbg a > img, .downloadpbg > img {
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}
.downloadpbg > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.downloadpbg table {
    background-color: white;
}
.cardbg {  
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    border-radius: 3px;
    display: block;
    background-color:#d6fff9;
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 0px;
    margin-right: 0px;
}
.cardbg:hover  {  
    box-shadow: 0 0 5px #333;
}
.cardbg a > img, .cardbg > img {
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}
.cardbg > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.cardbg table {
    background-color: white;
}
.shadowbg:hover  {  
    box-shadow: 0 0 0 1px rgba(53,72,91,.1),0 2px 2px rgba(0,0,0,.0274351),0 4px 4px rgba(0,0,0,.0400741),0 10px 8px rgba(0,0,0,.0499982),0 15px 15px rgba(0,0,0,.0596004),0 30px 30px rgba(0,0,0,.0709366),0 70px 65px rgba(0,0,0,.09);
    opacity: 1;
    transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1);
    transform:  scale(1.03);
}
.productbg {  
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    border-radius: 3px;
    display: block;
    background-color:#e1ecea;
    margin-top:10px;
}
.productbg:hover  {  
    box-shadow: 0 0 0 1px rgba(53,72,91,.1),0 2px 2px rgba(0,0,0,.0274351),0 4px 4px rgba(0,0,0,.0400741),0 10px 8px rgba(0,0,0,.0499982),0 15px 15px rgba(0,0,0,.0596004),0 30px 30px rgba(0,0,0,.0709366),0 70px 65px rgba(0,0,0,.09);
    opacity: 1;
    transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1);
    transform:  scale(1.03);
    
}
.productbg a > img, .productbg > img {
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}
.productbg > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.productbg table {
    background-color: white;
}
.navshadow { color: #041a6f; text-shadow:#afd7ac 0.1em 0.1em 0.2emm;font-size: 18px;}
.blackshadow {
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
}
.btntxtshadow {
    text-shadow: black 0.1em 0.1em 0.2em;
}
.contenttxt{
    font-size: 22px;
}
@keyframes jump {
  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
  40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
  100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
}
.jump {
  transform-origin: 50% 50%;
  animation: jump .5s linear alternate infinite;
}
.fadein{animation: 3s opacity2 0s 1; -webkit-animation: 3s opacity2 0s 1;
          -moz-animation: 3s opacity2 0s 1;}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.5;}
            100%{opacity:1;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.5;}
            100%{opacity:1;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.5;}
            100%{opacity:1;}
        }
.nodisplay{display: none !important}
.suitwrap .banner {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    transition: opacity 3s;
}
.suitwrap .tab{
    position:absolute;
    bottom:10px;
    right:10px;
}
.suitwrap .tab span{
    display: inline-block;
    width:6px;
    height:6px;
    margin:3px;
    background:rgba(105,105,105,0.5);
    border-radius:50%;
    cursor: pointer;
}
.suitwrap .tab span.on{
    background:#F08D1C;
}
.suitwrap .tab span:hover{
    background:#E2CEB7;
}
.suitwrap .prev {
    position:absolute;
    left:10px;
    width:41px;
    height:69px;
    background: url("../img/iconslides.png") 82px;
    cursor:pointer;
}
.suitwrap .prev:hover{
    background: url("../img/iconslides.png");
} 
.suitwrap .next {
    position:absolute;
    right:10px;
    width:41px;
    height:69px;
    background: url("../img/iconslides.png") 41px;
    cursor:pointer;
}
.suitwrap .next:hover{
    background: url("../img/iconslides.png") 123px;
}
.zhxinclass{
    padding: 10px;border-left: 0;border-right: 0;border-top: 2px;border-bottom: 2px;border-color: red;border-style:dotted;
}
.zhxinclasstitle{
    font-size:2em;margin: 0;
}
.myfree{
    color: yellow;
    border: 1px solid #7b7b30;
    border-radius: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.wrap {
  width: 140px;
  height: 140px;
  position: absolute;
  top: -8px;
  right: -8px;
  overflow: hidden;
}
.wrap:before, .wrap:after {
  content: ""; 
  position: absolute;
}
.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4D6530;
  border-radius: 8px 8px 0px 0px;
}
.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4D6530;
  border-radius: 0px 8px 8px 0px;
}
.ribbon6 {
  width: 200px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px dashed;
  box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6);
  background:linear-gradient(130deg,#57DD43,#3DD526 41.07%,#36CE1F 76.05%);
  text-align: center;
  color:white;
  font-size: 1.5em;
}
.ribbon{
  position:absolute;
  padding: 0 0.5em;
  font-size:2.000em;
  margin: 0 0 0 -0.25em;
  line-height: 1.875em;
  border-radius: 0 0.156em 0.156em 0;
  background: rgb(123, 159, 199);
  box-shadow: -1px 2px 3px rgba(0,0,0,0.5);
  color:white;
}

.ribbon:before, .ribbon:after{
  position:absolute;
  content: '';
  display: block;
}

.ribbon:before{
  width: 0.469em;
  height: 125%;
  padding: 0 0 0.438em;
  top:0;
  left: -0.469em;
  background:inherit;
  border-radius: 0.313em 0 0 0.313em;
}

.ribbon:after{
  width: 0.313em;
  height: 0.313em;
  background: rgba(0,0,0,0.35);
  bottom: -0.313em;
  left: -0.313em;
  border-radius: 0.313em 0 0 0.313em;
  box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3);
}

@media (max-width: 600px) {
  
  body{
    font-size:0.875em;
  }
  
  .ribbon{
    line-height: 1.143em;
    padding: 0.5em;
  }
  
  .ribbon:before, .ribbon:after{
    font-size: 0.714em;
  }
  
}
.animated2 {
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
}
.animated3 {
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
}
.animated5 {
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
    }
    60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
    }
    80% {
       -webkit-transform: translateX(10px);
    }
    100% {
       -webkit-transform: translateX(0);
    }
 }

 @keyframes bounceInRight {
    0% {
       opacity: 0;
       transform: translateX(2000px);
    }
    60% {
       opacity: 1;
       transform: translateX(-30px);
    }
    80% {
       transform: translateX(10px);
    }
    100% {
       transform: translateX(0);
    }
 }

 .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
 }
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% { 
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}