html,body{
	background:#fff;
	font-size: 100%;
	/*font-family: 'DidactGothic';*/
}
@media (min-width: 1300px) {
  .container {
    width: 1230px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1760px;
  }
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}

/*--header--*/
.header {
	background-color:#8db1d6;
	width:100%;
	height:200px;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	position:fixed;
	z-index:24;
}
.header-top{
}
.logo,.nav {
	padding-left: 20px;
}
#main {
  margin-top:2rem;
  max-width: 1560px;
}
#main img {
	display: block;
    max-width: 100%;
    /* height: 500px; */
    width: 100%;
	max-height:calc(100vh - 50px);
}
#patent  {
    max-width: 1230px;
}
#patent img {
	display: block;
    max-width: 100%;
    width: 100%;
}
.carousel-control{
	
}
.carousel-caption{
	font-size:2em;
}
.carousel-control.right,
.carousel-control.left{
	background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0.0001) 100%);
}

.logo h1 a{
	
	display:block;	
	text-decoration:none;
	color:#fff;
}
.logo h1{
	font-size:2.5em;
	  /*font-family: 'Cinzel-Bold';*/
}
.top-nav {
	text-align: center;
}
.top-nav ul li{
	display: inline-block;

}
.top-nav ul li a{
	color: #fff;
	font-size:1.2em;
	text-decoration: none;
	display: block;
	padding: 0 0em 0.3em;
	text-align: center;
	margin: 0 1em;
	border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.top-nav ul li.active a,.top-nav ul li a:hover{
	  border-bottom: 2px solid #FFF;
}
.top-nav span.menu {
	display: none;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/*--//header--*/


.content-middle{
	text-align: center;
}
.content-mid h3{
	font-size: 2em;
	color:#000;
	line-height: 1.3em;	
}
.content-mid p{
	font-size: 1.4em;
	color:#4B4B4B;
	line-height: 2.0em;	
}
.content-mid label{
	background: #62C2A1;
    min-height: 4px;
    width: 15%;
    display: block;
    margin: 1.5em auto;
    border-radius: 40px;
}
.content-mid3 h5{
	font-size: 1.4em;
    color: #62C2A1;
    line-height: 1.3em;
    margin: 0.5em 0;
    /*font-family: 'Overlock-Bold';*/
}
.content-mid3 p{
	font-size: 1.3em;
	color:#4B4B4B;
	line-height: 1.8em;	
}
.content-mid2 {
    padding: 5em 0;
}
/*----*/

.solution-top h2{
	font-size: 2em;
    color: #000000;
    margin: 0em 0 0em;
    text-align: center;
}
.solution-top{
	text-align:center;
}
.solution-top p{
	font-size: 18px;
	color:#4B4B4B;
	line-height: 1.8em;	
	width: 90%;
    margin: 0 auto;
}
.solution-item img {
	display: block;
    max-width: 1230px;
	margin:0 auto;
    width: 100%;
}


.product-content p{
	font-size: 1.3em;
	color:#4B4B4B;
	line-height: 1.8em;	
	width: 50%;
    margin: 0 auto;
}

.product-top h2{
	font-size: 2em;
    color: #000000;
    margin: 0em 0 0em;
    text-align: center;
}
.item-top label {
    background: #62C2A1;
    min-height: 4px;
    width: 12%;
    display: block;
    margin: 1.5em auto;
    border-radius: 40px;
}
.product-top{
	text-align:center;
}
.product-top p{
	font-size: 1.1em;
	color:#ADADAD;
	line-height: 1.8em;	
	    width: 50%;
    margin: 0 auto;
}

.content-bottom {
    padding: 0 0 5em;
}


.patent-top h3 {
	font-size: 2em;
    color: #000000;
    margin: 0em 0 0em;
    text-align: center;
    /*font-family: 'Overlock-Bold';*/
}
.patent{
	padding: 0em 0 5em;
}
.patent-top label {
    background: #62C2A1;
    min-height: 4px;
    width: 12%;
    display: block;
    margin: 1.5em auto;
    border-radius: 40px;
}
.patent-bottom {
    padding: 0 0 5em;
}

.team-top h3 {
	font-size: 3em;
    color: #000000;
    margin: 0em 0 0em;
    text-align: center;
    /*font-family: 'Overlock-Bold';*/
}
.team{
	padding: 0em 0 5em;
}
.team-top label {
    background: #62C2A1;
    min-height: 4px;
    width: 12%;
    display: block;
    margin: 1.5em auto;
    border-radius: 40px;
}
/*--contact--*/
.contact {
	margin-top:1rem;
}
.contact-top h3{
	font-size: 2em;
    color: #000000;
    margin: 0em 0 0em;
    text-align: center;
    /*font-family: 'Overlock-Bold';*/
}

.contact-top{
	text-align:center;
	padding-bottom: 4em;
}
.contact-top p{
	font-size: 1.1em;
	color:#ADADAD;
	line-height: 1.8em;	
	    width: 50%;
    margin: 0 auto;
}

.contact-item p{
	font-size: 1.4em;
	color:#4B4B4B;
	line-height: 1.8em;	
    margin: 0 auto;
}

.map iframe{
	width:100%;
	border:none;
	min-height: 400px;
}
.map {
    margin-top: 5em;
}

/*--footer--*/
.footer{
	padding:0 0 2em 0;
    background-color: #8db1d6;
}
.footer-top2 p {
  color: #fff;
  line-height: 1.9em;
  font-size: 1em;
  text-align: center;
}
.footer-top2 p a{
  color: #000;
  text-decoration: none;
}
.footer-top2 p a:hover{
  color: #fff;
}
.footer-top2 {
    border-top: 1px solid #ffffA1;
    margin: 1em 0 0;
}
.footer-top1 {
    text-align: right;
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 25px;
    right: 10px;
    overflow: hidden;
    width: 52px;
    height: 52px;
    border: none;
    text-indent: 100%;
    background: url('../img/up.png') no-repeat 0px 0px;
}
/*--//footer--*/
/*responsive--*/
@media(max-width:1366px){
	
}
@media(max-width:1280px){
	
}
@media(max-width:1024px){
.header {

}
.services-top p,.features-top p,.contact-top p {
    width: 60%;
}	
.f-right ul li a {
    font-size: 0.9em;
}
.arrow {
    width: 90.5%;
}
.content-mid2 {
    padding: 4em 0;
}
.content-bottom {
    padding: 0 0 4em;
}
.features {
    padding: 4em 0;
}
.ch-grid li {
    margin:10px 6px;
}
.team {
    padding: 0em 0 3em;
}
.map {
    margin-top: 4em;
}
}
@media(max-width:768px){
.header {

}
.grid-top {
    padding: 0 6px;
        float: left;
    width: 33.3%;
}	
.arrow {
    width: 95%;
}
.content-mid3 {
    padding: 0 10px;
}
.content-mid3 h5 {
    font-size: 1.2em;
}
.services-top p, .features-top p, .contact-top p {
    width: 85%;
}
.us-choose {
    padding: 0em 0 0;
}
.why-choose {
    padding-top: 2em;
}
.features-bottom {
    margin-top: 0%;
}
.festure-left {
    padding-top: 2em;
}
.ch-grid li {
    margin: 10px 10px;
}
.contact-para {
    padding-top: 1em;
}
.footer {

}
.map {
    margin-top: 3em;
}
.map iframe {
    min-height: 300px;
}
.contact-top {
    padding-bottom: 2em;
}
.contact-item p{
	font-size: 1.0em;
	color:#4B4B4B;
	line-height: 1.8em;	
    margin: 0 auto;
}
.content-mid2 {
    padding: 3em 0;
}
.content-bottom {
    padding: 0 0 3em;
}
.gallery-bottom {
    padding: 1em 0 0;
}

}
@media(max-width:640px){
span.menu{
	display:inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.top-nav ul{
	display: none;
	position:absolute;
	width: 100%;
	z-index: 9999;
	left: 0%;
	margin:1.1em 0em;
	background:rgba(255, 255, 255, 0.98);
	border:0;
}
.top-nav span.menu{
	display: inline-block;
}
.top-nav ul li{
	display: block;
	float:none;
	text-align: center;
}
.top-nav ul li a{
	color:#000;
	display:block;
	margin:0;
	padding:0.4em;
}
.top-nav ul li.active a, .top-nav ul li a:hover {
    border-bottom: 2px solid #000;
}	
.content-mid h3 ,
.patent-top h3,
.product-top h2,
.solution-top h2,
.contact-top h3{
    font-size: 1.5em;
}
.top-grid h3 {
    font-size: 1.1em;
}
.content-mid3 img{
	margin: 0 auto;
}
.content-mid3 {
	text-align: center;
    margin-bottom: 1em;
}
.content-mid3 p {
    font-size: 1em;
}
.content-mid2 {
    padding: 3em 0 2em;
}
.services-top p, .features-top p, .contact-top p{
	font-size:1em;
}
.ser-top p {
    font-size: 1em;
}
.contact-para p ,.content-mid p{
    font-size: 1em;
}
.header {

}
.services-top h2 ,.gallery-top h3,.features-top h3,.team-top h3{
    font-size: 2.5em;
}
.footer-menu {
    text-align: center;
}
.footer-top1 {
    text-align: center;
    margin-top: 1em;
}
}
@media(max-width:480px){
.logo {
    margin: 1.5em 0;
}

.header {

}
.content-top {
    padding: 22em 0;
}
.content-top1 {
    top: -14.5%;
}
.services-top h2 ,.gallery-top h3,.features-top h3,.team-top h3{
    font-size: 2.2em;
}
.services-top p, .features-top p, .contact-top p {
    width: 100%;
}

.gallery-top label ,.contact-top label,.team-top label,.features-top label,.services-top label{
    width: 18%;
    margin: 1em auto;
}
.f-right {
    width: 50%;
}
.f-left {
    width: 46%;
}
.footer-menu ul li a {
    font-size: 1em;
}
.footer-top2 {

}
.footer {

}
.map {
    margin-top: 2em;
}
.map iframe {
    min-height: 190px;
}
.team {
    padding: 0em 0 2em;
}
.content-mid2 {
    padding: 2em 0 1em;
}
.content-bottom {
    padding: 0 0 2em;
}
.features {
    padding: 2em 0;
}
}
@media(max-width:320px){
.logo h1 {
    font-size: 2em;
}
.grid-top {
    width: 80%;
    padding: 0;
}
.logo {
    margin: 1em 0;
}
.header {
    min-height: 250px;
}
.content-top1 {
    top: -7.5%;
}
.top-grid i {
    font-size: 1.7em;
    width: 60px;
    height: 60px;
}
.top-grid p {
    line-height: 1.6em;
    font-size: 0.9em;
}
.arrow {
    width: 100%;
}
.content-top {
    padding: 22.5em 0;
}
.content-mid h3 {
    font-size: 1.3em;
}
.content-mid label {
    width: 35%;
    margin: 1em auto;
}
.content-mid2 {
    padding: 1.5em 0 0.5em;
}
.content-mid3 {
    padding: 0;
}
.content-bottom {
    padding: 0 0 1.1em;
}
.services-top h2 ,.gallery-top h3,.features-top h3,.team-top h3,.contact-top h3{
    font-size: 1.8em;
}
.gallery-top label, .contact-top label, .team-top label, .features-top label, .services-top label {
    width: 25%;
    margin: 1em auto;
}
.gallery-bottom {
    padding: 0.5em 0 0;
}
.gallery-left1 {
    width: 100%;
    padding: 6px 0;
}
.gallery-left, .gallery-left2 {
    width: 100%;
    float: left;
}
.features {
    padding: 1.5em 0;
}
.festure-left {
    padding: 1em 0 0;
}
.f-left {
    width: 100%;
}
.f-right {
    width: 100%;
    margin-top: 0.5em;
}
.f-right ul li a {
    font-size: 1em;
}
.team {
    padding: 0em 0 1.5em;
}
.contact-form {
    padding: 0;
}
.contact-para {
    padding: 1em 0;
}
.map {
    margin-top: 0em;
}
.map iframe {
    min-height: 110px;
}
.footer-menu,.footer-top1 {
    padding: 0;
}
.footer-top2 {
    padding: 1em 0 0;
    margin: 1em 0 0;
}
span.menu img{
	width: 80%;
}
.top-nav ul li a{
	font-size: 1em;
}
}


/* ===== Main Header ===== */
#main-header {
  background: #8db1d6;
  display: flex;
  position: relative;
}
#main-header .header-logo {
  flex: 1 1 10%;
  max-width: 20%;
}
/* ===== Header Logo ===== */
.header-logo a {
  display: inline-block;
  height: 5rem;
  padding: 1.0rem 1.5rem;
}
.header-logo a img {
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  #main-header .header-logo {
    display: block;
    width: 100%;
    max-width: none;
    text-align: center;
  }
  .header-logo a img {

  }
}
@media screen and (min-width: 768px) {
  #main-header #main-navigation {
    flex: 1 1 auto;
    text-align: center;
  }
  #main-header .mobile-nav-toggle {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #main-header .mobile-nav-toggle {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
  }
  #main-header .mobile-nav-toggle button {
    font-size: 3rem;
    padding: 1rem 0;
    line-height: 1;
    border: none;
    background: transparent;
    color: #4e3895;
  }
  #main-header .mobile-nav-toggle button .close-menu {
    display: none;
  }
  #main-header .mobile-nav-toggle button.menu-open .close-menu {
    display: block;
  }
  #main-header .mobile-nav-toggle button.menu-open .open-menu {
    display: none;
  }
  #main-header .mobile-nav-toggle button:focus,
  #main-header .mobile-nav-toggle button:active {
    outline: none;
  }
}
/* ===== Main Navigation ===== */
#main-navigation {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
#main-navigation .nav-icon .iconfont {
  font-weight: 300;
  font-size: 1.7rem;
  line-height: 0;
}
#main-navigation > ul {
  display: inline-block !important;
}
#main-navigation ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  display: inline-block;
}
#main-navigation ul li {
  position: relative;
  display: inline-block;
  font-size: 0;
}
#main-navigation ul li a {
  display: inline-block;
  text-align: left;
  color: #4e3895;
  padding: 1.25rem 0.75rem;
  transition: 0.2s ease all;
  line-height: 1;
  font-size: 1.5rem;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
