/* Write your styles */
html,body{
	font-family: "Noto Sans SC"!important;
}
a{
	color:#00aeef;
}
.amz-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1200px;
}

hander {
	height: 85px;
}

hander .header-top-bar .header-logo {
	line-height: 85px;
}

hander .deader-text {
	line-height: 85px;
}

hander .header-top-bar .deader-text .hander-huan {
	float: right;
}

hander .header-top-bar .deader-text a {
	margin-right: 10px;
	font-size: 15px;
}

hander .header-top-bar .deader-text form {
	float: right;
	line-height: 83px;
}

hander .header-top-bar .deader-text form input {
	position: absolute;
	top: 28px;
	left: -100px;
	border: #8a8a8a 2px solid;
	height: 33px;
	padding-left: 15px;
	outline: none;
	border-radius: 25px;
	display: none;
}

hander .header-top-bar .deader-text form button {
	background: rgba(0,0,0,0);
	margin-right: 15px;
	border: 0;
	margin-top: -3px;
	outline: none;
}

hander .nav a {
	display: block;
	padding: 0 20px;
	font-size: 18.4px;
	color: #505357;
	line-height: inherit;
	font-weight: 500;
	cursor: pointer;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
hander .nav a:hover{
	background: #f9f9f9;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
hander .nav_menu {
	text-align: center;
	line-height: 45px;
	padding-left: 0;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.am-nav-tabs{
	border: 0;
}
hander .nav_menu .nav_menu-item {
	display: inline-block;
	position: relative;
	padding: 0 27px;
}
hander .nav_menu .nav_menu-item:first-child {
	padding-left: 0px;
}
hander .nav_menu .nav_menu-item:last-child{
	padding-right: 0px;
}
.nav_menu-item:hover .nav_submenu {
	opacity: 1;
	visibility: visible;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.nav_submenu {
	margin: 0;
	font-weight: 300;
	text-transform: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 220px;
	z-index: 999;
	text-align: left;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.main .yslider {
	/* height: 500px; */
	width: 100%;
}

.am-slider-default .am-control-nav li a {
	width: 12px;
	height: 12px;
	opacity: .2;
	background-color: #000;
}
.am-slider-default .am-control-nav li a.am-active{
	background-color: #e0e0e0;
	opacity: 1;
}
.am-slider-default .am-control-nav {
	bottom: 3%;
}

.yslider {
	/* overflow: hidden;
	zoom: 1; */
}

.yslider .am-slider h2 {
	color: #fff;
	/*font-weight: 400;*/
	font-style: italic;
	position: absolute;
	top: 10px;
	margin-top: 2.5em;
	font-size: 64px;
}

.yslider .am-slider p {
	color: #fff;
	font-style: italic;
	position: absolute;
	top: 10px;
	font-size: 32px;
	margin-top: 8em;
}
.am-modal-dialog{
	width: 1000px;
}
.yslider .am-slider .set_5_button2 {
	color: #fff;
	position: absolute!important;
	top: 10px;
	font-size: 15px;
	margin-top: 320px;
	padding: 5px;
	border-radius: 25px;
	height: 45px!important;
	width: 150px!important;
	border: 0;
	line-height: 35px;
	background-color: #c5054a;
}
.yslider .am-slider .set_5_button2:after{
	background: #b60709!important;
}
.gradient{
	height: 10px;
	/*position: absolute;*/
	width: 100%;
	bottom: 0;
	background: linear-gradient(to right, #008fbf 0%, #00918c 38%, #ec9546 82%, #ec9546 100%);
	background: -ms-linear-gradient(to right, #008fbf 0%, #00918c 38%, #ec9546 82%, #ec9546 100%);
	background: -webkit-linear-gradient(to right, #008fbf 0%, #00918c 38%, #ec9546 82%, #ec9546 100%);
	background: -moz-linear-gradient(to right, #008fbf 0%, #00918c 38%, #ec9546 82%, #ec9546 100%);
}
.yscr1 {
	margin-top: 45px;
}

.ytitele {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
}

.blue {
	color: #0470b9;
}

.y-products img {
	width: 100%;
}

.y-pbj {
	display: block;
}

.y-pbj a .yfd {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.y-pbj a img {
	transform: scale(1);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.y-pbj:hover img {
	transform: scale(1.1);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.y-products .am-u-lg-4 {
	padding-left: 0;
}


.y-pbj:hover .ybj {
	width: 100%;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.ybj {
	width: 55%;
	height: 100%;
	position: absolute;
	top: 0;
	background: linear-gradient(to right, rgba(239, 133, 58, 1), rgba(255, 255, 255, 0));
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.y-pbj:hover .ybj {
	width: 100%;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.y-bh {
	background: linear-gradient(to right, rgba(39, 174, 227, 1), rgba(255, 255, 255, 0));
}

.y-lh {
	background: linear-gradient(to right, rgba(44, 141, 96, 1), rgba(255, 255, 255, 0));
}

.y-pbj h2 {
	color: #fff;
	font-size: 24px;
	position: relative;
	top: 15px;
	left: 25px;
}

.y-pbj p {
	color: #fff;
	opacity: 0;
	font-size: 18px;
	position: relative;
	top: 15px;
	left: 25px;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.y-pbj:hover p {
	opacity: 1;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.yscr2 {
	margin-top: 55px;
}

.yscr2 .y_slb {
	border: 0;
}

.yscr2 .am-nav-tabs>li.am-active>a,
.am-nav-tabs>li.am-active>a:focus,
.am-nav-tabs>li.am-active>a:hover {
	border: 0 !important;
	color: #000!important;
	background-color: #f8f8f8 !important;
}
.am-nav-tabs>li>a{
	border: 0!important;
}
.yscr2 .am-nav-tabs>li>a {
	background-color: #ececec!important;
	color: #000;
}

.am-tabs-bd {
	border: 0;
}
.por_img{
	overflow: hidden;
}
.amz-container p{
	margin-top: 10px;
	color: #666666;
}
.por_img img{
	transform: scale(1);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
.case li:hover img{
	transform: scale(1.1);
	transition: all 1.2s;
	-moz-transition: all 1.2s;
	/* Firefox 4 */
	-webkit-transition: all 1.2s;
	/* Safari 和 Chrome */
	-o-transition: all 1.2s;
}
.am-tabs-bd .am-tab-panel.am-active {
	padding: 0;
}

.am-nav-tabs>li.am-active>a,
.am-nav-tabs>li.am-active>a:focus,
.am-nav-tabs>li.am-active>a:hover {
	border: 0;
}

.title-blue {
	color: #0470B9;
	font-size: 36px;
	margin-top: 65px;
	font-weight: 600;
}

.button-blank {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	outline: none;
	border-radius: 25px;
	border: #000000 1px solid;
	padding: 8px 25px;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.button-blank:hover {
	background-color: #000000;
	color: #fff;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.yscrt3 {
	background-image: url(../images/tu3.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 50px;
}

.yscrt3 .ytitele {
	padding-top: 55px;
	padding-bottom: 15px;
}

.yscrt3 .amz-container .am-nav-tabs {
	border: 0;
	width: 9%;
	margin: 0;
	float: left;
}

.yscrt3 .amz-container .am-nav-tabs>li {
	float: none;
	width: 45px;
	margin-bottom: 25px;
	border: #fff 2px solid;
}

.yscrt3 .amz-container .am-nav-tabs>li a {
	margin: 0;
	color: #fff;
}

.yscrt3 .amz-container li.am-active a {
	color: #000;
}

.yscrt3 .amz-container .am-nav-tabs>li:hover a {
	color: #000;
}

.yscrt3 .y-panel h3 {
	width: 50%;
	font-size: 20px;
	line-height: 25px;
	font-weight: 550;
	color: #fff;
	margin-bottom: 5px;
}

.yscrt3 .y-panel p {
	font-size: 16px;
	color: #fff;
	margin: 0;
}

.yscrt3 .y-panel button {
	border: #fff 1px solid;
	color: #fff;
	margin-top: 10px;
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.9;
	padding: 5px;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.yscrt3 .y-panel button:hover {
	background-color: #fff;
	color: #000;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.yscr4 {
	background: url(../images/tu4.png) center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-size: cover;
	height: 550px;
}

.yscr4 .ytitele {
	padding-top: 85px;
	padding-bottom: 15px;
}

.yscr4 p {
	margin: 25px 0;
	color: #fff;
	font-size: 20px;
}

.yscr4 button {
	margin-top: 50px;
	background-color: #008453;
	border: 0;
	padding: 8px 15px;
	color: #fff;
}

.yscr5 {
	background-color: #f8f8f8;
	text-align: center;
	padding-bottom: 35px;
}

.yscr5 .ytitele {
	padding-top: 40px;
}

.yscr5 p {
	color: #666666;
	font-size: 20px;
	margin: 0 0 3.6rem 0;
}

.yscr5 button {
	background-color: #0470b9;
	border: 0;
	margin-top: 15px;
	margin-bottom: 55px;
	border-radius: 25px;
	padding: 8px 45px;
	color: #fff;
}

footer .footer-text ul>li {
	display: inline-block;
	padding-right: 15px;
}
footer .footer-text ul>li a{
	font-size: 14px;
	color: #808080;
}
footer .footer-text ul {
	padding: 0;
	margin-bottom: 0;
}

footer .footer-text p {
	margin-top: 0;
	font-size: 14px;
	color: #666;
}

footer .footer-text {
	margin-top: 15px;
}

footer .footer-logo {
	line-height: 81px;
	text-align: right;
}
.catpos p a{
	color: #666666;
}
.catpos p a:last-child{
	color: #00aeef;
}
.set_4_button2 {
	position: relative;
	font-weight: 400;
	text-align: center;
	border-radius: 25px;
	width: auto;
	float: left;
	padding: 0 25px;
	line-height: 36px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #2e2302;
	margin-right: 2.5em;
}

.set_4_button2.raised {
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	background: #008453;
	color: #fff;
	margin-top: 45px;
}

.set_4_button2.raised:active {
	background: #515151;
	box-shadow: 0px 1px 1px #063e6b;
}

.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.clickable .toggle:checked+.anim {
	-moz-animation: anim-in 0.75s;
	-webkit-animation: anim-in 0.75s;
	animation: anim-in 0.75s;
}

.clickable .toggle:checked+.anim:after {
	-moz-animation: anim-in-pseudo 0.75s;
	-webkit-animation: anim-in-pseudo 0.75s;
	animation: anim-in-pseudo 0.75s;
}

.clickable .toggle:not(:checked)+.anim {
	-moz-animation: anim-out 0.75s;
	-webkit-animation: anim-out 0.75s;
	animation: anim-out 0.75s;
}

.clickable .toggle:not(:checked)+.anim:after {
	-moz-animation: anim-out-pseudo 0.75s;
	-webkit-animation: anim-out-pseudo 0.75s;
	animation: anim-out-pseudo 0.75s;
}

.hoverable:hover>.anim {
	-moz-animation: anim-out 0.75s;
	-webkit-animation: anim-out 0.75s;
	animation: anim-out 0.75s;
}

.hoverable:hover>.anim:after {
	-moz-animation: anim-out-pseudo 0.75s;
	-webkit-animation: anim-out-pseudo 0.75s;
	animation: anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-ms-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-moz-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-ms-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-webkit-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-ms-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-moz-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-ms-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

.set_5_button2 {
	background: #025e9c;
	color: #2e2302;
	overflow: hidden;
	z-index: 1;
	font-weight: 400;
	line-height: 45px;
	margin: auto;
	cursor: pointer;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	width: 170px;
}

.set_5_button2:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 500%;
	height: 1000%;
	background: #0470b9;
	z-index: -1;
	transform-origin: 0% 0%;
	transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
/transform: translateY(10%) translateX(16%) rotate(-45deg);
	transition: transform .3s;
}

.set_5_button2:hover::after {
	transform: translateY(10%) translateX(-25px) rotate(-45deg);
}

.banner {
	background-repeat: no-repeat;
	background-size: cover;

}

.banner h2 {
	color: #fff;
	font-style: italic;
	font-size: 64px;
	font-weight: 600;
	padding-top: 2.5em;
	margin-bottom: 0px;
}

.banner h4 {
	color: #fff;
	font-size: 36px;
	font-style: italic;
	font-weight: 600;
	margin-top: 0px;
}

.banner p {
	color: #fff;
	font-size: 28px;
	padding-bottom: 110px;
}

.abuot_scr1 {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 85px;

}

.abuot_scr1 p {
	color: #666;
}

.abuot_scr1 .about_group {
	padding: 0;
}

.abuot_scr1 .about_group>li {
	float: left;
	margin: 10px;
}

.abuot_scr1 .about_group li:first-child {
	margin-left: 0;
}

.abuot_scr1 .about_group li:last-child {
	margin-right: 0;
}

.abuot_scr1 .about_group li .about_tu {
	overflow: hidden;
}

.abuot_scr1 .about_group li .about_tu img {
	transform: scale(1);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.abuot_scr1 .about_group li .about_tu:hover img {
	transform: scale(1.1);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.abuot_scr1 .about_group li .about_tu .tudibu {
	position: relative;
	height: 15px;
}

.about_src2 {
	height: 460px;
	background-repeat: no-repeat;
	background-size: cover;
}

.about_src2 h4 {
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	padding-top: 100px;
}

.about_src2 p {
	color: #fff;
	padding-top: 65px;
	font-size: 20px;
	width: 40%;
}

.applications_scr1 {
	text-align: center;
	padding-bottom: 66px;
}

.applications_scr1 h4 {
	color: #0470b9;
	font-size: 28px;
}

.applications_scr1 p {
	color: #666666;
	font-size: 16px;
	width: 59%;
	line-height: 24px;
	margin: auto;
	text-align: left;
}

.applications_scr2 {
	background-color: #f9f9f9;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 45px;
}

.case {
	padding-left: 0;
	margin-top: 54px;
}

.case h5 {
	font-size: 22px;
	margin-top: 16px;
}

.case li {
	float: left;
	padding: 25px;
	background-color: #fff;
	margin: 10px;
	-webkit-box-shadow: 0 4px 6px 0 rgba(144,164,183,.0);
	box-shadow: 0 4px 6px 0px rgba(144,164,183,.0);

	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.case li:hover {
	-webkit-box-shadow: 0 4px 6px 0 rgba(144,164,183,.52);
	box-shadow: 0 4px 6px 0px rgba(144,164,183,.52);
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
	/* Opera */
}

.case .set_4_button2.raised {
	margin-top: 25px;
}

.case>li p {
	width: 318px;
	color: #666666;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.tubiao-blue {
	background: #47bae7;
}

.tubiao-green {
	background: #4b9e78;
}

.tubiao-orange {
	background: #f19757;
}

.About_Pectin_scr1 {
	background-color: #f6f6f6;
	overflow: hidden;
	zoom: 1;
}

.about_pectin_case {
	background-color: #fff;
	margin: 54px 0;
	background: #fff;
	padding: 2rem;
}

.about_pectin_case>li:first-child {
	margin-top: 0;
}

.about_pectin_case>li {
	margin-top: 4rem;
	overflow: hidden;
	zoom: 1;
}

.about_pectin_case>li .tulogo {
	width: 35%;
	float: left;
}

.about_pectin_case>li .t_text {
	float: right;
	width: 65%;
}

.about_pectin_case>li .t_text h4 {
	color: #0470b9;
	font-size: 28px;
}

.about_pectin_case>li .t_text .paragraph {
	/* min-height: 153px;
	max-height: 153px; */
	height: 153px;
	overflow: hidden;
	/* Opera */
}
.y_xlb{
	min-height: 562px;
}
.about_pectin_case>li .t_text .paragraph.avtion {
	max-height: 500px;
	transition: all 3s ;
	-moz-transition: all 3s ;
	/* Firefox 4 */
	-webkit-transition: all 3s ;
	/* Safari 和 Chrome */
	-o-transition: all 3s;
	/* Opera */
}

.about_pectin_case>li .t_text .paragraph p {
	color: #666;
	font-size: 15px;
	line-height: 23px;
}

.about_pectin_case>li .t_text .set_4_button2.raised {
	margin-top: 16px;
}
.about_pectin_case>li .t_text .set_4_button2{
	background-color: #f47920;
}
.Sustainability_scr1 {
	background-color: #f6f6f6;
	padding: 54px 0;
}

.Sustainability_scr1 .card_group {
	width: 67%;
}

.Sustainability_scr1 .card_group .little_card {
	float: left;
	height: 232px;
	width: 370px;
	padding: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

.Sustainability_scr1 .card_group .little_card h4 {
	font-size: 20px;
	margin-top: 15px;
	color: #0470b9;
}

.Sustainability_scr1 .card_group .little_card h4:before {
	content: '';
	position: absolute;
	width: 60px;
	margin-top: 46px;
	height: 1px;
	border-bottom: 3px solid #fdd93b;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
.Sustainability_scr1 .card_group:hover h4:before{
	width: 130px;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
.Sustainability_scr1 .card_group .little_card .set_4_button2.raised{
	background-color: #f47920;
}
.Sustainability_scr1 .card_group .set_4_button2{
	line-height: 35px;
}
.Sustainability_scr1 .right_img img {
	/*margin-top: 20px;*/
}
.contact_src1{
	padding-bottom: 45px;
}
.contact_src1 h4{
	color: #0470b9;
	font-size: 28px;
	margin-bottom: 0px;
}
.contact_src1 p{
	color: #666;
	margin-top: 0;
	margin-bottom: 0;
	width: 80%;
}
.contact_src2{
	background-color: #f9f9f9;
	overflow: hidden;
	zoom: 1;
	padding-top: 40px;
	padding-bottom: 15px;
}
.contact_src2 .c_title{
	font-size: 28px;
	color: #0470b9;
}
.contact_src2 .card_group .little_card{
	float: left;
}
.contact_src2 .card_group .little_card {
	float: left;
	height: 217px;
	width: 370px;
	padding: 25px;
	margin: 20px 0px;
	margin-right: 20px;
	background-color: #fff;
}

.contact_src2 .card_group .little_card h4 {
	font-size: 20px;
	margin-top: 15px;
	color: #0470b9;
}

.contact_src2 .card_group .little_card h4:before {
	content: '';
	position: absolute;
	width: 60px;
	margin-top: 46px;
	height: 1px;
	border-bottom: 3px solid #fdd93b;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
.contact_src2 .card_group .little_card:hover h4:before{
	width: 130px;
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari 和 Chrome */
	-o-transition: all .8s;
}
.contact_src2 .card_group .little_card .set_4_button2.raised{
	background-color: #f47920;
}
.contact_src2 .card_group .set_4_button2{
	line-height: 35px;
}
.por_one_t{
 	color: #f47920;
}
.por_tow_t{
	color: #00aeef;
}
.por_three_t{
	color: #0079c1;
}
.por_four_t{
	color: #4f1a6c;
}
.por_five_t{
	color: #ee2d2f;
}
.por_six_t{
	color: #741d66;
}
.por_one{
	background-color: #f47920!important;;
}
.por_tow{
	background-color: #00aeef!important;;
}
.por_three{
	background-color: #0079c1!important;
}
.por_four{
	background: #4f1a6c!important;
}
.por_five{
	background: #ee2d2f!important;
}
.por_six{
	background: #741d66!important;
}
footer{
	padding: 10px 0;
}
.wps-srk{
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	text-align: center;
	background: #fff;
	height: 100%;
}
.wps-srk input{
	height: 30px;
	border: 0;
	width: 70%;
	outline: none;
}
.wps-srk button{
	height: 100%;
	border: 0;
	background: rgba(0,0,0,0);
	outline: none;
}
.wps-srk button img{
	width: 20px;
	height: 20px;
}
.y-index-in{
	background-image: url("../images/icon-in.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.y-index-in:hover{
	background-image: url("../images/icon-in1.svg");
}
.applications_show_scr1{
	text-align: center;
	padding-bottom: 66px;
}
.applications_show_scr1 h4{
	font-size: 28px;
}
.applications_show_scr1 p{
	color: #666666;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
.show_gorn{
	overflow: hidden;
	zoom: 1;
}
.applications_show_scr2 .table_hua table tr td p{
	color: #000;
}
.show_gorn .show_pdf{
	border: 1px #d8d9d4 solid;
	margin: 15px 0;
	float: left;
	padding: 20px;
	width: 100%;
}

.show_gorn .show_pdf p.tiele{
	color: #0470b9;
	font-size: 24px;
	top: 20px;
	float: left;
	position: relative;
}
.show_gorn .show_pdf p.tiele:before{
	content: '';
	position: absolute;
	width: 45px;
	bottom: -5px;
	border-bottom: 2px #fdd93b solid;
}
.show_gorn .show_pdf img{
	float: right;
}
.applications_show_scr2{
	background-color: #f9f9f9;
	overflow: hidden;
	zoom: 1;
	padding-top: 54px;
	padding-bottom: 54px;
}
.applications_show_scr2 .table_hua{
	width: 100%;
}
.applications_show_scr2 .table_hua table{
	width: 100%;
	text-align: center;


}
.applications_show_scr2 .table_hua table th{
	text-align: center;
	color: #fff;
	height: 90px;
	border: 1px #fff solid;
	vertical-align: middle;
	text-align: center;
}
.applications_show_scr2 .table_hua table th p{
	color: #fff!important;
	margin: 0;
}
.applications_show_scr2 .table_hua table p{
	/*word-wrap: break-word;*/
	/*word-break:break-all;*/
}
.applications_show_scr2 .table_hua table tr td{
	border: 1px #fff solid;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
.applications_show_scr2 .table_hua table tr:nth-of-type(odd)
{
	background:#e9ebf5;
}
.applications_show_scr2 .table_hua table tr:nth-of-type(even)
{
	background:#bfbfbf;
}
u{
	padding-bottom: 2px;
	border-bottom: 1px #000 solid;
}
.case_show_flie{
	width: 33.33333333%;
	float: left;
	margin: 0 15px;
}
.case_show_flie:nth-of-type(1) {
	margin-left: 0;
}
.case_show_flie:nth-of-type(3n+0) {
	margin-right: 0;
}
.case_img_list{
	padding: 0;
	margin-bottom: 30px;
}
.case_img_list>li {
	float: left;
}
.case_img_list .case_img_item{
	overflow: hidden;
}
.case_img_list .case_img_item img{
	transform: scale(1);
	transition: all .8s;
	height: 100%;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
}
.case_img_list .case_img_item:hover img{
	transform: scale(1.1);
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
}
.case_img_list li:first-child {
	padding-left: 0;
}
.case_img_list li:last-child {
	padding-right: 0;
}
.case_img_list li  .case_tudibu {
	position: relative;
	height: 15px;
}
.g_case_list{
	padding-left: 0;
}
.g_case_list .g_case_item{
	padding: 15px 0;
}
.g_case_item .g_case_title{
	background-color: #ff5d01;
	position: relative;
	transition: all .5s;
}
.g_case_item.action .g_case_title{
	background-color: #aaa!important;
	transition: all .5s;
}
.g_case_item .g_case_title::after{
	position: absolute;
	content: '';
	right: 70px;
	top: 0;
	width: 27px;
	height: 70px;
	border-right: 4px solid #fff;
}

.g_case_item .g_case_title img{
	margin-left: 20px;
	margin-top: -5px;
	width: 27px;
}
.g_case_item .g_case_title p{
	display: inline-block;
	margin: 20px 5px 20px;
	color: #fff;
	font-size: 18px;
}
.g_case_item .g_case_title .jia:after{
	content: '';
	width: 34px;
	border: 4px #fff solid;
	border-radius: 5px;
	position: absolute;
	right: 16px;
	top: 28px;
}
.g_case_item .g_case_title .jian:after{
	content: '';
	width: 34px;
	border: 4px #fff solid;
	border-radius: 5px;
	position: absolute;
	right: 16px;
	top: 28px;
	transform: rotateZ(90deg);
	transition: all .5s;
}
.g_case_item.action .g_case_title .jian:after{
	transform: rotateZ(0deg);
	transition: all .5s;
}
.g_case_item .g_case_contain{
	overflow: hidden;
	padding: 0 70px 20px 55px;
	max-height: 0;
	transition: all .5s;
}
.g_case_item.action .g_case_contain{
	max-height: 200px;
	transition: all .8s;
}
.g_case_item .g_case_contain .contain_item{
	padding: 0 15px;
}
.g_case_contain p{
	margin-top: 25px;
}
.fs32{
	font-size: 32px;
}
ul.case_img_group{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.case_img_group li{
	float: left;
	margin: 24px;
}
.case_img_group li:first-child {
	margin-left: 0;
}
.case_img_group li:last-child {
	margin-right: 0;
}
.case_img_group li .case_tu{
	overflow: hidden;
}
.case_img_group li .case_tu img{
	transform: scale(1);
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
}
.case_img_group li:hover .case_tu img{
	transform: scale(1.1);
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
}