/*��鮋�㚚�*/
.navbar-nav > li > a {
    color: #fff;
}

.topnavbar {
    background-color: #fff;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
/*.topnavbar .container {
    text-align: center;
}*/

/*nav*/
#nav ul li a {
    white-space: nowrap;
    color: #333;
    line-height: 1.3;
    font-weight: bold;
    padding: 10px 25px;
    font-size: 100%;
    text-align:center;
}
#nav ul li a:hover{
      color: #00aedd;
}
#nav ul li.current a {
      color: #00aedd;
    font-weight: 600;
}
#nav ul li .subnav {
 background-color: #00aedd;
}
#nav ul li .subnav a {
 background-color: #00aedd;
      color: #fff;
}
#nav ul li .subnav a:hover {
 background-color: #308beb;
}

#nav ul li a span{display:block}


#nav > ul > li.has-subnav > a::after {
  content: "";
  display: none;
}

.h1title {
    color: #00aedd;
    font-size: 2rem;
    font-weight: normal;
  border-bottom:1px #00aedd dotted;
}





/*isde*/
ul.children {
  background:#8ec8e8;
}

#side ul .children  a {
  color: #fff;
}

/*buttoin*/
a.btn-custom {
  background: #74bae1;
  padding: 5px;
  font-size: 14px;
  color:#fff;
}

@media (max-width: 1920px){
 #bodyinpage.rwd-collapse.viewmode.product.new .col-md-8 {
  width: 80%;
 }
}


/*�扳���枏��之璅䠷��*/
.tit{
background: #0E647D;
padding: 5px 5px;
border-radius: 30px;
width: 30%;
margin: 0 left;
}

@media(max-width:767px){
.tit{
background: #0E647D;
padding: 5px 5px;
border-radius: 30px;
width: 50%;
margin: 0 left;
}
}

@media(max-width:428px){
.tit{
  background: #0E647D;
padding: 5px 5px;
border-radius: 30px;
width: 100%;
margin: 0 left;
}
}  



/*about���平���𤌍��枏��*/
.ser {
    display:block;
    text-align: center;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    background: #252d75;
    overflow: hidden;
    position: relative;
    min-height: 100px;
    padding-top: 45px;
}
.ser:hover {
   display:block;
   text-align: center;
   border-radius:50%;
   width: 130px;
   height: 130px;
   background: #fe7e01;
   overflow: hidden;
   position: relative;  
   min-height: 100px;
   padding-top: 45px;
}

.serveitem .ser img {
    opacity: 3;
    transition: 0.7s;
    margin-top: -50px;
}

@media only screen and (max-width: 414px) {
 .rwd-wrapper .col-6 {
  width:50%;
 }
}

ul.product-list li a:hover {

    color: #00178a;
}/*�㺿�𤩎���聢 皛煾�䭾�煾�𤾸縧摮烾�讛𠧧*/



/*index box*/
.intro {
	-webkit-animation-delay: 1.5s;
}
.intro a {
    width:100%;
	overflow: hidden;
	position: relative;
	padding: 10px 40px;
	border: 0px #aaa solid;
	display: inline-block;
	font-size: 18px;
	color: #fff;
    font-weight:bold;
  	background: #fe611a;
}
.intro a:hover {
	color: #fff;
	background: #000;
	transition: all 0.4s;
}
.intro a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: -100%;
	display: block;
	background: #000;
	transition: all 0.4s;
	z-index: -1;
}


.intro-2 {
	-webkit-animation-delay: 1.5s;
}
.intro-2 a {
    width:100%;
	overflow: hidden;
	position: relative;
	padding: 10px 40px;
	border: 0px #aaa solid;
	display: inline-block;
	font-size: 18px;
	color: #fff;
    font-weight:bold;
  	background: #1e7da6;
}
.intro-2 a:hover {
	color: #fff;
	background: #000;
	transition: all 0.4s;
}
.intro-2 a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: -100%;
	display: block;
	background: #000;
	transition: all 0.4s;
	z-index: -1;
}

.block2 {
    display: block;
    text-align: left;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background: #fff;
    overflow: hidden;
    position: relative;
    transition:all 0.5s;
}