#main-navigation ul li a:hover {
  color: black;
  text-decoration: none;
}

@media screen and (max-width: 991px) and (min-width: 767px) {
  #main-navigation ul li a {
    font-size: 0.9rem;
    padding: 1.25rem 0.5rem;
  }
  .header-logo a {
    display: inline-block;
    height: 4rem;
    padding: 0.7rem 1.5rem;
  }
}
#main-navigation ul li ul {
  z-index: 1000;
}
#main-navigation ul li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
#main-navigation ul li > ul li a {
  background: #e7e7e7;
  width: 10rem;
  padding: 0.75rem 1rem;
  border: 2px solid white;
  border-top: none;
}
#main-navigation ul li > ul li:first-child a {
  border-top: 2px solid white;
}
#main-navigation ul li > ul li ul.right,
#main-navigation ul li > ul li ul {
  top: -2px;
  left: calc(100% - 2px);
}
#main-navigation ul li > ul li ul.left {
  top: 0;
  left: auto;
  right: 100%;
}
#main-navigation ul li.active > a {
  border-bottom-color: #4801af;
}
@media screen and (max-width: 767px) {
  #main-navigation ul li.active > a {
    background: #e7e7e7 !important;
  }
}
#main-navigation ul li.cta {
  float: right;
}
#main-navigation ul li.cta a {
  padding: 1.25rem 2.2rem;
  background: #4816ac;
  color: white;
  margin-left: 0.5rem;
}
#main-navigation ul.no-js li:hover > ul {
  display: block;
}
.detail1 span{
	font-size: 21px;
}
.listmark{
	font-size: 21px; 
	color: rgb(102, 102, 102);   
	background-color: rgb(255, 255, 255);
}

