.banner{width:100%;}
.banner img{max-width: 100%}
.pcbanner{display: block;}
.mbanner{display: none;}


.introduct{ padding:60px 0 60px;}
.introductwr{ width:1046px; padding:50px 84px 48px 84px; background:#fff; margin:auto; position:relative;}
.introductwr img{max-width: 100%;}
.introductt{ margin-bottom:44px;}
.introductt h3{ text-align:center; line-height:1.2; color:#069276; font-size:28px; margin-bottom:14px;}
.introductt small{ display:block; text-align:center; line-height:1; color:#cccccc; font-size:20px; font-family:"PFDinTextCompPro-Regular";}
.introductfix p{ color:#646464; font-size:16px; text-indent: 2em; line-height: 2em; margin-bottom: 1em;}
.introductfix strong{color:#069276; font-size: 1.4em; font-weight: bold;}
@media screen and (max-width:1024px){
	.introduct{ padding:68px 0 34px; background-size:cover !important; background-attachment:local !important;}
	.introductwr{ width:90%; box-sizing:border-box; padding:34px 44px 40px;}
}
@media screen and (max-width:861px){
	.introductfix img{max-width: 100%;}
}
@media screen and (max-width:641px){
	.introductwr{ padding:40px 32px;}
	.introduct{ padding:40px 0;}
	.introductt{ margin-bottom:30px;} 
	.introductt h3{ font-size:22px;}
	.introductt small{ font-size:16px;}
	.introductfix p{ font-size:14px;}
}
@media screen and (max-width:481px){
	.introductwr{ padding:32px 22px;}
	.introductt h3{ font-size:18px;}
}


#path{ position:relative;z-index:99; width:100%;height:60px; line-height:60px; background:#f7f7f7; border-bottom:1px solid #e6e6e6;}
#path>.container{width:96%;max-width:1200px; margin:0 auto; font-size:14px; color:#999;}
#path a{display:inline-block; color:#999; transition:all .35s;}
#path a:hover{ color:#069276;}
#path a.A{ color:#069276 !important;}
#path.active {transform: translateX(-200px);}
@media only screen and (max-width: 960px){
  #path{display:none;}
}


#inside{margin:0 auto; transition:all .35s;}
#inside.active {transform: translateX(-220px);}
#production{ position:relative; width:96%; max-width:1200px; margin:0 auto; padding:0px 0 50px; }
#production>.list{  margin:0 auto;}
#production>.list>ul{ margin:0 auto;}
#production>.list>ul>li{position:relative;display:block; float:left; width:21.2%; overflow:hidden; padding:1%; margin-right:2%; margin-bottom:2%; border:1px solid #eee;text-align:center;}
#production>.list>ul>li:nth-of-type(4n){ margin-right:0 !important;}
#production>.list>ul>li>a>.img{ position:relative; margin:0 auto; overflow:hidden;}
#production>.list>ul>li>a>.img>img{ width:100%; height:auto; transition:all 1s;}
#production>.list>ul>li>a>.tit{ padding:15px 10px; font-size:16px; text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#production>.list>ul>li>a:hover .img>img{transform:scale(1.1);}
#production>.loadmore{ width:90%;max-width:1360px; padding:50px 0;margin:0 auto; text-align:center;}
#production>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#production>.loadmore>a:hover{ background:#e30212; border:1px solid #e30212; color:#fff;}

@media only screen and (max-width: 1080px){
  #production>.list>ul>li{width:29.7%;}
  #production>.list>ul>li:nth-of-type(4n){ margin-right:2% !important;}
  #production>.list>ul>li:nth-of-type(3n){ margin-right:0 !important;}

}
@media only screen and (max-width: 780px){
  #production{padding-top: 20px;}
  #production>.list>ul>li{width:29.6%;}
  #production>.list>ul>li>a>.tit{ font-size:14px;}
  #contact>.contactus{padding-top: 0px;}
  #contact>.contactus>.map{width:100%; height: auto; min-height: 100px;}
  #contact>.contactus>.contact{width:100%;}

}



.secondary-nav {
	position: relative;
	z-index: 5;
    margin-top: -4px;
}
.secondary-nav .s-nav {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	z-index: 3;

	text-align: center;
	background: #f9f9f9
}
.secondary-nav .sec-n-list {
	display: inline-block;
	vertical-align: top
}
.secondary-nav .sec-n-item {
	float: left
}
.secondary-nav .sec-n-item a {
	display: block;
	padding: 20px 25px;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	-webkit-transition: all .3s, padding .1s;
	-o-transition: all .3s, padding .1s;
	transition: all .3s, padding .1s
}
.secondary-nav .sec-n-item.current a, .secondary-nav .sec-n-item:hover a,.secondary-nav .sec-n-item.active a {
	background: #666;
	color: #fff
}

@media (min-width:1025px) {
.secondary-nav.fixed .s-nav {
	position: fixed;
    top:0;
	margin-top: 85px;
	will-change: transform;
	-webkit-transition: top .5s, -webkit-transform .5s;
	transition: top .5s, -webkit-transform .5s;
	-o-transition: transform .5s, top .5s;
	transition: transform .5s, top .5s;
	transition: transform .5s, top .5s, -webkit-transform .5s
}
.secondary-nav.fixed .sec-n-item a {
	padding: 10px 25px
}
.secondary-nav.slide-up .s-nav {
	top: -40px;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
}

@media (max-width:1440px) {
.secondary-nav.fixed .s-nav {
	margin-top: 75px
}
.secondary-nav.fixed .sec-n-item a {
	padding: 10px 20px
}
.secondary-nav.slide-up .s-nav {
	top: -30px
}
.secondary-nav .s-nav {
	margin-top: -55px
}
.secondary-nav .sec-n-item a {
	padding: 15px 20px
}
}

@media (max-width:1240px) {
.secondary-nav.fixed .s-nav {
	margin-top: 65px
}
.secondary-nav.slide-up .s-nav {
	top: -25px
}
.secondary-nav .s-nav {
	margin-top: -50px
}
.secondary-nav .sec-n-item a {
	font-size: 15px;
	line-height: 20px
}
}

@media (max-width:1024px) {
.secondary-nav.fixed .s-nav {
	margin-top: -40px
}
.secondary-nav.fixed .sec-n-item a {
	padding: 10px 15px
}
.secondary-nav .s-nav {
	margin-top: -40px
}
.secondary-nav .sec-n-list {
	display: block
}
.secondary-nav .container {
	padding: 0;
	max-width: 100%
}
.secondary-nav .sec-nav {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch
}
.secondary-nav .sec-nav::-webkit-scrollbar {
display:none
}
.secondary-nav .sec-n-list {
	width: 7777px
}
.secondary-nav .sec-n-item a {
	padding: 10px 15px;
	font-size: 14px
}
.secondary-nav .sec-n-item a:active {
	background: #069276;
	color: #fff
}
}

@media (max-width:576px) {
.secondary-nav .sec-n-item a {
	font-size: 13px
}
}

@media (max-width:425px) {
.secondary-nav.fixed .s-nav {
	margin-top: -35px
}
.secondary-nav.fixed .sec-n-item a {
	padding: 5px 10px
}
.secondary-nav .s-nav {
	margin-top: -35px
}
}




.product1-cy {
	min-height: 100%;
	background: #f1f1f1
}
.product1-cy .product1-cont:after {
	content: '';
	display: block;
	clear: both
}

.product1-cy .p1-c-item {
	float: left;
	margin: 1%;
	width:23%
}
.product1-cy .p1-c-item a {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #fff
}
.product1-cy .p1-c-item a:hover {
	z-index: 3
}
.product1-cy .p1-c-item a:hover .p1-c-pic .bg {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.product1-cy .p1-c-item a:hover .p1-c-name .n {
	visibility: hidden;
	opacity: 0
}
.product1-cy .p1-c-item a:hover .p1-c-info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}
.product1-cy .p1-c-pic {
	margin: 10px 0;
	overflow: hidden;
width: 100%
}
.product1-cy .p1-c-pic img {
	width: 100%
}
.product1-cy .p1-c-pic .bg {
	display: block;
	background: no-repeat center center;
	background-size: 100% 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.product1-cy .p1-c-name {
	border-top: 1px solid #eee;
	padding: 20px 10px
}
.product1-cy .p1-c-name .n {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
  padding:0 8px
}
.product1-cy .p1-c-info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 35px 45px;
	width: 100%;
	height: 100%;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%)
}
.product1-cy .p1-c-info:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #069276;
	opacity: .92;
	content: ''
}
.product1-cy .p1-c-info .t {
	font-size: 24px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.product1-cy .p1-c-info .cont {
	margin: 20px 0 15px;
	border-top: 1px solid rgba(255,255,255,.3);
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding: 25px 0;
	line-height: 25px
}
.product1-cy .p1-c-info .c {
	height: 200px;
	font-size: 12px;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical
}
.product1-cy .p1-c-info .m {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/more1.png) no-repeat center center
}
.product1-cy .p1-c-info .m:hover {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media (max-width:1680px) {
.product1-cy .p1-c-info .t {
	font-size: 20px
}
}

@media (max-width:1440px) {
.product1-cy .p1-c-item {
	width: 31.3333333%
}

.product1-cy .p1-c-info {
	padding: 35px
}
}

@media (max-width:1240px) {
.product1-cy .p1-c-info .t {
	font-size: 18px
}
}

@media (max-width:1024px) {
.product1-cy .container {
	max-width: none
}
.product1-cy .p1-c-item {
	width: 23%
}
}

@media (max-width:768px) {
.product1-cy .p1-c-item {
	width: 48%
}
.product1-cy .p1-c-item a:hover .p1-c-name .n {
	visibility: visible;
	opacity: 1
}
.product1-cy .p1-c-pic img {
	display: block
}
.product1-cy .p1-c-pic .bg {
	display: none
}
.product1-cy .p1-c-info {
	display: none
}
.product1-cy .p1-c-name {
	padding: 10px 0
}
.product1-cy .p1-c-name .n {
	font-size: 13px
}
}


.details-p-cy {
	position: relative;
	z-index: 3;
	margin-top: -65px;
	background: #efefef
}
.details-p-cy .details-cont {
	margin: 40px auto 0;
	max-width: 1200px;
	background: #fff;
	-webkit-transition: margin .15s;
	-o-transition: margin .15s;
	transition: margin .15s
}
.details-p-cy .details-head {
	position: relative;
	z-index: 1;
	padding: 50px;  
        overflow:hidden;
        clear: both;
}
.details-p-cy .details-head .pdinfo{
  line-height:2
}
.pdinfo h4 {
    font-weight: bold;
    line-height: 2;
    font-size: 20px;
}
.details-p-cy .details-head .pdpic {
    width: 100%;
}
.details-p-cy .details-head .carousel-pic {
	text-align: center
}
.details-p-cy .details-head .carousel-pic img {
	max-width: 100%;
  display:block;
  margin: 0 auto;
}
.details-p-cy .details-head .next, .details-p-cy .details-head .prev {
	position: absolute;
	top: 50%;
	z-index: 3;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	//background: #fff no-repeat center center;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
	cursor: pointer
}
.details-p-cy .details-head .next:hover, .details-p-cy .details-head .prev:hover {
	background-color: #069276
}
.details-p-cy .details-head .prev {
	left: -80px;
	background-image: url(../images/prev1.png)
}
.details-p-cy .details-head .prev:hover {
	background-image: url(../images/prev.png)
}
.details-p-cy .details-head .next {
	right: -80px;
	background-image: url(../images/next1.png)
}
.details-p-cy .details-head .next:hover {
	background-image: url(../images/next.png)
}


.silder-ctrl-prev{
	left: -80px;
	background-image: url(../images/prev1.png)
}
.silder-ctrl-prev:hover {
	background-image: url(../images/prev.png)
}
silder-ctrl-next{
	right: -80px;
	background-image: url(../images/next1.png)
}
silder-ctrl-next:hover {
	background-image: url(../images/next.png)
}

.details-p-cy .db {
	border-top: 3px solid #069276;
	padding: 50px
}
.details-p-cy .db-head .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	color: #333
}
.details-p-cy .details-body .t {
	font-weight: 700;
	color: #069276
}
.details-p-cy .details-foot {
	padding: 15px 50px;
	text-align: center;
	background: #069276
}
.details-p-cy .details-foot:after {
	content: '';
	display: block;
	clear: both
}
.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {
	display: block;
	border: 1px solid #eee;
	padding: 9px 30px;
	font-size: 14px;
	line-height: 25px;
	color: #fff
}
.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {
	display: block;
	position: relative;
	width: 23px;
	height: 25px;
	background: no-repeat center center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.details-p-cy .details-foot .page-prev {
	float: left
}
.details-p-cy .details-foot .page-prev:before {
	float: left;
	left: 0;
	margin-right: 20px;
	background-image: url(../images/left.png)
}
.details-p-cy .details-foot .page-prev:hover:before {
	left: -15px
}
.details-p-cy .details-foot .page-next {
	float: right
}
.details-p-cy .details-foot .page-next:before {
	float: right;
	right: 0;
	margin-left: 20px;
	background-image: url(../images/right.png)
}
.details-p-cy .details-foot .page-next:hover:before {
	right: -15px
}
.details-p-cy .details-foot .page-back {
	display: inline-block;
	border: 1px solid transparent;
	width: 45px;
	height: 45px;
	vertical-align: top;
	background: url(../images/back.png) no-repeat center center;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.details-p-cy .details-foot .page-back:hover {
	border-color: #fff
}

@media (max-width:1680px) {
.details-p-cy .details-cont {
	/*margin-top: -125px*/
}
}

@media (max-width:1240px) {
.details-p-cy .details-head .next, .details-p-cy .details-head .prev {
	background-color: #ccc
}
.details-p-cy .details-head .prev {
	left: 0
}
.details-p-cy .details-head .next {
	right: 0
}
}

@media (max-width:1140px) {
.details-p-cy .details-cont {
	margin-top: -80px
}
}

@media (max-width:1024px) {
.details-p-cy .container {
	max-width: 90%
}
.details-p-cy .details-cont {
	margin-top: -150px
}
}

@media (max-width:768px) {
.details-p-cy .container {
	max-width: none
}
.details-p-cy .details-head {
	padding: 40px
}
.details-p-cy .details-head .next, .details-p-cy .details-head .prev {
	width: 36px;
	height: 36px
}
.details-p-cy .db {
	padding: 40px
}
.details-p-cy .details-body p {
	font-size: 13px;
	line-height: 25px
}

.details-p-cy .db-head .title {
	font-size: 20px;
	line-height: 30px
}
.details-p-cy .details-foot {
	padding: 10px 40px
}
.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {
	padding: 9px 15px;
	font-size: 13px;
	line-height: 20px
}
.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {
	height: 20px
}
.details-p-cy .details-foot .page-prev:before {
	margin-right: 15px
}
.details-p-cy .details-foot .page-prev:hover:before {
	left: -10px
}
.details-p-cy .details-foot .page-next:before {
	margin-left: 15px
}
.details-p-cy .details-foot .page-next:hover:before {
	right: -10px
}
.details-p-cy .details-foot .page-back {
	width: 40px;
	height: 40px
}
}

@media (max-width:680px) {
.details-p-cy .details-cont {
	margin-top: -180px
}
.details-p-cy .details-head {
	padding: 30px 5%
}
.details-p-cy .db {
	padding: 30px 5%
}
.details-p-cy .db-head .title {
	font-size: 18px
}
.details-p-cy .details-foot {
	padding: 10px 5%
}
.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 25px
}
.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {
	height: 25px
}
.details-p-cy .details-foot .page-prev:before {
	margin-right: 10px
}
.details-p-cy .details-foot .page-prev:hover:before {
	left: -5px
}
.details-p-cy .details-foot .page-next:before {
	margin-left: 10px
}
.details-p-cy .details-foot .page-next:hover:before {
	right: -5px
}
.details-p-cy .details-foot .page-back {
	width: 35px;
	height: 35px
}
}

@media (max-width:576px) {
.details-p-cy .details-cont {
	margin-top: -120px
}
.details-p-cy .details-body {
	line-height: 15px
}
}

@media (max-width:475px) {
.details-p-cy .details-cont {
	margin-top: -100px
}
.details-p-cy .details-head {
	padding: 25px 5%
}
.details-p-cy .details-head .next, .details-p-cy .details-head .prev {
	width: 30px;
	height: 30px
}
.details-p-cy .db {
	padding: 25px 5%
}
.details-p-cy .db-head .title {
	font-size: 16px
}
.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {
	line-height: 20px
}
.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {
	width: 15px;
	height: 20px
}
.details-p-cy .details-foot .page-prev:before {
	margin-right: 5px;
	background-position: left center
}
.details-p-cy .details-foot .page-prev:hover:before {
	left: 0
}
.details-p-cy .details-foot .page-next:before {
	margin-left: 5px;
	background-position: right center
}
.details-p-cy .details-foot .page-next:hover:before {
	right: 0
}
.details-p-cy .details-foot .page-back {
	border: 0 none;
	width: 30px;
	height: 30px
}
}

.details-p-cy .details-body img{display: block; margin: 0 auto; max-width: 100%;}
.details-cy {
	position: relative;
	z-index: 3;
	margin-top: -65px;
	background: #efefef
}
.details-cy .details-cont {
	margin: -150px auto 0;
	padding: 50px;
	max-width: 1000px;
	background: #fff
}
.details-cy .details-head .t {
	font-family: "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	color: #333
}
.details-cy .details-head .tools {
	margin-top: 15px;
	line-height: 20px
}
.details-cy .details-head .d {
	float: left;
	font-size: 14px
}
.details-cy .details-head .share {
	float: right
}
.details-cy .details-head .sh-t {
	font-family: "Microsoft JhengHei", sans-serif;
	font-size: 14px;
	line-height: 1
}
.details-cy .details-head .bshare-custom a {
	display: inline-block;
	margin-left: 7px;
	vertical-align: top
}
.details-cy .details-head .bshare-custom .bshare-weixin {
	background: url(../images/d-wx.png) no-repeat center center
}
.details-cy .details-head .bshare-custom .bshare-sinaminiblog {
	background: url(../images/d-sina.png) no-repeat center center
}
.details-cy .details-body {
	margin: 25px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 35px 0
}
.details-cy .details-foot:after {
	content: '';
	display: block;
	clear: both
}
.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {
	float: left;
	width: 50%;
	font-size: 15px;
	line-height: 25px;
	color: #666
}
.details-cy .details-foot .page-next .c, .details-cy .details-foot .page-prev .c {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.details-cy .details-foot .page-next:hover, .details-cy .details-foot .page-prev:hover {
	color: #069276
}
.details-cy .details-foot .page-prev {
	border-right: 1px solid #ccc;
	padding-right: 55px
}
.details-cy .details-foot .page-next {
	padding-left: 55px
}

@media (max-width:1440px) {
.details-cy {
	margin-top: -55px
}
}

@media (max-width:1240px) {
.details-cy {
	margin-top: -50px
}
}

@media (max-width:1024px) {
.details-cy {
	margin-top: -40px
}
.details-cy .container {
	max-width: 90%
}
.details-cy .details-cont {
	padding: 30px
}
.details-cy .details-head .t {
	font-size: 20px;
	line-height: 30px
}
.details-cy .details-head .tools {
	margin-top: 10px;
	line-height: 15px
}
.details-cy .details-head .d {
	float: none;
	font-size: 12px
}
.details-cy .details-head .share {
	display: none
}
.details-cy .details-body {
	margin: 20px 0;
	padding: 30px 0
}
.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {
	font-size: 13px
}
.details-cy .details-foot .page-prev {
	padding-right: 35px
}
.details-cy .details-foot .page-next {
	padding-left: 35px
}
}

@media (max-width:768px) {
.details-cy .container {
	max-width: none
}
.details-cy .details-cont {
	margin-top: -80px;
	padding: 5%
}
.details-cy .details-head .t {
	font-size: 18px;
	line-height: 25px
}
.details-cy .details-body {
	padding: 25px 0
}
.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {
	font-size: 12px;
	line-height: 20px
}
.details-cy .details-foot .page-prev {
	padding-right: 20px
}
.details-cy .details-foot .page-next {
	padding-left: 20px
}
}

@media (max-width:576px) {

.details-cy .details-head .t {
	font-size: 16px;
	line-height: 25px
}
.details-cy .details-body {
	margin: 15px 0;
	padding: 20px 0;
	font-size: 13px;
	line-height: 10px
}
.details-cy .details-body p {
	line-height: 25px
}
.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {
	float: none;
	width: auto
}
.details-cy .details-foot .page-prev {
	margin-bottom: 10px;
	border-right: 0 none;
	padding-right: 0
}
.details-cy .details-foot .page-next {
	padding-left: 0
}
}

.sec-cy {
	padding: 50px 0;
}

@media (max-width:1440px) {
.sec-cy {
	padding: 40px 0
}
}


@media (max-width:1024px) {
.sec-cy {
	padding: 30px 0
}
}

@media (max-width:768px) {
.sec-cy {
	padding: 20px 0
}
}

.news-cy .news-c-item {
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news-cy .news-c-item:hover {
	background: #069276
}
.news-cy .news-c-item:hover .news-c-cont {
	border-color: #069276
}
.news-cy .news-c-item:hover .news-c-pic img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.news-cy .news-c-item:hover .news-c-info .c, .news-cy .news-c-item:hover .news-c-info .t {
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .m {
	border-color: #fff;
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .d {
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .d:before {
	background: #fff
}
.news-cy .news-c-cont {
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 30px 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news-cy .news-c-cont:after {
	content: '';
	display: block;
	clear: both
}
.news-cy .news-c-pic {
	overflow: hidden;
	float: left;
	margin-right: 45px
}
.news-cy .news-c-pic img {
	-webkit-transition: all .5s, height .3s;
	-o-transition: all .5s, height .3s;
	transition: all .5s, height .3s;
  width:100%
}
.news-cy .news-c-info {
	overflow: hidden
}
.news-cy .news-c-info .t {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .c {
	margin-top: 15px;
	height: 50px;
	font-size: 14px;
	line-height: 25px;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .tools {
	margin-top: 85px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .tools:after {
	content: '';
	display: block;
	clear: both
}
.news-cy .news-c-info .m {
	display: block;
	float: left;
	border: 1px solid #ccc;
	padding: 9px 20px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .d {
	display: block;
	float: right;
	margin-top: 25px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .d:before {
	display: inline-block;
	margin: 7px 15px 7px 0;
	width: 15px;
	height: 1px;
	background: #ccc;
	vertical-align: top;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}

@media (max-width:1024px) {
.news-cy .container {
	max-width: 96%
}
.news-cy .news-c-pic {
	margin-right: 30px;
  width:40%
}
}



.xgcp{width: 1200px;    margin: 30px auto;overflow:hidden}
.xgcp ul{width: 100%!important;margin-top:30px;}  
.xgcp li:hover .title{background:#069276; color:#Fff;}
.xgcp li:hover .title a{color:#fff;}
.xgcp li{padding:5px; width:25%; float:left;}
.xgcp  span{     background: url(../images/xgcp.png) no-repeat left 4px;    font-size: 22px;    padding: 0 0 0 35px;}
.xgcp .carousel-arrow a{
  float: right;
    width: 30px;
    height: 30px;
    position: relative;
    border: 1px solid #e6e6e6;
}
.xgcp .carousel-arrow a img {
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0px;
    left: 0;
}
.xgcp  .carousel  img{    width:100%}
.xgcp  .pic{ border:1px solid #e6e6e6;}
.xgcp  .title{ border:1px solid #e6e6e6;   text-align:center; line-height: 42px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 8px}


.hm-product .slick-slider::before {
    content: "";
    width: 100%;
    height: 18px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;}
.hm-product .slick-slider::after{    
content: "";
    width: 60px;
    height: 23px;
    background: #eb313d;
    position: absolute;
    left: 0;
    bottom: -4;
    transition: 0.45s}
@media (max-width:1440px) {

}
@media (max-width:1240px) {
.xgcp{ width:90%; padding:0 15px }
}
@media (max-width:1040px) {
.profile-idea .pi-cont ul{margin: -115px 0 55px 0;}
}

@media (max-width:768px) {
.profile-idea .pi-cont ul{margin: -80px 0 55px 0;}
.pro_case_list{  width: calc((100% - 30px) / 4);}
.pro_case_list:nth-child(4n){    margin: 0 0px 0 0;}
}
@media (max-width:425px) {
.xgcp li{ width:calc(100% - 30px )!important;}
.xgcp li:nth-child(n+2){ margin: 0px 0% 20px 1%;}
}


/* 分页 */
.page_list{text-align: center; margin-top: 20px;}
.pagination {
	float:left;
	text-align:center;
	width:100%;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 12px/28px "微软雅黑", Tahoma, "宋体";
	*display:inline;
	:1;
	*zoom:1;}
.page span,.page strong {
	float:left;}
.page a,
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 14px/24px "微软雅黑", Tahoma, "宋体";
	height:28px;
	margin-right:5px;
	min-width:15px;
	padding:0 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;
line-height: 28px;}
.page strong{
	background:#069276;
	border:1px solid #069276;
	color:#fff;
	float:left;
	font: 14px/24px "微软雅黑", Tahoma, "宋体";
	height:28px;
	margin-right:5px;
	min-width:15px;
	padding:0px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;
	line-height: 28px;
}
.page a:hover {
	border:1px solid #069276;
	color:#069276;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 14px/24px "微软雅黑", Tahoma, "宋体";
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#069276;
	border:1px solid #069276;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}