/* STYLE CSS
** 2019-08-12
** by Molly
*/
/*
@font-face{
	font-family:'SourceHanSans';
	src:url('../../fonts/SourceHanSans/SourceHanSansCN-Regular_0.otf?v=190819');
	font-weight:normal;
	font-style:normal;
}*/
@font-face{
	
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,textarea {  }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
a{ text-decoration:none; color:#000;}
address,caption,cite,code,dfn,em,strong,th,var,b { font-style:normal; font-weight:normal;} 
ol li,ul li{ list-style:none;}
caption { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:'';}
abbr,acronym { border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body {background: #fff;width: 100%;min-width: 1280px;/*max-width:1920px;*/overflow-x: auto;height:auto;min-height: 100vh;}
img,video{width: 100%;}
.w-full{width:100%;overflow: hidden;}
.w-1280{width: 1280px;margin:0 auto;overflow: hidden;}
.w-1650{width:1650px;margin-left:-825px;left:50%;position:relative;overflow: hidden;}
.w-1920{width:1920px;margin-left:-960px;left:50%;position:relative;overflow: hidden;}
.w{width:1190px; margin:0 auto;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/* IE 7/6 */}
.pointer{ cursor:pointer;}
.hidden{ visibility:hidden!important;}
.block{ display:block!important;}
.inline{ display:inline!important;}
.hide{display:none!important;}
.fl{float: left;}
.fr{float: right;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis--l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.menu-btn{display: none;}

[v-clock]{display: none;}
/* input placeholder */
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder{color:#ccc;}

/* dropdown-menu */
.dropdown-btn {display: inline-block;height: 40px;line-height: 38px;color: #333;border: 1px solid #ccc;border-radius: 3px;padding: 0 45px 0 20px;font-size: 14px;position: relative;text-align: center;z-index: 1;}
.dropdown-btn:before {height: 9px;width: 9px;border-left: 2px solid #666;border-bottom: 2px solid #666;position: absolute;right: 15px;top: 11px;content: '';transform: rotate(-45deg);}
.dropdown-menu {display: none;position: absolute;background: #fff;top: 0;right: 100%;padding: 10px 0;z-index: 10;border: 1px solid #ccc;text-align: left;}
.dropdown-menu.active {display: block;}
.dropdown-menu>li {height: 30px;background: #fff;padding: 0 12px;}
.dropdown-menu>li>a{color: #333;border-bottom: 1px solid #f5f5f5;height: 30px;display: block;line-height: 29px;font-size: 13px;position: relative;padding-left: 5px;}
.dropdown-menu>li:last-child>a {border-bottom: 0;}
.dropdown-menu>li.active>a:after {content: '';position: absolute;height: 7px;width: 7px;border-radius: 50%;background: #b8e986;top: 11px;right: 5px;}
.dropdown-menu>li:hover {background: #666;}
.dropdown-menu>li:hover>a{color: #fff;border-color: #666;}

/* Arrow */
i.line-arrow {width: 20px;height: 20px;position: relative;overflow: hidden;}
i.line-arrow:before {height: 50%;width: 50%;border-left: 2px solid #aaa;border-bottom: 2px solid #aaa;position: absolute;left: 20%;top: 3%;content: '';transform: rotate(-45deg);}
i.line-arrow.arrow-up:before {transform: rotate(135deg);top: 30%;}
i.line-arrow.arrow-right:before {transform: rotate(-135deg);top: 18%;left: 10%;}
i.line-arrow.arrow-left:before {transform: rotate(45deg);top: 18%;left: 35%;}

/* custom scroll */
.scroll::-webkit-scrollbar{width:4px;height:4px;}
.scroll::-webkit-scrollbar-track{background: #f6f6f6;background: rgba(246, 246, 246, .5);border-radius:2px;}
.scroll::-webkit-scrollbar-thumb{background: #ccc;background: rgba(170, 170, 170, .5);border-radius:2px;}
.scroll::-webkit-scrollbar-thumb:hover{background: #aaa;}
.scroll::-webkit-scrollbar-corner{background: #f6f6f6;background: rgba(246, 246, 246, .5);}
.scroll-1::-webkit-scrollbar{width:6px;height:6px;}
.scroll-1::-webkit-scrollbar-track{background: #f6f6f6;background: rgba(246, 246, 246, .3);border-radius:3px;}
.scroll-1::-webkit-scrollbar-thumb{background: #ccc;background: rgba(170, 170, 170, .5);border-radius:3px;}
.scroll-1::-webkit-scrollbar-thumb:hover{background: #aaa;}
.scroll-1::-webkit-scrollbar-corner{background: #f6f6f6;background: rgba(246, 246, 246, .3);}

.footer{background: #fff;}
.ib-about li{margin-bottom: 10px;line-height: 15px;}
.ib-about li span{font-weight: 600;}
.ib-about li p{font-size: 12px;margin-top: 5px;}

.banner-about{margin-top: 100px;}

.ib-news{padding: 95px 0;text-align: center;font-weight: 600;font-size: 20px;line-height: 32px;}

.news .list{width: 50%;padding: 5px;}

.news .list img{height: 100%;}

.news .list:hover img{opacity: .8;}

.ib-page{margin-bottom: 30px;text-align: center;}


.product .section.sec_5{width: 1280px;}

.product .section.sec_5_1 li{width: 50%;}

.title-detail{padding: 80px 0; text-align: center;}

.title-detail b{font-weight:600;font-size: 18px;margin:0 30px;}

.h100{height: 100px;}

.title-news{text-align: center;margin: 30px 0;}

.title-news h1{font-size: 30px;font-weight: 600;line-height: 60px;}

.news-right ul li{width: 25%;padding: 5px;}

.news-right ul li img{height: 100%;}

.news-right ul li:hover img{opacity: .8;}

.news-right ul li .note a{line-height: 30px;}

.iibi_btn a{color:#1e44af;}

.iibi_btn:hover a{color:#fff;}

.iibi_btn:hover{background:#1e44af;}

.mt100{margin-top:100px;}

@media screen and (max-width:767px) {
html, body{min-width:100%!important;}
.mobile-none{display: none!important;}
.section.sec_5{width: 100%!important;}
.section.sec_5_1 li{float:none!important;width:100%!important;}
.header{height: 65px!important;padding: 0 15px!important;}
.header .logo{margin-top:20px!important;}
.section.sec_4 {font-size: 18px!important;padding-bottom: 10px!important;padding-top: 10px!important;}
.section.sec_4 h2, .section.sec_4 p {height: 40px!important;line-height: 40px!important;}
.w-1280{width:100%!important;}
.section.sec_5{margin-bottom: 20px!important;}
.section.sec_5_1 .sec-box{font-size:14px!important;}
.banner-about {margin-top: 65px!important;}
.container .text{padding:20px!important;}
.container .text p video{width: 100%!important;}
.ft-nav{width: 100%!important;text-align:center!important;}
.ft-nav .in{padding-left: 0!important;}
.ib-img6 .pic{width:100%!important;}
.mt100 {margin-top: 65px;}
.title-detail {padding: 10px 0;}
.relate{padding:0 10px;}
.logo_l{display: inline-block;margin-bottom:30px;}
.footer {padding: 20px 0 40px!important;margin-top: 100px!important;}
.address,.tel,.email{font-size: 14px;line-height: 28px;}
.ib-contact-img img {width: 60%!important;}
.ib-page .prev{margin-left: 5px;}
.ib-page .next{margin-right: 5px;}
.ib-news {padding: 30px 18px!important;font-size: 14px!important;}
.title-news h1{font-size: 20px!important;}
.title-news p{font-size: 20px!important;}
.ft-nav .in{border-left:0!important;}
.menu-btn{display:block!important;}
}

@media only screen and (max-width: 991px) and (min-width: 768px){


}

@media only screen and (max-width: 1200px) and (min-width: 992px){


}