.info p {
    padding: 10px 5px 5px 5px;
    border-bottom: 1px dashed #ccc;
}





/*�𤩎��頛芣偘*/
.rwd-table {
  	overflow-y: visible !important;
}

#myDiv img {
        max-width: none;
}



.rk_pd img{border:5px solid #fff;transition:all 0.3s;}
.rk_pd img:hover{border:5px solid #d68802;border-radius:50%;}

.rk_md img{border:5px solid #fff;}


/*��𣇉��*/
.row [class^="col-"] img{
  opacity:3;
    transition:0.7s
}
.row [class^="col-"] {
  padding:10px;
}
.picc {
  overflow:hidden;
}
.picc img:hover {
  transform:scale(1.2);
}


/*
#logo img {
    padding: 0 16px;
    transform: scale(1.1);
}*/




/*Banner*/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(600 / 1920 * 100%); /* 瘜冽�誩�𣇉���睃漲���祝摨西��縧��匧鱓雿� */
}

.swiper-slide {
  width: 100% !important;
}


/*index*/
.rk_ca .col-1{border-bottom: 1px solid #406bb0;}
.rk_ca h2.col-1 span{background:#406bb0;border-radius:5px 5px 0 0;padding:5px;color:#fff;}

/*h1*/
.h1title{color:#40619d;border-bottom:1px dashed #40619d;}

/*pd*/
ul.product-list li h3 {
    flex: 1 0 auto;
    max-height: 3.15rem;
    margin: 0.7rem 0;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #000;
    overflow: hidden;
    padding: 0 16px;
}

/*about*/
.serveimg {
    display: block;
    text-align: center;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    background: #252d75;
    overflow: hidden;
    position: relative;
    min-height: 100px;
    padding-top: 35px;
}
.serveimg:hover {
   display: block;
   text-align: center;
   border-radius:50%;
   width: 145px;
   height: 145px;
   background: #fe7e01;
   overflow: hidden;
   position: relative;  
   min-height: 100px;
    padding-top: 35px;
}


@media(max-width:414px){
  /*about*/
.serveimg {
    display: block;
    text-align: center;
    border-radius: 70%;
    width: 190px;
    height: 190px;
    background: #252d75;
    overflow: hidden;
   position: relative; 
    min-height: 150px;
    padding-top: 70px;
}
.serveimg:hover {
   display: block;
   text-align: center;
   border-radius:70%;
    width: 190px;
    height: 190px;
   background: #fe7e01;
   overflow: hidden;
   position: relative; 
   min-height: 150px;
    padding-top: 70px;
}

}



/*about*/
.serveimg3 {
    display: block;
    text-align: center;
    border-radius: 50%;
    width: 185px;
    height: 185px;
    background: #252d75;
    overflow: hidden;
    position: relative;
    min-height: 100px;
    padding-top: 45px;
}
.serveimg3:hover {
   display: block;
   text-align: center;
   border-radius:50%;
   width: 185px;
   height: 185px;
   background: #fe7e01;
   overflow: hidden;
   position: relative;  
   min-height: 100px;
    padding-top: 45px;
}

/*case*/
.serveimg2 {
   display: block;
   text-align: center;
   width: 100%;
   min-height:10px;
   padding-bottom: 100%;
   background: linear-gradient(#c0c0c0, #f4f4f4);
   overflow: hidden;
   position: relative;
   border-radius:5px;
   padding:20px 15px;      
}

.serveimg2:hover {
   display: block;
   text-align: center;
   width: 100%;
   min-height:10px;
   padding-bottom: 100%;
   background: #40619d;
   overflow: hidden;
   position: relative;
   border-radius:5px;
   padding:20px 15px;
}


.serveimg2 span strong:hover {color:#fff; }


body[data-type="fullpage"] .product-list-div h2 a.show-all {
    color: #fff;
    transition-property: left, color;
    background: #59aacb;
    text-shadow: none;
    padding: 0 10px;
}


/*side*/ 
#side ul li a {
    color: #999;
    display: block;
    padding: 10px 20px;
    transition: .3s;
    border-bottom: 1px dashed #555;
}




/*form*/
.mark {
    background: none;
   }

/*footer*/
#footer{
  background: -webkit-linear-gradient(#01b4ee,#0168b7);
  background: -o-linear-gradient(#01b4ee,#0168b7);
  background: -moz-linear-gradient(#01b4ee,#0168b7);
  background: linear-gradient(#01b4ee,#0168b7);
}


#foot-nav ul li a {
    color: #fff;
    font-size: 1.06em;
}

#contact-info ul li span {
    color: #fff;
}

#footer {
    color: #fff;
}

#copyright, #copyright a{color:#dcdcdc;}


#foot-nav {
 clear:both;
 padding:1em 0;
 border-bottom:1px solid #fff
}



.bar01 {
    background: 
    #00A1E8;
    color: #0b3261;
    width: 70%;
    padding: 8px 8px;
    letter-spacing: 0.5px;
    font-weight: 90%;
    margin: 10px auto 0px auto;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}


.bar02 {
    background: 
    #1EB491;
    color: #1EB491;
    width: 90%;
    padding: 8px 8px;
    letter-spacing: 0.5px;
    font-weight: 90%;
    margin: 10px auto 0px auto;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}


.bar03 {
    background: 
    #0E647D;
    color: #0E647D;
    width: 90%;
    padding: 8px 8px;
    letter-spacing: 0.5px;
    font-weight: 90%;
    margin: 10px auto 0px auto;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}


.bar04 {
    background: 
    #364e8a;
    color: #364e8a;
    width: 90%;
    padding: 8px 8px;
    letter-spacing: 0.5px;
    font-weight: 90%;
    margin: 10px auto 0px auto;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}



.block3 {
    display: block;
    text-align: center;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
      padding-bottom: 1%;
    background: #cccccc;
   overflow: hidden;
   position: relative;
    transition:all 0.5s;
  color:#000;
}

/*�𤩎���聢��讛膩�黸��讛�墧��*/
ul.product-list li .desc {
    display: none;
}  


/*��𧢲�毺��黸��讛�墧�𨰝�枏�删�箸�𧢲�毺���滩�賜鍂�坔�𡝗��*/

/*google icon*/
#google_translate_element {
    border-radius: 3px;
    display: block;
    right: 5%;
    padding: 70px;
    position: fixed;
    top: 30px;
    z-index: 400;
  width: 60px;
}

@media(max-width:414px){
  
#google_translate_element {
    border-radius: 3px;
    display: block;
    right: 1%;
    padding: 1px;
    position: fixed;
    top: 0px;
    z-index: 400;
  width: 1px;
}

}


/*����埈�隤墧��*/
.product-link .row .col-2 > a{
  border:0px solid #ccc;
  width:100%;
  display:inline-block;
  width:100%; 
  background-color: #eee;
  height:50px;
  line-height: 50px;
   font-size:130%;
  text-align: center;
}
.product-link .row .col-2 > a:hover {
 color:#39c;
 background:#cce7fc;
}

.block {
    display: block;
    text-align: left;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background: #cccccc;
   overflow: hidden;
   position: relative;
    transition:all 0.5s;
}
.block:hover {
    transform:scale(1.2);
}


/*����埈�隤墧��*/
.product-link2 .row .col-2 > a{
  border:0px solid #ccc;
  width:100%;
  display:inline-block;
  width:100%; 
  background-color: #eee;
  height:50px;
  line-height: 50px;
   font-size:130%;
  text-align: center;
}
.product-link2 .row .col-2 > a:hover {
 color:#39c;
 background:#e1effa;
}

.block {
    display: block;
    text-align: left;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background: #cccccc;
   overflow: hidden;
   position: relative;
    transition:all 0.5s;
}
.block:hover {
    transform:scale(1.2);
}




/*top*/
.navbar-nav > li > a {
    color: #fff;
}


.topnavbar .container {
  text-align: justify;
  font-size: 0;
  /*text-align: center;*/  
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.topnavbar {
  background-color: #fff;
  top:0px;
  position: relative;
  z-index:100;
  width:100%;
  padding: .6rem 0;
  height: 100px;
}

/*���𢒰�賊�����堒�䭾楛*/
#side ul li a {
  color: #000;