/*****vieye*****/

/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "Microsoft YaHei";
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
html {
	 -webkit-font-smoothing: antialiased;
    height: 100%;
}
body {
	font-size: 14px;
	font-family: "Microsoft YaHei";
}
a {
	color: inherit;
	text-decoration: none;
}
strong{
	font-weight: bold;
}
img {
	max-width: 100%;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

div.nomargin,li.nomargin,a.nomargin{
	margin-right:0px !important;
	margin-right:0px;
	}
div.nomargin-l,li.nomargin-l,a.nomargin-l{
	margin-left:0px !important;
	margin-left:0px;
}	

.clearfix{
	clear:both;
	}
.clearfix::before,.clearfix::after{
	content: '';
	display: block;

	clear:both;
}

.ab_active{
	color:#fff;
	background:url(http://www.boomgi.com.cn/assets/img/content/ab_title_bg.png) no-repeat center center;
	}
.space_tb1-5{
	padding-top:15px;
	padding-bottom:15px;
	}
.space_tb1{
	padding-top:10px;
	padding-bottom:10px;
	}
.space_tb2{
	padding-top:20px;
	padding-bottom:20px;
	}	
.space_tb3{
	padding-top:30px;
	padding-bottom:30px;
	}	
.space_tb4{
	padding-top:40px;
	padding-bottom:40px;
	}	
.space_tb5{
	padding-top:50px;
	padding-bottom:50px;
	}

.ta_c{
	text-align:center;
	}

.ta_l{
	text-align:left;
	}

.ta_r{
	text-align:right;
	}
	
.btn{
	cursor:pointer;
	}
.ov_hd{
	overflow:hidden;
	}
.m_color_red{
	color: #f00;
}
.m_color{
	color:#d70c19;
	}
.mh_color a:hover,a.mh_color:hover{
	color:#d70c19;
	}	
.m_bg{
	background:#d70c19;
	}

.m_bc{
	background:#d70c19;
	color:#fff;
	}
.bd_c{
	border:1px solid #ccc;
	overflow:hidden;
	}
.bd_c_l{
	border-left: 1px solid #ccc !important;
}			
.nobd_b{
	border-bottom:0 !important;
}
.para_p{
	line-height: 2;
	color:#999;

	}

.hide{
	display: none;
}

.container1{
	padding-left:300px;
	padding-right:300px; 
}
.container2{
	padding-left:6%;
	padding-right:6%; 
}

.change1{
	transition: all 0.5s;
}


.yahei-light{
	font-family: light;
}

.trans-5{
	transition: all 0.5s;

}
.scale-min{
	transition: all 0.5s;
}
.scale-min:hover{
	transform: scale(1.1,1.1);
	transition: all 0.5s;
}
.en{
	font-family: arial;
}
.wh-per-45{
	width: 45%;
	float: left;
}
.wh-per-55{
	width: 55%;
	float: left;
}
.no-pd-l{
	padding-left: 0 !important;
}
.pro-detail-xq{
	line-height: 2;
}
.pro-detail-xq .text{
	clear:both;
}
.pro-detail-xq .text:after{
	content: '';
	overflow: hidden;
	display: block;
	clear:both;
}
.pro-detail-xq strong,.pro-detail-xq b{
	font-weight: bold;
}
.pro-detail-xq h3{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	width: 16.6666%;
	float: left;
	border-bottom: 4px solid #333333;
	text-align: center;
	font-size: 30px;
	position: relative;
}
.pro-detail-xq h3:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 30%;
	height: 4px;
	background:#4494b8;
	bottom:-4px; 
}
.pro-detail-xq article{
	margin-bottom: 10px;
	width:82%;
	float: right;
	padding:30px 0;
}
.pro-detail-xq article:before{
	content: '';
	display: block;
	height: 64px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.pro-detail-xq img{
	margin-top: 10px;
	margin-bottom: 10px;
}
.pro-detail-xq .slide_table{
	overflow: auto;
}
.pro-detail-xq table,.in-solve-detail table{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 1px;
}
.pro-detail-xq table td,.in-solve-detail table td{
	padding:10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
.table_themes1{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
.table_themes1 td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px;
}
@media screen and (min-width:769px){
.col-sm-12{
	width: 100%;
	float: left;
}
.col-sm-11{
	width: 91.666666%;
	float: left;
}
.col-sm-10{
	width: 83.333333%;
	float:left;
}
.col-sm-9{
	width: 75%;
	float:left;
}	
.col-sm-85{
	width: 80%;
	float:left;
}
.col-sm-8{
	width:66.666666%;
	float:left;
}
.col-sm-7{
	width:58.33333%;
	float:left;
}
.col-sm-6{
	width:50%;
	float:left;
}
.col-sm-5{
	width: 41.66666%;
	float:left;
}
.col-sm-4{
	width:33.33333%;
	float:left;
}
.col-sm-35{
	width: 20%;
	float:left;
}
.col-sm-3{
	width: 24%;
	float: left;
}	
.col-sm-2{
	width:16.66666%;
	float: left;
}
.col-sm-1{
	width:8.333333%;
	float: left;
}	
.show-sm{
	display: none;
}
.pro-infolist .list-item {
	display: none;
}
.pro-infolist .show {
    display: inline;
}

}
@media screen and (min-width:992px){
	
	.hide-md-min{
		display:none;
		}
	.col-md-35{
		width: 20%;
		float: left;
	}	
	.col-md-3{
		width:25%;
		float:left;
		}

	.col-md-2{
		width:16.66666%;
		float:left;
		}
	.col-md-8{
		width:66.66666%;
		float:left;
		}	
	.col-md-6{
		width: 50%;
		float:left;
	}
	.col-md-4{
		width:33.33333%;
		float:left;
		}
	.show-md{
		display: none;
	}
	.catalog-link{
	display: none !important;
}		
}
@media screen and (min-width:1200px){
	.col-lg-3{
		width: 25%;
		float: left;
	}
	.col-lg-2{
		width: 16.66666%;
		float: left;
	}
}	
@media screen and (max-width:1599px){
	header .right-info-wr{
		width: 340px;
	}
	header .nav-wr {
    width: calc(100% - 580px);
}

}
@media screen and (max-width:1399px){
	
}
@media screen and (max-width:1199px){
	.hide-lg{
		display: none !important;
	}
	.fz-tolg-36{
		font-size: 36px !important;
		font-size: 36px;
	}
	.fz-tolg-30{
		font-size: 30px !important;
		font-size: 30px;
	}
	.fz-tolg-24{
		font-size: 24px !important;
		font-size: 24px;
	}
	.fz-tolg-18{
		font-size: 18px !important;
		font-size: 18px;
	}
	.fz-tolg-14{
		font-size: 14px !important;
		font-size: 14px;
	}
	.container1,.container2{
		padding-left: 15px;
		padding-right: 15px;
	}
	header .right-info-wr{
		width: 300px;
		padding-left: 20px;
	}
	header .nav-wr{
		    width: calc(100% - 450px);
	}
	header .header-line .container{
		padding:0 10px;
	}
	.burger-wr{
		margin-right: 15px;
	}
	.i-advantages {
		height: auto;
	}
	.box-adv-left h5{
		font-size: 18px;
	}
	.box-adv-left p{
		height: auto;
	}
	.i-advantages .wh-per-45,.i-advantages .wh-per-55{
		width: 100%;
		height: auto;
	}
	.i-advantages .wh-per-55{
		height:360px;
	}


	.i_news .newslist{
		padding-left:10px;
		padding-right: 10px;
	}
	.serlist ul li a{
		width: 160px;
		height: 160px;
	}
}	
	
@media screen and (max-width:991px){
	.show-md{
		display:block !important;
		}	
	.hide-md{
		display:none !important;		
		}
	.fz-tomd-50{
	font-size:5rem !important;
   	font-size:5rem
	}	
	.fz-tomd-36{
   	font-size:36px !important;
   	font-size:36px
   }	
	.fz-tomd-30{
   	font-size:30px !important;
   	font-size:30px
   }	
   .fz-tomd-24{
   	font-size:24px !important;
   	font-size:24px
   }
	.fz-tomd-18{
		font-size:18px !important;
		font-size:18px;
	}
	.fz-tomd-16{
		font-size:16px !important;
		font-size:16px;
	}	
	.fz-tomd-14{
		font-size:14px !important;
		font-size:14px;
	}
	.fc-tomd-6{
		color: #666 !important;
	}
	header .right-info-wr{
		width: 300px;
	}
	header .nav-wr{
		    width: calc(100% - 510px);
	}
	.i_about .pic{
		margin-right: 0;
	}
	.i_banner li{
		padding-bottom: 500px;
	}
	.in-product-2 .owl-nav{
		margin-left: 0;
		margin-top:90px;
	}
	.in-product-2 .owl-stage-outer{
		min-height: auto;
	}
	.sel-list ul li{
		background-size: 35% !important;
	}
	.serlist ul li a{
		width: 120px;
		height: 120px;
	}
	.serlist ul li a img{
		bottom:45px;
	}
	.serlist ul li a span{
		bottom:20px;
	}
}
@media screen and (max-width:768px){
	
	.col-xs-35{
		width: 20%;
		float: left;
	}	
	.col-xs-3{
		width:50%;
		float:left;
		}

	.col-xs-2{
		width:16.66666%;
		float:left;
		}
	.col-xs-6{
		width: 50%;
		float:left;
	}
	.col-xs-4{
		width:33.33333%;
		float:left;
		}
	.col-xs-2{
		width:16.66666%;
		float:left;
		}
	.col-xs-7{
		width: 58.33333%;
		float:left;
	}	
	.col-xs-8{
		width: 66.66666%;
		float:left;
	}	
	.col-xs-12{
		width:100%;
		float:left;
	}
	.fc-tosm-mc{
		color: #b5a05e;
	}
	.fz-tosm-36{
	  font-size:36px !important;
	  font-size:36px
	}
	.fz-tosm-30{
   	  font-size:30px !important;
      font-size:30px
   }
	.fz-tosm-24{
		font-size: 24px !important;
		font-size: 24px;
	}
	.fz-tosm-20{
		font-size: 20px !important;
		font-size: 20px;
	}
	.fz-tosm-18{
		font-size: 19px !important;
		font-size: 19px;
	}
	.fz-tosm-16{
		font-size: 16px !important;
		font-size: 16px;
	}
	.fz-tosm-14{
		font-size: 14px !important;
		font-size: 14px;
	}
	.full-sm{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.hide-sm{
		display: none !important;
	}	
	.show-sm{
		display: inline !important;
	}
	.pd-tosm-15{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.pd-tosm-0{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.main-nav li{
		margin-bottom: 15px;
	}	
	.main-top{
		transform: translateX(-100px);
		transition: all 0.5s;
	}
	.main-top.showtop{
		transform: translateX(0);
		opacity: 1;
		transition: all 0.5s;
	}
	.box-adv-leftm,.fo-logo,.fo-links,.copyright,.i_news,.fo-nav,.box-adv-left{
		padding-left: 0;
	}
	.box-adv-left ul,.box-adv-left .tit,.i_news .nelist li,.in-ab-1,.in-ab-2,.in-ab-3,.in-news-detail,.in-ser-3,.in-con-1,.in-con-2{
		padding-left: 10px;
		padding-right: 10px;
	}
	.box-adv-left li,.in-ab-1 .pic,.in-ab-1 .info,.in-ab-3,.in-ab-2 .info,.in-ab-2 .pics,.in-product-1,.in-product-2 ul,.in-nelist ul li,.in-ser-3 li,.in-con-1 .t1{
		padding-left: 0;
		padding-right: 0;
	}
	.i_about,.i_about .ab-text a{
		margin-top: 30px;
	}
	.i_news .nelist,.i_sample .tit,.i_coop .tit,.fo-links,.in-tit2,.in-ab-1,.in-ab-3 ul,.in-product-3,.in-news,.in-news-detail,.in-ser-1,.in-ser-2 .ipa,.in-ser-3{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.in-ab-2,.in-ab-2 h5,.in-product-2,.in-ser-2,.in-con-1{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.i_about .pic,.in-banner,.in-content,.in-con-1 .t1,.bn1 .desc,.bn2 .desc{
		margin-left: 0;
	}
	.glist,.i_about .ab-text{
		margin-left: 10px;
		margin-right: 10px;
	}
	.glist{
		padding-top: 20px;
	}
	.glist li i,.nelist h3{
		height: 80px;
	}
	.i_news .nelist ul{
		margin-right: 10px;
	}
	.i_banner li,.in-banner{
		padding-bottom: 320px;
	}
	.i_sample,.i_coop{
		padding-left: 0;
		margin-right: 0;
	}
	.i_sample ul{
		padding:0;
		margin-left: 0; 
		margin-right: 0;
	}
	.i_sample ul,.in-product-1,.in-nelist ul li,.in-ser-2 .ipts2,.in-con-2{
		margin-bottom: 30px;
	}
	.i_banner .owl-prev,.i_banner .owl-next{
		height: 30px;
	}
	.in-tit{
		bottom:30px;
	}

	.tit1,.smallpiclist .t3,.map{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.top-path .in-logo{
		width: 152px;
		height: 28px;
		background: url(../image/in-logo-small.png) no-repeat center center;
	}
	.in-tit2 li a{
		height: 60px;
		text-align: left;
	}
	.in-product-2 .ptit{
		float: none;
		width: auto;
		-webkit-writing-mode:horizontal-tb;
		writing-mode:horizontal-tb;
	}
	.in-prolist{
		margin-left: 0;
	}
	.in-pro-de-gs .gs{
		padding-left: 0;
		text-align: center;
	}
	.pro-infolist .pro-detail-xq{
		display: none;
	}
	.in-nelist .share,.in-nelist .date{
		float: none;
	}
	.in-workshop .info{
		height: 400px;
	}
	.pro-detail-xq h3{
		float: none;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0;
		font-size: 24px;
	}
	.pro-detail-xq article{
		float: none;
		width: 100%;
		margin:0;
		border-top: 0;
		padding:0;
	}
	.pro-detail-xq article:before{
		height: 0;
		border:0;
	}
	.in-con-1 .pic{
		width: 100%;
		float: none;
	}
	.bn-it1 .bg{
		background: url(http://www.boomgi.com.cn/assets/img/index/banner1-small.jpg) no-repeat center right !important;
	}
	.bn-it2 .bg{
		background: url(http://www.boomgi.com.cn/assets/img/index/banner2-small.jpg) no-repeat center right !important;
	}
	.bn-it3 .bg{
		background: url(http://www.boomgi.com.cn/assets/img/index/banner3-small.jpg) no-repeat center right !important;
	}

	.in-ab-3{
		margin-bottom: 50px;
	}
	.in-ab-3 .info{
		position: relative;
	}
	.in-ab-3 .info h5{
		color: #000;
	}
	.in-nelist li{
		padding-left: 0;
	}
	.in-nelist li:before{
		top: 30px;
	}
	.in-culture .pic2 img{
		transform: translate(0,0);
	}
	.in-culture .container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.in-product{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	header .nav-wr {
    width: 100%;
    display: block;
    text-align: left;
    z-index: 10;
    position: relative;
}
header .nav-wr a{
	margin-right: 15px
}
header .right-icons-wr{
	top: 0;
	z-index: 600
}
header .right-icons-wr .link-icons-menu{
	z-index: 600
}
.catalog-categories-list ul li a img{
	
}
.main-page-container .top-screen-section .catalog-categories-list ul li{
	width: 25%;
	height: 160px !important;
}
.benefits-slider-wr .slider-text .text-wr h1, .benefits-slider-wr .slider-text .text-wr .title{
	font-size: 14px !important;
	line-height: 2;
}
.main-page-container .benefits-section .slider-text{
	left: 0;
}
header .right-icons-wr .user-menu-wr{
	z-index: 600;
}
header .right-icons-wr .user-menu-wr .close-user-menu-btn {
    background: #375399;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
header .logo:after{
	width: 100%
}
}