.fixed-bottom {position: fixed;bottom: 0;width:100%;}
.divwrap { width: 100%; background: #fff; }

header { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; }
.header-top { width: 100%; padding: 12px 0; margin: 0 auto; background: #fff; position: relative; z-index: 9; }
.logo { width: 50%; min-width: 180px; }
.logo a { float: left; padding-left: 10px; padding-right: 0; }
.logo a img { display: block; width: 100%; }
.logo .a1 { width: 50%;max-width: 200px; }
.logo .a2 { width: 28%; }
.content { overflow-y: auto; }
.content img { max-width: 100%; }

.header-right { line-height: 30px; position: absolute; top: 50%; right: 0; margin-top: -15px;}
.header-right span { position: relative; }
.header-right span img { float: left; }
.ph a { display: block; width: 30px; height: 30px; }
.header-tel { float: left; display: none; font-weight: bold; font-size: 22px; color: #ea5b24; padding: 0 30px 0 10px; }
.nav-btn { width: 30px; height: 4px; padding: 4px 0; margin: 6px 10px 0 10px; border-top: 4px solid #ea5b24; border-bottom: 4px solid #ea5b24; background-color: #ea5b24; background-clip: content-box; box-sizing: content-box; position: relative; }
.nav-btn.on { border-color: transparent; background: transparent; }
.nav-btn.on:before { content: ""; display: block; width: 30px; height: 4px; background-color: #ea5b24; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }
.nav-btn.on:after { content: ""; display: block; width: 30px; height: 4px; background-color: #ea5b24; position: absolute; top: 4px; right: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);  }

.header-bottom { width: 100%; }
.nav { width: 100%; margin: 0 auto; position: relative; z-index: 9; }
.nav form {display:none; width: 100%; padding: 12px 20px 10px; height: 50px; background: #898989;  top: 0; left: 0; z-index: 999; position:relative; }
.nav .txt { float: left; width: 80%; height: 28px; padding-left: 20px; border-radius: 14px 0 0 14px; line-height:normal; font-size: 12px; color: #707070; background: #fff; }
.nav .sub { float: left; width: 20%; height: 28px; border-radius: 0 14px 14px 0; background: #fff url(../images/search.png) no-repeat 90% center; }
.sub { cursor: pointer; }
.nav ul { display: none; padding: 0 20px; background: #fff; position: relative; z-index: 9; }
.nav ul li { border-bottom: 1px solid #dcdcdc; position: relative; }
.nav ul li:after { content: "+"; display: block; width: 10px; height: 10px; line-height: 10px; font-size: 14px; position: absolute; top: 20px; right: 10px; transition: transform .3s; }
.nav ul li.on:after { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.nav ul li.one:after { display: none; }
.nav ul li h3 { height: 50px; line-height: 50px; }
.nav ul li h3 a { font-size: 15px; color: #101010; }

.subnav { display: none; padding: 10px 0; }
.subnav p { padding-bottom: 20px; }
.subnav p a { display: block; font-size: 12px; white-space: nowrap; line-height: 30px; color: #707070; }
.subnav p a span { font-size: 13px; color: #ea5b24; }
.subnav .more { color: #434343; position: relative; }
.subnav .more:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #434343; border-right: 1px solid #434343; position: absolute; top: 13px; left: 26px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.subnav p a:hover, .lv1 ul li:hover span { color: #ea5b24; }
.lv1 ul li:hover span:after { border-color: #ea5b24;}

.nav-bg { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 3; }

.dot,.pagination{position: absolute;text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; bottom: 16px; left:0; width:100%;}
.dot span,.pagination span{ width:6px; height:6px; background:#959595; margin:0 5px; display:inline-block; vertical-align: middle; border-radius:100%; -webkit-border-radius:100%; }
.dot span.swiper-active-switch,.pagination span.swiper-active-switch,.dot span.swiper-pagination-bullet-active{ background:#e95c25; width: 10px; height: 10px;}


.divwrap { width: 100%; background: #fff; }
.lv1, .lv3, .lv4-con, .footer-top, .footer-bottom, .main-con, .content2, .magnifier { margin: 0 auto; }
.lv1 ul { width: 100%; padding: 60px 0 40px; }
.lv1 ul li { float: left; font-size: 14px; text-align: center; padding-bottom: 20px; }
.lv1 ul li img { display: block; max-width:400px; margin:0 auto; width: 100%;}
.lv1 ul li i { display: block; padding-top: 10px; color: #101010; }
.lv1 ul li span { color: #959595; position: relative; }
.lv1 ul li span:after { content: ""; width: 8px; height: 8px; border-top: 1px solid #959595; border-right: 1px solid #959595; position: absolute; top: 6px; right: -10px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.lv2 { width: 100%; background: #f7f7f7; padding:30px 0; }
.indextit { color: #101010; font-size:18px; text-align: center; padding-bottom:10px; }
.lv2-top, .lv3-top { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.lv2-top ul, .lv3-top ul { height: 41px!important; margin: 0 auto; text-align: center; padding: 0 20px; border-bottom: 1px solid #dcdcdc; }
.lv2-top ul { width: 800px!important; }
.lv2-top ul li, .lv3-top ul li { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; margin: 1px -2px -1px; border-bottom: 2px solid transparent; }
.lv3-top ul li {padding:0 5%;}
.lv2-top ul li a, .lv3-top ul li a { display: block; color: #959595; }
.lv2-top ul li.on, .lv3-top ul li.on { border-color: #ea5b24; }
.lv2-top ul li.on a, .lv3-top ul li.on a { color: #ea5b24; }

.lv2-bottom { width: 100%; margin: 0 auto; padding-top: 30px; }

.lv2-bottom ul { width: 100%; position: relative; }
.lv2-bottom ul li { display: none; position: absolute; padding: 0 10px; text-align: center; }
.lv2-bottom ul li p { padding-top: 20px; color: #101010; font-size: 14px; }
.lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more { display: block; width: 98px; height: 28px; font-size: 14px; text-align: center; margin:20px auto 0; border: 1px solid #ea5b24; color: #ea5b24; border-radius: 3px; }
.lv2-bottom ul li a:hover, .lv3ul .more:hover, .lv4-con .more:hover { background: #ea5b24; color: #fff; }
.lv2-bottom ul li img { display: block; width: 100%; }

footer { width: 100%; background: #fff; }
.footer-right { font-size: 14px; padding: 0 10px; }
.line { height: 1px; background: #dcdcdc; }
.footer-bottom { line-height: 30px; padding: 20px 0; color: #959595; font-size: 13px; }
.footer-bottom a { color: #959595; }
.footer-bottom p { padding:-1px 10px; text-align: center; }
.footer-bottom .p1 { width: 100%; }
.footer-bottom .p2 { width: 100%;}
.footer-right .ph { padding-left: 16px; background: url(../images/ph2.png) no-repeat 0 center; }

.singlepage { padding-top: 20px; font-size: 14px; }
.singlepage img { max-width: 100%;width:auto !important;height:auto !important; display:block;margin:0 auto; }

.ul1 { text-align: center; clear:both; overflow:hidden;padding:10px 0; }
.ul1 li { display:block; width:33.3%; line-height:90px; padding:0; color: #fff; font-size: 15px; margin: 0; background: url(../images/about13.png) no-repeat center;background-size:90px auto; float:left; margin-bottom:10px;}

.lv2-bottom ul li{ position:relative !important;}
.lv2-bottom ul{ height:auto !important;}

.about { padding: 20px 0 50px; font-size: 13px; color: #333; line-height: 24px; }
.content2 { font-size: 14px; padding: 3% 3.5%; background: #fff; }

.leftbar { position: fixed; right: 0; bottom:100px; z-index: 98; }
.leftbar a { display: block; width: 40px; height: 40px;  position: absolute; right: 0; overflow: hidden; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; 
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
    -moz-user-select: none;}
.leftbar a img { display: block;     
	text-decoration: none;
    position: fixed;
    bottom: 25px;
    right: 10px;
    overflow: hidden;
    width: 52px;
    height: 52px;
    border: none;
    text-indent: 100%; }
.leftbar a:hover { background: #ea5b24; } 


@media screen and (max-width: 767px) {
  .footer-top2 p {
    color: #fff;
	line-height: 1.9em;
	font-size: 0.8em;
	text-align: center;
  }
  .content-mid h3 ,
  .patent-top h3,
  .product-top h2,
  .solution-top h2,
  .contact-top h3{
    font-size: 1.2em;
  }
  
  .content-mid p ,
  .patent-top p,
  .product-top p,
  .solution-top p,
  .contact-top p{
    font-size: 0.8em;
  }
  .logo .a1 { width: 90%; }
  #main-navigation {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    z-index: 999;
  }
  #main-navigation > ul {
    display: none !important;
  }
  #main-navigation > ul.mobile-nav-open {
    display: block !important;
    position: relative;
  }
  #main-navigation > ul.mobile-nav-open li {
    display: block !important;
  }
  #main-navigation > ul.mobile-nav-open li a {
    width: 100% !important;
    padding: 1.25rem 0.75rem !important;
    background: #f3f1f1;
    border: 3px solid white;
    border-top: none;
    text-align: left;
  }
  #main-navigation > ul.mobile-nav-open li.cta {
    float: none;
  }
  #main-navigation > ul.mobile-nav-open li.cta a {
    margin: 0;
    background: #4816ac;
    color: white;
  }
  #main-navigation > ul.mobile-nav-open > li:first-child a {
    border-top: 3px solid white;
  }
  #main-navigation > ul.mobile-nav-open li {
    display: block !important;
    position: relative;
    top: auto !important;
    left: auto !important;
  }
  #main-navigation > ul.mobile-nav-open li.hidden-xs {
    display: none !important;
  }
  #main-navigation > ul.mobile-nav-open li ul li a {
    background: #e5e5e5;
  }
}
@media screen and (max-width: 1080px) {
  #main-navigation ul li.hidden-nav-icon { display: none }
}

@media (min-width: 480px){
  .lv3-top ul li {padding:0 20px;}
}


@media (min-width: 768px){
    .ph a { width: 243px; }
    .header-tel { display: block; }
    .service-video ul { padding-top: 60px; }
    .service-video ul li { padding-bottom: 60px; }
    .lv1 ul li img { width: 60%; }
    .relation ol li div img { width: 50%; }
    .leftbar { width: 60px; height: 240px; bottom: 100px; }
    .leftbar a { display: block; width: 60px; height: 60px; }
    .internet ul li { width: 50%; }
    .content:nth-child(1){ padding:0px;}
    .expand-img2:after {width:60px;height:60px;}
    .internet-con{margin-top:-30px;}
}

@media (min-width: 991px) {
  
 .wqpcontent{padding:0;}
  .lv2 {padding:80px 0;}
  .indextit {font-size:26px; padding-bottom:20px; }
  .lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more {margin:50px auto 0;}
  .lv2-top ul li, .lv3-top ul li {font-size:16px;}
  .companytitle{font-size:26px; line-height:30px;}

}

@media (min-width: 1024px) {
	header { position: absolute; }
	.header-bottom { background: #8db1d6; }
	.nav-bg { display: none; }
	.nav,.logo,.footer-top { padding-left: 40px; }
	.logo a { float: left; padding-right: 18px; padding-left: 0; }
	.nav-btn, .ser-btn { display: none; }
	.nav ul { display: block; float: left; width: 78%; padding: 0; background: #8db1d6; }
	.nav ul li { float: left; position: relative; padding-right: 6%; border: none; }
	.nav ul li:after { display: none; }
	.nav ul li h3 { height: 50px; line-height: 50px; border-bottom: 2px solid #898989; }
	.nav ul li h3 a { color: #fff; }
	.nav ul li h3:hover { border-color: #ea5b24; }
	.nav form { float: right; display: block; width: 216px; position: relative; }
	.nav .sub { background-position: center center }
	.subnav { font-size: 13px; position: absolute; top: 50px; left: -50px; border: 1px solid #dcdcdc;  background: #fff; }
	.subnav p { float: left; width: 120px;  }
	.subnav .more:after { width: 7px; height: 7px; top: 11px; left: 26px; }
	.footer-bottom p { padding-left: 0; }
	.footer-bottom .p1 { float: left; width: 60%; text-align: left; }
	.footer-bottom .p2 { float: right; width: 40%; text-align: right; }
	.footer-top ul { float: left; width: 70%; max-width: 810px; background: url(../img/line2.gif) no-repeat 95% 5px;background-size:1px 100%; }
	.footer-top ul li { float: left; padding-right: 10%; line-height: 24px; border: none; margin: 0; }
	.footer-top ul li:after { display: none; }
  .footer-top ul li h4 { padding-left: 0; line-height: 24px; height: 24px; }
	.footer-top ul li p { display: block; padding-left: 0; }
	.footer-right { float: right; width: 28% }
	.lv1 ul li img { width:78%; }

	.expand { padding-top: 60px; }
	.col-20 { width: 20%; }
	.content2 { border-bottom: 60px solid #f7f7f7; }
  .content .tit1 { font-size: 40px!important; }
  
  .top2 { width: 100%; height: 266px; position: relative; overflow: hidden; }

}

@media (min-width: 1200px) {
	.main { background: #f7f7f7; }
}

@media (max-width: 640px) {
  .content table{min-width:650px;}
}