body {
	font-family: 微软雅黑, Verdana, Geneva, sans-serif;
}

/*首页banner图自适应调整*/
@media only screen and (max-width: 1770px) {
.homepage-headline {
	font-size: 50px;
	margin-bottom: 45px
}
.enhanced-gallery .gallery-container {
	/*max-height:630px;
		min-height:515px;*/
	height: calc(100vh - 130px);
}
}
@media only screen and (max-width: 1440px) {
.homepage-headline {
	font-size: 46px;
	margin-bottom: 40px
}
.gallery-item-lockup-wrapper {
	top: 53%;
}
.enhanced-gallery .gallery-container {
	/*max-height:515px;
		min-height:430px;*/
	height: calc(100vh - 120px);
}
}
@media only screen and (max-width: 1200px) {
.homepage-headline {
	font-size: 36px;
	margin-bottom: 30px;
}
.intro {
	font-size: 14px;
	width: 70%;
}
.gallery-item-lockup-wrapper {
	top: 55%;
}
.enhanced-gallery .gallery-container {
	max-height: 430px;
	min-height: 355px;
}
}
@media only screen and (max-width: 992px) {
.homepage-headline {
	font-size: 30px;
	margin-bottom: 25px;
}
.intro {
	width: 90%;
}
.enhanced-gallery .gallery-container {
	max-height: 430px;
	min-height: 355px;
}
}
@media only screen and (max-width: 768px) {
.homepage-headline {
	font-size: 24px;
	margin-bottom: 20px
}
.intro {
	font-size: 12px;
	line-height: 1.6;
}
.enhanced-gallery .gallery-container {
	max-height: 280px;
	min-height: 250px;
}
.dashnav {
	bottom: 5px;
}
.dashnav li {
	margin: 0 5px;
	width: 43px;
}
.dashnav .dashnav-item, .dashnav .dashnav-progress {
	width: 40px;
}
}
@media only screen and (max-width: 480px) {
.enhanced-gallery .gallery-image {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-position: -300px 0;
}
.enhanced-gallery .gallery {
	height: 100vh;
	height: calc(100vh - 276px);
}
.gallery-container {
	height: 100vh;
	height: calc(100vh - 276px)!important;
	max-height: 100vh!important;
	margin-top: 63px;
}
.gallery-container img {
	height: 100vh;
	height: calc(100vh - 276px);
}
.gallery-item-lockup-wrapper {
	top: 44%;
}
}
@media only screen and (max-width: 320px) {
.homepage-headline {
	font-size: 20px;
	margin-bottom: 15px
}
.intro {
	font-size: 10px;
	line-height: 1.4;
}
}
/*business_section*/
.business_section {
	text-align: center;
	margin-top: 100px;/*margin-top: 10vh;*/
}
.business_warp {
	width: 70%;
	margin: 0 auto;
}
.menu_tit1 {
	margin-bottom: 40px;
	font-size: 45px;
	font-weight: bold;
	color: #777777;
	line-height: 1;
	opacity: 0;
}
.menu_tit2 {
	font-size: 16px;
	color: #777777;
	margin-bottom: 80px;
	line-height: 1;
	opacity: 0;
}
/* **************说的先不用这个样式************* */
/*.business_list ul{margin-left:-2%;margin-right:-2%;}
.business_list ul li{width:20%;float:left;padding-left:2%;padding-right:2%;}*/
/* **************说的先不用这个样式************* */

.bussiness_icon {
	width: 100px;
	height: 100px;
	border: 2px solid #e05154;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin: 0 auto;
}
.business_list ul li:nth-child(1) .bussiness_icon {
	background: url(../images/menu_icon1.png)no-repeat center;
}
.business_list ul li:nth-child(2) .bussiness_icon {
	background: url(../images/menu_icon2.png)no-repeat center;
}
.business_list ul li:nth-child(3) .bussiness_icon {
	background: url(../images/menu_icon3.png)no-repeat center;
}
.business_list ul li:nth-child(4) .bussiness_icon {
	background: url(../images/menu_icon4.png)no-repeat center;
}
.business_list ul li:nth-child(5) .bussiness_icon {
	background: url(../images/menu_icon5.png)no-repeat center;
}
.business_tit {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #e05154;
	line-height: 1;
}
.business_con {
	font-size: 12px;
	color: #888888;
	line-height: 1.9;
	text-align: left;
}
/* **************说的先用这个样式************* */
		/*business_list*/
