:root{
	--blue:#0b5885;
	--red:#c33629;
}
.navbar-default .navbar-toggle {
    border: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
body{
	color: #4a4a4a;
}
ul,li{
	display: block;
	list-style: none;
	margin: 0;
	padding:0;
}
a{
	color: inherit;
}
a:hover{
	color: inherit;
	text-decoration: none;
}
.carousel-control.left{
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
}
.carousel-control.right{
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.3)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.logo-box{
	position: absolute;
	z-index: 20;
	top: 20px;
	left: 10%;
	height: 15%;
	display: none;
}
.logo-box img{
	max-height: 100%;
}
.logo{
	height: 3rem;
	margin: 1rem 0;
}
#banner .carousel-inner>.item>a>img,#banner .carousel-inner>.item>img{
	max-width: 160%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.carousel-indicators li{
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.navbar{
	border-radius: 0;
}
.navbar-brand{
	padding: 8px 15px;
}
.navbar-brand img{
	height: 100%;
}
.navbar-default .navbar-nav > li > a {
	color: #333333;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
 .navbar-default .navbar-nav > li > a:hover{
	color: #0b5885;
} 
.dropdown-menu{
	border: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-webket-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.navbar-nav > li > .dropdown-menu{
	margin: 0;
}
.dropup .dropdown-menu{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.index-title{
	text-align: center;
	line-height: 1.5;
	color: #4a4a4a;
	padding: 2rem 4rem;
}
.index-title h1{
	font-size: 3rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	line-height: 4rem;
}
.index-title h1:last-child{
	margin-bottom: 1rem;
}
.index-title h1>small{
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}
.index-title p{
	font-size: 1.4rem;
}
h2{
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: 2rem;
	color: #0b5885;
}
.index-yewu{
}
.yewu-item{
	margin:2rem 0;
}
.yewu-item:nth-child(even)>*{
	float: right;
	text-align: right;
}
.yewu-item:last-child{
	margin-bottom: 0;
}
.yewu-item:first-child{
	margin-top: 0;
}
.yewu-item img{
	max-width: 100%;
}
.yewu-item-text-box{
	display: flex; 
	display: -webkit-flex; 
	display: -webkit-box; 
	display: -ms-flexbox;
	display: -moz-box;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
.yewu-item-text{
	line-height: 1.5;
}
.yewu-item-text>.head{
	font-size: 2rem;
	margin: 1rem 0;
}
.yewu-item-text>.link{
	font-size: 1.1rem;
	margin: 1rem 0;
}
.cyl-item{
	height: 14rem;
}
.cyl-item1{
	background-color: #e89448;
}
.cyl-item2{
	background-color: #568be5;
}
.cyl-item3{
	background-color: #89c997;
}
.cyl-item4{
	background-color: #cb5e54;
}
.cyl-icon{
	width: 6rem;
	height: 6rem;
	float: left;
	margin: 4rem 1rem;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.cyl-text{
	margin: 2rem;
	float: left;
	color: #f5f5f5;
	width: calc(100% - 12rem);
}
.cyl-text-h{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 1rem;
}
.cyl-text-p{
	font-size: 14px;
	line-height: 20px;
}
.cyl-item1>.cyl-icon{
	background-image: url(../img/index/cyl-1.png);
}
.cyl-item2>.cyl-icon{
	background-image: url(../img/index/cyl-2.png);
}
.cyl-item3>.cyl-icon{
	background-image: url(../img/index/cyl-3.png);
}
.cyl-item4>.cyl-icon{
	background-image: url(../img/index/cyl-4.png);
}
.index-xw-item{
	display: flex;
	align-items: center;
	margin-bottom: 3rem;
}
.index-xw-item:nth-child(odd){
	flex-direction: row-reverse;
}
.index-xw-item:nth-child(odd) .index-xw-date{
	text-align: left;
}
.index-xw-item:nth-child(odd) .index-xw-text{
	text-align: right;
}
.index-xw .separator{
	text-align: center;
	font-size: 2rem;
	color: #bdbdbd;
}
.index-xw-date{
	text-align: right;
	color: #666;
	font-weight: 100;
}
.index-xw-day{
	font-size: 2.4rem;
}
.index-xw-year{
	font-size: 1.6rem;
}
.index-xw-text{
	line-height: 1.5;
}
.index-xw-h{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	color: #333;
}
.index-xw-p{
	color: #666;
	font-size: 1rem;
	height: 3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index-xw-btn{
	display: block;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	background-color: #C33629;
	width: 10rem;
	height: 2.2rem;
	font-size: 1rem;
	color: #fff;
	line-height: 2.2rem;
	border-radius: 0.2rem;
	margin-bottom: 3rem;
}
.index-xw-btn:hover{
	color: #fff;
	text-decoration: none;
}
.abc-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.abc-item{
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	width: 15rem;
	background-color: #fff;
	margin-right: 20px;
}
.abc-item:last-child{
	margin-right: 0;
}
.abc-left{
	box-sizing: border-box;
	padding: 3rem 2rem;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #666;
	position: relative;
}
.abc-left::before{
	content: "";
	display: block;
	width: 0.3rem;
	height: 1.6rem;
	background-color: #999;
	position: absolute;
	right: 2rem;
	top: 0;
}
.abc-left small{
	display: block;
	font-size: 0.8rem;
}
.abc-right{
	max-width: 100%;
	max-height: 100%;
}
.abc-right img{
	max-width: 100%;
	max-height: 100%;
}
.abc-item:nth-child(even){
	flex-direction: column-reverse;
}
.abc-item:nth-child(even) .abc-left::before{
	top: auto;
	bottom: 0;
}
.grid-img{
	width: 100%;
	margin-bottom: 2rem;
}
.grid-img>div{
	overflow: hidden;
}
.grid-img img{
	max-width: 100%;
}
.grid-img-l{
	width: 100%;
	margin-bottom: 6px;
	position: relative;
}
.grid-img-r>div{
	width: calc((100% - 6px) / 2);
	float: left;
}
.grid-img-r>div:first-child{
	margin-right: 6px;
}
.grid-img .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(13,87,129,0.6);
}
.grid-img-text{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 2rem;
	line-height: 2.4rem;
}
.grid-img-text-h{
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
.grid-img-text p{
	font-size: 1.2rem;
	margin-bottom: 0;
}
.product-bottom{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
.product-bottom>div{
	width: 50%;
}
.product-bottom .left{
	box-sizing: border-box;
	padding: 2rem 3rem;
	background-color: #0d5781;
	color: #fff;
	line-height: 1.8;
	text-align: right;
}
.product-bottom .right img{
	width: 100%;
}
.product-bottom .left h1{
	font-size: 1.6rem;
	line-height: 1.5;
	margin:0 0 1rem 0;
}
.footer{
	color: #fff;
	width: 100%;
}
.footer-nav{
	background-color: #333;
	padding: 3rem 0;
}
.footer-nav ul{
	float: left;
	margin-right: 3rem;
	margin-bottom: 0;
}
.footer-nav ul:last-child{
	margin-right: 0;
}
.footer-nav ul li{
	font-size: 0.7rem;
	line-height: 1.6rem;
}
.footer-nav ul a{
	color: #fff;
}
.footer-nav ul li:first-child{
	font-size: 0.9rem;
	margin-bottom: 1rem;
}
.footer-bqba{
	background-color: #222;
	text-align: center;
	font-size: 0.7rem;
	line-height: 1.2rem;
	padding: 1rem;
}
.breadcrumb{
	background-color: transparent;
	font-size: 14px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}
.black-box{
	background-color: #222;
	margin-bottom: 6rem;
}
.black-box .container{
	padding-top: 4rem;
	padding-bottom: 4rem;
	position: relative;
}
.black-box-text{
	color: #fff;
	width: calc(50% - 30px - 2rem);
	font-size: 0.8rem;
	line-height: 1.5;
}
.black-box-text p{
	margin-bottom: 1rem;
}
.black-box img{
	width: 50%;
	position: absolute;
	right: 15px;
	bottom: -2rem;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.footer-logo-bar{
	background-color: #f5f5f5;
	padding: 1rem;
}
.footer-logo-bar img{
	height: 3rem;
	float: left;
}
.footer-logo-text{
	float: left;
	color: #09547f;
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin-left: 2rem;
}
.jzg-box .row-no-gutters{
	margin-left: -15px;
	margin-right: -15px;
}
.jzg{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: calc(100vw / 2);
}
.jzg-h{
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding: 1rem;
	color: #fff;
}
.jzg-icon{
	width: 6rem;
	height: 6rem;
	max-width: 114px;
	max-height: 114px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.jzg-1{
	background-color: #e89448;
}
.jzg-1 .jzg-icon{
	background-image: url(../img/jzg-1.png);
}
.jzg-2{
	background-color: #568be5;
}
.jzg-2 .jzg-icon{
	background-image: url(../img/jzg-2.png);
}
.jzg-3{
	background-color: #89c997;
}
.jzg-3 .jzg-icon{
	background-image: url(../img/jzg-3.png);
}
.jzg-4{
	background-color: #cb5e54;
}
.jzg-4 .jzg-icon{
	background-image: url(../img/jzg-4.png);
}
.innovation-box1{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.innovation-box1 .left{
	width: 36rem;
	border: 0.2rem solid #F4f4f4;
	padding: 2rem 1rem;
	margin-right: 2rem;
}
.innovation-box1 .right img{
	width: 100%;
}
.innovation-box1 .left h1{
	font-size: 2rem;
	color: #333;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid #f4f4f4;
}
.innovation-box1 .left h1 small{
	display: block;
	font-size: 0.8rem;
	margin-bottom: 10px;
}
.innovation-box1 .left p{
	margin: 1rem;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 0;
	text-indent: 2em;
}
.news-banner{
	width: 100%;
	margin-top: -20px;
}
.news-banner img{
	width: 100%;
}
.news-btnbox{
	text-align: center;
	font-size: 0;
	margin: 1rem 0;
}
.news-btn{
	display:inline-block;
	font-size: 14px;
	padding: 10px 0;
	width: 100px;
	max-width: calc((100% -  20px) / 3);
	line-height: 20px;
	border-radius: 2px;
	border: 1px solid #0d5781;
	color: #333;
	background-color: #fff;
}
.news-btn+.news-btn{
	margin-left: 10px;
}
.news-btnbox .active{
	background-color: #0d5781;
	color: #fff;
}
.news-btnbox a{
	display: block;
}
.news-list .media{
	margin: 0;
	padding: 2rem 0;
	position: relative;
}
.news-list .media::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	position: absolute;
	left: 0;
	bottom: 0;
}
.news-list .media:last-child::after{
	display: none;
}
.media-object{
	height: 8rem;
}
.media-heading{
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
.media-date{
	font-size: 12px;
	line-height: 18px;
	color: #999;
	margin-top: 12px;
}
.media-p,.media-btn{
	display: none;
}
.media-btn{
	color: #666;
	font-size: 14px;
	line-height: 32px;
	border: 1px solid #ccc;
	width: 100px;
	text-align: center;
	margin-top: 20px;
}
.media-btn a{
	display: block;
}
.media-p{
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.pagenum-box{
	margin: 20px auto;
	text-align: center;
	line-height: 32px;
	font-size: 0;
	color: #333;
}
.pagenum-box a{
	display: block;
}
.pagebtn{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 80px;
	font-size: 14px;
}
#pagefirst{
	margin-right: 1rem;
}
#pagelast{
	margin-left: 1rem;
}
.pagenum{
	display: inline-block;
	margin: 0 1rem;
}
.pagenum>li{
	display: inline-block;
	font-size: 14px;
	width: 40px;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-left: 0.5rem;
}
.pagenum>li:first-child{
	margin-left: 0;
}
.pagenum-box .disabled{
	position: relative;
}
.pagenum-box .disabled::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
}
.pagenum .active{
	background-color: #0d5781;
	color: #fff;
	border-color: transparent;
}
.article-container h1{
	font-size: 2.4rem;
	line-height: 1.4;
	margin: 1rem 0;
}
.article-container .date{
	font-size: 12px;
	line-height: 20px;
	margin: 1rem 0;
	color: #666;
}
.article{
	font-size: 14px;
	line-height: 24px;
	color: #4d4d4d;
}
.article p{
	margin: 1rem 0;
}
.article img{
	margin: 1rem auto;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
.profession-content1{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.2);
	overflow: hidden;
	margin-top: -5rem;
	position: relative;
	margin-bottom: 2rem;
}
.profession-content1 .left,.profession-content1 .right{
	box-sizing: border-box;
	vertical-align: middle;
}
.profession-content1 .left{
	padding: 2rem;
}
.profession-content1 .right img{
	width: 100%;
}
.profession-content1 .left .head{
	font-size: 1.8rem;
	line-height: 1.2;
	padding-bottom: 1rem;
	margin-bottom: 1.4rem;
	color: #333;
	position: relative;
}
.profession-content1 .left p{
	font-size: 12px;
	line-height: 1.4rem;
	text-align: justify;
	margin-bottom: 0;
}
.profession-content1 .left .head::after{
	content: "";
	display: block;
	width: 2em;
	height: 3px;
	border-radius: 2px;
	background-color: #09547f;
	position: absolute;
	left: 0;
	bottom: 0;
}
.headbox{
	display: flex;
	justify-content: center;
	align-items: center;
}
.headbox .left{
	height: 10rem;
	position: relative;
	padding: 2rem 0.6rem;
}
.headbox .left::after{
	content: "";
	display: block;
	width: 14.14rem;
	height: 1px;
	background-color: #666;
	transform: rotate(-45deg);
	position: absolute;
	left: -2rem;
	top: 50%;
}
.headbox .left .num{
	font-size: 3.6rem;
	color: #09547f;
	font-weight: 600;
	line-height: 3.6rem;
}
.headbox .left .head{
	font-size: 1.8rem;
	color: #4d4d4d;
	font-weight: 600;
	line-height: 2.4rem;
	margin-left: 4rem;
}
.headbox .right{
	background-color: #09547f;
	padding: 1rem 2rem;
	color: #fff;
	margin-left: 4rem;
}
.headbox .right .right-row{
	padding-left: 6rem;
	position: relative;
	max-width: 24rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
}
.headbox .right .right-row:last-child{
	margin-bottom: 0;
}
.headbox .right .right-row .head{
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: 0;
}
.headbox .right .right-row .p{
	font-size: 0.8rem;
}
.p-box{
	margin: 2rem 0;
}
.p-box p{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 24px;
	text-indent: 2em;
}
.contact-box{
	width: 100%;
	min-height: 20rem;
	color: #fff;
	background: url(../img/comment-bg.jpg) no-repeat center center;
	background-size: auto 100%;
}
.contact{
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;
	padding: 6rem 2rem;
}
.contact span{
	display: inline-block;
}
.contact .glyphicon{
	margin-right: 6px;
	top: 2px;
}
.contact .row2{
	font-size: 2rem;
	line-height: 2.8rem;
	margin: 1rem 0;
}
.contact .row3>span+span{
	margin-left: 2rem;
}
.footer-nav .container{
	position:relative;
}
.footer-btn{
	position: absolute;
	right: 15px;
	bottom: 0;
	font-size: 0.8rem;
	line-height: 1.4rem;
	padding: 0.5rem 2rem;
	border-radius: 2px;
	background-color: #c33629;
	color: #fff;
	cursor: pointer;
}
.modal-footer{
	text-align: center;
}
#footer-modal .modal-body{
	padding: 2rem 1rem;
	font-size: 0.8rem;
	line-height: 1.6rem;
}

@media(min-width:768px){
	html{
		font-size: 16px;
	}
	.navbar-nav{
		float: none;
		display: flex;
		justify-content: space-around;
	}
	.navbar-brand{
		display: none;
	}
	.logo-box{
		display: block;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus{
		color: #fff;
		background-color:#0b5885;
	}
	.navbar-nav li:hover .dropdown-menu{
		display: block;
	}
	.index-title p{
		font-size: 1rem;
	}
	.yewu-item{
		margin:4rem 0;
	}
	.yewu-item-text{
		margin-top: 2rem;
	}
	.cyl-text{
		margin-top: 4rem;
	}
	.jzg{
		height: calc(750px / 4);
	}
	.grid-img-l{
		float: left;
		width: calc(860 / 1200 * 100%);
		margin-right: 10px;
		margin-bottom: 0;
	}
	.grid-img-r{
		float: left;
		width: calc(100% - 10px - 860 / 1200 * 100%);
	}
	.grid-img-r>div{
		float: none;
		width: 100%;
	}
	.grid-img-2{
		margin-bottom: 6px;
	}
	.grid-img-text{
		line-height: 2rem;
	}
	.grid-img-text-h{
		font-size: 1.6rem;
	}
	.grid-img-text p{
		font-size: 0.8rem;
	}
	.product-bottom .left h1{
		font-size: 1.2rem;
	}
	.media-date{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.media-p{
		display: block;
	}
	.article-container h1,.article-container .date{
		text-align: center;
	}
	.profession-content1 .left,.profession-content1 .right{
		width: 50%;
		display: table-cell;
	}
	.profession-content1 .left p{
		font-size: 0.8rem;
	}
	.contact{
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.modal-dialog{
		margin: 6rem auto;
	}
}
@media (max-width:767px) {
	.navbar-nav > li::after{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 0;
		background-color: #E7E7E7;
	}
	.navbar-nav>li:last-child::after{
		height: 0;
	}
	#nav{
		position: absolute;
		top: 0;
		z-index: 1000;
		width: 100%;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
		-ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
		-o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
		background-color: #fff;
	}
	body{
		padding-top: 50px;
	}
	.logo{
		display: none;
	}
	.index-title{
		padding: 2rem;
	}
	.cyl-item{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		display: -moz-box;
		align-items: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-moz-box-align: center;
	}
	.index-xw-h{
		font-size: 1.4rem;
	}
	.index-xw-p{
		font-size: 1.2rem;
		height: 3.6rem;
	}
	.index-xw-btn{
		width: 20rem;
		height: 4.4rem;
		line-height: 4.4rem;
		font-size: 1.6rem;
	}
	.footer{
		display: none;
	}
	.black-box-text{
		color: #fff;
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.black-box img{
		width:100%;
		position:static;
		box-shadow: none;
		margin-top: -1rem;
		margin-bottom: 2rem;
	}
	.black-box{
		margin-bottom: 0;
	}
	.jzg-h{
		font-size: 1.8rem;
		line-height: 2rem;
		padding: 2rem;
		margin-bottom: 1rem;
	}
	.abc-box{
		flex-direction: column;
	}
	.abc-item{
		width: 100%;
		height: 16rem;
		margin-right: 0;
		margin-bottom: 2rem;
		flex-direction: row-reverse;
	}
	.abc-right{
		height: 100%;
	}
	.abc-item:nth-child(even){
		flex-direction: row;
	}
	.abc-item:nth-child(even) .abc-left{
		text-align: right;
	}
	.abc-item:nth-child(even) .abc-left::before{
		top: 0;
		left: 2rem;
		right: auto;
		bottom: auto;
	}
	.abc-left{
		flex-grow: 1;
		padding: 4rem 2rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
		flex-shrink: 0;
	}
	.abc-left small{
		font-size: 1.2rem;
	}
	.product-bottom>div{
		width: 100%;
	}
	.product-bottom .left{
		text-align: left;
	}
	.product-bottom .left h1{
		font-size: 2rem;
	}
	.innovation-box1{
		flex-wrap: wrap;
	}
	.innovation-box1 .left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	#pagefirst,#pagelast{
		display: none;
	}
	.pagebtn{
		width: calc((100% - 3.5rem - 160px) / 2);
		max-width: 80px;
	}
	.headbox{
		flex-direction: column;
	}
	.headbox .right{
		margin-left: 0;
		margin-top: 1rem;
		width: 100%;
		padding: 2rem;
	}
	.headbox .right .right-row{
		padding-left: 8rem;
		max-width: 100%;
		line-height: 1.8rem;
	}
	.headbox .right .right-row .head{
		font-size: 1.6rem;
	}
	.headbox .right .right-row .p{
		font-size: 1.2rem;
	}
	
}
@media(min-width:992px){
	html{
		font-size: 20px;
	}
	body{
		font-size: 16px;
	}
	.navbar-nav > li > a {
		padding: 15px 30px;
	}
	.cyl-icon{
		margin-left: 10px;
		margin-right: 10px;
	}
	.cyl-text{
		margin-left: 0;
		margin-right: 0;
		width: calc(100% - 30px - 4rem);
		margin-top: 3rem;
	}
	.jzg{
		height: calc(970px / 4);
	}
	.product-bottom .left h1{
		font-size: 1.6rem;
	}
	.innovation-box1 .left{
		width: 25rem;
	}
	.innovation-box1 .left h1{
		font-size: 2.4rem;
	}
	.innovation-box1 .left h1 small{
		font-size: 1.2rem;
	}
	.media-object{
		height: 10rem;
	}
	.media-date{
		font-size: 14px;
	}
	.media-p{
		height: 72px;
	}
	.media-btn{
		display: block;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.cyl-item{
		height: 12rem;
	}
	.cyl-icon{
		width: 4rem;
		height: 4rem;
	}
}
@media(min-width:1200px){
	.logo-box{
		left: 15%;
		top: 30px;
	}
	.cyl-text{
		margin-left: 0;
		margin-right: 0;
		width: calc(100% - 30px - 6rem);
		margin-top: 4rem;
	}
	.jzg{
		height: calc(1170px / 4);
	}
	.product-bottom .left h1{
		font-size: 2rem;
	}
	.innovation-box1 .left p{
		font-size: 16px;
	}
}