a {
	color: #000
}
a:hover {
	color: #999;
}
.banindex {
	width: 100%;
	height: auto ;
	margin:0 auto;
	padding-top:150px;
	background:url(../images/bg.jpg) no-repeat 100%;
}
.abin {
	background-color:rgba(0, 51, 91, 0.8);
	height: auto;
	width:100%;
}
.abinsr {
	padding:35px;
	margin:0 auto;
	text-align:center;
}
.abinab {
	margin:0 auto;
	width:100%;
	color:#FFF;
	overflow:hidden;
	word-wrap:break-word;
	text-align:left;
}
.abinab .left {
	float:left;
	width:45%;
	color:#FFF;
	padding:30px;
	word-wrap:break-word;
	text-align:left;
}
.abinab .right {
	float:left;
	margin-top:30px;
	width:50%;
	color:#FFF;
	word-wrap:break-word;
	text-align:left;
}
.abinsr .seach {
	margin:0 auto;
	width:650px;
	height:50px;
	background-color:rgba(255, 255, 255, 0.7);
}
.abinsr .seach .seachText {
	width:600px;
	color:#fff;
	font-size:20px;
	padding:0 0 0 6px;
	line-height:1;
	margin:0;
	border:0;
	height:50px;
	background:none;
}
.abinsr .seach .btn {
	cursor:pointer;
	position:absolute;
	top:6px;
	right:-16px;
	width:38px;
	height:38px;
	text-align:center;
	line-height:30px;
	background: none;
	border:0px;
}
.abinsr .seach .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.abinsr .seach .btn:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.abinsr .seach .btn img {
	vertical-align:middle;
}
.indexin img {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.indexin img:hover {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.indexin2 img {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.indexin2 img:hover {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.banner {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:80px;
}
.banner .container {
	height:100%;
}
.banner .contents {
	position:absolute;
	left:0px;
	width:100%;
	height:100%;
}
.banner .content {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:right top;
	text-align:center;
	background-size:100%;
}
 @media (max-width: 1700px) {
 .banner .content {
 position:absolute;
 top:0px;
 width:100%;
 height:100%;
 background-size:100%;
 background-repeat:no-repeat;
 background-position:right top;
 text-align:center;
}
}
.banner .contentInfo {
	display:none;
	overflow:hidden;
	position:absolute;
	background:rgba(0, 135, 60, 0.8);
	top:40%;
	left:700px;
	width:500px;
	height:200px;
	margin-top:-100px;
	z-index:1;
	text-align:left;
}
.banner .contentInfo .sub {
	text-shadow:0px 0px 0px #00873c;
	position:absolute;
	top:17px;
	left:8px;
	width:2px;
	height:120px;
	background:#fff;
}
.banner .contentInfo .sub {
	transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	-o-transform-origin:left bottom;
	-webkit-transform-origin:left bottom;
}
.banner .contentInfo .quan {
	text-shadow:0px 0px 0px #00873c;
	position:absolute;
	top:128px;
	left:0px;
	width:14px;
	height:14px;
	border:2px solid #fff;
	border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	-webkit-border-radius:16px;
}
.banner .contentInfo .title {
	position:absolute;
	left:32px;
	top:8px;
	line-height:50px;
	font-size:40px;
	color:#fff;
	font-family: Roboto, Candara, Helvetica, Arial;
}
.banner .contentInfo .info {
	position:absolute;
	left:32px;
	top:70px;
	line-height:32px;
	font-size:20px;
	color:#fff;
}
.banner .contentInfo .btn {
	position:absolute;
	top:146px;
	left:32px;
	color:#fff;
	text-align:center;
	line-height:32px;
	width:90px;
	height:30px;
	background-color: #289757;
}
.banner .bannerNav {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	z-index:2;
}
.banner .bannerNav .bannerNavChild {
	margin:0 10px;
	width:40px;
	height:2px;
	display:inline-block;
 *display:inline;
 *zoom:1;
	background:#fff;
	cursor:pointer;
}
.banner .bannerNav .bannerNavChild.on {
	background:#1a764d;
 animation:bannerNavChildOn .2s ease-in-out 0s both;
 -moz-animation:bannerNavChildOn .2s ease-in-out 0s both;
 -webkit-animation:bannerNavChildOn .2s ease-in-out 0s both;
 -o-animation:bannerNavChildOn .2s ease-in-out 0s both;
}
.banner .bannerBg {
	width:100%;
	height:auto;
	vertical-align:middle;
}
.about {
	padding:80px 0;
	background:#fff;
}
.about .left {
	width:50%;
	height:297px;
	float:left;
}
.about .left img {
	width:100%;
	vertical-align:middle;
}
.about .left .title {
	font-size:20px;
	color:#333;
	line-height:20px;
	padding-bottom:20px;
}
.about .left .info {
	font-size:14px;
	color:#333;
	line-height:22px;
}
.about .left .btn {
	position:absolute;
	bottom:20px;
	width:122px;
	height:38px;
	border:1px solid #00873c;
	line-height:38px;
	text-align:center;
	color:#999999;
	font-size:14px;
}
.about .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.about .left .btn:hover {
	background:#00873c;
	color:#fff;
	border:1px solid #fff;
}
.about .right {
	position:relative;
	width:50%;
	height:297px;
	float:right;
}
.about .right img {
	width:100%;
	vertical-align:middle;
}
.about .right .title {
	font-size:20px;
	color:#333;
	line-height:20px;
	padding-bottom:20px;
}
.about .right .info {
	font-size:14px;
	color:#333;
	line-height:25px;
}
.about .right .btn {
	position:absolute;
	bottom:20px;
	width:122px;
	height:38px;
	border:1px solid #00873c;
	line-height:38px;
	text-align:center;
	color:#999999;
	font-size:14px;
}
.about .right .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.about .right .btn:hover {
	background:#00873c;
	color:#fff;
	border:1px solid #fff;
}
 @media (min-width:769px) and (min-width:1023px) {
 .shipin {
 width:100%;
 padding:100px 0;
 height:400px;
 background-color: rgba(226, 226, 226, 1);
}
}
.shipin .left {
	width:510px;
	height:400px;
	float:left;
}
.shipin .left .title {
	font-size:22px;
	color:#333;
	line-height:20px;
	padding-bottom:20px;
}
.shipin .left .info {
	font-size:14px;
	color:#fff;
	line-height:22px;
}
.info {
	color:#fff;
	line-height:22px;
}
.shipin .left .btn {
	margin-top:10px;
	width:122px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#00873c;
	font-size:14px;
	border:  solid 1px #00873c;
}
.shipin .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.shipin .left .btn:hover {
	background:#00873c;
	color:#fff;
}
.shipin .right {
	position:relative;
	width:600px;
	height:484px;
	float:right;
}
.shipin .right img {
	width:100%;
	padding-top:30px;
	vertical-align:middle;
}
.newhuizan {
	width:10%;
	height:54px;
	float:left;
	margin-top:-10px;
}
.huizannews {
	width:100%;
	height:130px;
	padding-top:30px;
	float:left;
}
 @media all and (max-width:500px) {
 .main {
padding:100px 0 0px 0;
}
 .newhuizan {
width:100%;
height:54px;
float:left;
margin-top:-10px;
}
 .huizannews {
width:100%;
height:250px;
float:left;
}
}
.news {
	padding-top:80px;
	background:url(../images/chanpin.jpg) no-repeat;
	background-size:cover;
}
.news .container {
	height:390px;
	margin:56px auto 0 auto;
}
.news .contents {
	position:relative;
	width:1200px;
	height:390px;
	overflow:hidden;
}
.news .content {
	position:absolute;
	top:0;
	left:0;
}
.news .child {
	display:none;
	position:absolute;
	width:342px;
}
.news .child .childImg {
	width:342px;
	height: auto;
	overflow:hidden;
}
.news .child .childImg {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.news .child .childImg:hover {
	box-shadow:0px 0px 0px #000;
	-moz-box-shadow:0px 0px 0px #000;
	-ms-box-shadow:0px 0px 0px #000;
	-o-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
}
.news .child .childImg img {
	vertical-align:middle;
	width:100%;
	height:100%;
}
.news .child .childImg img {
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 0.5s;
}
.news .child .childImg img:hover {
	transform:rotate(20deg) scale(1.4);
	-moz-transform:rotate(20deg) scale(1.4);
	-ms-transform:rotate(20deg) scale(1.4);
	-o-transform:rotate(20deg) scale(1.4);
	-webkit-transform: rotate(0deg) scale(1.03);
}
.news .child .childTitle {
	line-height:30px;
	padding-top:20px;
	color:#00873c;
	font-size:17px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Candara, Helvetica, Arial;
}
.news .child .childTime {
	color:#999999;
	font-size:14px;
	line-height:40px;
}
.news .child .childInfo {
	color:#878787;
	font-size:14px;
	line-height:22px;
}
.news .navBtn {
	position:absolute;
	top:120px;
	height:70px;
	cursor:pointer;
}
.news .navBtn.leftBtn {
	left:-88px;
}
.news .navBtn.rightBtn {
	right:-88px;
}
.other {
	position:relative;
	background:#fff;
	padding:80px 0 60px 0;
	text-align:center;
}
.other .child {
	width:280px;
	display:inline-block;
 *display:inline;
 *zoom:1;
	margin-right:174px;
	vertical-align:text-top;
}
.other .child#vedioChild {
	margin-right:0px;
}
.other .child#vedioChild .childImg {
	position:relative;
	overflow:hidden;
}
.other .child .childImg {
	width:280px;
	height:280px;
	background:#EFEFEF;
	border-radius:280px;
	-moz-border-radius:280px;
	-ms-border-radius:280px;
	-o-border-radius:280px;
	-webkit-border-radius:280px;
}
.other .child .childImg .childImgc {
	vertical-align:middle;
}
.other .child .childImg .childImgc {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.other .child .childImg .childImgc:hover {
	transform:rotate(20deg) scale(1.4);
	-moz-transform:rotate(20deg) scale(1.4);
	-ms-transform:rotate(20deg) scale(1.4);
	-o-transform:rotate(20deg) scale(1.4);
	-webkit-transform:rotate(20deg) scale(1.4);
}
.other .child .childTitle {
	margin-top:46px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:52px;
	color:#333;
	font-size:24px;
}
.other .child .childInfo {
	padding-top:26px;
	line-height:26px;
	color:#999999;
	font-size:14px;
}
.other .child#vedioChild {
	cursor:pointer;
}
.other .child#vedioChild .childImg .childImgc:hover {
	transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	-webkit-transform:none;
}
.other .child#vedioChild .childImg .childHide {
	border-raidus:280px;
	-moz-border-raidus:280px;
	-ms-border-raidus:280px;
	-o-border-raidus:280px;
	-webkit-border-raidus:280px;
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:280px;
	background:url(../images/pruplebg.png);
}
.other .child#vedioChild .childImg .childVedio {
	position:absolute;
	top:50%;
	left:50%;
	width:76px;
	height:76px;
	margin:-38px 0 0 -38px;
}
.work {
	position:relative;
	width: 100%;
	background-color: #FFF;
}
.work .workTitle {
	width:100%;
	padding:0px 0;
	background:#f7f7f7;
}
#allbg {
	width:400px;
	padding-top:50px;
	height:auto;
	left:0;
}
#allbg #picbg {
	position:absolute;
	text-align:center;
	width:300px;
	height:300px;
	overflow:hidden;
}
#allbg #picbg div {
	width:300px;
	height:300px;
	position:relative;
}
#allbg #picbg img {
	height:300px;
	width:300px;
	overflow:hidden;
}
#allbg a b {
	display:none;
}
#allbg a.pre {
	position:absolute;
	height:31px;
	width:31px;
	background:url(../images/l1.png);
	top:130px;
	left:10px;
}
#allbg a.next {
	position:absolute;
	height:31px;
	width:31px;
	background:url(../images/r1.png);
	right:10px;
	top:130px;
}
.mainTitleb {
	width:100px;
	font-family: Candara, Helvetica, Arial;
	float:left;
	line-height:50px;
	color:#333;
	font-size:25px;
	border-bottom:1px solid #919191;
}
.work .container {
	margin:0 auto;
	height:auto;
	padding:50px 0 0px 0;
}
.work .container .left {
	width:35%;
	height:auto;
	float:left
}
.work .container .right {
	width:65%;
	height:auto;
	float:left
}
.work .container .innews {
	width:100%;
	padding-top:30px;
	height:250px;
	overflow:hidden;
}
.work .container .innews .left {
	width:25%;
	height:auto;
	float:left
}
.work .container .innews .left img {
	width:220px;
}
.work .container .innews .right {
	width:75%;
	height:auto;
	float:left
}
.work .container .child {
	position:absolute;
	width:385px;
	height:257px;
}
.work .container .child .childImg {
	width: 100%;
	height: 100%;
}
.work .container .child .childFoot {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:240px;
}
.work .container .child .childRight {
	position:absolute;
	bottom:0px;
	right:0px;
}
.work .container .child .childTitle {
	color:#fff;
	font-size:20px;
	position:absolute;
	bottom:0px;
	left:0px;
	padding-left:18px;
	line-height:36px;
	width:80%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index:1;
}
.work .container .child .childHide {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../images/pruplebg.png);
}
.work .container .child .childSearchBg {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:66px;
	height:66px;
	margin:-33px 0 0 -33px;
	background:url(../images/seachbg.png);
	border-radius:66px;
	-moz-border-radius:66px;
	-ms-border-radius:66px;
	-o-border-radius:66px;
	-webkit-border-radius:66px;
	z-index:2;
}
.work .container .child .childSearch {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:24px;
	margin:-12px 0 0 -15px;
	z-index:3;
}
.work .container .child:hover .childHide {
	display:block;
}
.work .container .child:hover .childSearchBg {
	display:block;
 animation:quan .2s ease-in-out 0s both;
 -moz-animation:quan .2s ease-in-out 0s both;
 -webkit-animation:quan .2s ease-in-out 0s both;
 -o-animation:quan .2s ease-in-out 0s both;
}
 @keyframes quan {
 0% {
 transform:scale(0);
}
 100% {
 transform:scale(1);
}
}
 @-moz-keyframes quan {
 0% {
 -moz-transform:scale(0);
}
 100% {
 -moz-transform:scale(1);
}
}
 @-webkit-keyframes quan {
 0% {
 -webkit-transform:scale(0);
}
 100% {
 -webkit-transform:scale(1);
}
}
 @-o-keyframes quan {
 0% {
 -o-transform:scale(0);
}
 100% {
 -o-transform:scale(1);
}
}
.work .container .child:hover .childSearch {
	display:block;
}
.work .container .child#work1 {
	top:0px;
	left:0px;
}
.work .container .child#work2 {
	top:0px;
	left:406px;
}
.work .container .child#work3 {
	top:0px;
	left:810px;
}
.work .container .child#work4 {
	top:277px;
	left:0px;
}
.work .container .child#work5 {
	top:277px;
	left:406px;
}
.work .container .child#work6 {
	top:277px;
	left:810px;
}
 @media (max-width: 414px) {
 .huizannews {
 width: 100%;
 height: 200px;
 padding-top: 30px;
 float: left;
}
 .work .container .left {
 width:100%;
 height:400px;
 float:left
}
 .work .container .right {
 width:100%;
 height:auto;
 float:left
}
 .banner {
 padding-top:70px;
/*height:250px; mann edited 2019-7-5*/



}
 .banner .contents {
 top:70px;
}
 .banner .content {



	/*background-size:auto 250px; mann edited 2019-7-5*/



	background-position:center 0px;
 background-attachment: inherit;
}
 .banner .contentInfo {
 top:50%;
 left:0px;
 height:150px;
 width:100%;
 margin-top:-120px;
}
 .banner .contentInfob {
 top:50%;
 left:0px;
 height:200px;
 width:100%;
 margin-top:-100px;
}
 .banner .contentInfo .sub {
 top:47px;
 left:8px;
 width:2px;
 height:120px;
}
 .banner .contentInfo .quan {
 top:98px;
 left:0px;
 width:14px;
 height:14px;
 border:2px solid #fff;
 border-radius:16px;
 -moz-border-radius:16px;
 -ms-border-radius:16px;
 -o-border-radius:16px;
 -webkit-border-radius:16px;
}
 .banner .contentInfo .title {
 position:relative;
 left:32px;
 top:0px;
 line-height:30px;
 font-size:22px;
 padding-top:40px;
}
 .banner .contentInfo .info {
 display:none;
 position:relative;
 left:32px;
 top:0px;
 line-height:32px;
 padding-top:10px;
 font-size:20px;
}
 .banner .contentInfo .btn {
 position:relative;
 top:0;
 left:32px;
 line-height:32px;
 margin-top:6px;
 width:110px;
 height:30px;
 background-color: #0b8b4a;
}
 .banner .bannerNav {
 bottom:10px;
}
 .banner .bannerNav .bannerNavChild {
 margin:0 10px;
 width:30px;
 height:10px;
}
 .banner .bannerBg {
/*width:auto;



	height:160px; mann edited 2019-7-5*/



}
 @keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-moz-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-webkit-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-o-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 .about {
 padding:17px 0 25px 0;
}
 .about .left {
 width:100%;
 height: auto;
 padding-bottom:50px;
 float:left;
}
 .about .left img {
 width:100%;
 height:auto;
 vertical-align:middle;
}
 .about .left .title {
 font-size:20px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .about .left .btn {
 position: relative;
 bottom:-20px;
 width:122px;
 height:38px;
 border:1px solid #00873c;
 line-height:38px;
 text-align:center;
 color:#999999;
 font-size:14px;
}
 .about .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .about .left .btn:hover {
 background:#00873c;
 color:#fff;
 border:1px solid #fff;
}
 .about .right {
 width:100%;
 height: auto;
 padding-bottom:50px;
 float:left;
}
 .about .right img {
 width:100%;
 height:auto;
 vertical-align:middle;
}
 .about .right .title {
 font-size:20px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .about .right .info {
 font-size:14px;
 color:#333;
 line-height:22px;
}
 .about .right .btn {
 position: relative;
 bottom:-20px;
 width:122px;
 height:38px;
 border:1px solid #00873c;
 line-height:38px;
 text-align:center;
 color:#999999;
 font-size:14px;
}
 .about .right .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .about .right .btn:hover {
 background:#00873c;
 color:#fff;
 border:1px solid #fff;
}
 .shipin {
 padding:17px 0 25px 0;
 height:800px;
}
 .shipin .left .title {
 font-size:20px;
 line-height:20px;
 padding:17px 0 12px 0;
}
 .shipin .left .info {
 font-size:12px;
 line-height:18px;
}
 .shipin .left .btn {
 margin-top:10px;
 width:86px;
 height:23px;
 line-height:23px;
 font-size:12px;
 border:  solid 1px #00873c;
}
 .shipin .left .btn:hover {
 border:1px solid #fff;
}
 .shipin .rihgt img {
 width:100%;
 height:auto;
 padding-top:0px;
 vertical-align:middle;
}
 .shipin .right {
 width:100%;
 height:auto;
 float:none;
}
 .shipin .right .title {
 font-size:16px;
 line-height:20px;
 padding:17px 0 12px 0;
}
 .shipin .right .info {
 font-size:12px;
 line-height:18px;
}
 .shipin .right .btn {
 position:relative;
 margin-top:0px;
 width:86px;
 height:23px;
 border:1px solid #dcdcdc;
 line-height:23px;
 font-size:12px;
 border-radius:23px;
 -moz-border-radius:23px;
 -moz-border-radius:23px;
 -ms-border-radius:23px;
 -o-border-radius:23px;
 -webkit-border-radius:23px;
}
 .shipin .right .btn:hover {
 border:1px solid #fff;
}
 .news {
 padding:22px 0;
}
 .news .container {
 height:250px;
 margin:25px auto 0 auto;
}
 .news .contents {
 width:209px;
 height:250px;
 margin:0 auto;
}
 .news .child {
 width:209px;
}
 .news .child .childImg {
 width:209px;
 height: auto;
}
 .news .child .childTitle {
 line-height:20px;
 padding-top:10px;
 font-size:14px;
}
 .news .child .childTime {
 font-size:12px;
 line-height:18px;
 padding-bottom:8px;
}
 .news .child .childInfo {
 font-size:12px;
 line-height:16px;
}
 .news .navBtn {
 top:40px;
 height:35px;
}
 .news .navBtn.leftBtn {
 left:0px;
}
 .news .navBtn.rightBtn {
 right:0px;
}
 .other {
 padding:30px 0 0px 0;
}
 .other .child {
 width:75%;
 margin:0 auto;
 display:block;
 padding-bottom:30px;
}
 .other .child#vedioChild {
 margin:0 auto;
}
 .other .child .childImg {
 width:100%;
 height:100%;
 border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 -o-border-radius:100%;
 -webkit-border-radius:100%;
}
 .other .child .childImg .childImgc {
 max-width:100%;
 max-height:100%;
}
 .other .child .childTitle {
 margin-top:23px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 line-height:30px;
 font-size:14px;
}
 .other .child .childInfo {
 padding-top:20px;
 line-height:20px;
 font-size:12px;
}
 .other .child#vedioChild .childImg .childHide {
 border-raidus:140px;
 -moz-border-raidus:140px;
 -ms-border-raidus:140px;
 -o-border-raidus:140px;
 -webkit-border-raidus:140px;
 width:280px;
 height:280px;
}
 .other .child#vedioChild .childImg .childVedio {
 width:38px;
 height:38px;
 margin:-19px 0 0 -19px;
}
 .work {
 position:relative;
}
 .work .workTitle {
 padding:20px 0;
}
 .work .container {
 height:auto;
}
 .work .container .child {
 position:relative;
 width:100%;
 height:auto;
 margin:0 auto 18px auto;
}
 .work .container .child .childImg {
 vertical-align:middle;
 width:100%;
 height:auto;
}
 .work .container .child .childFoot {
 height:120px;
}
 .work .container .child .childTitle {
 font-size:12px;
 padding-left:5px;
 line-height:18px;
}
 .work .container .child .childSearchBg {
 width:33px;
 height:33px;
 margin:-16px 0 0 -16px;
 border-radius:33px;
 -moz-border-radius:33px;
 -ms-border-radius:33px;
 -o-border-radius:33px;
 -webkit-border-radius:33px;
}
 .work .container .child .childSearch {
 width:15px;
 height:12px;
 margin:-6px 0 0 -8px;
}
 .work .container .child#work1 {
 top:0px;
 left:0px;
}
 .work .container .child#work2 {
 top:0px;
 left:0px;
}
 .work .container .child#work3 {
 top:0px;
 left:0px;
}
 .work .container .child#work4 {
 top:0px;
 left:0px;
}
 .work .container .child#work5 {
 top:0px;
 left:0px;
}
 .work .container .child#work6 {
 top:0px;
 left:0px;
}
 .shipin .left {
 width: 100%;
 float: none;
 height: 500px;
 overflow: hidden;
}
}
 @media(min-width: 415px) and (max-width: 768px) {
 .huizannews {
 width: 100%;
 height: 120px;
 padding-top: 30px;
 float: left;
 border-bottom: 1px #919191 solid;
}
 .work .container .left {
 width:100%;
 height:400px;
 float:left
}
 .work .container .right {
 width:100%;
 height:auto;
 float:left
}
 .banner {
 padding-top:70px;
 height:250px;
}
 .banner .contents {
 top:70px;
}
 .banner .content {
 background-size:auto 250px;
 background-position:center 0px;
 background-attachment: inherit;
}
 .banner .contentInfo {
 top:50%;
 left:0px;
 height:150px;
 width:100%;
 margin-top:-120px;
}
 .banner .contentInfob {
 top:50%;
 left:0px;
 height:200px;
 width:100%;
 margin-top:-100px;
}
 .banner .contentInfo .sub {
 top:47px;
 left:8px;
 width:2px;
 height:120px;
}
 .banner .contentInfo .quan {
 top:98px;
 left:0px;
 width:14px;
 height:14px;
 border:2px solid #fff;
 border-radius:16px;
 -moz-border-radius:16px;
 -ms-border-radius:16px;
 -o-border-radius:16px;
 -webkit-border-radius:16px;
}
 .banner .contentInfo .title {
 position:relative;
 left:32px;
 top:0px;
 line-height:30px;
 font-size:22px;
 padding-top:40px;
}
 .banner .contentInfo .info {
 display:none;
 position:relative;
 left:32px;
 top:0px;
 line-height:32px;
 padding-top:10px;
 font-size:20px;
}
 .banner .contentInfo .btn {
 position:relative;
 top:0;
 left:32px;
 line-height:32px;
 margin-top:6px;
 width:110px;
 height:30px;
 background-color: #0b8b4a;
}
 .banner .bannerNav {
 bottom:10px;
}
 .banner .bannerNav .bannerNavChild {
 margin:0 10px;
 width:30px;
 height:10px;
}
 .banner .bannerBg {
 width:auto;
 height:160px;
}
 @keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-moz-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-webkit-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 @-o-keyframes sub {
 0% {
 height:0px;
}
 100% {
 height:60px;
}
}
 .about {
 padding:17px 0 25px 0;
}
 .about .left {
 width:100%;
 height: auto;
 padding-bottom:50px;
 float:left;
}
 .about .left img {
 width:100%;
 height:auto;
 vertical-align:middle;
}
 .about .left .title {
 font-size:20px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .about .left .btn {
 position: relative;
 bottom:-20px;
 width:122px;
 height:38px;
 border:1px solid #00873c;
 line-height:38px;
 text-align:center;
 color:#999999;
 font-size:14px;
}
 .about .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .about .left .btn:hover {
 background:#00873c;
 color:#fff;
 border:1px solid #fff;
}
 .about .right {
 width:100%;
 height: auto;
 padding-bottom:50px;
 float:left;
}
 .about .right img {
 width:100%;
 height:auto;
 vertical-align:middle;
}
 .about .right .title {
 font-size:20px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .about .right .info {
 font-size:14px;
 color:#333;
 line-height:22px;
}
 .about .right .btn {
 position: relative;
 bottom:-20px;
 width:122px;
 height:38px;
 border:1px solid #00873c;
 line-height:38px;
 text-align:center;
 color:#999999;
 font-size:14px;
}
 .about .right .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .about .right .btn:hover {
 background:#00873c;
 color:#fff;
 border:1px solid #fff;
}
 .shipin {
 padding:17px 0 25px 0;
 height:800px;
 background-color: rgba(226, 226, 226, 1);
}
 .shipin .left {
 width:100%;
 float:none;
 height:380px;
 overflow:hidden;
}
 .shipin .left .title {
 font-size:20px;
 line-height:20px;
 padding:17px 0 12px 0;
}
 .shipin .left .info {
 font-size:12px;
 line-height:18px;
}
 .shipin .left .btn {
 margin-top:10px;
 width:86px;
 height:23px;
 line-height:23px;
 font-size:12px;
 border:  solid 1px #00873c;
}
 .shipin .left .btn:hover {
 background-color: #00873c;
}
 .shipin .rihgt img {
 width:100%;
 height:auto;
 padding-top:0px;
 vertical-align:middle;
}
 .shipin .right {
 width:100%;
 height:auto;
 float:none;
}
 .shipin .right .title {
 font-size:16px;
 line-height:20px;
 padding:17px 0 12px 0;
}
 .shipin .right .info {
 font-size:12px;
 line-height:18px;
}
 .shipin .right .btn {
 position:relative;
 margin-top:0px;
 width:86px;
 height:23px;
 border:1px solid #dcdcdc;
 line-height:23px;
 font-size:12px;
 border-radius:23px;
 -moz-border-radius:23px;
 -moz-border-radius:23px;
 -ms-border-radius:23px;
 -o-border-radius:23px;
 -webkit-border-radius:23px;
}
 .shipin .right .btn:hover {
 border:1px solid #fff;
}
 .news {
 padding:22px 0;
}
 .news .container {
 height:250px;
 margin:25px auto 0 auto;
}
 .news .contents {
 width:209px;
 height:250px;
 margin:0 auto;
}
 .news .child {
 width:209px;
}
 .news .child .childImg {
 width:209px;
 height: auto;
}
 .news .child .childTitle {
 line-height:20px;
 padding-top:10px;
 font-size:14px;
}
 .news .child .childTime {
 font-size:12px;
 line-height:18px;
 padding-bottom:8px;
}
 .news .child .childInfo {
 font-size:12px;
 line-height:16px;
}
 .news .navBtn {
 top:40px;
 height:35px;
}
 .news .navBtn.leftBtn {
 left:0px;
}
 .news .navBtn.rightBtn {
 right:0px;
}
 .other {
 padding:30px 0 0px 0;
}
 .other .child {
 width:75%;
 margin:0 auto;
 display:block;
 padding-bottom:30px;
}
 .other .child#vedioChild {
 margin:0 auto;
}
 .other .child .childImg {
 width:100%;
 height:100%;
 border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 -o-border-radius:100%;
 -webkit-border-radius:100%;
}
 .other .child .childImg .childImgc {
 max-width:100%;
 max-height:100%;
}
 .other .child .childTitle {
 margin-top:23px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 line-height:30px;
 font-size:14px;
}
 .other .child .childInfo {
 padding-top:20px;
 line-height:20px;
 font-size:12px;
}
 .other .child#vedioChild .childImg .childHide {
 border-raidus:140px;
 -moz-border-raidus:140px;
 -ms-border-raidus:140px;
 -o-border-raidus:140px;
 -webkit-border-raidus:140px;
 width:280px;
 height:280px;
}
 .other .child#vedioChild .childImg .childVedio {
 width:38px;
 height:38px;
 margin:-19px 0 0 -19px;
}
 .work {
 position:relative;
}
 .work .workTitle {
 padding:20px 0;
}
 .work .container {
 height:auto;
}
 .work .container .child {
 position:relative;
 width:100%;
 height:auto;
 margin:0 auto 18px auto;
}
 .work .container .child .childImg {
 vertical-align:middle;
 width:100%;
 height:auto;
}
 .work .container .child .childFoot {
 height:120px;
}
 .work .container .child .childTitle {
 font-size:12px;
 padding-left:5px;
 line-height:18px;
}
 .work .container .child .childSearchBg {
 width:33px;
 height:33px;
 margin:-16px 0 0 -16px;
 border-radius:33px;
 -moz-border-radius:33px;
 -ms-border-radius:33px;
 -o-border-radius:33px;
 -webkit-border-radius:33px;
}
 .work .container .child .childSearch {
 width:15px;
 height:12px;
 margin:-6px 0 0 -8px;
}
 .work .container .child#work1 {
 top:0px;
 left:0px;
}
 .work .container .child#work2 {
 top:0px;
 left:0px;
}
 .work .container .child#work3 {
 top:0px;
 left:0px;
}
 .work .container .child#work4 {
 top:0px;
 left:0px;
}
 .work .container .child#work5 {
 top:0px;
 left:0px;
}
 .work .container .child#work6 {
 top:0px;
 left:0px;
}
}
 @media (min-width: 640px) and (max-width:1023px ) {
 .banner {
 padding-top:73px;
}
 .banner .content {
 background-size:auto 320px;
 background-position:center 0px;
 background-attachment: inherit;
 background-size:100%;
}
 .banner .contents {
 top:73px;
}
 .banner .contentInfo {
 top:50%;
 left:0px;
 height:200px;
 width:100%;
 margin-top:-100px;
}
 .banner .contentInfo .sub {
 top:17px;
 left:8px;
 width:2px;
 height:120px;
}
 .banner .contentInfo .quan {
 top:128px;
 left:0px;
 width:14px;
 height:14px;
 border:2px solid #fff;
 border-radius:16px;
 -moz-border-radius:16px;
 -ms-border-radius:16px;
 -o-border-radius:16px;
 -webkit-border-radius:16px;
}
 .banner .contentInfo .title {
 position:relative;
 left:32px;
 top:0px;
 line-height:50px;
 font-size:40px;
}
 .banner .contentInfo .info {
 position:relative;
 left:32px;
 top:0px;
 line-height:32px;
 padding-top:10px;
 font-size:20px;
}
 .banner .contentInfo .btn {
 position:relative;
 top:0;
 left:32px;
 line-height:32px;
 margin-top:6px;
 width:110px;
 height:30px;
}
 .banner .bannerNav {
 bottom:10px;
}
 .banner .bannerNav .bannerNavChild {
 margin:0 10px;
 width:10px;
 height:10px;
 border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;
 -webkit-border-radius:10px;
}
 .banner .bannerBg {
 width:auto;
 height:320px;
 opacity: 0;
}
 .about {
 padding:34px 0 50px 0;
}
 .about .left {
 width:100%;
 height:auto;
 float:none;
}
 .about .left img {
 width:100%;
 height:auto;
 vertical-align:middle;
}
 .about .right {
 width:100%;
 height:auto;
 float:none;
}
 .about .right .title {
 font-size:25px;
 line-height:33px;
 padding:18px 0 12px 0;
}
 .about .right .info {
 font-size:16px;
 line-height:28px;
}
 .about .right .btn {
 position:relative;
 margin-top:20px;
 width:130px;
 height:32px;
 border:1px solid #00873c;
 line-height:30px;
 font-size:14px;
}
 .about .right .btn:hover {
 border:2px solid #fff;
}
 .news {
 padding:36px 0;
}
 .news .container {
 height:411px;
 margin:50px auto 0 auto;
}
 .news .contents {
 width:418px;
 height:500px;
 margin:0 auto;
}
 .news .child {
 width:418px;
}
 .news .child .childImg {
 width:418px;
 height: auto;
}
 .news .child .childTitle {
 line-height:28px;
 padding-top:11px;
 font-size:18px;
}
 .news .child .childTime {
 font-size:17px;
 line-height:26px;
 padding-bottom:10px;
}
 .news .child .childInfo {
 font-size:16px;
 line-height:26px;
}
 .news .navBtn {
 top:80px;
 height:70px;
}
 .news .navBtn.leftBtn {
 left:0px;
}
 .news .navBtn.rightBtn {
 right:0px;
}
 .other {
 padding:60px 0 0px 0;
}
 .other .child {
 width:280px;
 margin:0 auto;
 display:block;
 padding-bottom:60px;
}
 .other .child#vedioChild {
 margin:0 auto;
}
 .other .child .childImg {
 width:280px;
 height:280px;
 border-radius:280px;
 -moz-border-radius:280px;
 -ms-border-radius:280px;
 -o-border-radius:280px;
 -webkit-border-radius:280px;
}
 .other .child .childImg .childImgc {
 vertical-align:middle;
}
 .other .child .childImg .childImgc {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .other .child .childImg .childImgc:hover {
 transform:rotate(20deg) scale(1.4);
 -moz-transform:rotate(20deg) scale(1.4);
 -ms-transform:rotate(20deg) scale(1.4);
 -o-transform:rotate(20deg) scale(1.4);
 -webkit-transform:rotate(20deg) scale(1.4);
}
 .other .child .childTitle {
 margin-top:46px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 line-height:52px;
 color:#333;
 font-size:25px;
}
 .other .child .childInfo {
 padding-top:26px;
 line-height:26px;
 color:#999999;
 font-size:14px;
}
 .other .child#vedioChild {
 cursor:pointer;
}
 .other .child#vedioChild .childImg .childImgc:hover {
 transform:none;
 -moz-transform:none;
 -ms-transform:none;
 -o-transform:none;
 -webkit-transform:none;
}
 .other .child#vedioChild .childImg .childHide {
 border-raidus:280px;
 -moz-border-raidus:280px;
 -ms-border-raidus:280px;
 -o-border-raidus:280px;
 -webkit-border-raidus:280px;
 position:absolute;
 top:0;
 left:0;
 width:280px;
 height:280px;
 background:url(../images/pruplebg.png);
}
 .other .child#vedioChild .childImg .childVedio {
 position:absolute;
 top:50%;
 left:50%;
 width:76px;
 height:76px;
 margin:-38px 0 0 -38px;
}
 .work {
 position:relative;
}
 .work .workTitle {
 padding:40px 0;
}
 .work .container {
 height:auto;
}
 .work .container .child {
 position:relative;
 width:385px;
 height:257px;
 margin:0 auto 35px auto;
}
 .work .container .child .childFoot {
 height:240px;
}
 .work .container .child .childTitle {
 font-size:20px;
 padding-left:10px;
 line-height:36px;
}
 .work .container .child .childSearchBg {
 width:66px;
 height:66px;
 margin:-33px 0 0 -33px;
 border-radius:66px;
 -moz-border-radius:66px;
 -ms-border-radius:66px;
 -o-border-radius:66px;
 -webkit-border-radius:66px;
}
 .work .container .child .childSearch {
 width:30px;
 height:24px;
 margin:-12px 0 0 -15px;
}
 .work .container .child#work1 {
 top:0px;
 left:0px;
}
 .work .container .child#work2 {
 top:0px;
 left:0px;
}
 .work .container .child#work3 {
 top:0px;
 left:0px;
}
 .work .container .child#work4 {
 top:0px;
 left:0px;
}
 .work .container .child#work5 {
 top:0px;
 left:0px;
}
 .work .container .child#work6 {
 top:0px;
 left:0px;
}
}
 @media (min-width: 1024px) and (max-width:1400px ) {
 .about .right .btn {
 position: absolute;
 bottom: -30px;
 width: 122px;
 height: 38px;
 border: 1px solid #00873c;
 line-height: 38px;
 text-align: center;
 color: #999999;
 font-size: 14px;
}
 .about .left .btn {
 position: absolute;
 bottom: -20px;
 width: 122px;
 height: 38px;
 border: 1px solid #00873c;
 line-height: 38px;
 text-align: center;
 color: #999999;
 font-size: 14px;
}
 .about .right {
 position: relative;
 width: 50%;
 height: 297px;
 float: right;
}
 .about .right img {
 margin-top: 50px;
}
}
 @media (min-width: 1024px) and (max-width:1199px ) {
 .banner {
 padding-top:80px;
}
 .banner .contents {
 top:80px;
}
 .banner .content {
 background-size:auto 500px;
 background-position:center 0px;
 background-attachment: inherit;
}
 .banner .contentInfo {
 margin-top:-100px;
}
 .banner .bannerBg {
 width:auto;
 height:500px;
}
 .about {
 padding:60px 0;
}
 .about .left {
 width:490px;
 height:330px;
}
 .about .right {
 width:450px;
 height:330px;
}
 .about .right .title {
 padding-bottom:8px;
}
 .news {
 padding:40px 0;
}
 .news .container {
 height:340px;
 margin:56px auto 0 auto;
}
 .news .contents {
 width:980px;
 height:340px;
}
 .news .child {
 width:280px;
}
 .news .child .childImg {
 width:280px;
 height: auto;
}
 .news .child .childTitle {
 line-height:24px;
 padding-top:20px;
 font-size:16px;
}
 .news .child .childTime {
 font-size:14px;
 line-height:30px;
}
 .news .child .childInfo {
 font-size:12px;
 line-height:20px;
}
 .news .navBtn {
 top:80px;
 height:70px;
}
 .news .navBtn.leftBtn {
 left:0px;
}
 .news .navBtn.rightBtn {
 right:0px;
}
 .other {
 padding:60px 0 40px 0;
}
 .other .child {
 width:280px;
 margin-right:65px;
}
 .other .child .childImg {
 width:280px;
 height:280px;
 background:#EFEFEF;
 border-radius:280px;
 -moz-border-radius:280px;
 -ms-border-radius:280px;
 -o-border-radius:280px;
 -webkit-border-radius:280px;
}
 .other .child .childImg .childImgc {
 vertical-align:middle;
}
 .other .child .childImg .childImgc {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .other .child .childImg .childImgc:hover {
 transform:rotate(20deg) scale(1.4);
 -moz-transform:rotate(20deg) scale(1.4);
 -ms-transform:rotate(20deg) scale(1.4);
 -o-transform:rotate(20deg) scale(1.4);
 -webkit-transform:rotate(20deg) scale(1.4);
}
 .other .child .childTitle {
 margin-top:46px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 line-height:52px;
 color:#333;
 font-size:24px;
}
 .other .child .childInfo {
 padding-top:26px;
 line-height:26px;
 color:#999999;
 font-size:14px;
}
 .other .child#vedioChild {
 cursor:pointer;
}
 .other .child#vedioChild .childImg .childImgc:hover {
 transform:none;
 -moz-transform:none;
 -ms-transform:none;
 -o-transform:none;
 -webkit-transform:none;
}
 .other .child#vedioChild .childImg .childHide {
 border-raidus:280px;
 -moz-border-raidus:280px;
 -ms-border-raidus:280px;
 -o-border-raidus:280px;
 -webkit-border-raidus:280px;
 position:absolute;
 top:0;
 left:0;
 width:280px;
 height:280px;
 background:url(../images/pruplebg.png);
}
 .other .child#vedioChild .childImg .childVedio {
 position:absolute;
 top:50%;
 left:50%;
 width:76px;
 height:76px;
 margin:-38px 0 0 -38px;
}
 .shipin {
 width:100%;
 padding:40px 0;
 height:450px;
 background:url(../images/sp3.jpg);
}
 .shipin .left {
 width:450px;
 height:484px;
 float:left;
}
 .shipin .left .title {
 font-size:25px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .shipin .left .info {
 font-size:14px;
 color:#fff;
 line-height:22px;
}
 .info {
 color:#fff;
 line-height:22px;
}
 .shipin .left .btn {
 margin-top:10px;
 width:122px;
 height:38px;
 line-height:38px;
 text-align:center;
 color:#00873c;
 font-size:14px;
 border:  solid 1px #00873c;
}
 .shipin .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .shipin .left .btn:hover {
 background:#00873c;
 color:#fff;
}
 .shipin .right {
 position:relative;
 width:500px;
 height:484px;
 float:right;
}
 .shipin .right img {
 width:100%;
 padding-top:30px;
 vertical-align:middle;
}
 .work .workTitle {
 padding:40px 0;
}
 .work .container {
 width:980px;
 height:464px;
}
 .work .container .child#work1 {
 top:0px;
 left:0px;
}
 .work .container .child#work2 {
 top:0px;
 left:406px;
}
 .work .container .child#work3 {
 top:277px;
 left:0px;
}
 .work .container .child#work4 {
 top:277px;
 left:406px;
}
 .work .container .child#work5 {
 top:555px;
 left:0px;
}
 .work .container .child#work6 {
 top:555px;
 left:406px;
}
}
 @media (min-width: 1200px) and (max-width:1439px ) {
 .shipin {
 width:100%;
 padding:40px 0;
 height:450px;
 background:url(../images/sp3.jpg);
}
 .shipin .left {
 width:450px;
 height:484px;
 float:left;
}
 .shipin .left .title {
 font-size:25px;
 color:#333;
 line-height:20px;
 padding-bottom:20px;
}
 .shipin .left .info {
 font-size:14px;
 color:#fff;
 line-height:22px;
}
 .info {
 color:#fff;
 line-height:22px;
}
 .shipin .left .btn {
 margin-top:10px;
 width:122px;
 height:38px;
 line-height:38px;
 text-align:center;
 color:#00873c;
 font-size:14px;
 border:  solid 1px #00873c;
}
 .shipin .left .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .shipin .left .btn:hover {
 background:#00873c;
 color:#fff;
}
 .shipin .right {
 position:relative;
 width:500px;
 height:484px;
 float:right;
}
 .shipin .right img {
 width:100%;
 padding-top:30px;
 vertical-align:middle;
}
 .news {
 padding-top:80px;
 background:url(../images/chanpin.jpg) no-repeat;
}
 .news .container {
 height:390px;
 margin:56px auto 0 auto;
}
 .news .contents {
 position:relative;
 width:1000px;
 height:390px;
 overflow:hidden;
}
 .news .content {
 position:absolute;
 top:0;
 left:0;
}
 .news .child {
 display:none;
 position:absolute;
 width:280px;
}
 .news .child .childImg {
 width:280px;
 height: auto;
 overflow:hidden;
}
 .news .child .childImg {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
 .news .child .childImg:hover {
 box-shadow:0px 0px 0px #000;
 -moz-box-shadow:0px 0px 0px #000;
 -ms-box-shadow:0px 0px 0px #000;
 -o-box-shadow:0px 0px 0px #000;
 -webkit-box-shadow:0px 0px 0px #000;
}
 .news .child .childImg img {
 vertical-align:middle;
 width:100%;
 height:100%;
}
 .news .child .childImg img {
 transition-duration: 1s;
 -ms-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition-duration: 1s;
}
 .news .child .childImg img:hover {
 transform:rotate(20deg) scale(1.4);
 -moz-transform:rotate(20deg) scale(1.4);
 -ms-transform:rotate(20deg) scale(1.4);
 -o-transform:rotate(20deg) scale(1.4);
 -webkit-transform:rotate(20deg) scale(1.4);
}
 .news .child .childTitle {
 line-height:30px;
 padding-top:40px;
 color:#00873c;
 font-size:16px;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font-family: Candara, Helvetica, Arial;
}
 .news .child .childTime {
 color:#999999;
 font-size:14px;
 line-height:40px;
}
 .news .child .childInfo {
 color:#878787;
 font-size:14px;
 line-height:22px;
}
 .news .navBtn {
 position:absolute;
 top:80px;
 height:70px;
 cursor:pointer;
}
 .news .navBtn.leftBtn {
 left:-88px;
}
 .news .navBtn.rightBtn {
 right:-88px;
}
}
 @media (min-width: 1440px) and (max-width:1920px ) {
}
 @keyframes scaleOpacityShow {
 0% {
 transform: scale(0) rotate(20deg);
 opacity:0;
}
 80% {
 opacity:0.5;
}
 100% {
 transform:scale(1) rotate(0deg);
 opacity:1;
}
}
 @-moz-keyframes scaleOpacityShow {
 0% {
 -moz-transform: scale(0) rotate(20deg);
 opacity:0;
}
 80% {
 opacity:0.5;
}
 100% {
 -moz-transform:scale(1) rotate(0deg);
 opacity:1;
}
}
 @-webkit-keyframes scaleOpacityShow {
 0% {
 -webkit-transform: scale(0) rotate(20deg);
 opacity:0;
}
 80% {
 opacity:0.5;
}
 100% {
 -webkit-transform:scale(1) rotate(0deg);
 opacity:1;
}
}
 @-o-keyframes scaleOpacityShow {
 0% {
 -o-transform: scale(0) rotate(20deg);
 opacity:0;
}
 80% {
 opacity:0.5;
}
 100% {
 -o-transform:scale(1) rotate(0deg);
 opacity:1;
}
}
 @media screen and (min-width:300px) and (max-width:780px) {

.banindex {
	width: 100%;
	height: auto;
	margin:0 auto;
	padding-top:100px;
	background:url(../images/bg.jpg)no-repeat;
	background-size:cover;
}
.abin {
	background-color:rgba(6, 31, 62, 0.6);
	height: auto;
	width:100%;
}
.abinsr {
	padding:0px;
	margin:0 auto;
	text-align:center;
}
.abinab {
	padding:20px 20px 20px 20px;
	margin:0 auto;
	width:90%;
	color:#FFF;
	word-wrap:break-word;
	text-align:left;
}
.abinab .left {
	float:left;
	width:100%;
	color:#FFF;
	padding:5px;
	word-wrap:break-word;
	text-align:left;
}
.abinab .right {
	float:left;
	margin-top:30px;
	width:100%;
	color:#FFF;
	word-wrap:break-word;
	text-align:left;
}

.abinsr .seach {
	margin:0 auto;
	width:350px;
	height:50px;
	background-color:rgba(255, 255, 255, 0.7);
}
.abinsr .seach .seachText {
	width:300px;
	color:#fff;
	font-size:20px;
	padding:0 0 0 6px;
	line-height:1;
	margin:0;
	border:0;
	height:50px;
	background:none;
}
.abinsr .seach .btn {
	cursor:pointer;
	position:absolute;
	top:6px;
	right:0px;
	width:38px;
	height:38px;
	text-align:center;
	line-height:30px;
	background: none;
	border:0px;
}
.abinsr .seach .btn {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
.abinsr .seach .btn:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.abinsr .seach .btn img {
	vertical-align:middle;
}
}