.business_section .container {
	padding-right: 10%;
	padding-left: 10%;
}
.business_warp {
	padding-right: 10px;
	padding-left: 10px;
	width: auto;
}
 @-webkit-keyframes flipInY2 {
 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
 opacity:0
}
 40% {
-webkit-transform:perspective(400px) rotateY(-5deg)
}
 70% {
-webkit-transform:perspective(400px) rotateY(5deg)
}
 100% {
-webkit-transform:perspective(400px) rotateY(0deg);
 opacity:1
}
}
 @-moz-keyframes flipInY2 {
 0% {
-moz-transform:perspective(400px) rotateY(90deg);
 opacity:0
}
 40% {
-moz-transform:perspective(400px) rotateY(-5deg)
}
 70% {
-moz-transform:perspective(400px) rotateY(5deg)
}
 100% {
-moz-transform:perspective(400px) rotateY(0deg);
 opacity:1
}
}
.business_tit {
	text-align: center;
}
.business_tit h2 {
	margin-bottom: 20px
}
.business_list {
	margin-top: 95px;
}
.business_txt h3 {
	color: #8e8e8e
}
.business_txt h2 {
	margin-top: 22px;
	margin-bottom: 11px;
	font-size: 22px;
	color: rgb(102, 102, 102);
	transition: .45s;
}
.business_txt p {
	color: #7c7c7c;
	line-height: 24px;
	text-align: justify;
	ms-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-oz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	-oz-transform: scale(0.8);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
.business_txt.cur p {
	-oz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.business_icon {
	width: 175px;
	height: 175px;
	border-radius: 100%;
	background: #eaeaea;
	margin: 0 auto;
	position: relative;
	display: table;
	border: 8px solid #f3f3f3;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
.business_icon .red-bak {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: 100%;
	background: #e2373d;
	z-index: 9;
	opacity: 0;
}
.business_list ul li {
	opacity: 0;
}
.business_list ul li:hover .business_icon .red-bak {
	-webkit-animation: flipInY2 1s .2s ease both;
	-moz-animation: flipInY2 1s .2s ease both;
}
.icon {
	z-index: 10;
	width: 79px;
	display: block;
	position: absolute;
	left: 50%;
	height: 79px;margin-left: -40px;
	top: 38px;
	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.business_list ul li .icon1 {
	background: url(../images/icon_list1_a.png) no-repeat;
	
	
}
.business_list ul li .icon2 {
	background: url(../images/icon_list1_b.png) no-repeat;
	
	
}
.business_list ul li .icon3 {
	background: url(../images/icon_list1_c.png) no-repeat;
	
	
}
.business_list ul li .icon4 {
	background: url(../images/icon_list1_d.png) no-repeat;
	
	
}
.business_list ul li:hover .business_icon {
	box-shadow: 0 0 0 0 #f3f3f3;
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
.business_list ul li:hover .business_txt h3, .business_list2 ul li:hover .business_txt h3 {
	color: #e2373d
}
.business_list ul li:hover .icon {
	width: 79px;
}
.business_list ul li:hover .icon1 {
	background: url(../images/icon_list2_a.png) no-repeat;
	
}
.business_list ul li:hover .icon2 {
	background: url(../images/icon_list2_b.png) no-repeat;
	
}
.business_list ul li:hover .icon3 {
	background: url(../images/icon_list2_c.png) no-repeat;

}
.business_list ul li:hover .icon4 {
	background: url(../images/icon_list2_d.png) no-repeat;
	
}
.business_txt {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.business_list ul li:hover .business_txt h2 {
	color: #e2373d;
}
/* **************说的先用这个样式************* */


/*business_section部分自适应调整*/
@media only screen and (max-width: 1770px) {
.business_warp {
	width: 100%;
}
.business_section {
	margin-top: 70px;
}
.menu_tit1 {
	font-size: 36px;
	margin-bottom: 28px;
}
.menu_tit2 {
	margin-bottom: 70px
}
.bussiness_icon {
	width: 80px;
	height: 80px;
}
.business_list ul li:nth-child(1) .bussiness_icon {
	-moz-background-size: 26px 26px;
	-o-background-size: 26px 26px;
	background-size: 26px 26px;
}
.business_list ul li:nth-child(2) .bussiness_icon {
	-moz-background-size: 30px 26px;
	-o-background-size: 30px 26px;
	background-size: 30px 26px;
}
.business_list ul li:nth-child(3) .bussiness_icon {
	-moz-background-size: 20px 26px;
	-o-background-size: 20px 26px;
	background-size: 20px 26px;
}
.business_list ul li:nth-child(4) .bussiness_icon {
	-moz-background-size: 26px 27px;
	-o-background-size: 26px 27px;
	background-size: 26px 27px;
}
.business_list ul li:nth-child(5) .bussiness_icon {
	-moz-background-size: 32px 22px;
	-o-background-size: 32px 22px;
	background-size: 32px 22px;
}
.business_tit {
	margin-top: 30px;
}
}
@media only screen and (max-width: 1440px) {
.business_section {
	margin-top: 60px;
}
.business_warp {
	width: 100%;
}
.menu_tit1 {
	font-size: 30px;
	margin-bottom: 30px;
}
.menu_tit2 {
	font-size: 14px;
	margin-bottom: 60px;
}
.bussiness_icon {
	width: 70px;
	height: 70px;
}
.business_list ul li:nth-child(1) .bussiness_icon {
	-moz-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	background-size: 24px 24px;
}
.business_list ul li:nth-child(2) .bussiness_icon {
	-moz-background-size: 27px 24px;
	-o-background-size: 27px 24px;
	background-size: 27px 24px;
}
.business_list ul li:nth-child(3) .bussiness_icon {
	-moz-background-size: 18px 24px;
	-o-background-size: 18px 24px;
	background-size: 18px 24px;
}
.business_list ul li:nth-child(4) .bussiness_icon {
	-moz-background-size: 24px 25px;
	-o-background-size: 24px 25px;
	background-size: 24px 25px;
}
.business_list ul li:nth-child(5) .bussiness_icon {
	-moz-background-size: 30px 21px;
	-o-background-size: 30px 21px;
	background-size: 30px 21px;
}
.business_tit {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 14px;
}
.business_con {
	-webkit-text-size-adjust: none;
	font-size: 10px;
}
}
@media only screen and (max-width: 1200px) {
.business_section {
	margin-top: 55px;
}
.business_warp {
	width: 88%;
}
.menu_tit1 {
	font-size: 26px;
	margin-bottom: 20px;
}
.menu_tit2 {
	margin-bottom: 50px;
}
.bussiness_icon {
	width: 60px;
	height: 60px;
}
.business_list ul li:nth-child(1) .bussiness_icon {
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	background-size: 22px 22px;
}
.business_list ul li:nth-child(2) .bussiness_icon {
	-moz-background-size: 25px 22px;
	-o-background-size: 25px 22px;
	background-size: 25px 22px;
}
.business_list ul li:nth-child(3) .bussiness_icon {
	-moz-background-size: 17px 22px;
	-o-background-size: 17px 22px;
	background-size: 17px 22px;
}
.business_list ul li:nth-child(4) .bussiness_icon {
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	background-size: 22px 22px;
}
.business_list ul li:nth-child(5) .bussiness_icon {
	-moz-background-size: 27px 21px;
	-o-background-size: 27px 21px;
	background-size: 27px 21px;
}
.business_tit {
	margin-top: 20px;
	margin-bottom: 12px;
}
.business_con {
	-webkit-text-size-adjust: none;
	font-size: 10px;
}
}
 @media only screen and (max-width: 992px) {
.business_section {
	margin-top: 60px;
}
.business_warp {
	width: 100%;
}
.menu_tit1 {
	font-size: 20px;
	margin-bottom: 25px;
}
.menu_tit2 {
	font-size: 12px;
	margin-bottom: 50px;
}
.business_tit {
	font-size: 12px;
}
.business_tit {
	margin-top: 15px;
	margin-bottom: 10px;
}
/* **************说的先不用这个样式************* */
	/*.business_list ul{margin-left:-3%;margin-right:3%}*/
	/*.business_list ul li{width:33.3%;margin-bottom:30px;padding-left:3%;padding-right:3%;}*/
	/* **************说的先不用这个样式************* */
}
@media only screen and (max-width: 768px) {
.bussiness_icon {
	width: 50px;
	height: 50px;
}
.menu_tit1 {
	margin-bottom: 20px;
	font-size: 18px;
}
.menu_tit2 {
	margin-bottom: 40px;
	font-size: 10px;
}
.menu_tit2, .business_tit {
	line-height: 1.6;
}
.business_tit {
}
.business_list ul li:nth-child(1) .bussiness_icon {
	-moz-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	background-size: 20px 20px;
}
.business_list ul li:nth-child(2) .bussiness_icon {
	-moz-background-size: 23px 20px;
	-o-background-size: 23px 20px;
	background-size: 23px 20px;
}
.business_list ul li:nth-child(3) .bussiness_icon {
	-moz-background-size: 15px 20px;
	-o-background-size: 15px 20px;
	background-size: 15px 20px;
}
.business_list ul li:nth-child(4) .bussiness_icon {
	-moz-background-size: 19px 20px;
	-o-background-size: 19px 20px;
	background-size: 19px 20px;
}
.business_list ul li:nth-child(5) .bussiness_icon {
	-moz-background-size: 25px 17px;
	-o-background-size: 25px 17px;
	background-size: 25px 17px;
}
/* **************说的先用这个样式************* */
.business_list {
	margin-top: 60px;
}
.business_list ul li {
	margin-bottom: 30px;
}
.business_txt {
	width: auto;
}
/* **************说的先用这个样式************* */
}
.gf-pnav {
	margin-top: 27px;
}
/*counters*/
.counters {
	width: 100%;
	height: 705px;
	position: relative;
	overflow: hidden;
	margin-top: 125px;
}
.box-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #0590dc;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1
}
.counter_con {
	position: absolute;
	top: 0;
	width: 100%;
	height: 50%;
	left: 0;
	z-index: 2;
	top: 16%;
}
.con-tit2 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.tit_txt1 {
	font-size: 45px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.2;
}
.tit_txt2 {
	font-size: 17px;
	color: #ffffff;
	line-height: 32px;
	margin-top: 40px;
	margin-bottom: 35px;
	width: 78%;
	margin-left: auto;
	margin-right: auto;
}
.txt3 {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	border: none;
	overflow: hidden;
	margin: 0 15px;
	position: relative;
}
.txt3 span {
	display: block;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
	background-color: #838286;
	padding: 8px 40px;
}
.txt3::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 8px 40px;
	width: 100%;
	height: 100%;
	background: #c91425;
	color: #fff;
	content: attr(data-hover);
	-moz-transition: -moz-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
	-webkit-transform: translateX(-25%);
}
.txt3:hover span, .txt3:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.txt3:hover::before, .txt3:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.contact_btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	border: none;
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	text-transform: uppercase;
}
.contact_btn span {
	display: block;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
	background: #818385;
	padding: 10px 30px;
	font-family: "Arial"
}
.contact_btn::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 30px;
	width: 100%;
	height: 100%;
	background: #c91425;
	color: #fff;
	content: attr(data-hover);
	-moz-transition: -moz-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
	-webkit-transform: translateY(-80%);
}
.contact_btn:hover span, .contact_btn:focus span {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.contact_btn:hover::before, .contact_btn:focus::before {
	z-index: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
 @media only screen and (min-width: 768px) {
/*.case_list ul li:nth-child(n+4) {margin-bottom: 40px;}*/
}

/*滚动动画*/
.menu_tit1, .menu_tit2, .product_txt1, .product_txt2, .business_list ul li:nth-child(1), @-webkit-keyframes hvr-ripple-in {
 100% {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 1
}
}
 @-webkit-keyframes hvr-ripple-in {
 100% {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 1
}
}
 @-moz-keyframes hvr-ripple-in {
 100% {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 1
}
}
 @-o-keyframes hvr-ripple-in {
 100% {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 1
}
}
 @keyframes hvr-ripple-in {
 100% {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 1
}
}
.q_counter_holder {
	text-align: center;
	display: block;
}
.unit {
	color: #ffffff;
	font-size: 20px;
}
.q_counter_holder span.counter {
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	display: inline-block!important;
	height: 1em;
}
.q_counter_holder p.counter_text {
	font-size: 17px;
	margin-top: 15px;
	color: #ffffff;
}
.full_section_inner {
	position: absolute;
	bottom: 100px;
	width: 70%;
	left: 15%;
	z-index: 2
}
video#bgvid {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background: url(../images/propaganda.jpg) no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*counters部分自适应调整*/
@media only screen and (max-width: 1770px) {
.tit_txt1 {
	font-size: 40px;
}
.q_counter_holder span.counter {
	font-size: 54px;
}
.tit_txt2 {
	width: 85%;
	margin-top: 35px;
	font-size: 16px;
}
.q_counter_holder p.counter_text, .unit {
	font-size: 16px;
}
.full_section_inner {
	width: 74%;
	left: 13%;
	bottom: 90px;
}
.counters {
	max-height: 650px;
	min-height: 530px;
	margin-top: 100px;
}
.product_txt {
	margin-top: 70px;
	margin-bottom: 55px;
}
.product_txt1 {
	font-size: 36px;
	margin-bottom: 30px;
}
.product_txt2 {
	font-size: 14px;
}
}
@media only screen and (max-width: 1440px) {
.tit_txt1 {
	font-size: 36px;
}
.tit_txt2 {
	font-size: 14px;
	line-height: 26px;
	margin-top: 30px;
}
.q_counter_holder span.counter {
	font-size: 50px;
}
.q_counter_holder p.counter_text, .unit {
	font-size: 14px;
}
.full_section_inner {
	bottom: 80px;
}
.counters {
	max-height: 530px;
	min-height: 440px;
	margin-top: 90px;
}
.product_txt {
	margin-top: 60px;
	margin-bottom: 45px;
}
.product_txt1 {
	font-size: 30px;
	margin-bottom: 30px;
}
.product_txt2 {
	font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
.tit_txt1 {
	font-size: 32px;
}
.tit_txt2 {
	font-size: 14px;
	line-height: 22px;
	margin-top: 25px;
	width: 100%;
}
.q_counter_holder span.counter {
	font-size: 40px;
}
.full_section_inner {
	width: 80%;
	left: 10%;
	bottom: 50px;
}
.q_counter_holder p.counter_text {
	margin-top: 10px;
}
.counters {
	max-height: 440px;
	min-height: 365px;
	margin-top: 80px;
}
.product_txt {
	margin-top: 55px;
	margin-bottom: 40px;
}
.product_txt1 {
	font-size: 26px;
	margin-bottom: 30px;
}
.product_txt2 {
	font-size: 12px;
}
}
@media only screen and (max-width: 992px) {
.con-tit2 {
	width: 90%;
}
.counter_con {
	top: 12%;
}
.tit_txt2 {
	font-size: 12px;
}
.tit_txt1 {
	font-size: 28px;
}
.q_counter_holder span.counter {
	font-size: 36px;
}
.full_section_inner {
	width: 90%;
	left: 5%;
	bottom: 40px;
}
.q_counter_holder p.counter_text, .unit {
	font-size: 12px;
}
.counters {
	max-height: 365px;
	min-height: 250px;
	margin-top: 60px;
}
.product_txt1 {
	font-size: 20px;
	margin-bottom: 20px;
}
.product_txt2 {
	font-size: 10px;
	-webkit-text-size-adjust: none;
	line-height: 1.8
}
}
@media only screen and (max-width: 768px) {
.counters {
	height: 370px;
	max-height: none;
	margin-top: 30px;
	background: url(../images/propaganda.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center;
}
.q_counter_holder span.counter {
	font-size: 28px;
}
.q_counter_holder p.counter_text, .unit {
	font-size: 12px;
}
.q_counter_holder p.counter_text {
	margin-top: 5px;
}
.counter_list ul {
	margin-left: -8px;
	margin-right: -8px;
}
.counter_list ul li {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 15px;
}
.full_section_inner {
	bottom: 8%;
}
.product_txt1 {
	font-size: 18px;
}
.product_txt {
	margin-top: 40px;
	margin-bottom: 40px;
}
.tit_txt1 {
	font-size: 22px;
}
}


 @media only screen and (max-width: 500px) {
.counters {
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
}
.index-news {
	margin-bottom: 45px;
}
.index-news-list-all {
	margin-bottom: 45px;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.index-news-list {
	display: inline-block;
	width: 30.5%;
	vertical-align: top;
	text-align: left;
}
.index-news-list:first-child {
	float: left;
}
.index-news-list:last-child {
	float: right;
}
.index-news-list h3 {
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 25px;
}
.index-news-one {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dedede;
}
.inews-one-l, .inews-one-r {
	display: inline-block;
	vertical-align: top;
	line-height: initial;
	font-size: 14px;
}
a.inews-one-l {
	width: calc(100% - 100px);
	color: #666;
	transition: .3s;
}
a.inews-one-l:hover {
	color: #666;
}
span.inews-one-r {
	float: right;
	color: #aeaeae;
}
.letmove .index-news-list h3, .letmove .index-news-one, .letmove .more_button {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.letmove .index-news-one {
	transition: transform .8s .1s, opacity .8s .1s;
}
.letmove .more_button {
	transition: transform .8s .2s, opacity .8s .2s;
}
.move .index-news-list h3, .move .index-news-one, .move .more_button {
	transform: translateY(0);
	opacity: 1;
}
 @media (max-width: 992px) {
.index-news-list {
	display: block;
	width: 100%;
	overflow: hidden;
}
.index-news-list:first-child, .index-news-list:last-child {
	float: none;
}
.index-news-one {
	padding-top: 18px;
	padding-bottom: 13px;
}
.index-news-one:first-of-type {
	padding-top: 0;
}
.index-news-list {
	margin-bottom: 30px;
}
.index-news-list h3 {
	margin-bottom: 25px;
}
.index-news, .index-news-list-all {
	margin-bottom: 50px;
	margin-bottom: 0.666667rem;
}
.index-news {
	margin-top: 70px;
	margin-top: 0.933333rem;
}
}
 @media (max-width: 768px) {
.homepage-headline, .intro, .con-tit2 {
	width: 100%;
	text-align:center;
	padding-right: 15px;
	padding-left: 15px;
}
.menu_tit1, .menu_tit2 {

}
.homepage-headline, .menu_tit1, .product_txt1, .tit_txt1 {
	margin-bottom: 30px;
	margin-bottom: 2.3rem;
	line-height: 65px;
	line-height: 4rem;
	font-size: 50px;
	font-size: 2.8rem;
}
.intro, .menu_tit2, .product_txt2, .tit_txt2 {
	line-height: 26px;
	font-size: 14px;
}
.product_txt {
	margin-top: 80px;
	margin-top: 1.066667rem;
}
.case_list {
	margin-bottom: 60px;
	margin-bottom: 0.8rem;
}
.case_list ul {
	margin-bottom: 30px;
	margin-bottom: 0.4rem;
}
.product_txt {
	margin-bottom: 50px;
	margin-bottom: 0.666667rem;
}
.business_section {
	
}
.counters {
	padding-top: 80px;
	padding-top: 2.8rem;
	padding-bottom: 70px;
	padding-bottom: 0.933333rem;
	margin-top: 70px;
	margin-top: 0.933333rem;
	height: auto;
}
.counter_con, .full_section_inner {
	position: relative;
}
.menu_tit2, .tit_txt2 {
	margin: 0;
	margin-top: 30px;
	margin-top: 0.4rem;
	margin-bottom: 50px;
	margin-bottom: 2.5rem;
}
.gallery-image {
	display: none;
}
.enhanced-gallery .gallery-container {
	/*max-height: 1040px;*/
		/*max-height: 13.866667rem;*/
	max-height: 909px;
	max-height: 32.12rem;
}
.dashnav {
	bottom: 50px;
	bottom: 0.666667rem;
}
}
 @media (max-width: 650px) {
.homepage-headline, .menu_tit1, .product_txt1, .tit_txt1 { margin-bottom: 0.3rem;}
.business_section .container{ padding:0px;}
 }

 @media (max-width: 544px) {
.intro, .menu_tit2, .product_txt2, .tit_txt2 {
	
}
.business_section .container {
	padding-right: 15px;
	padding-left: 15px;
}
.business_warp {
	padding: 0
}
.business_txt p {
	text-align: center
}

.business_icon {
    width: 120px;
    height: 120px;}
.icon {top: 12px;}

}
.dym1_nav a:hover, .nav_on a, .dym1_nav a,.anli_list li:hover img,.anli_list_img img,.anli_list li:hover .anli_list_bj i,.anli_list li:hover .anli_list_bj,.anli_list_bj i,.anli_list_bj,.anli_list li:hover h5,.anli_list li h5,.dym1_nav li:hover ul li,.dym1_nav li:hover ul,.solutions li:hover .solutit h4,.solutit h4,.solutions li:hover .solutit2 p,.solutions li .solutit2 p,.solutions li:hover .solutit2,.solutions li .solutit2,.about03 .about03_a:hover,.about03 .about03_a {
	transition: all .3s ease-out 0s;
}
#dym1 {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.dym1, .dym1_nav, .dym2_about,.anli_list,.nav3 {
	width: 1200px;
	overflow: hidden;
	margin: 0px auto;
}
.about01,.about03 {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.dym1_left, .about01_left,.anli_list li,.nav3 li,.about03 .about03_a  {
	float: left;
}
.dym1_weizhi, .about01_right {
	float: right;
}
.aside-nav .iconfont, .footer-r .iconfont {
	color: #fff;
	font-size: 24px;
}
.navbar-fixed .logo img {
	width: 80%;
}
.dym_image { position:relative;
	height: 350px;
	overflow: hidden;
	background-size: 100% 100%;-webkit-animation: fadeInUp4 1.4s .2s ease both;
	-o-animation: fadeInUp4 1.4s .2s ease both;
	animation: fadeInUp4 1.4s .2s ease both;
	-moz-animation: fadeInUp4 1.4s .2s ease both;
}
.dym_image_bj{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; overflow:hidden; background:url(../images/dym_image_bj.png) left top repeat; z-index:0;}


.dym_image h1 { z-index:10;
	color: #fff;
	text-align: center;
	margin-top: 6%;
	-webkit-animation: fadeInUp4 1.4s .3s ease both;
	-o-animation: fadeInUp4 1.4s .3s ease both;
	animation: fadeInUp4 1.4s .3s ease both;
	-moz-animation: fadeInUp4 1.4s .3s ease both;
}
.dym_image p, .about02 p {z-index:10;
	width: 100px;
	height: 3px;
	background: #e1562f;
	overflow: hidden;
	margin: 20px auto 0px auto;

}
.dym_image p {
	-webkit-animation: fadeInUp4 1.4s .6s ease both;
	-o-animation: fadeInUp4 1.4s .6s ease both;
	animation: fadeInUp4 1.4s .6s ease both;
	-moz-animation: fadeInUp4 1.4s .8s ease both;
}
.dym1_nav {z-index:10;
	text-align: center;
	margin-top: 26px;
	-webkit-animation: fadeInUp4 1.4s .9s ease both;
	-o-animation: fadeInUp4 1.4s .9s ease both;
	animation: fadeInUp4 1.4s .9s ease both;
	-moz-animation: fadeInUp4 1.4s .9s ease both;
}
.dym1_nav ul {
	
	margin: 0px auto;
}
.dym1_nav li {
	display: inline;
	line-height: 40px;
	text-align: center;
*float:none;
*display:inline;
*zoom:1;
	list-style: none;
	margin: 0px 6px;
}
.dym1_nav a {
	width: 100%;
	height: 100%; display:inline;
	padding: 8px 15px;
 border-radius:5px;
	font-size: 15px;
	color: #fff;
	border: 1px #adadad solid;
	margin-bottom: 10px;background-color: rgba(0,0,0,0.3);white-space : nowrap;
}
.dym1_nav a:hover, .nav_on a {
	border: 1px #fff solid;
	color: #fff;
	background-color: rgba(2,117,180,0.9);
}

.dym1_nav li { position:relative;}
.dym1_nav li ul{ display:none;}
.dym1_nav li:hover ul{ display:block; position:absolute; left:0px; top:22px; z-index:9999; width:100vw; height:100vh;}
.dym1_nav li:hover ul li{ float:left; margin:8px 16px 8px 0px;}
.dym1_nav li:hover ul li a{display:inline; white-space : nowrap;}


#dym1 {
	background: #f4f4f4;-webkit-animation: fadeInUp4 1.4s 1.1s ease both;
	-o-animation: fadeInUp4 1.4s 1.1s ease both;
	animation: fadeInUp4 1.4s 1.1s ease both;
	-moz-animation: fadeInUp4 1.4s 1.1s ease both;
}
.dym1 {
	overflow: hidden;
	line-height: 60px;
	height: 60px;
}
.dym1_left {
	width: 50%;
	font-size: 22px;
	color: #0275b4;
}
.dym1_left span {
	color: #e1562f;
	font-size: 23px;
	padding-right: 5px;
}
.dym1_weizhi {
	width: 50%;
	text-align: right;
	color: #333;
	font-size: 14px;
}
.dym2_about {
	margin: 30px auto;
	overflow: hidden;-webkit-animation: fadeInUp4 1.4s 1.4s ease both;
	-o-animation: fadeInUp4 1.4s 1.4s ease both;
	animation: fadeInUp4 1.4s 1.4s ease both;
	-moz-animation: fadeInUp4 1.4s 1.4s ease both;
}
.dym2_about img{ max-width:100%;}
.about01_left {
	width: 40%;
	text-align: right;
	position: relative;
	padding-bottom: 20px;
	background: url(../images/img_bj.jpg) bottom left no-repeat;
	background-size: 70% auto;
}
.about01_left img {
	width: 96%;
	z-index: 10;
}
.about01_right {
	width: 57%;
	line-height: 26px;
	color: #5a5a5a;
	font-size: 16px;
}
.about01_right p {
	text-indent: 2em;
	padding-bottom: 15px;
}
.about02 {
	text-align: center;
	line-height: 60px;
	font-weight: bold;
	font-size: 30px;
	color: #5a5a5a;
	padding: 10px 0px 40px 0px;
}

.about03{ margin:0px auto 20px auto;}
.about03 .about03_a{ width:19%; margin:0px 3%; text-align:center; background:#ddd; border-radius:50%; overflow:hidden; position:relative;}
.about03 .about03_b{ position:absolute; top:30%; width:100%; text-align:center;}
.about03 .about03_b h1{ font-size:30px; padding-bottom:10px;}
.about03 .about03_b p{ font-size:22px;}
.about03 .about03_a:hover{ background:#e7791a; color:#fff;}

.about03 .about03_a:after{
        content: '';
        display: block;
        margin-top: 100%;}


.about04{ font-size:14px; color:#888; font-weight:100; text-align:center; line-height:30px; padding:8px 0px 0px 0px;}
.about img {
	max-width: 100%;
}
.about {
	margin-top: 40px;
	font-size: 16px;
	line-height: 28px;
	color: #5a5a5a;
}
.about .about-content {
	margin-top: 30px
}
.about .since {
	height: 128px;
	padding-top: 10px;
	background: url(../images/since.gif) no-repeat;
	font-size: 23px;
	font-weight: normal;
	color: #666
}
.about .since strong {
	color: #444;
	font-size: 22px;
	font-weight: 500;
	display: block;
	margin-top: 13px;
}
.about .since span {
	display: block;
	color: #ddd;
	font-size: 13px;
	font-family: "NoveDemiBold"
}
.about .about-content .content2 {
	line-height: 2;
	color: #5a5a5a;
	position: relative;
}
.about .about-content .content2 h2 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/about-h2-icon.gif) no-repeat;
	padding-left: 30px;
	line-height: 20px;
	color: #333
}
.about .about-content .content2 img {
	margin-bottom: 10px
}
.about .about-content .content2 p {
	margin-bottom: 10px;
}
.about .about-right {
	width: 300px;
	float: right
}
.about .about-right .item-a {
	height: 285px;
	background: url(../images/about-right-pic.jpg) no-repeat;
	padding: 35px 40px 0;
	color: #fff;
}
.about .about-right .item-a h2 {
	font-size: 20px;
	font-weight: 100
}
.about .about-right .item-a h2 strong {
	font-weight: 100
}
.about .about-right .item-a h2 span {
	display: block;
	font-family: "dincond-medium-webfont";
	font-size: 22px;
	margin-top: 3px
}
.about .about-right .item-a p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.5
}
.about .about-right .item-b {
	margin-top: 10px;
}
.about .structure {
	width: 850px;
	float: left;
}
.lianxi01 dt,.lianxi01_2{
	font-size: 26px;
	line-height: 1.1em;
	font-weight: bold;
	font-family: "微软雅黑";
}
.lianxi01 dd,.lianxi01_3{
	font-size: 16px;
	color: #aaa;
	margin-top: 5px;
}
.lianxi02 {
	margin: 10px auto;
}
.lianxi02_a {
	width: 30%;
	float: left;
	background: #e0e2e4;
	overflow: hidden;
	text-align: center;
}
.lianxi02_a img {
	width: 100%;
	max-width: 204px;
	margin: 6px auto;
}
.lianxi02_b {
	width: 70%;
	padding: 3%;
	float: left;
	background: #faf9f9;
	overflow: hidden;
}
.lianxi02_b li {
	font-size: 17px;
	line-height: 35px;
}
.lianxi02 .cont3_c {
	margin: 0px;
}
.lianxi02 li i {
	padding-right: 10px;
}
.banshichu01 dl {
	margin: 10px auto;
	border-bottom: 1px #CCC dotted;
	padding-bottom: 10px;
}
.banshichu01 dl dt, .banshichu01 dl dd {
	line-height: 30px;
}
/*新闻*/
#pages {
	width: 100%;
	text-align: center;
	line-height: 30px;
	margin-top: 20px;
}
.box {
	background: #f7f5f4;
	overflow: hidden;
	width: 100%;
	padding-bottom: 35px;
	border-bottom: 1px #e8e8e8 solid;
}
.page-banner {
	width: 100%;
	position: relative;
	height: 300px;
	overflow: hidden;
	min-width: 1200px;
	z-index: 1
}
.page-banner .image-con {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative;
	transition: all 1.5s cubic-bezier(0.215, .61, .215, 1);
	-webkit-transition: all 1.5s cubic-bezier(0.215, .61, .215, 1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.page-banner .image-con .image {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top
}
.page-banner .pic {
	position: absolute;
	left: 50%;
	margin-left: 0px;
	top: 100%;
	transition: all 2.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
	-webkit-transition: all 2.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}
.page-banner.hover .image-con {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.page-banner.hover .pic {
	top: 35px
}
.location {
	position: relative;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 14px;
	color: #aaa;
}
.location a {
	color: #666
}
.location a:hover {
	text-decoration: underline;
	color: #005abc
}
.location i {
	margin-right: 8px;
	color: #bbb
}
.location span {
	margin: 0 3px
}
.page-top .location {
	height: 30px;
	line-height: 30px;
	float: right
}
.page {
	position: relative;
	width: 1200px;
	margin: 0px auto 0;
	padding-bottom: 40px;
	margin-top: -75px;
	z-index: 2
}
.page-left {
	width: 20%;
	float: left;
	position: relative
}
.page-left h2 {
	background: url(../images/banner-p-bg.png);
	height: 75px;
	padding: 19px 40px 0;
	color: #fff
}
.page-left h2 strong {
	font-size: 18px;
	font-weight: normal;
	display: block;
	height: 26px;
}
.page-left h2 span {
	font-size: 13px;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.page-left ul {
	background-color: #fff;
	box-shadow: 6px 6px 0px rgba(0,0,0,.02);
	padding: 5px 20px 10px
}
.page-left ul li {
	position: relative;
	border-top: 1px #eee solid;
}
.page-left ul li:first-child {
	border-top: 0
}
.page-left ul li a {
	display: block;
	text-indent: 20px;
	color: #333;
	line-height: 50px;
	font-size: 15px;
	-webkit-transition: background-color .25s, border .25s;
	transition: background-color .25s, border .25s;
}
.page-left ul li a:hover {
	color: #007dbf;
}
.page-left ul li a.current {
	font-weight: bold;
	color: #007dbf
}
.page-left ul li a i {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	font-size: 13px;
	line-height: 22px;
	text-indent: 0;
	position: absolute;
	right: 0;
	top: 15px;
	font-weight: normal
}
.page-left ul li dl {
	position: relative;
	border-top: 1px #2945a2 solid;
	padding: 10px 0;
}
.page-left ul li dl a {
	border-bottom: 0;
	line-height: 30px;
	text-indent: 43px;
	display: block;
	font-size: 13px;
	color: #8a9dd7;
	position: relative
}
.page-left ul li dl a:hover {
	text-decoration: underline;
	color: #fff
}
.page-left ul li dl a i {
	position: absolute;
	left: 20px;
	top: 4px;
	font-size: 16px;
}
.page-left ul li:last-child {
	border-bottom: 0
}
.page-left .online {
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	display: none
}
.page-left .online i {
	font-size: 40px;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 4px
}
.page-left .online span {
	display: block;
	font-size: 15px;
	height: 22px;
}
.page-left .online a {
	color: #fff;
	display: block;
	padding: 20px 0px 20px 30px;
	background-color: #007dbf;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.page-left .online a:hover {
	background-color: #0062a6
}
.page-left .qr {
	margin-top: 10px;
	background-color: #42a5f5;
	padding: 20px 20px 10px;
	color: #fff
}
.page-left .qr img {
	width: 100%
}
.page-left .qr p {
	line-height: 150%;
	padding-top: 5px;
	text-align: center;
	margin-top: 3px;
}
.page-left .qr p strong {
	display: block;
	font-size: 16px;
}
.page-right {
	width: 77.5%;
	float: right;
	padding: 30px 40px 40px;
	box-shadow: 6px 6px 0px rgba(0,0,0,.02);
	min-height: 490px;
	background: #fff;
}
.page-top {
	font-size: 22px;
	height: 45px;
	border-bottom: 1px #e6e6e6 solid;
	color: #333
}
.page-top strong {
	display: inline-block;
	height: 45px;
	border-bottom: 3px #007dbf solid;
	float: left;
}
.news-list2 {
	margin-top: 30px;
}
.news-list2 ul li {
	padding: 18px 0px 18px 0px;
	border-bottom: 1px #eee solid;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	margin-top: -1px;
	position: relative;
	text-align: right
}
.news-list2 ul li a {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	max-width: 700px;
	_width: 700px;
	background: url(../images/li.gif) no-repeat 0 center;
	padding-left: 15px;
	font-size: 16px;
	color: #333;
}
.news-list2 ul li a:hover {
	color: #0275b4;
}
.news-list2 ul li span {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
	background: url(../images/date.png) no-repeat 0 center;
	padding-left: 16px;
}
.news-view {
	margin-top: 40px;
}
.news-view .news-info .text {
}
.news-view .news-info .title {
	color: #333;
	text-align: center;
	padding: 0px 30px 20px;
}
.news-view .news-info .title h1 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
}
.news-view .news-info .title p {
	font-family: "仿宋";
	color: #888;
	font-size: 16px;
	padding-top: 10px;
}
.news-view .news-info .info {
	color: #bbb;
	position: relative;
	padding: 15px 20px;
	background-color: #f2f2f2
}
.news-view .news-info .info span.source {
	background: url(../images/new_i3.png) no-repeat scroll left center;
	padding: 2px 0px 2px 22px;
	margin-right: 18px;
}
.news-view .news-info .info span.date {
	background: url(../images/new_i1.png) no-repeat scroll left center;
	padding: 2px 0px 2px 22px;
	margin-right: 18px;
}
.news-view .news-info .info span.hits {
	background: url(../images/new_i2.png) no-repeat scroll left center;
	padding: 2px 0px 2px 28px;
}
.news-view .news-info .info .share {
	position: absolute;
	right: 40px;
	top: 14px;
}
.news-view .news-info .yuanchuang {
	background: #007dbf;
	border-radius: 5px;
	padding: 1px 5px;
	color: #fff;
	margin-right: 10px;
}
.news-view .content2 {
	line-height: 200% !important;
	margin-top: 20px;
	font-family: "微软雅黑";
	font-size: 17px;
	margin: 30px 0px 40px 0px;
	color: #555;
}
.news-view .content2 p {
	line-height: 200% !important;
}
.news-view .content2 span {
	line-height: 240% !important;
}
.news-view .content2 h3 {
!important;
	font-size: 16px !important;
}
.news-view .content2 img { max-width:100%;
}
.news-view .other {
	border-top: 1px #eee solid;
	padding: 20px 0px 15px;
	font-size: 14px;
}
.news-view .other .left {
	color: #777;
}
.news-view .other .left p {
	height: 30px;
}
.news-view .other .left p a {
	margin-left: 3px;
}
.news-view .other .right {
	float: right;
	color: #777
}
.news-view .other .right a {
	display: inline-block;
	padding: 15px 20px;
	background-color: #bbb;
	color: #fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.news-view .other .right a i {
	position: relative;
	top: 3px;
	margin-right: 3px;
	font-size: 20px
}
.news-view .other .right a:hover {
	background-color: #999
}
.news-view .download {
	border-top: 1px #ddd solid;
	padding: 30px 0;
	margin-top: 25px;
	padding-left: 40px;
}
.news-view .download h2 {
	font-size: 15px;
	color: #d42121;
	height: 25px;
}
.news-view .download p {
	padding: 5px 0px;
	background: url(../images/word.gif) no-repeat 0 center;
	padding-left: 25px;
}
.news-view .download p a {
	color: #0033FF;
	text-decoration: underline;
	font-size: 14px;
}
.news-view .download p a:hover {
	text-decoration: none;
	color: #0033FF
}
.news-view .pics {
	background: #fff;
	position: relative;
	overflow: hidden;
	margin: 30px 40px 0px;
}
.news-view .pics .list {
}
.news-view .pics .list img {
	max-width: 770px;
	max-height: 500px;
}
.news-view .pics .list li {
	display: none;
	text-align: center
}
.news-view .pics .list li .title {
	margin-top: 10px;
	font-weight: bold
}
.news-view .pics .prev {
	width: 421px;
	background: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	height: 800px;
}
.news-view .pics .next {
	width: 421px;
	display: block;
	background: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	height: 800px;
}
.news-view .pics .prev-btn {
	display: block;
	z-index: 50;
	width: 70px;
	height: 70px;
	background: url(../images/prev-btn.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: 0;
	display: none
}
.news-view .pics .next-btn {
	display: block;
	z-index: 50;
	width: 70px;
	height: 70px;
	background: url(../images/next-btn.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	right: 0;
	display: none
}
.news-view .pics p {
	font-size: 12px;
	color: #fff;
	background: #babcc0;
	border-radius: 5px;
	padding: 8px 10px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 60
}
.news-view .con_video_div {
	margin: 30px auto 0;
}
.news-view .news-video-con {
	margin: 30px auto 0 !important;
	width: 720px;
	height: 520px;
}
.news-view .news-video-con p {
	text-align: center;
	margin-top: 15px;
}

.anli_list{ padding-top:30px;-webkit-animation: fadeInUp4 1.4s 1.5s ease both;
	-o-animation: fadeInUp4 1.4s 1.5s ease both;
	animation: fadeInUp4 1.4s 1.5s ease both;
	-moz-animation: fadeInUp4 1.4s 1.5s ease both;}
.anli_list li{ width:31.3%; margin:1%; background:#f4f4f4; overflow:hidden; border:1px #eeeeee solid; padding:1%; }
.anli_list_img{ overflow:hidden; position:relative;}
.anli_list_img p{}
.anli_list_img img{ max-width:100%;clear:both;display:block; z-index:-100;}
.anli_list li:hover img{transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);  z-index:-100;}
.anli_list h5{ text-align:center; line-height:26px; color:#555; font-size:15px; padding:10px 0px 0px 0px; width:100%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.anli_list_bj{}
.anli_list_bj i{position:absolute; left:44.5%; top:-10%;}

.anli_list li:hover .anli_list_bj{ display:block; position:absolute; left:0px; top:0px; width:100%; background-color: rgba(0,0,0,0.5); text-align:center; z-index:999; height:100%;}
.anli_list li:hover .anli_list_bj i{top:38%; left:44.5%; overflow:hidden; position:absolute; color:#fff; font-size:40px; font-weight:100; color:#bbb;}
.anli_list li:hover h5{ color:#0275b4;}


/*企业文化*/
.solutions{width:100%;overflow: hidden;}
.solutions ul{ width:102%;}
.solutions li{height:224px;background: #fff; width:31.3%; margin:1% 2% 1% 0px; float:left; position:relative;}
.solutions .wh_bj{ background-size:100% 100%;}
.solutions li h3{font-size:40px;text-align:center;margin-top:44px;}
.solutit{display: block;width:100%;z-index:20;position:absolute}
.solutit img{ margin:30px auto;text-align: center;display: block;}
.solutit h4{color: #fff;font-size: 28px;text-align: center;line-height: 30px;margin-top:94px}
.solutit p{color: #72ac2d;line-height: 20px;font-size: 14px;text-align: center;}
.solutit a{line-height: 30px;height:30px;width: 100px;background: #72ac2d;color: #fff;font-size: 14px;font-weight: bold;text-align: center;display: block;margin:20px auto 0;border-radius: 5px;}
.solutit:hover a{background: #ec8000;}


.solutit2{width:100%;overflow: hidden;background:url(../images/opacity50.png); display:block; height:0px; z-index:10;}
.solutit2 h4{color: #333;font-weight: bold;font-size: 16px;line-height: 16px;margin-bottom: 10px;text-align: center;margin-top:40px;}
.solutit2 h5{text-align: center;color: #72ac2d;display: block;}
.solutit2 span{display: block;background: #bbbbbb;height:2px;width:50px;margin:10px auto;}
.solutit2 p{width:90%; margin:0px auto;line-height: 24px;color: #fff;display: block;overflow: hidden;font-size:16px;text-align:center;margin-top:228px;}

.qiwhBox{background: url(../images/yewu01.jpg) no-repeat center bottom;}


.solutions li:hover .solutit h4{ margin-top:64px;}
.solutions li:hover .solutit2 p{margin-top:128px;}
.solutions li:hover .solutit2{ height:100%;}
.solutit2 p{}


/*分页*/
.dede_pages ul{ text-align:center; width:100%;
}
.dede_pages ul a{     display: inline-block;
    padding: 9px 15px;
    background-color: #fff;
    color: #888;
    margin: 0 2px;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    border: 1px #ddd solid;
    border-radius: 3px;
}

#pages{ text-align:center; padding-top:10px; height:70px;-webkit-animation: fadeInUp4 1.4s 1.9s ease both;
	-o-animation: fadeInUp4 1.4s 1.9s ease both;
	animation: fadeInUp4 1.4s 1.9s ease both;
	-moz-animation: fadeInUp4 1.4s 1.9s ease both;}
#pages a{ display:inline-block; padding:1px 12px; background-color:#fff; color:#888; margin:0 2px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid; border-radius:3px; font-size:14px;}
#pages a:hover{ background-color:#006db8; border-color:#006db8; color:#fff}
#pages a.active{ background-color:#006db8;border-color:#006db8; color:#fff}
#pages a.prev,#pages a.next{ font-size:14px;} 
#pages span{display:inline-block; padding:9px 15px; color:#888; position:relative;top:-2px}

 @media (max-width: 1200px) {
.dym1, .dym1_nav, .dym2_about,.anli_list,.nav3,.page {
	width: 98%; margin-left:auto; margin-right:auto;}
}

 @media (max-width: 1024px) {
.gf-pnav a {margin-left: 10px;}
.gf-pnav{ padding-right:1%;}
.gf-logo h1 { width: 30%; margin-top:20px;}
.gf-logo h1 a {background-size: 100% auto; width: 100%;}
.gf-pnav a{ margin-top:5px;}

 }
@media (max-width: 768px) { 
.gf-logo h1 {  width: 50%; margin-top: 13px; }
.dym1_nav a,.page-left ul li a { padding: 6px 8px;  font-size: 12px;}
.dym_image h1 { margin-top: 16%;}
.about01_left{ margin-bottom:20px; height:300px; overflow:hidden; position:relative;}
.about01_left img{ margin-right:2%; position:absolute; bottom:10px; left:10px; width:97%;}
.about01_left,.about01_right{ width:100%; float:none;}
.about03 .about03_b p { font-size: 18px;}
.anli_list li { width: 48%;}
.page-left,.page-right{ width:100%; float:none;}
.page-right{padding: 20px 20px 20px;}
.hidden-xs,.page-left h2,.page-top .location{ display:none;}
.page{ margin-top:-51px;}

.page-top{width:100%; text-align:center; position:absolute; top:-180px; z-index:100; border:none; padding-bottom:28px; }
.page-left ul { width:100%; padding:0px; background:none; text-align:center; position:absolute; top:-90px; z-index:100; margin-bottom:1px; box-shadow: 0px 0px 0px rgba(0,0,0,0);}
.page-left ul li{ width:auto; display:inline-block; border:none; line-height: 40px; text-align: center; *float:none; *display:inline;*zoom:1; list-style: none; margin: 0px 6px;}
.page-left ul li a {  width: 100%; height: 100%; display: inline; padding: 8px 15px;  border-radius: 5px; font-size: 15px; color: #fff; border: 1px #adadad solid; margin-bottom: 10px; background-color: rgba(0,0,0,0.3);}
.page-left ul li a:hover,.nav_on2 a,.page-left ul li a.current { border: 1px #fff solid; color: #fff; background-color: rgba(2,117,180,0.9);
}
.dym_image h1,.page-top strong{ font-size:30px;}

.page-top strong{ float:none; border-color:#e1562f; color:#fff; height:auto; font-weight:100;}
.page-right{ padding:0px;}

.news-list2 ul li { padding: 10px 0px 10px 0px; width:98%; margin:0px auto; overflow:hidden;}
.news-list2 ul li a{ padding-left:10px; font-size:14px; background: url(../images/li.gif) no-repeat  left 8px; white-space:normal; text-align:left;}
.page{ padding-bottom:0px;}
.news-list2 ul li span{ display:none;}
.dym_image_bj2{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; overflow:hidden; background:url(../images/dym_image_bj.png) left top repeat; z-index:0;

}
.about,.news-view {  margin-top: 30px; padding:30px 5px;}
.page-banner .image-con{
	transition: all 1.5s cubic-bezier(0.215, .61, .215, 1);
	-webkit-transition: all 1.5s cubic-bezier(0.215, .61, .215, 1);
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	
	}

  }
 @media (max-width: 650px) { 
 #dym1{ display:none;}
 .business_list ul li{ width:48%; margin:1%; float:left;}
 .gf-logo h1 { width: 50%;  margin-top: 10px; left: 2%;}
 .dym_image{ height:300px;}
 .anli_list h5{ font-size:13px;}
 .anli_list_bj i {top: -20%;}
 .news-view .news-info .title h1 { padding:10px 0px 0px 0px;font-size: 18px; line-height: 26px;}
 .news-view .news-info .info span.date {margin-right: 0px;}
 .news-view .news-info .info{ font-size:12px;}
 .news-view .news-info .info .source{ display:none;}
 .news-view .content2 span { line-height: 150% !important;}
 .news-view .content2{ font-size:14px;line-height: 150% !important;}
 }
 @media (max-width: 480px) {  
 .homepage-headline, .menu_tit1, .product_txt1, .tit_txt1 {

    line-height: 35px;
    line-height: 3rem;
    font-size: 20px;
    font-size: 2rem;
}
.anli_list li:hover .anli_list_bj i{top:32%; }
.gf-logo h1 {  width: 70%;}
.business_list ul li .icon{ background-size:80% 80%; top:20px; left:57%;}
.business_txt h2{ font-size:19px;}
.business_txt p{ line-height:22px; font-size:12px;}
.dym_image h1 {margin-top: 22%;}
.dym1_nav li:hover ul li {  margin: 0px 2px; }
.about02{ font-size:23px; line-height:55px;}
.about01_right{ font-size:14px;}
.about04{ font-size:12px;}
.about03 .about03_a { width: 44%; margin: 3%;}
.solutions li{ width:48%;}
.dym1_nav{ margin-top:2%;}
.dym1_nav li { line-height: 36px;}
.dym_image {height: 280px;}
.lianxi02_a{ width:100%; float:none; margin-bottom:10px;}
.lianxi02_b{ width:100%; float:none;}
.lianxi01 dt {font-size: 24px;}
.lianxi01 dd {font-size: 14px;}
.lianxi02_b li{ font-size:16px;}
 }