@charset "UTF-8";
@import url('cean.css');

.abouttit h2 {
	clear: both;
	display: block;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	color: #333;
	padding-bottom: 15px
}

.abouttit p {
	clear: both;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #666;
	line-height: 30px;
	padding: 0 9.3333333333%
}

.aboutone {
	clear: both;
	display: block;
	background: url(../images/aboutban01.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden
}

.aboutone .proone_Breadnav {
	padding-bottom: 64px
}

.aboutone .aboutonefl {
	float: left;
	width: 37.3333333333%;
	color: #fff
}

.aboutone .aboutonefl .aboutonefltit {
	clear: both;
	display: block;
	position: relative;
	font-size: 34px;
	padding-bottom: 38px;
	margin-bottom: 19px;
	font-weight: 700;
	line-height: 1;
	padding-top: 12px
}

.aboutone .aboutonefl .aboutonefltit:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35px;
	height: 5px;
	background: #fd8300
}

.aboutone .aboutonefl .aboutonefltxt {
	clear: both;
	display: block;
	font-size: 12px;
	line-height: 32px;
	color: #d8d2d0
}

.aboutone .aboutonefr {
	float: right;
	width: 54.1333333333%;
	margin-right: -2.4%
}

.ie8-hack .aboutone .aboutonefr {
	width: 48.13%
}

.is-ie8 {
	border: 1px solid #ffd3d3;
	background: #fff5f5;
	padding: 15px 20px
}

.is-ie8 a {
	color: #ff7272!important
}

.abouttwo {
	padding-top: 66px;
	padding-bottom: 66px
}

.abouttwo #maincontent {
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
	margin: 40px auto 0;
	height: 380px;
	overflow: hidden;
	position: relative
}

.abouttwo #maincontent .element {
	display: none;
	position: absolute!important
}

.abouttwo #maincontent div.pict {
	width: 800px;
	cursor: default!important
}

.abouttwo #maincontent div.pict p {
	width: 610px;
	margin: 0 auto;
	transform: scale(.86)
}

.abouttwo #maincontent div.pict p img {
	border-radius: 13px;
	position: relative;
	z-index: 3
}

.abouttwo #maincontent div.main {
	position: static;
	text-align: center;
	display: block;
	cursor: pointer!important
}

.abouttwo #maincontent div.main p {
	position: relative;
	transform: scale(1)
}

.abouttwo #maincontent div.main p:after,.abouttwo #maincontent div.main p:before {
	content: "";
	position: absolute;
	background: rgba(54,81,72,.2);
	border-radius: 13px
}

.abouttwo #maincontent div.main p:after {
	left: -15px;
	right: -15px;
	top: 15px;
	bottom: 15px
}

.abouttwo #maincontent div.main p:before {
	left: -30px;
	right: -30px;
	top: 30px;
	bottom: 30px
}

.abouttwo #maincontent div.main .guardian {
	display: none;
	height: 0
}

.abouttwo #maincontent .navi {
	z-index: 9999999
}

.abouttwo #maincontent .left,.abouttwo #maincontent .right {
	top: 41%;
	cursor: pointer;
	width: 3.6458333333%
}

.abouttwo #maincontent .left {
	left: 12%
}

.abouttwo #maincontent .right {
	right: 12%
}

.aboutthree {
	background: url(../images/aboutthreebg.jpg) center top no-repeat #f4f0ea;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 65px 0
}

.aboutthree ul {
	margin-left: -4.9333333333%;
	padding-top: 40px;
	margin-bottom: 46px
}

.aboutthree ul li {
	float: left;
	width: 20.3303684879%;
	margin-left: 4.6696315121%;
	position: relative
}

.aboutthree ul li .aboutthreebg {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0
}

.aboutthree ul li .aboutthreepic {
	clear: both;
	display: block;
	position: relative;
	z-index: 2;
	width: 90.625%;
	margin: 25px auto 0;
	overflow: hidden
}

.aboutthree ul li .aboutthreepic img {
	width: 100%;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}

.aboutthree ul li .aboutthreebox {
	position: relative;
	z-index: 2;
	background: url(../images/aboutthreeicon03.png) center top no-repeat;
	background-size: 100%;
	padding: 22px 20px 10px
}

.aboutthree ul li .aboutthreebox a {
	clear: both;
	display: block;
	font-size: 14px;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	font-weight: 700;
	color: #333;
	padding-bottom: 7px
}

