@charset "utf-8";
@font-face {
    font-family: 'OpenSans-block';
    src: url("../fonts/OpenSansBold.ttf");
}
@font-face {
    font-family: 'OpenSans-bold';
    src: url("../fonts/OpenSansBold.ttf");
}


@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans.ttf");
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: 500;}
html,html.elementor-html{height: 100%;margin-top:100px !important;}
body{background: #f7f7f7;  font-size: 14px; color: #000000;}
htm,body{margin: 0;padding: 0;}
body,a,img,button,input,textarea,select{font-family:OpenSans !important;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#636363;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#636363;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#636363;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#636363;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}
table{border-collapse:collapse;}
div:not(.elementor) a{text-decoration: none;color: #333;}
a:hover{text-decoration: none;color: #1c8fff}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;transition: all ease .5s;-webkit-transition: all ease .5s;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;transition: all ease .5s;-webkit-transition: all ease .5s;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:10px;background-color: #007bc7;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #007bc7;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #007bc7;}
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.bd_weixin_popup{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.f36{
    font-size: 36px;
}
.f16
{
    font-size: 16px;
}
.f14
{
    font-size: 14px;
}
.f12
{
    font-size: 12px;
}
.mt90
{
    margin-top: 90px
}
.pt90
{
    padding-top: 90px
}
.center
{
    text-align: center;
}

.wrap{
    width: 1440px;

    margin-left: auto;
    margin-right: auto;
}
.wrap-2{
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
/*header */
.header{
    height: 100px;
    line-height: 100px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color:#1c8fff;
	top:0;
    z-index: 99999;
}


.header .logo{
    position: absolute;
    left: 50px;
	line-height:0;
}

.header .logo a
{
	height:100px;
	display:table-cell;
	vertical-align:middle;
}
.header .logo img
{
	max-height:70px;
}

.header .menu>ul>li{
    float: left;
    padding: 0 25px;
}


.header .menu ul li a:hover{
    font-weight:700
}

.header .menu ul li a{
    color: white;
}
.header .menu ul li.hover .drop-menu,.header .menu ul li.hover .drop-menu2
{
    display: block;
}
.header .menu .drop-menu,.header .menu .drop-menu2
{
    position: absolute;
    width: 100%;
    left: 0;
    top:100px;
    display: none;
    z-index: 999;

}
.header.min-header .menu .drop-menu2
{
	top:80px;
}
.header .menu .drop-menu .tab
{
    background-color: #F5F5F5;
    line-height: 60px;
}
.header .menu .drop-menu .tab .wrap
{
    position: relative;
    left: -30px;
}
.header .menu .drop-menu .tab li
{
    display: inline-block;
}
.header .menu .drop-menu .tab li a
{
    padding: 0 20px;
    line-height: 60px;
    display: inline-block;
	color:#333
}
.header .menu .drop-menu .tab li a:after
{
    content: '';
    height: 2px;
    background-color: #F5F5F5
    display: block;
    width: 130%;
    left: -15%;
    position: relative;
}
.header .menu .drop-menu .tab li.hover a:after
{
	background-color: #1c8fff;
}
.header .menu .drop-menu .tab li a:hover,.header .menu .drop-menu .tab li.hover a
{
    color: #1c8fff;
    background-color: #ffffff;
}
.header .menu .drop-menu .tab-con
{
    background-color: #ffffff;
}
.header .menu .drop-menu .tab-con dl
{
    float: left;
    margin-right: 80px;
    line-height: 28px;
}
.header .menu .drop-menu .tab-con dl a:hover
{
    text-decoration: underline;
}
.header .menu .drop-menu .tab-con dl a
{
    color: #333333;

}
.header .menu .drop-menu .tab-con .wrap
{
    display: none;
    padding-top: 30px;
    padding-bottom: 80px;
}
.header .menu .drop-menu .tab-con .wrap.hover
{
    display: block;
}
.header .menu .drop-menu .tab-con dl:nth-child(6n)
{
    margin-right: 0;
}
.header .menu .drop-menu .tab-con dt a
{
    color: #1c8fff;
    line-height: 70px;
    font-weight: bold;
    font-size: 18px;
}
.header .menu .cateogy-229,.header .menu .cateogy-19
{
	position:relative;
}

dl.drop-list{
	background: #ffffff;
	position: absolute;
	width:300px;
	line-height: 40px;
	padding:0;
	margin-left:-30px;
	border-top: 0px solid #1c8fff;
	display:none;
	box-shadow: 0 20px 20px rgb(0 0 0 / 30%);
}
.header .menu .cateogy-19 dl.drop-list
{
	width:100px;
	margin-left:-10px;
}
.header .menu dl.drop-list dd a
{
	color:#333333;
}
.header .menu dl.drop-list dd
{
	padding-left:30px;	
	border-top:1px solid #ffffff;
}
.header .menu dl.drop-list dd:hover
{
	background:#1c8fff;
	border-color:#f5f5f5
}
.header .menu dl.drop-list dd:hover a
{
	color:#ffffff;
}

.header .menu .drop-menu2
{
	background:#ffffff;
	box-shadow: 0 20px 20px rgb(0 0 0 / 30%);
}
.header .menu .drop-menu2 a,.header .menu .drop-menu2
{
	color:#1c8fff;
	font-weight:700;
	line-height:40px;
}
.header .menu .drop-menu2 a,.drop-menu2  .level-3-title,.drop-menu2  .level-2-title
{
	padding-left:20px;
	display:block;	
}
.header .menu .drop-menu2 a:hover
{
	display:block;
	height:40px;
	background:url("../images/dot-menu-right.jpg") no-repeat right 20px center #e8f4ff;
}
.header .menu .drop-menu2 .wrap
{
	display:flex;
}

.header .menu .drop-menu2 .level-1
{
	width:45%;
	display:inline-block;
	padding-top:20px;
	margin-bottom:30px;
}
.header .menu .drop-menu2 .level-1:first-child
{
	margin-right:10%;
}

.header .menu .drop-menu2 .level-1 .level-1-title
{
	font-size:20px;
	border-bottom:1px solid #e6e6e6;
	line-height:60px;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
}
.header .menu .drop-menu2 .level-2
{
	margin-left:20px;
}

.header .menu .drop-menu2 .level-3 a
{
	margin-left:40px;
	font-size:14px;
	font-weight:300;
}




.header .header-right{
    position: absolute;
    right: 0;
}
.header .header-right>div{
    float: left;
    padding-left: 20px;
    margin-left:10px;
	margin-right:10px;
	line-height:14px !important;
}
.header .header-right>div a{
    color: #ffffff;
}
.header .header-right>div a:hover{
    font-weight:700;
}

.header .header-right .header-purchase,.header .header-right .header-contact,.header .header-right .header-email
{
	margin-top:44px;
}
.header .header-right .header-search{
	margin-top:28px;
}
.header .header-right .header-purchase,.header .header-right .header-contact{
    line-height: 12px;
    border-left: 1px solid #f5f5f5;
}
.header .header-right .header-email
{
	background: url(../images/dot-email-top.png) no-repeat 0 1px;
}
.header .header-right .header-email a{padding-left:10px;}




.header .header-right .header-search>i,.header .header-right .header-search form{
	float:left;
}
.header .header-right .header-search>i{
	
	width:20px;
	height:20px;
	background: url("../images/dot-search.png") no-repeat center left;
	margin-top: 13px;
    margin-right: 15px;
	cursor: pointer;
}
.header .header-right .header-search form{
	 width:240px; 
	 display:none;
	 position:relative;
}
.header .header-right .header-search form>i{
	width:15px;
	height:20px;
	background: url("../images/dot-close.png") no-repeat center left;
	margin-top: 10px;
	cursor: pointer;
	position:absolute;
	right:10px;
	background-size: contain;
}
.header .header-right .header-search input{
	height: 40px;width: 100%;padding:5px;
	#background:url("../images/dot-search.jpg") #fff 83% center  no-repeat
=}
.header .header-right .header-search input::-webkit-input-placeholder{
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
}
.header .header-right .header-search input:-moz-placeholder{
     text-transform: uppercase;
     font-weight: 700;
     color: #333333;
}
.header .header-right .header-search input::-moz-placeholder{
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
}
.header .header-right .header-search input:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
}


.min-header{
	height:80px;
	line-height:80px;
}
.min-header .logo a{
	height:80px;
}

.min-header .header-right .header-purchase,.min-header  .header-right .header-contact,.min-header .header-right .header-email
{
	margin-top:34px;
}
.min-header .header-right .header-search{
	margin-top:18px;
}

.menu .drop-menu{
	box-shadow: 0 20px 20px rgb(0 0 0 / 30%);
}
.min-header .menu .drop-menu{
	top:80px;
	
	background-color:#ffffff;
}
/**banner**/
.content .detail p{
    line-height: 36px;
    font-size: 18px;
}
.index-banner
{
    position: relative;
}


.index-banner .detail img{
    max-width: 100%;
    margin: 0 auto;
}
.index-banner .detail .text{
    position: absolute;
    left:0;
    top:25%;
    color: #ffffff;
    width: 100%;
}

.index-banner .detail .text h2
{
    font-size: 40px;
    font-family: OpenSans-block;
    line-height: 48px;
}

.index-banner .detail .text p
{
    font-size: 24px;
    margin-top: 20px;
}
.index-banner .detail a{
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	display:block;
	z-index:99;
}

.index-banner .slick-dots
{
    right: 12%;
    text-align: right;
    bottom: 60px;
}

.index-banner .arrows
{
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
}

.index-banner .arrows i{
    width: 30px;
    height: 15px;
    background: url("../images/dot-left.png") no-repeat;
    float: left;
    cursor: pointer;
}
.index-banner .arrows i.next{
    margin-left: 30px;
    background-image: url("../images/dot-right.png");
}
.index-banner .arrows i.next:hover{
    background-image: url("../images/dot-right-hover.png");
}
.index-banner .arrows i.prev:hover{
    background-image: url("../images/dot-left-hover.png");
}


.index-banner .slick-dots
{
    width: 96%;
    max-width: 1440px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.index-banner .slick-dots li{
    margin:6px;
    width: auto;
    z-index: 999;
}
.index-banner .slick-dots li button{
    width: auto;
}
.index-banner .slick-dots li button:before
{
    background-color: #343536;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    opacity: 1;
}
.index-banner .slick-dots li.slick-active
{
    width: 24px;
}
.index-banner .slick-dots li.slick-active button:before{
    background-color:#1c8fff;
    width:24px;
}
.index-banner .slick-slide img
{
	width:100%
}

.index-news{
    position: relative;
}
.index-news .wrap{
    background-color: #ffffff;
}

.index-news .left
{
    width: 50%;
    overflow: hidden;
}
.index-news .left img
{
	height:400px;
	margin: 0 auto;
}
.index-news:hover img
{
    transform: scale(1.1)
}

.index-news  .right
{
    width: calc(50% - 30px);
    line-height: 28px;
    padding: 30px 10px 0 0;
}
.index-news  .right h3{
    font-size: 24px;
    line-height: 32px;
    margin:20px 0;
}
.index-news  .right .date,.index-news  .right p
{
    color: #808080;
}

.index-news .slick-dots li button:before{
    color:#cccccc;
    opacity: 1;
}
.index-news .slick-dots li.slick-active button:before{
    color: #1c8fff;
}

.index-news .slick-dots{
    width: calc(40% - 30px);
    right: 0;
    bottom: 40px;
    text-align: left;
}
.slick-dots li button:before
{
    font-size:12px;
}

.section-title p
{
    font-size: 24px;
    margin:40px 0;
}
.section-title h2{
    font-size: 36px;
}
.home h3
{
	font-size:20px;
	font-weight:700;
}
.index-tech ul li
{
    float: left;
    width: calc((100% - 40px)/3);
    margin:0 20px 20px 0;
    position: relative;

}
.index-tech ul li:nth-child(3n)
{
    margin-right: 0;
}
.index-tech ul li a
{
    color: #ffffff;
}
.index-tech ul li a img
{
    max-width: 100%;
}
.index-tech ul li a>h3
{
    position: absolute;
    bottom: 20px;
    padding:20px;
}
.index-tech ul li a:hover>h3{

    display: none;
}

.index-tech ul li .hover
{
    position: absolute;
    display: none;
    top:0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(28,158,227,.9);
    padding: 40px;

    transition:display 2s;
    -webkit-transition:display 2s;

}

.index-tech ul li .hover h3
{

    font-size: 24px;
}
.index-tech ul li .hover p
{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.index-tech ul li .hover i
{
    width: 30px;
    height: 16px;
    background: url("../images/dot-left-tech.png") no-repeat;
    display: block;
    position: absolute;
    bottom: 40px;
}

.index-tech-2
{
	background:#fff;
	padding-bottom:30vh;
}
.index-tech-2 .sub-tags-left
{
	float:left;
	width:43%;
}
.index-tech-2 .sub-tags-left .fixed
{
	margin-top:calc((100vh - 330px)/2);
	display: block;
	top:0;
}
.index-tech-2 .sub-tags-right
{
	float:right;
	width:57%;
}

.index-tech-2 .sub-tags .sub-tags-title
{
	font-size:32px;
}
.index-tech-2 .sub-tags-menu 
{
	margin:30px 0 120px;
}
.index-tech-2 .sub-tags-menu li
{
	margin-top:20px;
	width:540px;
	
}
.index-tech-2 .sub-tags-menu li a
{
	font-size:18px;
	color:#808080;
	line-height:36px;
	transition: all ease .2s;
    -webkit-transition: all ease .2s;
	
}
.index-tech-2 .sub-tags-menu li.active a
{
	font-size:42px;
	line-height:50px;
	font-weight:bold;
	color:#000;
	font-family: OpenSans-block !important;
}

.index-tech-2 .sub-tags-right li
{
	padding-top:20vh;
}
.index-tech-2 .sub-tags-right li:first-child
{
	padding-top:50vh;
}
.index-tech-2 .sub-tags-right li .rows
{
	display:flex
}
.index-tech-2 .sub-tags-right li .rows .row
{
	display:inline-block;
	width:calc((100% - 20px)/2);
	margin-bottom:24px;
	margin-right:20px;
	opacity:0;
	transition: all ease .5s;
    -webkit-transition: all ease .5s;
	
}
.index-tech-2 .sub-tags-right li .rows .row img
{
	max-width:100%;
}

.index-tech-2 .sub-tags-right li .rows
{
	clear:both;
	margin-top:-120px;
}
.index-tech-2 .sub-tags-right li .rows:first-child
{
	margin-top:0px;
}
.index-tech-2 .sub-tags-right li .rows .row:nth-child(2)
{
	margin-top:120px;
	margin-right:0;
}
.index-tech-2 .sub-tags-right li .rows .row a
{
    color: #ffffff;
	position: relative;
	display:block;
}
.index-tech-2 .sub-tags-right li .rows .row a img
{
    max-width: 100%;
}
.index-tech-2 .sub-tags-right li .rows .row a>h3
{
    position: absolute;
    bottom: 20px;
    padding:20px;
}
.index-tech-2 .sub-tags-right li .rows .row a:hover>h3{

    display: none;
}
.index-tech-2 .sub-tags-right li .rows .row .hover
{
    position: absolute;
    display: none;
    top:0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(28,158,227,.9);
    padding: 40px;
    transition:display 2s;
    -webkit-transition:display 2s;

}

.index-tech-2 .sub-tags-right li .rows .row .hover h3
{
    font-size: 24px;
}
.index-tech-2 .sub-tags-right li .rows .row .hover p
{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.index-tech-2 .sub-tags-right li .rows .row .hover i
{
    width: 30px;
    height: 16px;
    background: url("../images/dot-left-tech.png") no-repeat;
    display: block;
    position: absolute;
    bottom: 20px;
}



















.index-product ul li
{
    float: left;
    width: calc((100% - 40px)/3);
    margin:0 20px 20px 0;
    position: relative;
    background: #ffffff;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-product ul li:nth-child(3n)
{
    margin-right: 0;
}
.index-product ul li:hover{
    box-shadow: 0 5px 20px rgb(28, 158, 227, 30%);
}
.index-product ul li img
{
    border: 2px solid #ffffff;
    max-width: 100%;
}
.index-product ul li:last-child img
{
    #border-color:#1c8fff
}
.index-product ul li a:hover img
{
    border-color:#1c8fff
}
.index-product ul li h3{
    font-size: 24px;
    padding: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index-product ul li .more{
    position: absolute;
    left: 0;
    right: 0;
    top:40% ;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.index-product ul li .more i
{
    height: 60px;
    width: 60px;
    background: url("../images/dot-jia.png") no-repeat;
    display: block;
    margin:0 auto 40px;
}
.index-product ul li:hover .more i
{
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
	animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
}
.index-product ul li a .more span
{
    font-size: 24px;
    color: #ffffff;
}



.index-app
{
    background: url("../images/bg-app.jpg") no-repeat center;
    color: #ffffff;
    clear: both;
}
.index-app ul li
{
    float: left;
    width: calc(100%/4);
    margin:0;
    position: relative;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;

}

.index-app ul li a
{
    color: #ffffff;
    font-size: 21px;
    line-height: 36px;
}
.index-app ul li a img
{
    width: 100%;
}
.index-app ul li a>h3
{
    position: absolute;
    bottom: 20px;
    padding:20px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-app ul li a:before
{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
	transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.index-app ul li:hover a>h3
{
    display: none;
}
.index-app ul li:hover a:before
{
    background-color:rgba(0,0,0,0);
}

.index-app ul li a .hover  h3
{
    margin-top: 40%;
}
.index-app ul li .hover
{
    display: none;
    position: absolute;
    top:0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    padding: 40px;
}
.index-app ul li .hover i
{
    width: 30px;
    height: 16px;
    background: url("../images/dot-left-tech.png") no-repeat;
    display: block;
    position: absolute;
    bottom: 40px;
}
.index-app .more
{
    padding:40px 0 90px;
}
.index-app .more a
{
    font-size: 16px;
    color: #757270;
}
.index-app .more a:hover
{
    color: #ffffff;
}


/**footer**/
.footer-cats
{
    background-color: #ffffff;
}
.footer-cats .top dl
{
    float: left;
    margin-right: 70px;
    margin-bottom: 60px;
}
.footer-cats .top dl:nth-child(4n)
{
    margin-right: 0;
}

.footer-cats .top dl dt
{
    font-size: 20px;
    margin-bottom: 30px;
}
.footer-cats .top dl dd,.footer-cats .top dl dd a
{
    color: #808080;
    line-height: 26px;
    font-size: 14px;
}
.footer-cats .top dl dd a:hover,.footer-cats .top dl dd a.email
{
    color: #1c8fff;
    text-decoration: underline;
}
.footer-cats .top dl dd a.map
{
    background: url("../images/dot-map.png") no-repeat;
    padding-left: 25px;
    margin-left: 20px;
    color: #000000;
}
.footer-cats .top dl dd a.map:hover
{
    color: #1c8fff;
    background-image: url("../images/dot-map-hover.png");
}

.footer-cats .bottom
{
    font-size: 20px;
    padding: 40px 0;
    border-top: 1px solid #000000;
}
.footer-cats .bottom ul li
{
    list-style: revert;
    float: left;
    padding-right: 60px;
}

.footer-copyright
{
    padding:20px 0;
    font-size: 14px;
    background-color: #000000;
    color: #ffffff;
	line-height:20px;
}
.footer-copyright .fr
{
    text-align: right;
}
div.footer-copyright a{
    color: #ffffff;
    margin:0 5px;
}
.footer-copyright a:last-child
{
    margin-right: 0;
}
.footer-copyright a:hover
{
    text-decoration: underline;
}
.footer-copyright .fr a {
    width: 30px;
    height: 30px;
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 100%;
    font-size: inherit;
    vertical-align: middle;
    background: url(../images/dot-facebook.png?v=1)center no-repeat;
}
.footer-copyright.fr a:hover{
    background-size:contain ;
}

.footer-copyright .fr .linkedin {
    background-image: url(../images/dot-linkedin.png?v=1);
}

.footer-copyright .fr .twitter {
    background-image: url(../images/dot-twitter.png?v=1);
}

.footer-copyright .fr .youtube {
    background-image: url(../images/dot-youtube.png?v=1);
}

/**position**/
.position
{

    bottom: 30px;
    font-size: 16px;
}
div.position>a{color:#fff;}
.position i
{
    background: url("../images/dot-position.png") no-repeat center;
    height: 10px;
    width: 7px;
    display: inline-block;
}
.position li
{
    float:left;
    margin-left: 10px;
}
.position li a, .position i
{
    color: #ffffff;
}

/**about**/
.banner
{
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner>img{
    width: 100%;
}
.banner .wrap
{
    position: absolute;
    color: #ffffff;
    height: 100%;
    top:0;
    left: 0;
    right: 0;
}
.banner .wrap .text
{
    text-align: left;
    position: absolute;
    top:35%;
}
.banner .wrap .text h2
{
    font-size: 40px;
    font-family: OpenSans-block;
}
.banner .wrap .text  p
{
    font-size: 24px;
    margin-top:40px;
    line-height: 40px;
}
.banner .position
{
    position: absolute;
}

.about-title
{
    margin-bottom: 40px;
}
.about-title h3
{
    font-size: 36px;
    font-family: OpenSans-block;
}
.about-title p
{
    font-size: 24px;
    margin-top: 20px;
}
.about-btn
{
    margin-top: 40px;
}
div.about-btn a
{
    font-size:16px;
    background-color: #1c8fff;
    color: #ffffff;
    padding: 15px 25px;
    display: inline-block;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.about-btn a:hover{
    box-shadow: 0 5px 20px rgb(0, 0, 0, 30%);
}


.about-content-padding
{
    padding: 60px 35px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 30px;
}
.about-story .content .detail
{
    display: flex;
    align-items: center;
}


.about-story .content .fl
{
    width: 36%;
    overflow: hidden;
}
.about-story .content .detail:hover img
{
    transform: scale(1.1)
}
.about-story .content .fl img
{
    max-width: 100%;
}
.about-story .content .fr
{
    width: 62%;
    padding-left: 20px;
}
.about-story .content .fr p
{
    margin-top: 30px;
}
.about-story .content .fr p:first-child
{
    margin-top: 0;
}
.about-tec .content .img{
    border-bottom: 1px solid #e6e6e6;
}
.about-tec .content .title
{
    line-height: 60px;
    font-size: 20px;
}
.about-tec .content .text
{
    margin-top: 50px;
}
.body-footer-space
{
    height: 100px;
}
/**contact**/

.contact-address h3 {
    font-size: 36px;
	margin-bottom: 40px;
	text-align:center;
}
.contact-address .content .item
{
    float: left;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-bottom: 60px;
}
.contact-address .content .item:nth-child(2n)
{
    margin-right: 0;
}
.contact-address .content .item .fl
{
    width: 120px;
    position: relative;
}
.contact-address .content .item  .map .fl span
{
    font-size: 40px;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    position: absolute;
    bottom:20px;
    left: 20px;
    font-family: Gotham-Bold;
    color: #ffffff;

}


.contact-address .content .item .fr
{
    width: calc(100% - 120px);
}
.contact-address .content .item .map
{
    position: relative;
}
.contact-address .content .item .map .fr
{
    height: 100%;
    position: absolute;
    background-color: #ccc;
    right: 0;
	background:url("../images/contact-map.jpg") no-repeat center;
	background-size:cover;
}

.contact-address .content .item:nth-child(1) .map .fr
{
	background-image:url("../images/contact-map1.jpg");
}
.contact-address .content .item:nth-child(2) .map .fr
{
	background-image:url("../images/contact-map2.jpg");
}
.contact-address .content .item:nth-child(3) .map .fr
{
	background-image:url("../images/contact-map3.jpg");
}
.contact-address .content .item:nth-child(4) .map .fr
{
	background-image:url("../images/contact-map4.jpg");
}



.contact-address .content .item .map .fr a
{
	display:block;
	width:100%;
	height:100%;
}
.contact-address .content .item .text
{

    font-size: 18px;
    line-height: 30px;
}
.contact-address .content .item .text .fr>div
{
    margin-top: 40px;
}
.contact-address .content .item .text .title span
{
    display: inline-block;
}
.contact-address .content .item .text .title .name
{
    color: #1c9ee3;
    font-family: Gotham-Bold;

}

.contact-address .content .item .text .title .dot
{
    color: #cccccc;
    padding:0 20px 0 40px;
}

.contact-address .content .item .text .phone
{
    color: #808080;
}
@media screen and (max-width:1380px){
	.contact-address .content .item .fl
	{
		opacity:0;
	}
	.contact-address .content .item .fr
	{
		width:100%;
	}
}
@media screen and (max-width:1024px){
	.contact-address .content .item
	{
		margin-right:0;
	}
	.contact-address .content .item
	{
		width:100%;
	}
}

/**career**/
.career-description .text
{
    margin:0 auto;
    line-height: 30px;
    color: #808080;
    padding: 30px 0;
}

.career-description .text img
{
    margin:30px 0;
    max-width: 100%;

}

.career-description .text span
{
    color: #000000;
    text-align: center;
    display: block;
}

.career-work
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.career-work>img
{
    max-width: 100%;
}
.career-work .wrap-2
{
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
}
.career-work .text
{
    width: 80%;
    margin: 0 auto;
    color: #ffffff;

}
.career-work .text p
{
    text-align: left;
    line-height: 30px;
    margin-top: 40px;
}
.career-work .text h3
{
    font-family: OpenSans-block;
}
.career-images .fl
{
    width: 66.6%;
}
.career-images .fr
{
    width: calc( 33.3% - 3px);
}
.career-images img
{
    max-width: 100%;
}
.career-images .fl img
{
    float: left;
    margin-right: 6px;
    width: calc( (100% - 6px)/2 );
    margin-bottom: 6px;
}
.career-images .fl img:nth-child(2n)
{
    margin-right: 0;
}



/**news**/
.news .banner
{

}
.show-detail .category
{
    margin:40px 0;
}
.show-detail .category li
{
    display: inline-block;
    margin-right: 20px;
}
.show-detail .category li a
{
    padding:14px 70px;
    font-size: 18px;
    background: #ffffff;
    border:2px solid #000000;
}

.show-detail .category li.active a,.show-detail .category li a:hover
{
    background-color: #1c8fff;
    border-color:#1c8fff;
    color: #ffffff;
} 
.show-detail .category
{
      margin:40px 0;
}
  
.show-detail .category li
{
    display: inline-block;
    margin-right: 20px;
}
.show-detail .category li a
{
    padding:14px 70px;
    font-size: 18px;
    background: #ffffff;
    border:2px solid #000000;
}

.news-list .show-detail li.active a,.news-list .show-detail li a:hover
{
    background-color: #1c8fff;
    border-color:#1c8fff;
    color: #ffffff;
}

.news-list .list{
    color:#808080;
}
.tag span.t a
{
    font-size: 12px;
    background-color: #dee1e3;
    padding:5px 10px;
    margin-right: 10px;
    display: inline-block;
}

.tag span.t a:hover
{
    color: #ffffff;
    background-color: #1c8fff;
    cursor: pointer;
}
.news-list .list .tag span.date
{
    font-size: 14px;
    float: right;
}
.news-list .list h2
{
    font-size: 24px;
    margin:0 0 40px;
}
.news-list .list .content
{
    font-size: 16px;
    line-height: 30px;
}
.news-list .list .content p
{
    margin-bottom: 40px;
}
.news-list .list .item
{
    padding: 40px 0;
    border-top: 2px solid #000000;
    clear: both;
}

.news-list .list .item .fr
{
    width: 100%;
}

.news-list .list .item .fl
{
    width: 480px;
    overflow: hidden;
}
.news-list .list .item .fl img
{
    width:100%;
}
.news-list .list .item:hover img
{
    transform: scale(1.1);
}


.news-list .list .item.item-img .fr
{
    width: calc(100% - 480px - 35px);
}

/**page**/
.pagination
{
    text-align: center;
    margin-top: 40px;
}

.pagination a,.pagination span
{
    border:1px solid #d9d9d9;
    padding: 10px 15px;
    display: inline-block;
    color: #797979;
    font-size: 14px;
    margin:0 5px;
}
.pagination a:hover,.pagination .current
{
    color: #ffffff;
    background-color: #1c8fff;
    border-color: #1c8fff
}
.pagination .homePage,.pagination .lastPage
{
    padding: 10px 20px;
}

/**news-detail**/
.show-detail
{
    color: #808080 ;
}
.show-detail .position
{
    padding: 30px 0;
}
.show-detail .position a
{
    color: #000000;
}

.show-detail .position i{
    background-image: url("../images/dot-left-black.png");
}
.news-detail h2
{
    margin:40px 0;
    font-size: 36px;
    font-weight: 700;
    color: #000000;
}
.news-detail .tag .date
{
    margin-right: 36px;
}

.news-detail .content
{
    line-height: 30px;
    font-size: 16px;
    padding: 30px 0;
    margin:40px 0;
    border-top:4px solid #000000 ;
    border-bottom:4px solid #000000 ;
}
.news-detail .content p
{
    padding: 20px 0;
}
.news-detail .content img
{
    margin:20px  auto;
    display: block;
}

.pageNext
{
    font-size: 16px;
}
.pageNext li
{
    color: #000000;
    line-height: 30px;
}

/**contact**/
.contact-address .position{background-image: url("../images/bg-contact.jpg")}
.contact-address .address .row{width: 48%;float: left;margin-top: 40px;}
.contact-address .address .row:nth-child(2n){float: right;}
.contact-address .address .row .title{position: relative;}
.contact-address .address .row .title img{width: 100%;}
.contact-address .address .row .title span{position:absolute;bottom:40px;left:30px;font-size: 30px;color: #ffffff;font-family: Montserrat-Bold;}
.contact-address .address .row .text{font-size: 18px;line-height: 25px;position: relative;margin: 30px 40px 0}
.contact-address .address .row .phone{margin-top:50px;}
.contact-address .address .row .phone section{display:inline;}

.contact-address .address .row .address-text a{font-size: 12px;color: #1c8fff;background: url("../images/dot-map.png") no-repeat left center;padding-left: 30px;height: 23px;text-transform: uppercase;position: absolute;top:5px;right: 0}
.contact-address .address{padding-bottom: 90px}



.contact-address .content .item
{
    float: left;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-bottom: 60px;
}
.contact-address .content .item:nth-child(2n)
{
    margin-right: 0;
}

.contact-address .content .item .fl
{
    width: 120px;
    position: relative;
}
.contact-address .content .item  .map .fl span
{
    font-size: 40px;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    position: absolute;
    bottom:20px;
    left: 20px;
    font-family: OpenSans-bold;
    color: #ffffff;

}


.contact-address .content .item .fr
{
    width: calc(100% - 120px);
}
.contact-address .content .item .map
{
    position: relative;
}
.contact-address .content .item .map .fr
{
    height: 100%;
    position: absolute;
    background-color: #ccc;
    right: 0;
}

.contact-address .content .item .map .map-content
{
    height: 100%;
    width: 100%
}

.contact-address .content .item .text
{

    font-size: 18px;
    line-height: 30px;
}
.contact-address .content .item .text .fr>div
{
    margin-top: 40px;
}
.contact-address .content .item .text .title span
{
    display: inline-block;
}
.contact-address .content .item .text  a{
	    text-decoration: underline;
}
.contact-address .content .item .text .title .name,.contact-address .content .item .text a
{
    color: #1c8fff;
    font-family: OpenSans-bold;

}

.contact-address .content .item .text .title .dot
{
    color: #cccccc;
    padding:0 20px 0 40px;
}

.contact-address .content .item .text .phone
{
    color: #808080;
}


.contact-apply
{
    height: 800px;
    background: url("../images/contact-6.jpg") no-repeat ;
    background-size: cover;
}
.contact-apply .wrap
{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;

}
.contact-apply .wrap .apply
{
    width: 100%;.
}
.contact-apply .wrap .apply  h3
{
    color: #ffffff;
}
.contact-apply .wrap .apply input,.contact-apply .wrap .apply textarea
{
    font-size: 18px;
    padding:0 20px;
}
.contact-apply .wrap .apply input
{
    height: 60px;
    line-height: 60px;
    float: left;
    width: calc((100% - 40px)/3);
    margin-right: 20px;

}
.contact-apply .wrap .apply input:nth-child(3n)
{
    margin-right: 0;
}
.contact-apply .wrap .apply  textarea
{
    height: 200px;
    width: 100%;
    padding: 20px;
}

.contact-apply .wrap .apply button
{
    width: 100%;
    line-height: 60px;
    color: #ffffff;
    background-color: #1c8fff;
    font-size: 24px;
}
/*news*/
.news .main{padding:30px 0;}
.news .lists{width:calc(100% - 340px - 20px);float: left}
.news .hot-products{width: 340px;float: right;background-color: #ffffff;padding: 40px;font-family: Montserrat-Bold;}
.news .lists .rows li{padding: 40px 40px 70px 40px;background-color: #ffffff;margin-bottom: 20px;}
.news .lists .rows li span{font-family: Montserrat-Bold;color: #1c8fff}
.news .lists .rows li h2{font-size: 18px;font-family: Montserrat-Bold;text-align: left;line-height: 20px;padding: 20px 0}
.news .lists .rows li p{color: #808080;line-height:24px;}
.news .page{margin-top: 40px;}
.news .hot-products .title{font-size: 20px;margin-bottom: 20px;}
.news .hot-products img{max-width: 100%;border: 1px solid #e6e6e6;}
.news .hot-products ul li{margin-bottom: 60px;}
.news .hot-products ul li h3{font-size: 16px;line-height: 25px;text-align: left;margin-top: 10px;}


/**product-detail**/
.product-detail .top
{
    margin-top: 60px;
}
.product-detail .top .fl
{
    width: 480px;
}

.product-detail .slick-slider
{
    margin-bottom: 10px;
}

.product-detail .top .fl .thumb img
{
    margin-right: 10px;
    height: 100px;
    width: 100px;
    border: 1px solid #ffffff;
}
.product-detail .top .fl .thumb img.slick-current
{
    border-color: #1c8fff;
}

/* Dots */
.product-detail .top .fl .thumb .slick-dots
{
    bottom: 140px;
}
.product-detail .top .fl .thumb .slick-dots li{
    margin:6px;
    width: auto;
    z-index: 999;
}
.product-detail .top .fl .thumb .slick-dots li button{
    width: auto;
}
.product-detail .top .fl .thumb .slick-dots li button:before
{
    background-color: #cccccc;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    opacity: 1;
}
.product-detail .top .fl .thumb .slick-dots li.slick-active
{
    width: 24px;
}
.product-detail .top .fl .thumb .slick-dots li.slick-active button:before{
    background-color:#1c8fff;
    width:24px;
}


.product-detail .top .fr
{
    width: calc(100% - 50px - 480px);
    font-size: 16px;
}
.product-detail .top .fr h2
{
    font-size: 36px;
    font-weight: 700;
    margin-top: 60px;
    font-weight: bold;
}
.product-detail .top .fr .desprition
{

    line-height: 30px;
}
.product-detail .top .fr .desprition p,.product-detail .top .fr  a
{
    margin-top: 40px;
}
.product-detail .top .fr  a
{
    padding: 15px;
    color: #1c8fff;
    border: 1px solid #1c8fff;
    display: inline-block;
}
.product-detail .top .fr  a:hover
{
    background-color: #1c8fff;
    color: #ffffff;
}
.product-detail .table-desciption
{
    line-height: 20px;
    font-size: 14px;
    color: #000000;
    margin-top: 60px;
}

.product-detail .table-desciption table
{
    width: 100% !important;
}
.product-detail .table-desciption img
{
    margin: 0 10px;
}
.product-detail .table-desciption tr:first-child
{
    color: #ffffff;
    background: #0C0D0E;
}
.product-detail .table-desciption td
{
    padding: 15px 0;
    text-align: center;
    border:1px solid #333333;
}

.product-detail .desprition-item
{
    margin-top: 90px;

}
.product-detail .desprition-item td
{
    vertical-align: top;
}
.product-detail .desprition-item .title
{
    font-family: OpenSans-block;
    font-size: 32px;
    color: #1c8fff;
    padding-bottom: 40px;
    border-bottom: 4px solid #000000;
}
.product-detail .desprition-item .detail
{
    font-size: 18px;
    line-height: 36px;
    padding: 30px 0;
}
.product-detail .desprition-item .detail.double p
{
    width: 49.5%;
    display: inline-block;
}
.product-detail .desprition-item .detail a
{
    color: #1c8fff;
}
.product-detail .desprition-item .detail.pdf
{
    margin-bottom: 90px;
}
.product-detail .desprition-item .detail.pdf a
{
    color: #000000;
}
.product-detail .desprition-item .detail.pdf a:hover
{
    color: #1c8fff;
}



/**product**/
.product .category li a
{
    padding: 13px 15px ;
}
.product .category li:last-child
{
    margin-right: 0;
}
.product .list .items
{
    color: #000000;
}
.product .list .items .title
{
    font-size: 36px;
    padding: 40px 0;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    margin-bottom: 40px;
}
.product .list .items .fl
{
    height: 320px;
    width: 220px;
    background-color: #e1eef5;
    text-align: center;
    display: flex;
    align-items: center;
}
.product .list .items .fl .text
{
    width: 100%;
}

.product .list .items .fl h3
{
    font-size: 32px;
    font-family: OpenSans-block;
}
.product .list .items .fl .text a
{
    font-size: 16px;
    padding-top: 20px;
    color: #1c8fff;
    display: block;
}
.product .list .items .fr
{
    width: calc(100% - 220px - 20px);
    position: relative;
    overflow-x: hidden;
    overflow-y: clip;
}
.product .list .items .no-son .fr
{
    width: 100%;
}
.product .list .items .item
{
    position: relative;
}
.product .list .items .item .fr li
{
    height: 320px;
    width: 220px !important;
    float: left;
    margin-right: 21px;
    position: relative;
	background-color:#ffffff;
	display:table
}
.product .list .items .item .fr li a
{
	display:block;
	height:100%;
	width:100%;
	border:1px solid #ffffff;
}

.product .list .items .item .fr li a:hover
{
    border-color:#1c8fff;
    box-shadow: 0 5px 20px rgb(28, 158, 227, 30%);
}
.product .list .items .item .fr li h4
{
    position: absolute;
    bottom: 20px;
    text-align: center;
    font-size: 20px;
    width: 100%;
	padding:0 5px;
	font-size:14px;
	height:40px;
	font-weight:700;
}
.product .list .items .item .swiper-button-disabled
{
    display: none;
}
.product .list .items .swiper-wrapper
{
    width: 100%;
    height: 340px;
    position: relative;
    display: flex;
    box-sizing: content-box;
}
.product .list .items .swiper-scrollbar
{
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    margin-bottom: 50px;
}
.product .list .items .swiper-scrollbar .swiper-scrollbar-drag
{
    height: 5px;
    background-color: #1c8fff;
    margin-bottom: -3px;
    border-radius: 3px;
}


.product .list .item i.btn-slick
{
	background: url("../images/dot-cycle-left.png") no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 160px;
    margin-top: -20px;
	cursor: pointer;
	z-index:99
	
}
.product .list .items .btn-prev
{
	transform:rotate(180deg);
	left:-20px;
}
.product .list .items .btn-next
{
    right: -10px;
}
.product .list .items .btn-prev.son-prev
{
	left:220px;
}


.wpforms-field-container .wpforms-field-label{display:none !important;}
.wpforms-field-container input,.wpforms-field-container textarea{background-color: #ffffff;}
.wpforms-field-container .wpforms-field{margin:20px 20px 0 0 !important ;float:left !important;width:calc((100% - 40px)/3)!important;padding:0! important;clear: none !important;}
.wpforms-field-container .wpforms-field:nth-child(3n){margin-right: 0 !important;}
.wpforms-field-container .wpforms-field:nth-child(7){width:100% !important; }
.wpforms-field-container input,.wpforms-field-container textarea{line-height: 60px !important;;width: 100% !important;border: 1px solid #f5f5f5 !important;padding:0 20px !important;max-width:100% !important;height:auto !important;}
.wpforms-field-container input{height: 60px;}

.wpforms-field-container input::placeholder,.wpforms-field-container textarea::placeholder{color: #a6a6a6}
.wpforms-field-container .textarea{margin-top: 10px;}
.wpforms-field-container textarea{line-height: 30px !important; height: 120px !important;}
.wpforms-submit-container{padding:0 !important;}
.wpforms-submit-container button.wpforms-submit{width: 100% !important;height: 60px !important;background-color: #1c8fff !important;border-width:0 !important;color: #ffffff !important;font-size: 24px !important;cursor: pointer;padding:0 !important;margin-top:20px !important;}
.wpforms-field-container .wpforms-submit-container{position: relative !important}

.phoneLayer,.mobileMenuBtn,.header .mobile-nav
{
    display: none;
}
@media screen and (min-width: 1000px){
	.news-list.category-post .list .item:nth-child(2n) .fl
	{
		float:right;
	}
	.news-list.category-post .list .item:nth-child(2n) .fr
	{
		float:left;
		
	}
	.news-list.category-post .list .item p,.news-list.category-post .list .item span
	{
		background-color:transparent !important;
	}
	
}



@media screen and (max-width: 2080px){
	.header .menu
	{
		margin-left:80px;
	}
}
@media screen and (max-width: 1900px){
	.header .menu
	{
		margin-left:180px;
	}
}
@media screen and (max-width: 1700px){
	
	.header .menu
	{
		margin-left:290px;
	}
    .header .menu>ul>li
    {
        padding:0 20px;
    }

    .index-news .left
    {
        width: 50%;
    }
    .index-news .right
    {
        width: calc(50% - 20px);
    }
    .index-news .slick-dots{
        width: calc(50% - 30px);
    }


}
@media screen and (max-width: 1500px){
    .wrap
    {
        width: 1300px;
    }
    .header .menu .drop-menu .tab li a
    {
        padding: 0 13px;
    }
    .header .menu .drop-menu .tab-con dl
    {
        margin-right: 65px;
    }
    .footer-cats .top dl
    {
        margin-right: 40px;
    }

    .contact-address .content .item .text .fr>div
    {
        margin-top: 20px;
    }
    .product .category li a
    {
        padding: 13px 20px;
    }
}


@media screen and (max-width: 1350px) {
    .wrap
    {
        width: 1200px;
    }
	.header .logo{
		left:0;
	}
	.header .menu
	{
		margin-left:200px;
	}
    .header .menu > ul > li {
        padding:0 15px;
    }


    .footer-cats .top dl:nth-child(4) {
        width: 28%;
    }

    .header .menu .drop-menu .tab-con .wrap {
        padding-top: 0;
    }
    .header .menu .drop-menu .tab-con dl
    {
        margin-right: 46px;
    }
}

@media screen and (max-width: 1250px){
    .header .logo
    {
        left: 20px;
		width: 76px;
		overflow: hidden;
    }
	.header .menu
	{
		margin-left:80px;
	}
    .header .menu > ul > li
    {
        padding:0 7px;
    }

    .header .header-right>div
    {
        margin-right: 15px;
    }

    .header .menu .drop-menu .tab li a
    {
        font-size: 14px;
        font-weight: bold;
    }
    .header .menu .drop-menu .tab-con dt a
    {
        font-size: 16px;
    }
    .wrap
    {
        width: 1000px;
    }
    .header .menu .drop-menu .tab-con dl
    {
        margin-right: 20px;
    }

    .footer-cats .top dl
    {
        margin-right: 10px;
    }
}
@media screen and (max-width: 1100px){
	html
	{
		margin-top: 60px !important;
	}
	.header
    {
        line-height:230% !important;
    }
	.header .logo
	{
		width:auto;
	}
    .header .menu,.header .header-right,.header .mobile-nav
    {
        display: none;
    }
    .phoneLayer,.mobileMenuBtn
    {
        display: block;
    }

    
    .header .wrap
    {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 999;
        overflow-y: auto;
        padding:10px 0;
		display:none;
    }
	.fullPage .header .mobile-nav,.fullPage .header .wrap
    {
        display: block;

    }
    .mobile-nav a
    {
        color: #ffffff !important;
        font-size: 14px;
    }
    .mobile-nav>ul>li
    {
        padding: 6px 0;
    }
    .mobile-nav>ul>li>a
    {
        font-weight: 700;
        font-size: 16px;
    }
    .mobile-nav dl
    {
        padding-left: 30px;
    }
    .mobileMenuBtn
    {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 15px;
        right: 20px;
        z-index: 999;
    }
    .mobileMenuBtn .line{
        position: absolute;
        top: 14px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
    }
    .mobileMenuBtn .line:before,
    .mobileMenuBtn .line:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        left:0;
        transition: transform 0.1s, top 0.1s 0.1s;
        -webkit-transition:-webkit-transform 0.1s, top 0.1s 0.1s;
    }
    .mobileMenuBtn .line:before{
        top: 8px;
    }
    .mobileMenuBtn .line:after{
        top: -8px;
    }
    .mobileMenuBtn .line{
        transition-duration: 0.1s;
        transition-delay: 0.1s;
    }
    .mobileMenuBtn.open .line{
        transition-duration: 0.1s;
        transition-delay: 0.1s;
        background:transparent;
    }
    .mobileMenuBtn.open .line:before{
        transition: top 0.1s, transform 0.1s 0.1s;
        top: 0px;
        transform: rotateZ(-45deg);
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        background-color:#fff;
    }
    .mobileMenuBtn.open .line:after{
        transition: top 0.1s, transform 0.1s 0.1s;
        top: 0px;
        transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        background-color:#fff;
    }

    .mobileMenuBg
    {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #1c8fff;
        z-index: 99;
        display: none;
    }
	
	.header
	{
		height: 60px !important;
		line-height: 36px !important;
	}
	.header .logo img
	{
		height:40px;
	}
	.header .logo a
	{
		height:60px !important;
	}
	/*mobile*/
    .fullPage
    {
        overflow: hidden;
        height: 100%;
    }
	
	.index-tech-2
	{
		padding-bottom:0
	}
	.index-tech-2 .sub-tags-left,.index-tech-2 .sub-tags-right
	{
		width:100%;
		float:none;
	}
	
	.index-tech-2 .sub-tags .sub-tags-title
	{
		text-align:center;
		padding:30px 0;
	}
	.index-tech-2 .sub-tags-menu
	{
		display:none;
	}
	.index-tech-2 .sub-tags-left .fixed
	{
		margin-top:20px;
	}
	.index-tech-2 .sub-tags-menu
	{
		margin-bottom:20px;
	}
	.index-tech-2 .sub-tags-left .fixed>a
	{
		display:none;
	}
	.index-tech-2 .sub-tags-right li:first-child
	{
		padding-top:0;
	}
	.index-tech-2 .sub-tags-right li .rows .row
	{
		opacity:1;
	}
	.index-tech-2 .sub-tags-right li .rows
	{
		margin-top:0px
	}
	.index-tech-2 .sub-tags-right li .rows .row
	{
		margin-top:0px !important
	}
	.index-tech-2 .sub-tags-right li .rows .row a img
	{
		width:100%
	}
	.index-tech-2 .sub-tags-right li
	{
		padding-top:0
	}

}
@media screen and (max-width: 980px){
    .wrap
	{
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}

	.mt90
	{
		margin-top:30px;
	}
	.pt90
	{
		padding-top:30px;
	}
	
	
	
	
	.index-banner
	{
		height:300px;
	}
	.index-banner img
	{
		height:300px;
	}
	.index-banner .detail .text
	{
		text-align:center;
	}
	.index-banner .detail .text h2
	{
		font-size:24px;
		line-height:150%;
		
	}
	.index-banner .arrows
	{
		bottom:15px;
	}
	.index-banner .slick-dots
	{
		bottom:20px;
	}
	.index-banner .arrows .line
	{
		margin-top:20px;
	}
	
	.index-news .new{
		padding-bottom:30px;
	}
	.index-news .right,.index-news .left
	{
		width:100%;
	}
	.index-news .right,.index-news .left img
	{
		width:100%;
		height:auto;
	}
	.index-news .right
	{
		padding:0;
	}
	.index-news .right h3
	{
		line-height:150%;
	}
	
	.index-tech ul li,.index-tech ul li:nth-child(3n)
	{
		width: 100%;
		margin: 0 0 10px 0;
	}

	
	
	
	
	.index-product ul li h3
	{
		padding:20px;
		font-size:18px;
	}
	
	
	
	
	
	
	
	.index-product ul li,.index-product ul li:nth-child(3n)
	{
		width: calc((100% - 10px)/2);
		margin: 0 10px 10px 0;
	}
	.index-product ul li:nth-child(2n)
	{
		margin-right: 0;
	}
	.index-app
	{
		background-size: cover;
	}
	.index-app ul li
	{
		width: calc(100%/2);
	}
	.index-app ul li a:before
	{
		background: none;
	}
	.index-app ul li a>h3
	{
		bottom:0;
	}
	
	
	.footer-cats,.footer-copyright .fr,.index-app .more
	{
		display:none;
	}
	.footer-copyright .fl
	{
		width:100%;
		text-align:center;
	}
	
	
}

@media screen and (max-width: 960px){
	
	.index-tech ul li a img
	{
		width:100%;
	}
	
	
	.banner
	{
		height:300px;
	}
	.banner .wrap .text
	{
		width:100%;
		top: 30%;
	}
	.banner .wrap .text h2
	{
		font-size:28px;
		text-align:center;
	}
	.banner .wrap .text p
	{
		font-size:18px;
		text-align:center;
		margin-top:20px;
	}
	.banner>img
	{
		height:100%;
	}
	
	.index-news .slick-dots{
		width:100%;
		text-align:center;
	}
	
	
	.show-detail .position
	{
		padding: 15px 0;
	}
	.show-detail .category li
	{
		width:calc((100% - 30px)/3);
		margin-right:15px;
		float:left;
	}
	.show-detail .category li:nth-child(3)
	{
		margin-right:0;
	}
	.show-detail .category li a
	{
		padding:10px 0;
		width:100%;
		display:block;
		text-align:center;
	}
	
	.news-list .list .item .fl,.news-list .list .item .fl img,.news-list .list .item.item-img .fr
	{
		width:100%;
	}
	.news-detail .content
	{
		margin:10px 0;
		padding: 15px 0;
		border-width:2px;
	}
	.news-detail .content img
	{
		max-width:100%;
		height:auto !important;
	}
	.news-detail h2
	{
		margin: 20px 0;
		font-size: 24px;
	}
	.body-footer-space
	{
		height:30px;
	}
	
	.about-story .content .detail
	{
		display:block;
	}
	.about-story .content .fl,.about-story .content .fr
	{
		width:100%;
	}
	.about-content-padding
	{
		padding:10px;
	}
	.about-story .content .fr
	{
		text-align:justify;
		padding-left:0;
	}
	.about-btn a
	{
		font-size:14px;
		width:100%;
		text-align:center;
		padding:10px 0;
	}
	.about-title
	{
		margin-bottom:20px;
	}
	.about-title h3
	{
		font-size:24px;
	}
	.about-title p
	{
		font-size:18px;
		margin-top:10px;
	}
	.content img
	{
		max-width:100%;
	}
	.about-tec .content .text
	{
		margin-top:20px;
	}
	
	.contact-address .address .row
	{
		width:100%;
	}
	.contact-address .address .row .text
	{
		margin: 10px 10px 0;
		font-size:18px;
	}
	.contact-address .address .row .phone
	{
		margin-top:30px;
	}
	.contact-address .address .row .title span
	{
		font-size:18px;
	}
	.contact-apply
	{
		padding:20px 10px;
	}
	.wpforms-field-container .wpforms-field
	{
		width:100% !important;
		float: none !important;
	}
	
	.product.show-detail .category li
	{
		width: calc((100% - 15px)/2);
		margin-bottom:10px;
	}
	.product.show-detail .category li:nth-child(3)
	{
		margin-right:15px;
	}
	.product.show-detail .category li:nth-child(2n)
	{
		margin-right:0;
	}
	.product .list .item i.btn-slick
	{
		display:none;
	}
	
	
	
    
	
	.show-detail .category
	{
		margin:15px 0;
	}
	
	.product .list .items .title
	{
		font-size:22px;
		padding:10px 0;
		margin-bottom: 10px;
	}
	.product .list .items .fl
	{
		width:100%;
		height:40px;
		margin-bottom:15px;
	}
	.product .list .items .fl h3
	{
		font-size:18px;
	}
	.product .list .items .fr
	{
		width:100%;
	}
	.product .list .items .item .fr li
	{
		height:260px;
		width:calc((100% - 10px)/2) !important;
		margin-right:10px;
		margin-bottom:10px;
	}
	.product .list .items .item .fr li:nth-child(2n)
	{
		margin-right:0;
	}
	.product .list .items .swiper-wrapper
	{
		height:auto;
	}
	.product .list .items .swiper-scrollbar
	{
		margin-bottom: 10px;
	}
	.product .list .items .item .fr li img
	{
		max-width:100%;
	}
	
	.product .list .items .swiper-wrapper
	{
		display:block;
	}
	.product .list .items .swiper-scrollbar
	{
		display:none;
	}
	
	.product-detail .desprition-item .title
	{
		font-size:22px;
		border-bottom-width:2px;
		padding-bottom:10px;
	}
	.product-detail .desprition-item .detail
	{
		padding: 10px 0;
	}
	.product-detail .desprition-item
	{
		margin-top:30px;
	}
	
	.product-detail .top .fl,.product-detail .top .fr
	{
		width:100%;
	}
	.product-detail .top .fl .thumb img
	{
		height:auto;
	}
	.product-detail .top
	{
		margin-top:0;
	}
	.product-detail .top .fr h2 
	{
		font-size:26px;
		margin-top:20px;
	}
	.product-detail .table-desciption,.product-detail .top .fr .desprition p, .product-detail .top .fr a
	{
		margin-top:20px;
	}
	.product-detail .table-desciption
	{
		overflow-x: auto;
	}
	.slick-track
	{
		margin: 0 auto;
	}
	.product-detail .table-desciption table
	{
		min-width: 1000px;
	}
	.product-detail .img
	{
		border:1px solid #ccc;
	}
	.index-app ul li:hover a>h3
	{
		display:block;
	}
	
	.index-app ul li:hover .hover
	{
		display:none !important;
		opacity: 0;
	}
	
	
	.news .hot-products
	{
		display:none;
	}
	.news .lists
	{
		width:100%;
	}
}