@charset "utf-8";
*{ margin:0; padding:0; list-style:none; font-style: normal; text-transform: none; text-decoration:none; outline:none;  font-family: Montserrat,Arial,Helvetica,sans-serif; }
body { font-size:12px;  font-family: Montserrat,Arial,Helvetica,sans-serif;}
img { border:none; }
a{ color:#000; }
a:hover{ color:#0082c3; }
input, textarea, button, select, radio {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}
.top{ height: 60px; line-height:60px; background:#0082c3; color:#fff; overflow: hidden; position:fixed; top:0; width:100%; z-index:10;}
.top .top_a{ float:left; margin-left:0; width:40%; overflow: hidden}
.top .top_b{ float:right; margin-right:0; width:40%; text-align:right}

.top .top_b img{ height:50px;  display: inline-block;  margin-top: 5px;  margin-left: 10px;}

.top a{ color:#fff; margin-left:20px; font-family: Montserrat,Arial,Helvetica,sans-serif;}
.top .top_a img{ width:27px; height:auto; margin-top: 13px; vertical-align: middle }
.top .top_a a{ display:block; float:left; margin-top:3px; margin-left:0px; margin-right:15px; }
.top .a2{ background:url(../images/email.png) no-repeat left center; padding-left:27px; }
.top .a1{ background:url(../images/qa.png) no-repeat left center; padding-left:20px; background-size: 35%; }

.topcen{ width:90%; margin:0 auto; min-width:1200px; position:relative; }


.header{padding:10px 0px;
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
	position:fixed; top:60px; width:100%;
	z-index:10;
	background:#fff;
	padding-bottom: 0px;

}


.header .logo{ float: left;
    width:12%;
    position: absolute;
    background: #fff;
    text-align:left;

    top: 20px;

}
.header .logo img{ width:70%; }

.header .search{ float:right;  width:1000px; height:70px; margin-bottom:10px; overflow: hidden; }
.header .search .search_1{float:left; font-size:18px; font-family: 'D Din'!important; margin-top: 30px; line-height: 1.5; }
.search_1 span {
	font-family: 'D Din'!important;
    border-bottom: 2px solid #26A301;
    display: inline-block;
	position: relative;
}
.search_1 span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-120%);
    transform: translate(-50%,-120%);
    background: url(../images/green-drop.png) center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 27px;
}


.header-search{ float: right; overflow: hidden; margin-top: 12px; }
.header-search .search-input {
    background: #f5f5f5;
    border: none;
    color: #222;
    font-size: 14px;
    width:400px;
    height:45px;
    padding-left:15px; float:left;
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.header-search .search-submit {
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    width: 65px;
    text-align: center;
    text-transform: uppercase;
    background-color: #0082c3;
    background-image: url(../images/search.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}


.header .nav{ float:right; width:86%; text-align:right;}
.header .nav li{ position: relative;
    line-height: 20px;
    width: auto;
    display: inline-block;
    margin-left:75px; }

.header .nav li:first-child{ margin-left:0px; }

.header .nav li a{    font-size: 12px;
    color: #2d2d2d;
    font-weight: 700;
	text-transform: uppercase;
    display: block;
    width:100%;
	line-height: 40px;
    height: 40px; display: inline-block;
    font-family: Montserrat,Arial,Helvetica,sans-serif; text-align:center; }
.header .nav li a:hover{ color:#0082c3; }
.header .nav li.nav_chr a{  background:url(../images/navjt.png) no-repeat right center; padding-right:15px; }
.header .nav li.nav_chr a:hover{  background:url(../images/navjthover.png) no-repeat right center; }
.header .nav li .nav_two {
    position: absolute;
    top:40px;
    left:-85px;
    width: 100%;
	background:#fff;
    display: none;
	border-top: 2px solid #f1f1f1;
	padding:20px;
	-moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
}



.header .nav li:hover .nav_two {
    display: block;
    min-width: 220px;
   
}

.header .nav li .nav_two.nav_two1{ min-width:1040px }

.header .nav .nav_two li {
    float: none;
    margin-left: 0px;
	width:100%;

}

.header .nav .nav_two1{ overflow:hidden}
.header .nav .nav_two1 li{ float:left; width:33.3%; }
.header .nav .nav_two1 li div{ text-align:left}

.header .nav li .nav_two a{  text-align:left; }

.banner{ margin-top:190px; overflow:hidden; height:auto; }

.banner .swiper01 img{ margin-top:0px; }

.banner .swiper01 .swiper-button-next{ opacity:0.7; width:64px; right: 2%; background-image:url('data:image/png;base64,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');
;
    background-size: 40px; }
.banner .swiper01 .swiper-button-prev{ opacity:0.7;  width:64px; left: 2%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgyNzk4Mjg2OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNDY1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yMjE0MzQgMCAwIDIyOS4yMjE0MzQgMCA1MTJTMjI5LjIyMTQzNCAxMDI0IDUxMiAxMDI0IDEwMjQgNzk0Ljc3ODU2NiAxMDI0IDUxMiA3OTQuNzc4NTY2IDAgNTEyIDB6TTUxMiA5ODUuMzU4NDkxQzI1MC41NzA4NjggOTg1LjM1ODQ5MSAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgNTEyIDM4LjY0MTUwOSAyNTAuNTcwODY4IDI1MC41NzA4NjggMzguNjQxNTA5IDUxMiAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgOTg1LjM1ODQ5MSAyNTAuNTcwODY4IDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTEgNzczLjQyOTEzMiA3NzMuNDI5MTMyIDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTF6TTQwOC43ODg1MjggNTE2Ljk0NjExMyA2MDUuOTc2MTUxIDMxOS43NTg0OTFjMy43Njc1NDctMy43Njc1NDcgMy43Njc1NDctOS44OTIyMjYgMC0xMy42NTk3NzRsLTEzLjY1OTc3NC0xMy42NTk3NzRjLTMuNzY3NTQ3LTMuNzY3NTQ3LTkuODkyMjI2LTMuNzY3NTQ3LTEzLjY1OTc3NCAwTDM2MC4wNjE1ODUgNTExLjAzMzk2MmMtMy43Njc1NDcgMy43Njc1NDctMy43Njc1NDcgOS44OTIyMjYgMCAxMy42NTk3NzRsMTMuNjU5Nzc0IDEzLjY1OTc3NGMxLjMzMzEzMiAxLjMzMzEzMiAyLjk5NDcxNyAyLjAyODY3OSA0LjcxNDI2NCAyLjQxNTA5NGwyMDkuMDExOTI1IDIwOC45OTI2MDRjMy43Mjg5MDYgMy43NDgyMjYgOS43OTU2MjMgMy43NDgyMjYgMTMuNTQzODQ5IDBsMTMuNTQzODQ5LTEzLjU0Mzg0OWMzLjcyODkwNi0zLjcyODkwNiAzLjcyODkwNi05Ljc5NTYyMyAwLTEzLjU0Mzg0OUw0MDguNzg4NTI4IDUxNi45NDYxMTN6IiBwLWlkPSIyMjQ2NiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: 40px; }

.banner .pagedown {
    position: absolute;
    z-index: 15;
    color: #fff;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    bottom:30px;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
	font-size:16px;
    letter-spacing: 1px;
    cursor: pointer;
	font-family: 'D Din'!important;
}


.banner .pagedown p {
    position: relative;
}
.banner .pagedown p::before {
    content: "";
    width: 2px;
    height: 6px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    background: #fff;
    animation: move .5s infinite;
}
.banner .pagedown p span {
    border: 2px solid #fff;
    display: inline-block;
    width: 18px;
    height: 32px;
    border-radius: 10px;
}
@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}

.erj{ position:relative; }
.erj::after{content: ' ';
    height:5px;
    width:5px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    margin-left: 7px;
    margin-top: 0px;
    position: absolute;
    top: 13px;}

.header .nav li a:hover.erj::after{  border-bottom: 2px solid #0082c3;
    border-right: 2px solid #0082c3; }

.header .nav .nav_two li div a{    font-weight: 100; font-size: 16px; font-family: 'D Din'!important; text-transform:none; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%; }
.header .nav .nav_two  a{ text-transform: uppercase;  }

.banner .swiper-pagination {
    right:7%;
    left: auto;
    top:50%;
    bottom: auto;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.banner .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    opacity: 1;
    transition: all .5s;
    background: transparent;
    background: #fff;
    position: relative;
    margin:20px 0;
	border-radius: 100%;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #0082c3;
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    border-radius: 100%;
    transition: all .5s;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    width: 16px;
    height: 16px;
    border: 1px solid #0082c3;
}



.service{ width:100%; margin-top:80px;  }
.service h2{ width:100%;     font-weight: 500; text-align: center; text-transform:Uppercase; font-size:50px; color:#0082c3; }
.service h2 i{ text-transform:Uppercase; color:#900; }
.textmiao{ width:100%;  text-align:center; line-height:20px; font-size:16px; font-weight:100; color:#656565; margin-top:20px; }


.service h2::after{ content:' '; display:block; margin:0 auto; height:1px; width:100px; background:#f1f1f1; margin-top:30px;   }

.service ul{ overflow:hidden; width:80%; margin:0 auto; margin-top:30px; }
.service ul li{ float: left; width: 23.5%; margin-right: 2%;}
.service ul li:nth-child(4){ margin-right:0px;}
.service ul li img{ display:block; width:100%;}
.service ul li p{word-break:break-all;} 
.service ul li span{ font-size:18px; color: #000000; line-height:50px; }
.service ul li:hover span{ color:#900;  }
.service ul li p{color:#525252}



.service .swiper02 { width:98%; margin: 0 auto; padding-bottom:70px; margin-top:30px; min-width:1300px; }
.service .swiper02 img { width:100%; height:auto;  }


.service .swiper02 h3{ font-size:18px; color:#0F0F0F; line-height:35px;  font-family: 'D Din'!important; }
.service .swiper02 p{ color: #9a9a9a; font-size: 14px;}
.service .swiper02 a{ display:block; position:relative; }
.service .swiper02 a::after{ display: block;
    content: '';
    margin-top: 10px;
    height: 3px;
    width: 40px;
    background: #0082c3; }


.swiper02 .swiper-button-prev, .swiper02 .swiper-button-next{     background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    bottom: 0px;
    top: initial; left: 0px; }
.swiper02 .swiper-button-next::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 4px;
}

.swiper02 .swiper-button-next::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 8px;
}

.swiper02  .swiper-button-prev::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-top: 4px; display:block;
}


.swiper02 .swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    margin-top: 8px; display:block;
}

.swiper02 .swiper-button-prev::before,.swiper02 .swiper-button-prev::after,.swiper02 .swiper-button-next::before,.swiper02 .swiper-button-next::after{  content: ""; background: #d4d4d4; width:20px; }


.swiper02 .swiper-button-prev::before{margin-top: 10px;  margin-left: 5px; content: "";  }
.swiper02 .swiper-button-prev::after{ margin-top: 12px;  margin-left: 5px; content: "";}
.swiper02 .swiper-button-next::before{margin-top: 10px;  margin-left: 8px;  content: "";}
.swiper02 .swiper-button-next::after{ margin-top: 12px;  margin-left: 8px; content: "";} 




.swiper02 .swiper-button-prev:hover, .swiper02 .swiper-button-next:hover{ background:#ffe300;  border: 1px solid #ffe300; }


.swiper02 .swiper-button-prev:hover::before,.swiper02 .swiper-button-prev:hover::after,.swiper02 .swiper-button-next:hover::before,.swiper02 .swiper-button-next:hover::after{background:#ea563b;}


.swiper02 .swiper-button-next{ left:100%; margin-left:-45px; }







.swiper02  .swiper-pagination-bullet { width:50px; height:2px; border-radius:0px;}
.swiper02  .swiper-pagination-bullet-active{ background:#0082c3 }

.swiper01  .swiper-pagination-bullet { width:50px; height:2px; border-radius:0px;}
.swiper01  .swiper-pagination-bullet-active{ background:#0082c3 }









.products{ width:80%; margin:0 auto; margin-top:50px; min-width:1200px; margin-bottom:30px;  }

.products h2{ width:100%; text-align: center;     font-weight: 500; text-transform:Uppercase; font-size:50px; color:#0082c3 }

.products h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height:1px;

    width:100px;
    background: #f1f1f1;
    margin-top: 30px;
}


.pro1{ background:#f1f1f1; padding:50px 0px;}


.pro1 h2{ width:80%; margin:0 auto; font-size:30px;  }
.pro1 h2 a{ color:#000; text-transform: Uppercase; }
.pro1 h2 a:hover{ color:#0082c3; }
.pro1 h2 a.learnmore{ float: right;
    font-size: 12px;
    color: #929292;
    font-weight: 500; }

.pro1 .textmiao{ text-align:left; width:80%; margin:0 auto; line-height:30px; margin-bottom:20px; margin-top:20px;  }
.pro1 .textmiao::before{ content: ''; display:inline-block; height:3px; width:50px; background:#000; margin-right:30px;}
.pro1 .swiper-slide img{ width:85%; height:auto; transition: all 0.2s ease-in-out 0s; }
.pro1 .swiper-slide:hover img{ transform:scale(1.05); }
.pro1 .swiper-slide { text-align:center}
.pro1 .swiper-slide a{ display:block}
.pro1 .swiper03,.pro1 .swiper04{ width:80%; padding-left:5%; padding-right:5%; }
.pro1 .swiper-slide span{font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 20px;
    color: #4e4e4e;}

.pro1 .swiper-slide:hover span{ color:#0082c3; }


.pro1  .swiper-button-prev,.customerssays  .swiper-button-prev{ height:100%; top:0px; background-color:#f1f1f1; left: 0px;     width: 65px; margin-top:0px; }
.pro1  .swiper-button-next,.customerssays  .swiper-button-next{ height:100%; top:0px; background-color:#f1f1f1; right: 0px;     width: 65px; margin-top:0px; }

.pro1  .swiper-button-next,.customerssays  .swiper-button-next{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgyNzk3ODgzNTY5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEzMDU2IiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQ0NS4zNDMzOTYgMjkyLjQzODk0M2MtMy43Njc1NDctMy43Njc1NDctOS44OTIyMjYtMy43Njc1NDctMTMuNjU5Nzc0IDBsLTEzLjY1OTc3NCAxMy42NTk3NzRjLTMuNzY3NTQ3IDMuNzY3NTQ3LTMuNzY3NTQ3IDkuODkyMjI2IDAgMTMuNjU5Nzc0bDE5Ny4xODc2MjMgMTk3LjE4NzYyM0w0MDkuNDg0MDc1IDcyMi42OTI4M2MtMy43Mjg5MDYgMy43NDgyMjYtMy43Mjg5MDYgOS43OTU2MjMgMCAxMy41NDM4NDlsMTMuNTQzODQ5IDEzLjU0Mzg0OWMzLjcyODkwNiAzLjc0ODIyNiA5Ljc5NTYyMyAzLjc0ODIyNiAxMy41NDM4NDkgMGwyMDkuMDExOTI1LTIwOC45OTI2MDRjMS43MTk1NDctMC4zODY0MTUgMy4zODExMzItMS4wODE5NjIgNC43MTQyNjQtMi40MTUwOTRsMTMuNjU5Nzc0LTEzLjY1OTc3NGMzLjc2NzU0Ny0zLjc2NzU0NyAzLjc2NzU0Ny05Ljg5MjIyNiAwLTEzLjY1OTc3NEw0NDUuMzQzMzk2IDI5Mi40Mzg5NDN6TTUxMiAwQzIyOS4yNDA3NTUgMCAwIDIyOS4yMjE0MzQgMCA1MTIgMCA3OTQuNzU5MjQ1IDIyOS4yNDA3NTUgMTAyNCA1MTIgMTAyNCA3OTQuNzc4NTY2IDEwMjQgMTAyNCA3OTQuNzU5MjQ1IDEwMjQgNTEyIDEwMjQgMjI5LjIyMTQzNCA3OTQuNzc4NTY2IDAgNTEyIDB6TTUxMiA5ODUuMzU4NDkxQzI1MC41NzA4NjggOTg1LjM1ODQ5MSAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgNTEyIDM4LjY0MTUwOSAyNTAuNTcwODY4IDI1MC41NzA4NjggMzguNjQxNTA5IDUxMiAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgOTg1LjM1ODQ5MSAyNTAuNTcwODY4IDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTEgNzczLjQyOTEzMiA3NzMuNDI5MTMyIDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTF6IiBwLWlkPSIxMzA1NyIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==');

background-size: 40px;

 }

.pro1  .swiper-button-prev,.customerssays  .swiper-button-prev{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgyNzk4Mjg2OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNDY1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yMjE0MzQgMCAwIDIyOS4yMjE0MzQgMCA1MTJTMjI5LjIyMTQzNCAxMDI0IDUxMiAxMDI0IDEwMjQgNzk0Ljc3ODU2NiAxMDI0IDUxMiA3OTQuNzc4NTY2IDAgNTEyIDB6TTUxMiA5ODUuMzU4NDkxQzI1MC41NzA4NjggOTg1LjM1ODQ5MSAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgNTEyIDM4LjY0MTUwOSAyNTAuNTcwODY4IDI1MC41NzA4NjggMzguNjQxNTA5IDUxMiAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgOTg1LjM1ODQ5MSAyNTAuNTcwODY4IDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTEgNzczLjQyOTEzMiA3NzMuNDI5MTMyIDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTF6TTQwOC43ODg1MjggNTE2Ljk0NjExMyA2MDUuOTc2MTUxIDMxOS43NTg0OTFjMy43Njc1NDctMy43Njc1NDcgMy43Njc1NDctOS44OTIyMjYgMC0xMy42NTk3NzRsLTEzLjY1OTc3NC0xMy42NTk3NzRjLTMuNzY3NTQ3LTMuNzY3NTQ3LTkuODkyMjI2LTMuNzY3NTQ3LTEzLjY1OTc3NCAwTDM2MC4wNjE1ODUgNTExLjAzMzk2MmMtMy43Njc1NDcgMy43Njc1NDctMy43Njc1NDcgOS44OTIyMjYgMCAxMy42NTk3NzRsMTMuNjU5Nzc0IDEzLjY1OTc3NGMxLjMzMzEzMiAxLjMzMzEzMiAyLjk5NDcxNyAyLjAyODY3OSA0LjcxNDI2NCAyLjQxNTA5NGwyMDkuMDExOTI1IDIwOC45OTI2MDRjMy43Mjg5MDYgMy43NDgyMjYgOS43OTU2MjMgMy43NDgyMjYgMTMuNTQzODQ5IDBsMTMuNTQzODQ5LTEzLjU0Mzg0OWMzLjcyODkwNi0zLjcyODkwNiAzLjcyODkwNi05Ljc5NTYyMyAwLTEzLjU0Mzg0OUw0MDguNzg4NTI4IDUxNi45NDYxMTN6IiBwLWlkPSIyMjQ2NiI+PC9wYXRoPjwvc3ZnPg==');

	
	background-size: 40px;
}

.customerssays  .swiper-button-prev{background-color:#fff;}
.customerssays  .swiper-button-next{background-color:#fff;  }

.customerssays .swiper-pagination-bullet-active { background: #0082c3; }

.proson .pro1:nth-child(2n){ background:#fff; }
.proson .pro1:nth-child(2n)  .swiper-button-prev{ background-color:#fff;}
.proson .pro1:nth-child(2n)  .swiper-button-next{ background-color:#fff;}




.about{ width:80%; margin:0 auto; overflow: hidden; min-width: 1300px; }
.about video{ width:50%; float:left; margin-right: 5%; } 
.about h2{ font-size:30px; margin-bottom:20px;     text-transform: Uppercase; }
.about p{ font-size:16px; line-height:30px; color:#505050 }
.about ul{ padding-left: 1%; float: left; width: 44%; margin-top: 20px; margin-bottom: 20px; }
.about li{line-height:25px; font-size:16px; margin-bottom:10px; color: #1a1a1a; list-style:disc; font-style: italic;}


.about a{
    color: #0082c3;
    line-height: 20px;
    font-size: 14px; 
	margin-top:30px; 
	font-weight: bold; 
}


.aboutbig{ background:#f1f1f1; padding:80px 0px; margin-top:50px; background:url(../images/banner3.jpg) no-repeat center}
.about  .video_a_1 {
    float: right;
        width: 45%;
    position: relative;
    margin-top:0px;
}
.about .video_a_1 span {
    display: block;
    color: #a3a3a3;
    font-size: 18px;
    position: relative;
    padding-bottom: 30px;
    margin-top: 20px;
}

.video_a_1 p {
    color: #656565;
    margin:60px 0px 66px;
    font-weight: 100;
}

.video_a_1 span::before {
    content: '';
    position: absolute;
    width: 60px;
    bottom: 0px;
    background: #ffc30c;
    height: 2px;
}

.video_a_1 span::after {
    content: '';
    position: absolute;
    width: 60px;
    bottom: 0px;
    left: 60px;
    background: #900;
    height: 2px;
}



.news {
    background: url(../images/news-bg_17.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top:1px;
}
.w-mid {
    width:80%;
    margin: 0 auto;
    position: relative;
}

.mt-big {
    margin-top: 65px;
}
.clearfix {
    zoom: 1;
}

.news-header-wrap .title-style1 {
    text-align: left;
}
.title-style1 .title {
    font-weight: bold;
    font: 600 48px 'BarlowSemiCondensed';
    text-transform: uppercase;
}
.title-style1 .info {
    color: #808080;
    position: relative;
    padding: 7px 0 18px 0;
    display: block;
    font: 16px/1.875 'BarlowSemiCondensed';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.title-style1 .info::after {
    content: "";
    background: #990000;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-15px);
}
.news-header-wrap .title-style1 .info::after {
    left: 0;
    transform: none;
}
.box-pb {
    padding-bottom: 60px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

.mt-big {
    margin-top: 65px;
}

.more-style1 {
    text-align: center;
}


.more-style1>a {
    background: #27c940;
    border-radius: 54px;
    color: #fff;
    font: 18px 'BarlowSemiCondensed';
    display: inline-block;
    width: 192px;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
}

.news-header-wrap .more-style1>a {
    color: #000;
    background-color: transparent;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.relative {
    position: relative;
}
.mt-sml {
    margin-top: 30px;
}

.row {
   
}
.mt-sml {
    margin-top: 30px;
}

.news .news-left {
    padding: 25px 20px;
    background: #f5f7f5;
}
.news .content .date {
    font-size: 28px;
}
.news .content .news-left .date {
    width: 80px;
    position: absolute;
    left: 25px;
    top: 25px;
    color: #666;
    line-height: 60px;
}

.news .content .news-left .info {
    padding-left: 95px;
    background: #f5f7f5;
}
.transition-t5 {
    transition: all .5s;
}

.news .content .info .title {
    font-size: 18px;
    line-height: 30px;
    color: #1a1a1a;
    font: 18px/1.667 'BarlowSemiCondensed';
}
.news .news-left .info .title {
    max-height: 60px;
}
.ovfMore {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.news .content .info .des {
    font-size: 16px;
    color: #666;
    height: 76px;
    -webkit-line-clamp: 2;
    font: 16px 'BarlowSemiCondensed';
    line-height: 24px;
    padding-top: 23px;
}
.news .col-md-5 {
    width: 43.541%;
}

.news .col-md-5 img {
    width: 100%;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}



@media (min-width: 992px){
	
	.video_a_1 p {
		
   		margin: 36px 0px 42px;
		
	}

}


@media (min-width: 992px){.news .col-md-offset-1 {
    margin-left: 6.333333%;
}}

@media (min-width: 992px){.col-md-offset-1 {
    margin-left: 8.33333333%;
}}

@media (min-width: 992px){.col-md-6 {
    width: 50%;
}}


.news .news-list>li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 36px 25px;
}

.news .news-list .info {
    padding-right: 115px;
}

.ovf {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news .content .info .title {
    font-size: 18px;
    line-height: 30px;
    color: #1a1a1a;
    font: 18px/1.667 'BarlowSemiCondensed';
}
.news .content .info .title.ovf {
    -webkit-line-clamp: 2;
}

.news .content .info .des {
    font-size: 16px;
    color: #666;
    height: 76px;
    -webkit-line-clamp: 2;
    font: 16px 'BarlowSemiCondensed';
    line-height: 24px;
    padding-top: 23px;
}

.ovfMore {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.news .news-list .date {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 95px;
    height: 90px;
    position: absolute;
    top: 40px;
    right: 25px;
}

.news .content .date {
    font-size: 28px;
}
.news .news-list .date span {
    color: #666;
    font: 28px 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list .more {
    font-size: 14px;
    padding: 0 23px 0 0px;
    background: url(../images/arrow-gray.png) no-repeat;
    background-position: right 48%;
    margin-bottom: 10px;
}
.news .news-list .date span {
    color: #666;
    font: 28px 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list .date .more {
    color: #999;
    font: 600 14px/1.857 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list>li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 36px 25px;
}



.news .news-list>li:hover {
    background: #fff;
    box-shadow: 0 0 10px #eee;
}
.news .news-list>li:hover .title {
    color: #900;
}
 

.news .content .news-list  .info .des{height:70px;}


.pronrnr{ font-size: 14px; line-height: 22px; } 
.pronrnr ul{ padding-left:20px; margin:10px 0px; }
.pronrnr ul li{ list-style: disc; }


.pronrnr table {
    word-wrap: break-word !important;
    border-collapse: collapse !important;
}
.pronrnr table td {
    border: #ccc solid 1px !important;
    padding: 5px;
	font-size: 12px;
}


.page_ms{ width:100%; background:#fff; padding:20px; padding-top:0px; }
.page_ms h2{ font-size:100%; font-size:25px; border-bottom:1px solid #f1f1f1; line-height:50px; margin-bottom:20px; }
.page_ms .page_ms_text img{ max-width:100%; height:auto; }
.page_ms .page_ms_text{ font-size:16px; line-height:170%; }

.page_ms .page_ms_text ul{ margin-left:20px; margin-top:20px; margin-bottom:20px; }
.page_ms .page_ms_text ul li{    list-style-type: disc;}








.probox .pr_nr{ float:right; width:76%;      margin-top:0px; background:#fff; padding:0; margin-bottom:40px; }
.probox .pr_nr h1{ margin-bottom:20px; font-weight: bold; color: #333;  font-size:28px; }
.probox .pr_nr .time{     color: #999;font-size:16px; padding-bottom:20px; }

.probox .pr_nr .time span {  display: inline-block; color: #999;}
.probox .pr_nr .pr_nr_text{ font-size:14px; line-height:170% }


.probox .pr_nr .pr_nr_text ul{margin:15px 0px; margin-left: 30px; }
.probox .pr_nr .pr_nr_text ul li{ list-style: disc;}

.probox .pr_nr .pr_nr_text img{ max-width:100%; min-height:auto; }
.probox .pr_nr .pr_nr_text *,.custom *{ margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

.custom h1{ margin-top: 0px; }

.pr_nr .pro_img{ float:left; margin-bottom:20px;     width: 40%; }
.pr_nr .pr_nr_img{ float: left;
    width: 57%;
    height: 250px;
        margin-left: 3%; } 
.pr_nr hr{ margin-bottom:20px;}

.pr_nr .pr_nr_img p{    color: #616161;
    font-weight: normal;
    width: 100%; margin-bottom:30px; }
.pro_contact { overflow: hidden;}
.pro_contact .more a {
    color: #990000;
    font-size: 16px;
    display: block;
    padding: 6px 10px;
}

.pro_contact .more {
    background: #fff;
    border: 2px solid #990000;
    width:auto;
    border-radius: 25px;
    text-align: center;
    bottom: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    overflow: hidden;
}
.pro_contact .more:hover {
    background: #990000;
}
.pro_contact .more {
    float: left;
}

.pro_contact .more a:hover {
    color: #fff;
    background: #990000;
}


.pro_contact a {
    font-size: 12px;
    color: #4e4e4e;
}
.pro_contact .more1 {
    margin-top:9px;
    display: block;
    float: left;
    margin-left: 20px;
}



.pro_contact a img {
    vertical-align: middle;
    width: 19px;
    opacity: 0.7;
}

.pro_contact  .moretwo{ margin-left: 20px; }


.pr_nr .pr_nr_img.pr_nr_imgtwo{margin-left:0px; width:100%; height:auto;}


.contact{ width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; }

.contact .contact_left{ float:left; width:40%; margin-right:10%; }

.contact .contact_left h4 {
    font-size: 45px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    line-height: 60px;
}

.contact .contact_left h4::after{content:""; display:block; width:50px; height:4px; background:#0082c3; margin-top:30px; margin-bottom:30px; }

.contact .contact_left p {
    margin-top: 20px;
    line-height: 25px;
    color: #666;
    width: 100%;
    font-size: 16px;
}

.contact .contact_right{ float:right; width:50%; }
.lead-form-wrapper {
    background: #ffffff;
    box-shadow: 0 9px 21px 3px rgba(0, 0, 0, 0.18);
    padding: 48px;
}
.lead-form-wrapper__title {
    color: #0082c3;
    font-size: 16px;
    line-height:30px;
    margin-bottom: 16px;
    text-transform: uppercase;
	font-weight: 700;
}
.lead-form-wrapper__text {
    color: #666666;
    font-size: 16px;
    line-height:25px;
}
.lead-form .form__field {
    margin: 16px 0;
}
.lead-form label.form__label {
    width: 100%;
}
.lead-form textarea.form__text-input, .lead-form input[type='number'].form__text-input, .lead-form input[type='text'].form__text-input {
    background: #f5f4f2;
    border: 2px solid #e5e3dd;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
	margin-top: 5px;
}
label {
    display: inline-block;
	margin-bottom: 0.5rem;
}
span.sub-text {
    color: #7b7b7b;
}
.sub-text {
    font-size: 0.75em;
    font-weight: 100;
    margin-left: 4px;
}
.lead-form textarea.form__text-input {
    height: 80px;
}

.lead-form .pbtn {
    border-radius: 36px;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 4.25px;
    margin: 0 auto;
    padding: 22px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    text-align: center;
    white-space: nowrap;
	color: #f6f6f6;
	background: #0082c3;
	font-weight: bold;
}
.lead-form .pbtn:hover{ background:#658725; }


.lyly{ width:100%; margin:0 auto; margin-bottom:50px; background:#fff; border-top:4px solid #f1f1f1; margin-top:40px; padding-top:40px; }
.lyly{ width:100%; margin:0 auto; margin-bottom:50px; background:#fff; border-top:4px solid #f1f1f1; margin-top:40px; padding-top:40px; }
.lyly h3{ border-bottom:1px solid #f1f1f1; line-height:50px; }
.message{ margin-top:15px;  }
.message .messagetwo{ font-size:14px; color: #848484; }
.message .messagetwo span{     color: #ea563b;  padding-right: 5px; }

.messagethree  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #f1f1f1; width: 73.5%; font-weight: 400; font-size:14px;   background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top:10px; font-family: tonjay; float:left; }

.messagethree { margin-top:10px; overflow: hidden; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }
.lyly input[type=text]{  padding:5px;    border-radius: 5px; }

.lyly .xptj { font-size:18px; border:none; width: 250px;  text-align: center; background: #0082c3; color: #FFF; margin: 0 auto; margin-top:20px; cursor: pointer; line-height: 50px;}
.lyly .xptj:hover { background: #78a02f;}









.about{ overflow:hidden; margin-top:50px; margin-bottom:50px; }
.about .about_1{ float:left; width:50%; }
.about .about_2{ float:right; width:45%; }
.about .about_1 h3{    font-size: 24px;
    margin-bottom: 30px;
    padding-top: 75px;}
.about .about_1 h2{font-size: 32px;
    color: #333;
    font-weight: bold;
    }

.about .about_1 h4{ margin-bottom: 20px;
    font-size: 19px;
    color: #333;
    font-weight: normal; }
.about  .profile{    color: #666;
    font-size: 14px;
    line-height: 150%;}



.about .about_1 h2::after {
    content: ' ';
    display: block;
    height: 2px;
    width: 50px;
    background: #900;
    margin-top: 30px;
}


.more_pro{ 
    padding-top: 30px;
    margin-top: 30px;
    background: url(../images/111.jpg) no-repeat left #f1f1f3;
    padding: 30px;
    padding-left:55.2%; line-height:170% }

.about .more_pro h2{     font-size: 22px; }



.news_list {
    width:90%;
    margin: 0 auto;
   margin-top:40px; margin-bottom:60px;
}

.news_list li {
   overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 2%;
    margin-bottom: 20px;
    width: 45%;
    float: left;
    margin-right: 2%;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.news_list li img {
    width: auto;
    height: 150px;
    float: left;
    margin-right: 20px;
}
.news_list li h3 {
    font-size: 18px;
    line-height:23px;
}
.news_list li p {
    color:#999; line-height:25px;
}
.news_list li:nth-child(2n){ margin-right:0px; }

.news_list li:hover{box-shadow: 0 0 50px rgba(76,76,76,.2);}


.more-style1>a img {
    vertical-align: middle;
    margin-left: 20px;
}






.about{ width:100%;  }
.about .about_a{ width: 90%;  margin: 0 auto; overflow: hidden; }


.about .about_a .video{  width:60%; height:auto; float:left; position: relative; cursor:pointer;}
.about .about_a .video img{ width:100%; display:block;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s; }
.about .about_a .video::after{ content:''; display:block; position:absolute; background:url(../images/playok.png) no-repeat center; width:140px; height:140px;     top: 50%; left: 50%; margin-left:-70px; margin-top:-70px;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s; }


.about .about_a .video:hover img{ transform: scale(0.95); }
.about .about_a .video:hover::after{ transform: scale(1.05);}

.about .about_a .video_a_1{ float:right; width:35%; position:relative; margin-top:70px; color:#fff;  }

.about .about_a .video_a_1 .more{ position:relative; left:0; margin-left:0px; }

.about .about_a .video_a_1 .more::before{ background: #f9f9f9; }
.about .about_a .video_a_1 h2{  text-transform: Uppercase;  font-size:50px; font-weight: 500; color: #0082c3; }
.about .about_a .video_a_1 span{ display:block; color:#0082c3; font-size:18px; position: relative; padding-bottom:30px; margin-top:20px;  }

.video_a_1 span::before{ content:''; position: absolute; width:60px; bottom:0px; background:#ffe300; height:2px; }
.video_a_1 span::after{ content:''; position: absolute; width:60px; bottom:0px; left:60px; background:#0082c3; height:2px;}

.video_a_1 p{ color:#737373; margin: 60px 0px 50px; font-weight: 100; }



.video_fd{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; font-size:12px;display:none;}

.video_fd .video_bg{background:#000; opacity:0.8; top:0; left:0; width:100%; height:100%;}
.video_fd .video_nr{ width:900px;   z-index: 6; position:absolute;  height: auto; left: 50%; margin-left: -450px;   top: 100px;}
.video_fd .video_nr video{width:100%; background: #fff;  padding:10px;}
.video_fd .video_nr .close{cursor:pointer; padding: 10px;
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-bottom: 20px;
    margin: 0 auto;
    margin-bottom: 20px; 
	margin-top: 20px; }
.video_fd .video_nr .close::before{content:" "; display:block; height: 1px; width: 30px; background:#0082c3; margin-top:15px;

	transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */

}
.video_fd .video_nr .close::after{content:" "; display:block; height: 1px; width: 30px; background:#0082c3; margin-top:0px;

	transform:rotate(135deg);
    -ms-transform:rotate(135deg); /* IE 9 */
    -webkit-transform:rotate(135deg); /* Safari and Chrome */

}

.findapp{ display:none }
.inspired{ width:90%; margin:0 auto; margin-bottom:40px; }
.inspired .textmiao{}

.inspired h2{ width:100%; text-align: center;     font-weight: 500; text-transform:Uppercase; font-size:50px; color:#0082c3 }

.inspired h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height:1px;
    width:100px;
    background: #f1f1f1;
    margin-top: 30px;
}


.designsGrid{width:90%; margin:0 auto; }

.designsGrid--six .designsGrid__col--left {
    padding-right: 20px;
}

.designsGrid--six .designsGrid__col--left div:nth-child(1){ padding-right: 20px; }
.designsGrid--six .designsGrid__col--left div:nth-child(2){ padding-left: 20px; }

.designsGrid--six .designsGrid__col--right div:nth-child(2){ padding-right: 20px; }
.designsGrid--six .designsGrid__col--right div:nth-child(3){ padding-left: 20px; }


.designsGrid--six .designsGrid__col {
    width: 50%;
    float: left;
	box-sizing: border-box;
}

.designsGrid__item {
    float: left;
    box-sizing: border-box;
}
.designsGrid__item--left {
    padding-right: 20px;
}
.designsGrid__item--top {
    padding-bottom: 20px;
}
.designsGrid__item--small {
    width: 50%;
}
.designsGrid__square {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    position: relative;
}
.designsGrid__square picture {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
}
.designsGrid__square img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.designsGrid__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 130, 195, 0.85);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.designsGrid__overlay h2 {
  
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}
.designsGrid__overlay h2 {
    margin-bottom: 20px;
}
.smallCTA, .smallCTA--blue, .smallCTA--white {
   
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.smallCTA--white {
    color: #ffffff;
}
.smallCTA:after, .smallCTA--blue:after, .smallCTA--white:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-transform: translateX(3px) translateY(-1px) rotate(45deg);
    transform: translateX(3px) translateY(-1px) rotate(45deg);
    transition: border 0.3s ease-in-out;
}
.smallCTA--white:after {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}
.designsGrid__item {
    float: left;
    box-sizing: border-box;
}
.designsGrid__item--bottom {
    padding-top: 20px;
}
.designsGrid__item--large {
    width: 100%;
}
*,*::before,*::after {
    box-sizing: inherit;
}
.designsGrid:before, .designsGrid:after {
    content: ' ';
    display: table;
}

.designsGrid--six .designsGrid__col:before, .designsGrid--six .designsGrid__col:after {
    content: ' ';
    display: table;
}

.designsGrid--six .designsGrid__col:after {
    clear: both;
}

.designsGrid:before, .designsGrid:after {
    content: ' ';
    display: table;
}

.designsGrid__item--right {
    padding-left: 20px;
}
.designsGrid--six .designsGrid__col--right {
    padding-left: 20px;
}

.designsGrid__square:hover .designsGrid__overlay {
    opacity: 1;
}

.designsGrid:after {
    clear: both;
}
.header .nav li.nav_chr a{ background:none; padding-right:0px; }

.app_more,.app_pro{ display:none; }


.button--primary, .button--secondary, .button.button--default {
    display: inline-block;
    transition: .3s;
}
.bottom{ background:url(../images/bottombg.jpg) no-repeat center top; height: 115px;
    margin-top: 80px;
    text-align: center;
    padding: 60px 0px; }
.bottom p{ font-size:25px; }

.button {
    font-weight: 700;
    line-height: 1rem;
    border: 0;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.button--primary, .button--primary:focus, .button--primary:hover {
    box-shadow: 0 4px 0 #196d01;
    border: 0;
}

.button--primary {
    background: #26a301;
    border-radius: 30px;
    text-shadow: 0 -1px 1px #1a7001;
    position: relative;
	margin-top:20px;
}

.button--primary, .button--primary:active, .button--primary:focus, .button--primary:hover {
    color: #fff;
}


.button--primary:active, .button--primary:focus, .button--primary:hover {
    background-color: #2ab501;
}
.button--primary, .button--primary:focus, .button--primary:hover {
    box-shadow: 0 4px 0 #196d01;
    border: 0;
}
.button--primary:active {
    box-shadow: 0 2px 0 #196d01;
    -webkit-transform: translate(0,2px);
    transform: translate(0,2px);
}
.button--primary, .button--primary:active, .button--primary:focus, .button--primary:hover {
    color: #fff;
}
.button--arrow:active {
    background-position: 89% 50%;
}
.button--arrow {
    padding: 20px 61px 20px 41px;
    background-image: url(../images/right-arrow-white.svg);
    background-size: 12px;
    background-attachment: scroll;
    background-position: 86% 50%;
    background-repeat: no-repeat;
}





.footer {
    position: relative;
	display: block;
}
.footer__btm {
    background-color: #16130b;
    padding:0;
	width:100%;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;
    position: relative;
	width:90%; margin:0 auto;
}
.container-fluid:after, .container-fluid:before, .container:after, .container:before {
    content: " ";
    display: table;
}

.footer-info {
    font-size: 13px;
    padding:15px 0;
}
.footer-info .row {
    margin: 0;
    max-width: none;
    width: auto;
}
.row:after, .row:before {
    content: " ";
    display: table;
}


.large-3 {
    width: 25%;
}
.column{position: relative;}
.column, .columns {
    float: left;
}
.footer-info .column {
    margin-top: 2em;
}

.footer-info .column {
    margin-top: 0;
}
.footer-info .column:nth-child(-n+2) {
    margin-top: 0;
}


.footer-info .column video{  width:80%;}

.footer-info-heading {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: .5rem;
	text-transform: uppercase;
}
.footer-info-list {
    list-style: none;
    margin: 0;
	font-size: 17px;
}

.footer-info p {
    color: #8b8b8b;
    font-size: 17px;
    margin-bottom:15px;
	font-family: 'D Din'!important;
	line-height: 1.5;
}

.footer-info-list li {
    position: relative;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 5px 0;
	line-height: 1.5;
}
.footer-info-list a {
    color: #8b8b8b;
    text-decoration: none;
	font-size: 17px; font-family: 'D Din'!important;
}
.footer-info-list a:hover {
    color: #4f4f4f;
}
.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child {
    float: right;
}
.row:after {
    clear: both;
}

.footer-info-list li span {
    color: #fff;
}


.footer-copyright {
    background: #291e0c;
    color: #8b8b8b;
    padding:10px 0;
    font-size: 15px;
	text-align: center;
	
}
.footer-copyright p{ font-family: 'D Din'!important; }






.nr_banner {
    width: 100%;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
	margin-top: 160px;
}

.nr_banner h2 {
    right: 10%;
    color: #fff;
    position: absolute;
    top: 40%;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
    padding-left: 30px;
	color:#0082c3;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
	width:40%;
}

.nr_banner h3 {
    left:50%;
    color: #fff;
	width:550px;
	text-align:center;
    position: absolute;
    top: 40%;
	margin-left:-275px;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
}


.nr_banner p{
    right: 10%;
    color: #fff;
    position: absolute;
    top:50%;
    z-index: 5;
    padding-left: 30px;
	color:#0082c3;
	font-size: 20px;
    font-weight: 400;
    line-height: 28px;
	width:40%;
	font-family: 'D Din'!important;
}

.nr_banner.nr_bannertwo p{ color:#fff; width:800px;left:50%; margin-left:-400px; text-align:center}


.nr_banner img {
    position: inherit;
    left: 50%;
    margin-left: -960px;
    display: block;
}



.porduct{ width:90%; min-width: 1200px; margin: 0 auto; overflow: hidden; min-height: 600px; margin-top: 50px; }

.porduct .product_left{ float:left;  width:23%; min-width:280px; border: 1px solid #f1f1f1; margin-bottom:20px; }

.porduct .product_left h2, .porduct .product_left .title{ font-size:20px; padding: 15px; padding-bottom: 0px; font-weight:700; } 

.porduct .product_left .one{ padding:15px; }
.porduct .product_left .one li{ line-height:40px; overflow: hidden}
.porduct .product_left .one li a{ font-size: 12px;
    color: #414141;
    font-weight:500;
    letter-spacing:0px; display: block; float: left; margin-left:5px;
}

.porduct .product_left .one li.hover a{ color:#0082c3; }


.porduct .product_left .one li:hover a{ color:#0082c3; text-decoration: underline }
.porduct .product_left .one li:hover:before
{ 

    background: url(../images/navbg.png) 0px 0px no-repeat;
  
}


.porduct .product_left .two { padding:15px; }
.porduct .product_left .two li{ line-height:30px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.porduct .product_left .two li a{ font-size:14px;  }

 


.porduct .product_right{ float:right; width:75%; min-height: 600px; position: relative }

.porduct .product_right .title{     font-size: 30px;
    border-bottom:1px dotted #b9b9b9;
    padding-bottom:20px;
	font-weight: bold;
}
.porduct .product_right .title .textmiao{ text-align:left; }


.porduct .product_right .product_list {margin-top: 30px; }
.porduct .product_right .product_list li{  width:19.6%; padding:2%; padding-bottom: 1%; margin-bottom: 20px;  float: left; border: 1px solid #f1f1f1; text-align: center;     margin-right: 1.5%;}
.porduct .product_right .product_list li img{ width: 100%; }

.porduct .product_right .product_list li:nth-child(4n){ margin-right: 0px; } 

.porduct .product_right .product_list li span{ font-size: 14px;
    line-height: 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 20px;
    color: #c1c1c1; background-image:url('data:image/png;base64,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');
 }


.porduct .product_right .product_list li p{ font-weight:bold; font-size:14px; line-height:20px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; height:40px; }

.porduct .product_right .product_list li:hover{
	
	
	box-shadow: 0 0 10px 5px rgba(221,221,221,.6);
}

.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    margin-top:40px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
	font-size: 16px;
}
.postion a {
    color: #7c7c7c;
	font-size: 16px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:16px;
}






.navdh.navdhtwo{ margin-top:210px; }


.products_nr{
    width:100%;
    min-height: 600px;
    position: relative;

}
.products_nr .pic{ float:left; width:40%; }
.products_nr .pic img.pic_big{ width:100%; border:1px solid #f1f1f1; margin-bottom:15px;}

.products_nr .text_pro{ float:right; width:55%; }
.products_nr .pic .xin{ text-align:center; color: #878787;}

.xgpro{ margin-top:30px; }
.xgpro h2{text-transform: uppercase;}
.xgpro ul{ overflow:hidden; margin-top:15px;}
.xgpro li{ width:23.5%; float:left; margin-right:2%; }
 
.xgpro li:nth-child(4n){ margin-right:0px; }
.xgpro li img{width:100%; }

.text_pro h1{ font-size:40px; margin-bottom:20px; }
.text_pro dt{ font-weight:bold; line-height:30px; font-size:16px; margin-top:20px;}
.text_pro dd{ line-height:23px; font-size:14px;  }
.text_pro .share{      margin: 20px 0; }
.text_pro .share a .a2a_svg{ background:#3A3A3A !important; }
.products_nr .button {
    margin-top: 30px;
}
.products_nr .button a {
    width: 40%;
    max-width: 200px;
    height: 45px;
    line-height: 45px;
    display: block;
    color: #fff;
    text-align: center;
    background: #3A3A3A;
    font-size: 16px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
}

.products_nr .button a:hover{ background:#0082c3; }

.tags a{color: #4F4F4F;
    margin-right: 10px;
    background: #f5f5f5;
    display: inline-block;
    padding: 4px 7px; font-size:14px; margin-bottom:10px; }





.product_right.product_righttwo{ width:100%;float:none; margin:0 auto;  }

.free{ margin-top:50px; }
.product_righttwo .freelist{position:relative; margin-bottom:50px; position: relative; border:5px solid #fff; overflow:hidden; position: relative; padding:2%; float:left; width:44%;     margin-right:2%;}
.product_righttwo .freelist::before{content:''; display:block; height:99.5%;  width:99.5%; top:0; left:0; border:1px solid #f1f1f1; position: absolute; }

.product_righttwo .freelist:hover{ border:5px solid #0082c3; }
.product_righttwo .freelist:hover::before{ display:none; }
.product_righttwo .freelist img{ width:20%; height:auto;}
.text_nr{ height:180px;overflow:hidden;line-height: 21px;}

#imgbox{float:left; width:23%; height:100%; height:180px; }
#imgbox img{width: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;}

.product_righttwo .freelist:nth-child(2n){ margin-right:0px; float:right;}
.text_mo{ float:right; margin-left:10%; width: 60%; }
.text_mo h2{ margin-bottom:15px; }
.text_mo  .text_nr{ font-size:14px; line-height:23px; }

.gotu{display: block;
    width:160px;
    background: #f1f1f1;
    text-align: center;
	margin-top:20px;
    padding: 10px;
    font-size: 16px;
    color: #acacac; }

.freelist:hover .gotu{ background:#0082c3; color:#fff; }


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


.PPT{ width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; min-height:500px; }
.PPT .h2,.step .h2{ text-align:left; width:100%; margin:0 auto; }
.PPT .miaoshu{ width: 60%;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    font-family: 'D Din'!important;}
.PPT .pptlist{ overflow:hidden; margin-top:30px }
.PPT .pptlist li{ float:left; width:32.1%;  border:5px solid #fff;  margin-right: 1.8%;     background: url(../images/ppt.png) no-repeat 18px center;
    background-size: 41px; margin-bottom:20px; }

.PPT .pptlist li:nth-child(3n){ margin-right:0px; }

.PPT .pptlist li:last-child{ margin-right:0px; }
.PPT .pptlist li span{     display: block;
    padding-left: 55px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 18px;
    color: #606060; }

.PPT .pptlist li:hover { border:5px solid #0082c3; }
.PPT .pptlist li:hover a{ border:1px solid #0082c3; }
.PPT .pptlist li:hover span{  color:#0082c3; }
.PPT .pptlist li a{ display:block;overflow:hidden; border:1px solid #f1f1f1; padding:4%;}
.PPT .pptlist li span.down2,.PPT .pptlist li span.down3{ color: #666;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 0px; }

.PPT .pptlist li span.down3{ float:right; }


.PPT .h2 {
    font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10px; text-align: center
}
.PPT .h2::before {
    content: "Data download";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase; text-align: center
}


.PPT.PPTthree .h2::before{  content: "Newsletter"; }

.PPT .lm{ width: 1200px;
    bottom: 0px;
    display: flex;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
     }
.PPT .lm li {
    flex:10;
    background:url(../images/bg1.jpg) no-repeat center;
    margin-right: 7px;
	margin-left:7px;
    transition: all 0.2s ease-in-out 0s;
    margin-top: 9px;
    position: relative;
	width:100px;
	text-align: center;
	background-size:100%;
	


}

.PPT .lm li:hover,.PPT .lm li.hover{  background:url(../images/bg1hover.jpg) no-repeat center; background-size:100%; }

.PPT .lm li a{ font-size:25px; display: block; padding:100px 0px; color:#fff;font-weight:bold;}


.Newsletter{ width:450px; margin:0 auto; margin-top:50px; font-size:16px; }
.Newsletter .newsletter_int{ background: #f5f5f5;
    border: none;
    color: #222;
    font-size: 14px;
    width:300px;
    height: 45px;
    padding-left: 15px;
    border-radius: 20px; margin-right:10px; }

.Newsletter .submit{ background:#0082c3; color:#fff; font-size:18px; border-radius:20px; padding:10px 25px; margin:0 auto; display: block; margin-top:20px; cursor:pointer}
.Newsletter .submit:hover{ background:#7eaa2c; }
.custom{float: right;
    width: 75%;
    min-height: 600px;
    position: relative; line-height:23px; font-family: 'D Din'!important; font-size:18px; padding-bottom:50px; }

.custom *{font-family: 'D Din'!important;}
.custom h1,.custom h2,.custom h3,.custom h4{ font-family: Montserrat,Arial,Helvetica,sans-serif; line-height:180%; }
.custom h3 {
    font-size: 20px;
}

.custom h2 {
    font-size:25px;
}

.custom h1 {
    font-size:30px;
}

.custom ol, .custom ul{ margin-left:30px; margin-top:10px; margin-bottom:10px; }
.custom  li{list-style-type: disc; line-height:180%; }

.custom img{ max-width:100%; height:auto !important;  margin:20px 0px; }


.custom .xptj{    font-family: Montserrat,Arial,Helvetica,sans-serif;}



.faq_list{ width:90%;  margin: 0 auto; margin-top:50px; margin-bottom:50px;

	


}
.faq_list ul{ -moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
column-gap: 2em; }
.faq_list ul li{ 

	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	
	width:96%; float:left; text-align: left; margin-right:4%;  border: 1px solid #f1f1f1; padding: 2%; margin-bottom:20px; transition: all 0.2s ease-in-out 0s; 

}
.faq_list ul li h2 span{    display: inline-block;  background: #f5f5f5; width: 40px; text-align: center; height: 40px; border-radius: 50%;line-height: 40px;font-weight: 400; margin-right: 10px; position: absolute;
    margin-left: -50px;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list ul li:hover{-moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  }
.faq_list ul li:hover h2 span{ color: #fff;
    background: #0082c3;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list li p{ margin-left:50px; font-family: 'D Din'!important; line-height:22px; font-size:16px; }

.PPT.pptfaq{ min-height:auto; }
.PPT.pptfaq .h2::before{ content:'Questions and answers'; }
.faq_list h2{ font-size: 18px;
    padding-left: 50px;
    position: relative;
    font-weight: 700;
    margin-bottom: 15px; }


.product_left.product_leftdis{display:none }

.allproducts{ display:none; }
.header .nav li.app_nav{display:none; }





.enquiry_list{ width:1200px; margin:0 auto; margin-top:250px; margin-bottom:100px; }

.enquiry_list h1{ text-align: center;
    text-transform: Uppercase;
    font-size: 30px;
    }

.enquiry_list ul{ border:1px solid #f1f1f1;  }
.enquiry_list ul li{ width:96%; overflow: hidden; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; padding-bottom:15px; }
.products_0:nth-child(n+2){ display:none; }

.enquiry_list .shuming{ width:96%; font-size:16px; border-bottom:1px solid #f1f1f1; margin:0 auto; line-height:50px; margin-bottom:30px; padding-bottom:0px;}

.enquiry_list li span{ display:block; float:left; width:60%; margin-right:5%;  }
.enquiry_list li span:nth-child(2){ width:20%; }
.enquiry_list li span:nth-child(3){ width:10%; margin-right:0;}
.enquiry_list li span:nth-child(3) a{ border: 1px solid #f1f1f1; font-size: 14px; color: #757575;  padding: 0px 10px; border-radius: 20px; }

.enquiry_list li span.title:nth-child(3) { margin-top:0px; }

.enquiry_list li img{ width:40px; height:auto; float:left; margin-right:15px; }
.enquiry_list li .title{ font-size:14px; }
.enquiry_list li span a{ color:#363636; }
.enquiry_list li span a:hover{ color:#ea563b; }


.enquiry_list input[type=text]{     border: 1px solid #d2d2d2;  padding:5px;     width: 70px; text-align: center; outline: none; border-radius: 5px; }


.message{ margin-top:15px;  }
.message .messagetwo{font-size: 14px;
    color: #0082c3;
    font-weight: bold; }
.message .messagetwo span{     color: #0082c3;  padding-right: 5px; }

.messagethree  textarea{ height:350px }

.xptj{ width:250px; text-align:center; background: #0082c3; color: #FFF;     float: right; margin: 0 auto;     margin-top: 310px; cursor:pointer; line-height:50px; }
.xptj:hover{ background: #d04128; }

.enquiry_list .textmiao {
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-weight: 100;
    color: #656565;
    margin-top: 20px;
    font-family: tonjay;
}

.enquiry_list .textmiao::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #0082c3;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}
.messagethree { margin-top:10px; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }

.enquiry_list .tjadd{ text-align:center; }
.enquiry_list .tjadd a{display: block;
    width: 100px;
    margin: 0 auto;
    padding: 10px 8px;
    background: #eaeaea;
    border-radius: 21px;
    color: #949494;
    font-size: 15px; }

.enquiry_list .tjadd a:hover{ color:#fff; background:#6c9421; }



.customerssays{ width:800px; margin:0 auto; text-align:center; margin-bottom:50px; margin-top:50px; }
.customerssays h2{  width: 100%;
    text-align: center;
    font-weight: 500;
    text-transform: Uppercase;
    font-size:30px;
    color: #0082c3; }

.customerssays h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    background: #f1f1f1;
    margin-top: 30px;
}
.customerssays .textmiao{ margin-bottom:20px; }
.customerssays .swiper-slide{  padding:0px 10%; width: 80% !important; }
.customerssays .swiper-slide img{ width:20%; height:auto; float:left; border-radius:10px; }
.customerssays .swiper-slide div{float:right;width:73%; font-size:15px; text-align:left; line-height:22px;  padding-bottom:20px; }
.customerssays .swiper-slide span{ display: block;
    color: #bdbdbd;
    font-weight: 500;
    font-size: 14px; width:100%; text-align:right;}

.rk{background: #16130b; text-align: center; padding-bottom:15px; }
	.rk a{ margin:0px 10px; }
.rk a img{ width:25px; height: auto; }



@media screen and (max-width:1680px){
	
	.header .nav li{margin-left:57px;}
	
}

@media screen and (max-width:1470px){
	
	.header .nav li{margin-left:42px;}
	
}

@media screen and (max-width:1680px){
	
	.header .logo{ width: 15%; }
	
}


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

	.about .about_a .video{ width: 55%; }
	.about .about_a .video_a_1{ width: 40%;  margin-top: 30px;}
	.video_a_1 p{     margin: 40px 0px 30px;  line-height: 22px; }
}






.products_pic{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:30px; }

.products_pic  .gallery-top video{ outline:none;
	
	height: auto;
    max-height:685px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;

}
.products_pic  .gallery-top img{ height:500px; width:auto; margin:0 auto; display:block; }
.products_pic  .gallery-top{ margin-bottom:20px;  }
.products_pic  .gallery-top,.products_pic  .gallery-thumbs{ border:1px solid #f1f1f1;}


.products_pic  .gallery-thumbs{ float:left; height:500px; width:10%; margin-right:2% }
.products_pic  .gallery-top { float:right; width:86%; background: #fff; }
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.5;  }
.products_pic  .gallery-thumbs .swiper-slide{ height:150px;}
.products_pic  .gallery-thumbs img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;margin:0 auto; display:block; }

.products_pic  .gallery-thumbs .swiper-wrapper{    display: block;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}
.products_pic .gallery-top{ float:none; width:100%; }
.products_pic .gallery-thumbs{ float:none; width:100%; height:auto; }

.products_pic .gallery-thumbs .swiper-wrapper{ display: flex; }

.products_pic .gallery-top img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; }

.products_pic .gallery-thumbs .swiper-slide{height: 80px; border: 1px solid #f1f1f1; }
.products_pic .gallery-thumbs{ border:none; }

 .products_pic{ overflow:visible; margin-top:0px; }


.products_pic .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg0NDM2Njk1NTc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5MzgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMzIxLjExODA5IDY1LjYxMjM0NyAyNTcuMDg1NzI4IDEyOS4wMDkyMzYgNjM4LjA3ODk5OCA1MTIuNjE1MDA3IDI1My44ODI3NzkgODkyLjk5MjI0NyAzMTcuMzcyNzg5IDk1Ni45MTcxNjIgNzY1LjU5NDIwNyA1MTMuMTM3OTE2WiIgcC1pZD0iMTkzOSIgZmlsbD0iIzkyYmU0MCI+PC9wYXRoPjwvc3ZnPg==');
 }


.products_pic .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg0NDM2ODQ5Mjg1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMzNzAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzA3LjMyMyA5NjAuNTU2bDU2LjA5My01NC41MDMtNDAzLjkxNy0zOTIuNDY5IDQwMy45MTctMzkyLjQ3NS01Ni4wOTMtNTQuNTAyTDI0Ny4zMiA1MTMuNTg0bDQ2MC4wMDQgNDQ2Ljk3MnogbTAgMHoiIHAtaWQ9IjMzNzEiIGZpbGw9IiM5MmJlNDAiPjwvcGF0aD48L3N2Zz4=');
}




.ourys{ width:100%; margin:40px 0px;  background: #fff; padding:80px 0px; }
.ourys h2{ text-align:center; font-size: 50px;  font-weight: 500; color:#0082c3; text-transform: Uppercase;}
.ourys h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    background: #f1f1f1;
    margin-top: 30px;
}
.ourys ul{ text-align: center; overflow:hidden}
.ourys ul li{ width:21%;float:left; padding:2%; color:#787878; font-size:18px; line-height:23px; padding-bottom:0px; }
.ourys ul li img{ width:80px; margin-bottom:20px; }




.page_about{ margin-top:190px; }

.page_about.page_aboutpc{ display:block }
.page_about.page_aboutapp{ display:none; }
.page_about .page_about_nr{ width:100%; overflow: hidden; width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;  -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
    vertical-align: middle!important;}
.page_about .page_about_nr .page_about_nr_pic{ background: #0082c3; width:50%; max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
.page_about .page_about_nr .page_about_nr_pic img{ width:100%; }
.page_about .page_about_nr .page_about_nr_txt{
    width: 30%;
    padding-left: 5%;
    padding-right: 15%;
    max-width: 30%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;}

.page_about .page_about_nr .page_about_nr_txt h2{ text-align:left; color: #555;
    width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed;
    font-size:25px;
    line-height:25px;}

.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:16px; color: #777; line-height: 22px; text-align:left}



.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ text-align:right; padding-right: 5%;  padding-left: 15%;}




.gotop{ position: fixed; left: 100%; margin-left: -60px; width: 50px; height:auto; bottom:50px;     z-index: 50;  }
.gotop a{ display: block; padding: 6px; background: #a6a6a6; border-radius: 50%; margin-bottom: 15px; width: 30px;}
.gotop a:hover{ background:#0082c3; }
.gotop a img{ display:block; width:100%;}


@media screen and (max-width:1400px){
	
	.banner .swiper01 img{ width:100%; }
	
}



.page{text-align:right; margin-top:0px; height:40px; width:100%; margin:0 auto; margin-top:40px; margin-bottom:40px;}

.page a {
	background: #f9f9f9; border: 1px solid #f9f9f9; border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(128, 135, 146); line-height: 35px; float: left; margin-right:10px;
}
.page a:hover {
	background: #0082c3; border: 1px solid #0082c3; border-image: none; color: rgb(255, 255, 255);
}
.page b {
	background:#0082c3; border: 1px solid #0082c3; border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: left; margin-right:10px;
}

.page .nextpage{ width:60px;}
.page .pripage{ width:60px;}



.my_kf{ position:fixed; z-index: 100;  top: 45%;  right:10px; }
.my_kf ul {}
.my_kf ul li{ margin-bottom: 10px; }
.my_kf ul li a{ display: block;  width: 30px;  height: 30px; background:#0082c3;  border-radius: 50%;  overflow: hidden;  padding:10px; }
.my_kf ul li:nth-child(1) a{ background: #f90; }
.my_kf ul li:nth-child(2) a{ background: #ff0000; }
.my_kf ul li:nth-child(3) a{ background: #0089ff; }
.my_kf ul li:nth-child(4) a{ background: #00c132; }
.my_kf ul li:last-child{ margin-bottom:0px; }
.my_kf ul li a svg{ display: block; width: 30px;  height:30px;}
.my_kf ul li a svg path{ fill: #fff; }






@media screen and (max-width: 640px){
	.page{ width:96%; }
	.header .nav{ width:100%; }
	.nav {
    position: fixed;
    background: rgba(0,0,0,0.39);
    width: 100%;
    height: 2000px;
    margin-top: 0px;
    display: none;
    top: 0;
    left: 0;
}
	.header .nav li.app_nav{display:block; }
	.header{  padding:0px; top:38px }
	
	.header  .nav li {
    width:60%;
    float: none;
    margin-left:40%;
    background: #fff;
    text-align: center;
}
	.header .nav li:nth-child(9){ height:540px; }
	.header .nav li a {
    text-transform: uppercase;     font-weight: 500;
}
	
	.header .logo{ box-shadow:none; width:25%; top:10px; padding-bottom:0px; position:relative; text-align:left}
	
.header  .logo img	{    height: 40px; width:auto; }
	
.header .sj_nav {
    display: block;
    width: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    margin-top: 14px;
}
	
	.header .sj_nav::before, .header .sj_nav::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #000;
}
	
	.service{ margin-top: 30px; }
	
	.header .sj_nav::before {
    margin-bottom: 5px;
}
	.topcen{min-width:auto; overflow: hidden; width: 96%; }
	.top { height: 38px;line-height: 38px;}
	.top .top_a{width:38%; }
	.top .top_b{ width:62%;}
	.top .top_b img {height:21px; margin-left: 5px; margin-top: 8px;}
	.top .top_a img {width: 20px; margin-top: 6px; }
	.top .top_a a{ margin-right: 10px; }
	.top .top_b a:nth-child(2){ display:none;}
	.top a{ margin-left:10px; }
	.banner  .swiper01 img {
    position: relative;
    left: 50%;
    margin-left:-250px;
    width: 600px;
}
	
	
	.swiper01 .swiper-slide:nth-child(1) img{ margin-left: -360px; }
	.swiper01 .swiper-slide:nth-child(3) img{margin-left: -290px;}
	.swiper01 .swiper-slide:nth-child(4) img{margin-left: -370px;}

	
	
	.inspired{     margin-bottom: 20px; }
	.banner { height: 141px; margin-top: 95px;}
	
	.service .swiper03{ min-width:auto; width:96%; padding-bottom: 50px; }
	
	
	.pr_nav{ display:none;}
	.app_pro .pr_nav{ display:block; float:none; width: 1640px; }
	 
	
	.products{ width:100%; min-width:100%; margin-bottom: 15px; margin-top: 30px; }
	
	.enquiry_list{ width:96%;     margin-bottom: 50px;     margin-top: 130px; }
	.enquiry_list .textmiao::after{ margin-bottom:20px; margin-top:20px; }
	.enquiry_list h1{ font-size:17px; }
	 
	.w-mid{ width:96%; }
	.news .col-md-5,.news .col-md-6{     width: 100%; }
	.title-style1 .title{ font-size:25px; }
	.mt-big{ margin-top:30px; }
	.news-header-wrap .mt-big{ text-align:right}
	.news .news-list>li{     padding:10px 10px; }
	
	.news .news-list .date{ top: 11px; right:0px; width: 75px; }
	.news .content .info .des{     padding-top:10px; font-size:14px;     height: 48px;
    overflow: hidden; }
	
	.news .news-list .info{ padding-right: 85px; }
	.footer .wrap{ margin-top:0px; }
	.footer .bottom-nav{ display:none; }
	.footer .message{ float:none; display:block}
	
	img.fl{ float:none }
	.footer{ padding-top:15px; padding-bottom:15px; }
	
	.swiper03 .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; }
	
	
	.about{ width:96%;     margin-top: 0px; margin-bottom:30px; }
	.aboutbig{  padding:30px 0px; }
	.about video{ width:100%;float:none; margin-bottom:15px; }
	.about .video_a_1{ width:100%; float:none;     text-align: center; }
	.about h2{     margin-bottom: 0px;  }
	.video_a_1 p{     margin:20px 0px 20px; font-family: 'D Din';     line-height: 20px; }
	
	
	.video_a_1 span::after{ margin-left: -60px; left: 50%; }
	.video_a_1 span::before{  left: 50%; }
	.about .video_a_1 span{ padding-bottom: 15px;  margin-top: 7px; }
	.about a{  display: block; width: 50px; margin: 0 auto; }
	
	.service h2,.inspired h2,.products h2{ font-size:20px; font-weight: bold; }
	
	
	.app_pro {
		display: block;
		width: 96%;
		margin-left: 2%;
		overflow-x: scroll;
		margin-bottom: 20px;
		position: relative; margin-top:20px;
	}
	.service h2::after,.products h2::after { margin-top: 20px; }
	
	 
	.products{ position:relative; }
	 
	.textmiao{ width:96%; font-size: 14px; margin:0 auto; margin-top:10px;     font-family: 'D Din'; }
	 
	.nav li:last-child { height: 100%;}
	
	.service .swiper02{ min-width:auto; padding-bottom: 30px;
    margin-top: 15px; }
	.service .swiper-slide{ width: 60%; }
	.swiper01  .swiper-slide{ overflow:hidden}
	.service .swiper02 p{ display:none; }
	.banner .pagedown{ display:none; }
	
	.about{ min-width:auto;padding: 30px 0px;
    background-position: top right; width:100%; }
	.about .about_1{ width:100% }
	.about .about_1 h3{ padding-top: 0px; font-size:18px;     margin-bottom:15px; }
	.about .about_1 h2{ font-size:22px; }
	.about .about_1 h2::after{ margin-top:15px; margin-bottom:15px; }
	.about .about_1 h4{ font-size:18px; margin-bottom: 15px; }
	.about .about_a .video::after {
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    background-size: 100%;
}

	.about .about_a .video_a_1 span{ font-size:12px;     padding-bottom:20px;
    margin-top:10px; }
	.about .about_a .video_a_1 h2{ font-size: 20px;
    font-weight: bold; }
	.about .about_2{ width:100%; }
	.about .about_2 img{ width:100%; margin-top:10px; margin-bottom:10px; } 
	.about .more a{ width:100%; }
	.inspired h2::after{ margin-top: 15px; }
	.about .about_a .video {
    width: 100%;
    height: auto;}
	.about .about_a .video_a_1 {
    width: 100%;
    margin-top: 30px;
}
	.designsGrid{width:96%; }
	.designsGrid--six .designsGrid__col--left{ padding-right:0px; }
	.designsGrid__item--left{ padding-right:5px; padding-bottom:5px; }
	.designsGrid__item--right{ padding-left:5px; padding-bottom:5px; }
	.designsGrid__item--bottom{     padding-top:5px; }
	
	.designsGrid--six .designsGrid__col--right{ padding-left:0px; margin-top:10px; }
	.designsGrid__item--top{ padding-bottom:5px; }
	.more_pro {padding:10px;margin-top: 0px; background: url(../images/111.jpg) no-repeat -6px -160px #f1f1f3; background-size: 650px; padding-top: 230px;}
	.news_list{ width:96%;     margin-top:0px; margin-bottom:20px; min-height:300px; }
	
	
	.news_list li{ width:100%;     padding:10px 0px; margin-bottom: 0;  }
	.news_list li img{ width:100px; height:100px; }
	.news_list li h3{ line-height:30px; font-size:16px; }
	.news_list li p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 23px;}
	
	.pr_nav_list{ display:none }
	.app_pro .pr_nav_list{ display:block; width: 1490px; }
	.app_pro .pr_nav_list dd{ float:left; font-size: 14px; }
	
	.container-wrap{ min-width:96%; }
	
	.probox .app_pro {width:100%; margin-left:0px; margin-top:0px; }
	.probox .app_pro .pr_nav_list{     margin-top:0px; }
	.probox dl dd {line-height: 40px;}
	
	
	.page_ms .page_ms_text{ height:300px; overflow:hidden; position:relative }
	.page_ms .page_ms_text .app_more{ display:block;
    position: absolute;
    bottom: 0px;
    height: 34px;
    text-align: center;
    display: block;
    line-height: 50px;
    width: 100%;
    font-size:20px;
    color: #990000;
	
	
		background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.36),rgba(255, 255, 255,1));
	
	}
	
	.page_ms .page_ms_text .app_more img{    vertical-align: middle; width: 10px;  margin-left: 10px;}
	
	
	
	.probox .pr_nr{ width:100%; margin-top:10px; padding:0px; } 
	.probox .pr_nr .pr_nr_text img{ max-width:100%; } 
	.probox .pr_nr .pr_nr_text li {list-style-type:disc;     margin-left: 20px;}
	.probox .pr_nr h1{     margin-bottom:15px; font-size:20px; }
	.probox .pr_nr .time { font-size:18px; padding-bottom:15px; margin-bottom:0px;}
	
	.probox .pr_nr table td{ font-size:12px; border: #ccc solid 1px !important;  }
	

	.header .search .search_1{ display:none; }
	
	.swiper02 .swiper-pagination-bullet{ width: 5px;
    height: 5px;
    border-radius: 50%; }
	.designsGrid--six .designsGrid__col{ width:100%; float:none }
	.designsGrid--six .designsGrid__col--right{ float:none; width:100%; }
	.bottom p{ font-size:16px; width:80%; margin:0 auto; line-height:22px; font-family: 'D Din'; }
	.bottom{    padding:30px 0px;     height: 89px; margin-top:20px; }
	.button--arrow {
		padding: 10px 25px 10px 20px;
		background-image: url(../images/right-arrow-white.svg);
		background-size: 12px;
		background-attachment: scroll;
		background-position:93% 50%;
		background-repeat: no-repeat;
		margin-top:10px;
	}
	.footer{ padding:0px; }
	
	
	.pro1 .swiper03, .pro1 .swiper04{ width:100%; padding-left:0; padding-right:0;  margin-top: 20px; }
	
	.pro1 .swiper-slide {
    width:40%;
}
	.pro1{     padding: 30px 0px; }
	.pro1 .swiper-button-prev {
    height: 40px;
    top:45%;
    background-color: #f1f1f1;
    left: 0px;
    width: 40px;
    margin-top: 0px;
    border-radius: 50%; display:none;
}
	.pro1 .swiper-button-next {
    height: 40px;
    top:45%;
    background-color: #f1f1f1;
    right: 0px;
     width: 40px;
    margin-top: 0px;
		 border-radius: 50%; display:none;
}
	.pro1 .swiper-slide span {
    font-size: 14px;
    line-height: 18px;
		font-family: 'D Din';
}
	.pro1 h2{ width:96%;     font-size: 16px;}
	.pro1 .textmiao{ width:96%;     margin-bottom:10px;
    margin-top:10px;     line-height: 20px; }
	
	.pro1 .textmiao::before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 30px;
    background: #000;
    margin-right: 15px;
}
	
	.header-search .search-input{ width:120px;     font-size: 12px;     height: 35px; }
	.header .search{ float:left; width:60%; margin-left:10px;  height: auto;}
	.header-search{ float:none; }
	.header-search .search-submit{ height: 35px;line-height: 35px; width: 35px;     background-size: 15px; }
	
	.video_fd .video_nr {
    width: 90%;
    margin-left: 5%;
    left: 0;
    top: 30%;
}
	.video_fd .video_nr video {
    width: 100%;
    padding: 3px;
}
	.footer-info .column video{ width:95% }
	.footer__btm{ overflow-x: scroll; }
	.container { width: 96%; padding: 4% 2%;}
	.footer-info{ padding:0px; }
	.large-3 {width:50%; margin-bottom:15px;}
	.footer-info-list a{ font-size:14px; }
	.footer-info-list li{ padding:0px; }
	.footer-info-list li span{ font-size:14px; }
	.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child { float: left;}
	.footer-info .column.find .footer-info-list,.footer-info .column.find .footer-info-heading.findtitle{ display:none; }
	.nr_banner { margin-top:88px; margin-bottom:10px; }
	.postion a,.postion{ font-size:14px; }
	.navdh{     margin-top: 60px; width: 96%; opacity: 0.5; }
	.navdh .right span{ font-size:14px; }
	.navdh .right img {	width: 18px;}
	
	.porduct{min-width:auto;     width: 96%; margin-top:0px;  }
	
	.porduct .product_left{ width:100%;     overflow-x: scroll; border:none; border-bottom: 1px solid #f1f1f1; }
	.porduct .product_left .one{ overflow:hidden; width:910px; padding:0px; }
	.porduct .product_left h2{ display:none; }
	.porduct .product_left .one li{ float:left; margin-right:15px; position:relative; padding-left:20px; }
	.porduct .product_left .one li::before{ content:''; display:block; position: absolute; left: 0px; height:10px; width:1px;  background: #bcbcbc;
    top: 14px;}
	
	.porduct .product_left .one li:first-child{ padding-left:0px; }
	.porduct .product_left .one li:first-child::before{ display:none; }
	
	.custom{ width:100%; }
	.custom h1{ font-size:22px; }
	
	.erj::after{ display:none;  }
	
	.PPT{ width:96%;    margin-top:30px; margin-bottom:30px; }
	.PPT .h2{ font-size:20px;line-height: 22px; }
	.PPT .h2::before{ font-size:12px; }
	
	.PPT .miaoshu {font-family: 'D Din'!important;}
	
	
	.dhdh{ overflow-x:scroll; margin:20px 0px;}
	.PPT .lm {width: 130%;margin-top:0px;  margin-bottom:0px; }
	.PPT .lm li{ margin-top:0px; }
	.PPT .lm li a{    padding:30px 0px; font-size:16px; }
	.PPT .pptlist{ margin-top:0px; }
	.PPT .pptlist li{width:100%;     margin-bottom:0px; }
	
	.nr_banner h3{ font-size:20px; }
	.nr_banner.nr_bannertwo p{ font-size:14px; width:90%; margin-left:5%; left:0px;     line-height: 20px; }
	
	.nr_banner img{     width: 230%; margin-left: -150px; left: 0; }
	
	
	.navdh.navdhtwo{ margin-top: 0px; }
	
	.contact{ width:96%;margin-top:20px; margin-bottom:20px; }
	
	.contact .contact_left{ float:none;width:100%; margin-bottom:20px; }
	.contact .contact_left h4{ font-size:20px; line-height: 26px; } 
	.contact .contact_right{ float:none;width:100%; }
	.contact .contact_left h4::after { margin-top:10px;  margin-bottom:10px;}
	.contact .contact_left p { margin-top:20px; line-height: 20px; color: #666; width: 100%; font-size: 14px;}
	
	.lead-form-wrapper__text{font-family: 'D Din'!important;}
	.lead-form-wrapper{ padding:30px; }
	.porduct .product_left.product_lefttwo h2{ display:block; display: block;
    padding: 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;}
	.porduct .product_left.product_lefttwo .one{width:90%; margin:0 auto; margin-top:15px; }
	.porduct .product_left.product_lefttwo .one li{ float:none; padding-left: 0px;  margin-right: 0px;}
	.porduct .product_left .one li a{ font-size:12px; }
	.porduct .product_left.product_lefttwo .one li::before{display:block}
	.porduct .product_left.product_lefttwo {
		display: block;
		position: fixed;
		z-index: 24;
		top: 0;
		background: #fff;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		left:-100%;
	}
	
	
	.porduct .close {
		display: block;
		background: url(../images/close.png) center center no-repeat;
		background-size: 70%;
		width: 30px;
		height: 30px;
		margin: 0 auto;
		position: fixed;
		z-index: 24;
		top: 12px;
		left: 90%;
		display: none;
	}
	
	.allproducts {
    display: block;
    position: fixed;
    bottom: -70px;
    background: #fff;
    text-align: center;
    padding: 10px;
    height: 100px;
    font-size: 12px;
    width: 100px;
    border-radius: 50%;
    line-height: 50px;
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    left: 50%;
    margin-left: -60px;
    background: url(../images/jts.png) no-repeat center 10px #0082c3;
	z-index: 5; 
	color:#fff;
}
	
	
	
	.faq_list ul li{ width:96%;float:none; }
	.faq_list ul{ column-count: 1;
    -moz-column-count:1;
    -webkit-column-count: 1;
    column-count: 1; }
	.faq_list h2{ font-size:16px; margin-bottom: 10px; }
	.faq_list { width: 96%;  margin-top:20px; margin-bottom: 20px;}
	
	.nr_banner.nr_bannerfree{ display:none; }
	
	.porduct .product_right.product_righttwo{ margin-top:80px; }
	.porduct .product_right .title{ font-size:20px; }
	
	.free{ margin-top:30px; }
	.product_righttwo .freelist{ width:94%; margin-right:0px; margin-bottom:10px; }
	#imgbox{ float:none; width:100%; text-align:center}
	#imgbox img {
    width: 180px;
    position:static;
    top:50%;
    margin-top:0px;
}
	.text_mo{ float:none;width:100%; margin-left:0; }
	.text_mo h2{ font-size:16px;}
	.gotu { margin-top: 10px; }
	.text_mo .text_nr{height:auto; }
	
	.product_left.product_leftnews{display:none; }
	
	
	.nr_banner h2 { padding-left: 0; width: 80%;font-size: 25px; left: 10%; text-align: center;}
	.nr_banner p{ width:80%; left:10%; padding-left:0px; text-align: center; font-size:15px; line-height:23px;}
	
	.porduct .product_right{ width:100%; margin-top:10px;}
	.porduct .product_right .textmiao{ width:100%;}
	
	.porduct .product_right .product_list{ margin-top:20px; }
	.porduct .product_right .product_list li{width: 44%; margin-right: 2%; margin-bottom:10px;}
	.porduct .product_right .product_list li:nth-child(2n){ margin-right:0px; }
	.porduct .product_right .product_list li span{     background-size: 14px; font-size: 12px; padding-left: 15px;}
	
	

	.navdh.navdhthe{ margin-top:93px; }
	.navdh.navdhfour{ margin-top:0px; }
	.products_nr .pic{ width:99%; }
	.products_nr .text_pro{ width:100%; margin-top:30px; }
	
	.xgpro{ border-bottom:4px solid #f1f1f1; border-top:4px solid #f1f1f1; padding:10px 0px; }
	.xgpro h2{ font-size:16px; }
	.app_protwo{overflow-x:scroll; }
	.xgpro ul{ width:130%; }
	.xgpro li img{ margin-bottom:5px; }
	.xgpro li a span{text-align:center; display: block; }
	.text_pro h1{ font-size:20px; }
	
	.products_nr .button{ position: fixed;
    bottom: 0px;
    background: #f1f1f1;
    width: 100%; left: 0; padding:10px 10px; z-index: 5; }
	
	.products_nr .button a{ width: 30%; font-weight: 500;  height: 35px;     font-size: 13px;   line-height: 35px; }
	
	.allproducts.allproductstwo{ width: 30%; color: #0082c3;
    left: 70%;
    margin-left: 0px;
	background: url(../images/jtstwo.png) no-repeat center 10px;
    padding: 10px 0px; -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0); bottom: -66px;}
	
	.lyly{ margin-top:20px; padding-top: 20px; margin-bottom: 20px; }
	.PPT .miaoshu{ width:90%; }
	.Newsletter{width:90%; text-align: center}
	.Newsletter .newsletter_int{ margin-top:10px; width:80% }
	
	
	.footer-info p{ font-size:16px; }
	.customerssays { width:96%; margin-bottom:30px; margin-top:30px; }
	.customerssays h2{ font-size:20px;     font-weight: bold; }
	.customerssays .swiper-slide { padding: 0px; width:100% !important;}
	.customerssays .swiper-button-next,.customerssays .swiper-button-prev{ display:none; }
	.customerssays h2::after{  margin-top:15px; }
	.customerssays .textmiao{ margin-bottom: 10px; }
	
	.designsGrid__overlay h2{ font-size: 14px;  line-height: 16px; }
	
	.designsGrid--six .designsGrid__col--left div:nth-child(1) {
    padding-right: 5px;
	}
	.designsGrid--six .designsGrid__col--left div:nth-child(2) {
    padding-left: 5px;
}
	.designsGrid--six .designsGrid__col--right div:nth-child(2) {
    padding-right:5px;
}
	.designsGrid--six .designsGrid__col--right div:nth-child(3) {
    padding-left:5px;
}
	.service .swiper02 h3 { overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;}
	
	.service .swiper02 a::after{ display:none; }
	
	.findapp{ display:block}
	
	.ourys{ margin:20px 0px;     padding:40px 0px; }
	.ourys h2{ font-size: 20px;  font-weight: bold; margin-bottom:20px; }
	.ourys ul li{ width:46%;     font-size:12px; line-height: 17px; margin-bottom:20px; }
	.ourys h2::after{ margin-top: 15px; }
	.ourys ul li img{ width:60px; height:60px; margin-bottom: 10px; }
	
	
	.page_about .page_about_nr .page_about_nr_pic{ width: 100%; max-width: 100%; flex-basis: 100%; }
	.page_about .page_about_nr .page_about_nr_txt,.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ width: 100%; max-width: 100%; flex-basis: 100%; padding: 10px 2%;     text-align: center; }
	.page_about { margin-top:96px; }
	.page_about.page_aboutpc{ display:none; }
	.page_about.page_aboutapp{ display:block;}
	.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:14px; }
	.page_about .page_about_nr .page_about_nr_txt h2{ font-size:20px; }
	
	
	.banner .swiper-pagination{ top: 43%; }
	.pronrnr img{ max-width:100%; height:auto !important; }
	
	.gotop a{ width:25px;     padding:4px; }
	.products_pic .gallery-thumbs .swiper-slide{ height:auto; }
	.tags a{ font-size:12px; }
	.messagethree input[type=text]{font-size: 12px; width:98%; margin-right:0; margin-bottom:10px; }
	.message textarea{height: 86px; padding: 10px; margin-top: 0; }
	.message .messagetwo{     font-size: 12px; font-weight:500; }
	.enquiry_list li span{ width:70%; }
	.enquiry_list li .title{ font-size: 12px; }
	.pronrnr table{ width:100% !important; }
	.banner .swiper01 .swiper-button-prev,.banner .swiper01 .swiper-button-next{ display:none; }
	.banner .swiper-pagination-bullets .swiper-pagination-bullet{ margin:10px 0px; }
	
	.messagethree textarea{ width:100%;float:none; }
	.xptj{ width:150px; float:none;     margin-top: 30px; }
}




























@media screen and (max-width:416px){
	
	.products ul li{ margin-right: 2.5%; }

	
}