.aboutthree ul li .aboutthreebox p {
	clear: both;
	color: #555;
	padding: 3px 0;
	line-height: 20px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aboutthree ul li .aboutthreebox:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 7px;
	z-index: -1;
	bottom: 0;
	background: #cee0e0;
	background: -webkit-linear-gradient(left,#cee0e0,#b5d1d1);
	background: -o-linear-gradient(left,#cee0e0,#b5d1d1);
	background: linear-gradient(to right,#cee0e0,#b5d1d1);
	border-radius: 0 0 13px 13px
}

.aboutthree ul li .aboutthreebox:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/aboutthreeicon01.png) left bottom no-repeat;
	background-size: 100%;
	width: 49.0625%;
	top: 0
}

.aboutthree ul li:hover .aboutthreepic img {
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.aboutthree ul li:hover .aboutthreebox a {
	color: orange
}

.aboutthree ul li:hover .aboutthreebox p {
	color: #9c8a5e
}

.aboutthree ul li:hover .aboutthreebox:after {
	background: #ffefb1;
	background: -webkit-linear-gradient(left,#ffefb1,#ffcb4c);
	background: -o-linear-gradient(left,#ffefb1,#ffcb4c);
	background: linear-gradient(to right,#ffefb1,#ffcb4c)
}

.aboutthree .aboutthreebtn {
	clear: both;
	display: block;
	width: 183px;
	background: url(../images/aboutthreebtn.png) center top no-repeat;
	background-size: 100%;
	font-size: 14px;
	color: #1d1d1d;
	font-weight: 700;
	line-height: 46px;
	margin: 0 auto;
	text-align: center
}

.aboutthree .aboutthreebtn:hover {
	background-image: url(../images/aboutthreebtn_h.png);
	color: #1d7452
}

.aboutfour {
	padding-top: 66px;
	padding-bottom: 66px;
	position: relative;
	background: url(../images/aboutfourbg.jpg) left top
}

.aboutfour .abouttit h2,.aboutfour .abouttit p {
	color: #fff
}

.aboutfour .aboutfourbox {
	clear: both;
	display: block;
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
	margin: 55px auto 0;
	overflow: hidden;
	position: relative
}

.aboutfour .aboutfourbom {
	background: url(../images/profouricon01.png) center center repeat-x;
	text-align: center
}

.aboutfour .aboutfourbom a {
	display: inline-block;
	background: url(../images/aboutfouricon01.png) center center no-repeat;
	background-size: 100%;
	font-size: 12px;
	color: #000;
	width: 364px;
	height: 47px;
	line-height: 47px
}

.aboutfour .aboutfourbom a:hover {
	background-image: url(../images/aboutfouricon01_h.png);
	color: #1d7452
}

.aboutfive {
	clear: both;
	display: block;
	background: url(../images/aboutfivebg.jpg) left top;
	padding: 58px 0
}

.aboutfive ul {
	clear: both;
	display: block;
	margin-left: -12%;
	padding-top: 42px
}

.aboutfive ul li {
	float: left;
	width: 14.2857142857%;
	margin-left: 10.7142857143%;
	position: relative
}

.aboutfive ul li i {
	clear: both;
	display: block;
	width: 81.25%;
	position: absolute;
	left: 100%;
	top: 23%
}

.aboutfive ul li .aboutfivepic {
	width: 62.5%;
	margin: 0 auto
}

.aboutfive ul li .aboutfivetit {
	clear: both;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #375352;
	font-weight: 700;
	line-height: 1;
	padding: 27px 0 15px
}

.aboutfive ul li .aboutfivetxt {
	clear: both;
	display: block;
	text-align: center;
	font-size: 11px;
	color: #375352;
	line-height: 22px
}

@media (min-width:1366px) {
	.proone_Breadnav {
		padding: 25px 0
	}

	.abouttit h2 {
		font-size: 40px;
		padding-bottom: 20px
	}

	.abouttit p {
		font-size: 15px
	}

	.aboutone .proone_Breadnav {
		padding-bottom: 75px
	}

	.aboutone .aboutonefl .aboutonefltit {
		font-size: 40px;
		padding-bottom: 45px;
		margin-bottom: 25px;
		padding-top: 15px
	}

	.aboutone .aboutonefl .aboutonefltit:after {
		width: 41px;
		height: 6px
	}

	.aboutone .aboutonefl .aboutonefltxt {
		font-size: 13px;
		line-height: 37px
	}

	.abouttwo {
		padding-top: 77px;
		padding-bottom: 77px
	}

	.abouttwo #maincontent {
		margin-top: 50px;
		height: 450px
	}

	.abouttwo #maincontent div.pict {
		width: 950px
	}

	.abouttwo #maincontent div.pict p {
		width: 720px
	}

	.abouttwo #maincontent div.pict p img {
		border-radius: 15px
	}

	.abouttwo #maincontent div.main p:after,.abouttwo #maincontent div.main p:before {
		border-radius: 15px
	}

	.abouttwo #maincontent div.main p:after {
		left: -18px;
		right: -18px;
		top: 18px;
		bottom: 18px
	}

	.abouttwo #maincontent div.main p:before {
		left: -36px;
		right: -36px;
		top: 36px;
		bottom: 36px
	}

	.abouttwo #maincontent div.main .guardian {
		display: none;
		height: 0
	}

	.aboutthree {
		padding: 75px 0
	}

	.aboutthree ul {
		padding-top: 47px;
		margin-bottom: 54px
	}

	.aboutthree ul li .aboutthreepic {
		margin: 30px auto 0
	}

	.aboutthree ul li .aboutthreebox {
		padding: 25px 27px 15px
	}

	.aboutthree ul li .aboutthreebox a {
		font-size: 17px;
		padding-bottom: 10px
	}

	.aboutthree ul li .aboutthreebox p {
		padding: 4px 0;
		line-height: 20px
	}

	.aboutthree ul li .aboutthreebox:after {
		top: 7px;
		border-radius: 0 0 15px 15px
	}

	.aboutthree .aboutthreebtn {
		font-size: 17px;
		width: 217px;
		line-height: 54px
	}

	.aboutfour {
		padding-top: 75px;
		padding-bottom: 77px
	}

	.aboutfour .aboutfourbox {
		margin-top: 67px
	}

	.aboutfour .aboutfourbom a {
		font-size: 14px;
		width: 430px;
		height: 55px;
		line-height: 55px
	}

	.aboutfive {
		padding: 68px 0
	}

	.aboutfive ul {
		padding-top: 50px
	}

	.aboutfive ul li .aboutfivetit {
		font-size: 17px;
		padding: 30px 0 15px
	}

	.aboutfive ul li .aboutfivetxt {
		font-size: 13px;
		line-height: 26px
	}

	.floating_ck {
		width: 140px;
		height: 344px
	}

	.floating_ck span {
		right: 0;
		bottom: 100px
	}

	.pageboxtop {
		margin-left: -580px
	}

	.bomCalculate .bomCalculateTop {
		padding: 25px 0
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
		font-size: 16px;
		padding-bottom: 7px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 i {
		font-size: 14px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP03 {
		font-size: 26px;
		line-height: 37px;
		padding-left: 25px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP04 {
		font-size: 16px;
		line-height: 48px
	}

	.bomCalculate .bomCalculateBom {
		border-radius: 20px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl {
		border-radius: 0 20px 20px 0
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
		padding-top: 20px;
		padding-bottom: 18px;
		padding-left: 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
		font-size: 22px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
		padding-top: 10px;
		padding-bottom: 15px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd {
		padding-top: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
		font-size: 16px;
		line-height: 46px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
		border-radius: 7px;
		padding: 9px 10px;
		font-size: 16px;
		line-height: 26px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
		padding-top: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
		font-size: 16px;
		line-height: 46px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
		border-radius: 7px;
		padding: 9px 10px;
		font-size: 16px;
		line-height: 26px;
		height: 70px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
		right: -45px;
		top: 70px;
		padding: 7px;
		width: 90px;
		height: 90px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
		font-size: 14px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
		padding-bottom: 35px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
		font-size: 16px;
		line-height: 40px;
		margin-top: 18px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
		padding: 10px 16px 0 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
		clear: both;
		display: block;
		margin-top: 20px;
		overflow: hidden;
		background: #fff
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
		padding: 8px 12px 8px 15px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i:after {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span {
		padding: 8px 10px 8px 20px
	}

	.bomCalculate .bomCalFixed {
		top: 200px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid {
		top: 49px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid span {
		font-size: 20px;
		padding-bottom: 15px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr i,.bomCalculate .bomCalFixed .bomCalFixedmid i {
		font-size: 14px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr {
		margin-top: 33px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr span {
		padding-bottom: 10px
	}

	.bomCalculate .bomCalFixed .CloseButton {
		width: 34px;
		height: 34px
	}

	.bomCalculate.on .bomCalculateBom {
		margin-bottom: 45px;
		height: 387px
	}
}

@media (min-width:1500px) {
	.proone_Breadnav {
		padding: 29px 0;
		font-size: 14px
	}

	.abouttit h2 {
		font-size: 47px;
		padding-bottom: 25px
	}

	.abouttit p {
		font-size: 17px
	}

	.aboutone .proone_Breadnav {
		padding-bottom: 86px
	}

	.aboutone .aboutonefl .aboutonefltit {
		font-size: 45px;
		padding-bottom: 51px;
		margin-bottom: 28px;
		padding-top: 16px
	}

	.aboutone .aboutonefl .aboutonefltit:after {
		width: 47px;
		height: 7px
	}

	.aboutone .aboutonefl .aboutonefltxt {
		font-size: 15px;
		line-height: 42px
	}

	.abouttwo {
		padding-top: 88px;
		padding-bottom: 88px
	}

	.abouttwo #maincontent {
		margin-top: 55px;
		height: 511px
	}

	.abouttwo #maincontent div.pict {
		width: 1100px
	}

	.abouttwo #maincontent div.pict p {
		width: 820px
	}

	.abouttwo #maincontent div.pict p img {
		border-radius: 17px
	}

	.abouttwo #maincontent div.main p:after,.abouttwo #maincontent div.main p:before {
		border-radius: 17px
	}

	.abouttwo #maincontent div.main p:after {
		left: -20px;
		right: -20px;
		top: 20px;
		bottom: 20px
	}

	.abouttwo #maincontent div.main p:before {
		left: -40px;
		right: -40px;
		top: 40px;
		bottom: 40px
	}

	.abouttwo #maincontent div.main .guardian {
		display: none;
		height: 0
	}

	.aboutthree {
		padding: 87px 0
	}

	.aboutthree ul {
		padding-top: 55px;
		margin-bottom: 64px
	}

	.aboutthree ul li .aboutthreepic {
		margin: 37px auto 0
	}

	.aboutthree ul li .aboutthreebox {
		padding: 28px 32px 20px
	}

	.aboutthree ul li .aboutthreebox a {
		font-size: 19px;
		padding-bottom: 15px
	}

	.aboutthree ul li .aboutthreebox p {
		padding: 3px 0;
		line-height: 24px;
		font-size: 14px
	}

	.aboutthree ul li .aboutthreebox:after {
		top: 9px;
		border-radius: 0 0 17px 17px
	}

	.aboutthree .aboutthreebtn {
		font-size: 19px;
		width: 246px;
		line-height: 62px
	}

	.aboutfour {
		padding-top: 87px;
		padding-bottom: 87px
	}

	.aboutfour .aboutfourbox {
		margin-top: 70px
	}

	.aboutfour .aboutfourbom a {
		font-size: 16px;
		width: 489px;
		height: 62px;
		line-height: 62px
	}

	.aboutfive {
		padding: 77px 0
	}

	.aboutfive ul {
		padding-top: 60px
	}

	.aboutfive ul li .aboutfivetit {
		font-size: 19px;
		padding: 38px 0 20px
	}

	.aboutfive ul li .aboutfivetxt {
		font-size: 15px;
		line-height: 29px
	}

	.pageboxtop {
		margin-left: -660px
	}

	.bomCalculate .bomCalculateTop {
		padding-top: 30px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 {
		width: 17%
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
		font-size: 18px;
		padding-bottom: 10px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP03 {
		font-size: 30px;
		line-height: 42px;
		padding-left: 32px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP04 {
		font-size: 18px;
		line-height: 50px
	}

	.bomCalculate .bomCalculateBom {
		border-radius: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl {
		border-radius: 0 25px 25px 0
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
		padding-top: 22px;
		padding-bottom: 20px;
		padding-left: 35px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd,.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
		padding-top: 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
		font-size: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
		padding-bottom: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
		line-height: 50px;
		width: 25.28852%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
		border-radius: 10px;
		line-height: 30px;
		width: 74.47059%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
		line-height: 30px;
		width: 12.1%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
		height: 70px;
		border-radius: 10px;
		line-height: 30px;
		width: 87.47059%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
		right: -50px;
		top: 80px;
		width: 100px;
		height: 100px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
		font-size: 16px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
		padding-bottom: 40px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
		font-size: 18px;
		line-height: 50px;
		margin-top: 20px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
		padding: 10px 18px 0 40px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
		margin-top: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
		padding: 8px 10px 8px 15px;
		font-size: 16px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span {
		font-size: 16px
	}

	.bomCalculate .bomCalFixed {
		top: 220px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid {
		top: 55px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid span {
		font-size: 22px;
		padding-bottom: 20px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid i {
		font-size: 16px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr {
		margin-top: 39px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr span {
		padding-bottom: 15px
	}

	.bomCalculate .bomCalFixed .CloseButton {
		width: 38px;
		height: 38px
	}

	.bomCalculate.on .bomCalculateBom {
		margin-bottom: 50px;
		height: 430px
	}
}

@media (min-width:1800px) {
	.proone_Breadnav {
		padding: 36px 0;
		font-size: 16px
	}

	.abouttit h2 {
		font-size: 52px;
		padding-bottom: 30px
	}

	.abouttit p {
		font-size: 20px
	}

	.aboutone .proone_Breadnav {
		padding-bottom: 100px
	}

	.aboutone .aboutonefl .aboutonefltit {
		font-size: 52px;
		padding-bottom: 59px;
		margin-bottom: 33px;
		padding-top: 17px
	}

	.aboutone .aboutonefl .aboutonefltit:after {
		width: 53px;
		height: 8px
	}

	.aboutone .aboutonefl .aboutonefltxt {
		font-size: 17px;
		line-height: 48px
	}

	.abouttwo {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.abouttwo #maincontent {
		margin-top: 60px;
		height: 580px
	}

	.abouttwo #maincontent div.pict {
		width: 1280px
	}

	.abouttwo #maincontent div.pict p {
		width: 930px
	}

	.abouttwo #maincontent div.pict p img {
		border-radius: 20px
	}

	.abouttwo #maincontent div.main p:after,.abouttwo #maincontent div.main p:before {
		border-radius: 20px
	}

	.abouttwo #maincontent div.main p:after {
		left: -22px;
		right: -22px;
		top: 22px;
		bottom: 22px
	}

	.abouttwo #maincontent div.main p:before {
		left: -44px;
		right: -44px;
		top: 44px;
		bottom: 44px
	}

	.abouttwo #maincontent div.main .guardian {
		display: none;
		height: 0
	}

	.aboutthree {
		padding: 100px 0
	}

	.aboutthree ul {
		padding-top: 65px;
		margin-bottom: 70px
	}

	.aboutthree ul li .aboutthreepic {
		margin: 40px auto 0
	}

	.aboutthree ul li .aboutthreebox {
		padding: 30px 35px 20px
	}

	.aboutthree ul li .aboutthreebox a {
		font-size: 22px
	}

	.aboutthree ul li .aboutthreebox p {
		padding: 5px 0;
		font-size: 16px
	}

	.aboutthree ul li .aboutthreebox:after {
		top: 8px;
		border-radius: 0 0 20px 20px
	}

	.aboutthree .aboutthreebtn {
		font-size: 22px;
		width: 280x;
		line-height: 65px;
		height: 70px
	}

	.aboutfour {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.aboutfour .aboutfourbox {
		margin-top: 80px
	}

	.aboutfour .aboutfourbom a {
		font-size: 18px;
		width: 555px;
		height: 70px;
		line-height: 70px
	}

	.aboutfive {
		padding: 90px 0
	}

	.aboutfive ul {
		padding-top: 68px
	}

	.aboutfive ul li .aboutfivetit {
		font-size: 22px;
		padding: 44px 0 25px
	}

	.aboutfive ul li .aboutfivetxt {
		font-size: 17px;
		line-height: 34px
	}

	.pageboxtop {
		margin-left: -750px
	}

	.zixun1 {
		padding-top: 0!important;
		padding-bottom: 0!important
	}

	.bomCalculate .bomCalculateTop {
		padding-top: 35px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 {
		width: 15%
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
		font-size: 20px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP03 {
		font-size: 34px;
		line-height: 44px;
		padding-left: 42px
	}

	.bomCalculate .bomCalculateTop .bomCalculateTopP04 {
		bottom: 20px;
		padding: 0 20px;
		font-size: 24px;
		line-height: 60px
	}

	.bomCalculate .bomCalculateBom {
		border-radius: 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl {
		border-radius: 0 30px 30px 0
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
		padding-top: 27px;
		padding-bottom: 22px;
		padding-left: 40px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd,.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
		padding-top: 35px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
		font-size: 28px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
		padding-bottom: 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
		line-height: 56px;
		width: 23.28852%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
		line-height: 36px;
		width: 76.47059%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
		line-height: 46px;
		width: 10.28852%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
		height: 70px;
		width: 88.47059%
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
		right: -60px;
		width: 120px;
		height: 120px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
		font-size: 18px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
		padding-bottom: 50px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
		font-size: 20px;
		line-height: 60px;
		margin-top: 25px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
		padding: 15px 22px 0 50px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
		margin-top: 30px
	}

	.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
		padding: 8px 10px 8px 20px
	}

	.bomCalculate .bomCalFixed {
		top: 242px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid {
		top: 63px
	}

	.bomCalculate .bomCalFixed .bomCalFixedmid span {
		font-size: 24px;
		padding-bottom: 25px
	}

	.bomCalculate .bomCalFixed .bomCalFixedFr {
		margin-top: 42px
	}

	.bomCalculate.on .bomCalculateBom {
		margin-bottom: 55px;
		height: 481px
	}
}

@media (min-width:1921px) {
	.aboutone,.abouttwo #maincontent {
		max-width: none
	}

	.aboutthree {
		background-size: 1920px
	}

	.aboutone {
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto
	}
}

.ie8-hack .header .headertel,.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefl .insidecaseonebom p,.ie8-hack .newlistfour .newlistfouritem .newlistfouritemtop .newlistfouritemtoptit,.ie8-hack .profive .profivefl .profivetit h3,.ie8-hack .proone .proonebox .proonefr .proonebom .proonebom02,.ie8-hack .proone .proonebox .proonefr .proonep01,.ie8-hack .relatnews .relatnewstit h3,.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr ul li {
	padding-left: 0;
	background: 0 0
}

.ie8-hack .header ul li.on,.ie8-hack .header ul li:hover,.ie8-hack .newonebomfrbom,.ie8-hack .newonebomfrtop,.ie8-hack .sandthree h3 {
	background: 0 0
}

.ie8-hack .aboutfour .aboutfourbom a,.ie8-hack .aboutthree .aboutthreebtn,.ie8-hack .hometwo .hometwosolid01 .hometwofr .homebtn {
	background: #edcd91
}

.ie8-hack .aboutfour .aboutfourbom a:hover,.ie8-hack .aboutthree .aboutthreebtn:hover,.ie8-hack .hometwo .hometwosolid01 .hometwofr .homebtn:hover {
	background: #76d1d1
}

.ie8-hack .newonebomfrtop,.ie8-hack .newonebomfrtop .newonebomfritem01 span {
	margin-top: 0
}

.ie8-hack .casefour ul li .casefourbox:after,.ie8-hack .casefour ul li .casefourbtn,.ie8-hack .casethree .casethreefr .casethreefrtit:after,.ie8-hack .casethree .casethreefr .casethreefrtit:before,.ie8-hack .casethreebox:after,.ie8-hack .casethreebox:before,.ie8-hack .casetwo ul li:after,.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr .insidecaseonefrtop,.ie8-hack .mobilefour:before,.ie8-hack .mobiletwo .mobiletwoitembom:before,.ie8-hack .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after,.ie8-hack .proone .proonebox:before,.ie8-hack .prothree .prothreefr .prothreefrtit:after,.ie8-hack .prothree .prothreefr .prothreefrtit:before,.ie8-hack .sandone .sandonefl:after,.ie8-hack .sandsever ul li .sandseverbox:after,.ie8-hack .sandsever ul li .sandseverbtn,.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr a:after {
	display: none
}

.ie8-hack .mobiletwo .mobiletwoitembom dt span {
	color: #13313a
}

.ie8-hack .casethree .casethreefr,.ie8-hack .casethreebox .casethreeboxcon strong,.ie8-hack .mobilefour .mobilefourtop h3,.ie8-hack .mobilethree h3,.ie8-hack .prothree .prothreefr,.ie8-hack .sandfive .sandfivefr {
	background: 0 0
}

.ie8-hack .newonebomfrtop .newonebomfritem01 {
	padding-bottom: 30px;
	height: auto
}

.ie8-hack .insidecaseone .insidecaseoneitem {
	background: #fff
}

.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefl .insidecaseonebom p strong,.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr .insidecaseoneicon span i {
	color: #6c8f9b
}

.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr {
	padding-right: 30px
}

.ie8-hack .proone .proonebox .proonefr ul li {
	background: #2a4745;
	border: 2px solid #d6b19a
}

.ie8-hack .sandthree ul li .sandthreeitem {
	background: #519a9b
}

.newonebox p.narrow_video {
	width: 400px;
	margin: 0 auto
}

.newonebox p.narrow_video video {
	width: 100%;
	height: 705px
}