.pro_list{ padding-top: 0.8%; padding-bottom: 4.5%; }
.pro_list > li{ position: relative; margin-top: 2.5%; }
.pro_ntit{width: 32.4%;overflow: hidden;display: block;float: left;padding: 1.6% 1.6% 3.8%;background: #fff;cursor: pointer;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;/*border-radius: 4px;*/ /* box-shadow: 0 0 30px rgba(173, 173, 173, 0.2); */}
.pro_type > .pro_ntit:nth-child(2){ margin: 0 1.4%; }
.pro_ntit h4{font-weight: bold;font-size: 18px;color: #E0E0E0;line-height: 48px;font-family: arial;}
.pro_ntit span{font-size: 40px;}
.pro_ntit.pro_n1 span,.pro_n1.pro_active{ color: #e81320; }
.pro_ntit.pro_n2 span,.pro_n2.pro_active{ color: #b45c06; }
.pro_ntit.pro_n3 span,.pro_n3.pro_active{ color: #197e05; }
.pro_ntit.pro_n4 span,.pro_n4.pro_active{ color: #9a01b6; }
.pro_ntit.pro_n5 span,.pro_n5.pro_active{ color: #0fa8aa; }
.pro_ntit.pro_n6 span,.pro_n6.pro_active{ color: #056ab8; }
.pro_list > li:nth-child(2n) .pro_ntit.pro_n1 span{ color: #9a01b6; }
.pro_list > li:nth-child(2n) .pro_ntit.pro_n2 span{ color: #0fa8aa; }
.pro_list > li:nth-child(2n) .pro_ntit.pro_n3 span{ color: #056ab8; }
.pro_ntit h3{margin-top: -1%;font-weight: bold;font-size: 18px;color: #333;line-height: 36px;}
.pro_ntit p{margin-top: 4%;font-size: 14px;color: #949494;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro_ntit i{ width: 30px; height: 30px; top: 6.5%; right: 4.5%; background: url("../images/pro_arrow1.png"/*tpa=/images/pro_arrow1.png*/) center center no-repeat; background-size: 100% 100% !important; }


.pro_ntit.pro_active h4,.pro_ntit.pro_active span,.pro_ntit.pro_active h3,.pro_ntit.pro_active p,
.pcshow .pro_ntit:hover h4,.pcshow .pro_ntit:hover span,.pcshow .pro_ntit:hover h3,.pcshow .pro_ntit:hover p{ }
.pro_ntit.pro_active i,.pcshow .pro_ntit:hover i{ background: url("../images/pro_arrow2.png"/*tpa=/images/pro_arrow2.png*/) center center no-repeat; }

.pro_type,.pro_ntit{ overflow: visible; }
.pro_ntit{margin-bottom: 2%;}
.pro_ntit:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.2); }

.pro_business > div{ display: none; position: relative; padding-top: 16px; padding-bottom: 2.4%; }
.pro_business ul{ width: 92%; padding: 2% 4%; position: relative; z-index: 10; background: #fff; box-shadow: 0px 0px 24px rgba(0,0,0,0.17); }
.pro_business li{ width: 45%; float: left; position: relative; padding: 1% 3.4% 3%; margin: 1.6% 2.5% 1.6%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0px 0px 49px rgba(0,0,0,0.1); }
.pro_business h4{ margin-top: 3.4%; font-weight: bold; font-size: 16px; color: #000; line-height: 20px; }
.pro_business h3{ margin-top: 1.3%; font-weight: bold; font-size: 24px; color: #000; line-height: 30px; }
.pro_business span{ width: 28px; height: 28px; display: inline-block; _display: inline; *zoom: 1; vertical-align: top; margin-left: 2.2%; border: 1px solid #e81320; font-size: 12px; color: #e81320; line-height: 28px; text-align: center; }
.pro_business span b{ font-weight: bold; font-size: 16px; }
.pro_business p{ margin-top: 4%; font-size: 12px; color: #949494; line-height: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pro_business a{ opacity: 0; width: 53px; top: 0; right: 3.4%; font-size: 16px; color: #fff; line-height: 30px; text-align: center; background: #e81320; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.pro_business a.pro_bmore{ margin-right: 63px; }
.pro_business li:hover a{ opacity: 1; }
.pro_business i{ width: 30px; height: 16px; position: absolute; top: 0; left: 10.4%; z-index: 20; }
.pro_business i img{ display: block; width: 100%; height: 100%; }
.pro_business > div:nth-child(2) i{ left: 44.2%; }
.pro_business > div:nth-child(3) i{ left: 78%; }

.sol_img{ background-size: cover !important; }
.sol_img img{ width: 100%; }

.sol_list{ margin-top: 4.5%; margin-left: -2.5%; }
.sol_list li{ width: 22.5%; float: left; margin-left: 2.5%;}
.sol_list li > a{ cursor: pointer; }
.sol_pic img{ width: 100%; }
.sol_con{ padding: 0 9.5% 8%; background: #fff; }
.sol_con h3{ padding-top: 15%; font-weight: bold; font-size: 18px; color: #000; line-height: 24px; }
.sol_con h3 span{ overflow: hidden; display: block; font-size: 24px; color: #000; line-height: 34px; }
.sol_con > p{ padding-top: 5%; font-size: 14px; color: #000; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.sol_con h4{ margin: 9% 0; padding-left: 44px; font-size: 18px; color: #fe0a0a; line-height: 30px; background: url("../images/sol_lx.png"/*tpa=/images/sol_lx.png*/) left center no-repeat; background-size: auto 100%; }
.sol_report a{ overflow: hidden; display: block; position: relative; }
.sol_report img{ position: absolute; top: 5px; left: 5px; }
.sol_report p{ position: relative; padding-left: 30px; padding-right: 43px; font-size: 14px; color: #000; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sol_report i{ width: 35px; overflow: hidden; display: block; position: absolute; top: 8px; right: 0; font-size: 14px; color: #fff; line-height: 14px; text-align: center; background: #32b16c; }
.sol_list li > a{ position: relative; }
.sol_pic{ position: relative; opacity: 1; }
.sol_video{ width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background: #000; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.sol_list li:hover .sol_pic{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; }
.sol_list li:hover .sol_video{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); opacity: 1; }
.sol_vbg{ display: none; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; background: rgba(0,0,0,0.8); z-index: 999990; }
.sol_vcon{ display: none; width: 800px; height: 450px; top: 50%; left: 50%; margin-left: -400px; margin-top: -225px; z-index: 999999; background: #000; }
.sol_close{ width: 60px; height: 60px; cursor: pointer; top: 50%; margin-top: -285px; margin-left: 740px; }
.sol_close img{ width: 100%; }

.pcshow .pro_ntit,.pcshow .pro_ntit h4,.pcshow .pro_ntit span,.pcshow .pro_ntit h3,
.pcshow .pro_ntit p,.pro_business a{ transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; }
.sol_pic,.sol_video{ transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; }

@media screen and (max-width: 1400px) {
	.pro_ntit{ padding-bottom: 2.8%; }
	.pro_ntit h4{ font-size: 18px; line-height: 38px; }
	.pro_ntit span{ font-size: 38px; }
	.pro_ntit h3{ font-size: 26px; line-height: 30px; }
	.pro_ntit p{ margin-top: 13%; font-size: 14px; line-height: 20px; }
	
	.pro_business img{ width: 48px; }
	.pro_business h4{ font-size: 14px; line-height: 18px; }
	.pro_business h3{ font-size: 18px; line-height: 26px; }
	.pro_business span{ width: 24px; height: 24px; line-height: 24px; }
	.pro_business span b{ font-size: 14px; }
	.pro_business a{ width: 50px; font-size: 14px; line-height: 28px; }

	.sol_con h3{ font-size: 16px; line-height: 22px; }
	.sol_con h3 span{ font-size: 22px; line-height: 32px; }

}
@media screen and (max-width: 1100px) {
	.pro_ntit h4{ font-size: 16px; line-height: 32px; }
	.pro_ntit span{ font-size: 32px; }
	.pro_ntit h3{ font-size: 20px; line-height: 22px; }
	.pro_ntit i{ width: 28px; height: 28px; }

	.sol_list{ margin-left: -1.5%; }
	.sol_list li{ width: 23.5%; margin-left: 1.5%; }
	.sol_con h3{ font-size: 14px; line-height: 20px; }
	.sol_con h3 span{ font-size: 18px; line-height: 28px; }
	.sol_con h4{ padding-left: 40px; font-size: 16px; line-height: 26px; }
	.sol_report i{ font-size: 12px; }
	.sol_con{ padding-left: 5.5%; padding-right: 5.5%; }
	.sol_vcon{ width: 700px; height: 394px; margin-top: -197px; margin-left: -350px; }
	.sol_close{ width: 48px; height: 48px; margin-top: -245px; margin-left: 652px; }

}
@media screen and (max-width: 900px) {
	.pro_ntit h4{ font-size: 14px; line-height: 30px; }
	.pro_ntit span{ font-size: 28px; }
	.pro_ntit h3{ font-size: 18px; line-height: 20px; }
	.pro_ntit i{ width: 26px; height: 26px; }

	.pro_business img{ width: 40px; }
	.pro_business h4{ font-size: 12px; line-height: 14px; }
	.pro_business h3{ font-size: 16px; line-height: 20px; }
	.pro_business span{ width: 20px; height: 18px; line-height: 18px; }
	.pro_business span b{ font-size: 14px; }
	.pro_business a{ width: 46px; font-size: 14px; line-height: 26px; }
	.pro_business a.pro_bmore{ margin-right: 55px; }
}
@media screen and (max-width: 758px) {
	.pro_ntit{ width: 100%; padding: 4%; overflow: hidden; float: none; margin: 4% 0 0 !important; }
	.pro_ntit p{ margin-top: 5%; }
	.pro_ntit i{ top: 10.5%; }
	.pro_business{ display: none; overflow: hidden; }
	.pro_business li{ width: 100%; margin: 2% 0; }
	.pro_business a{ opacity: 1; }

	.sol_list{ margin-left: -3%; }
	.sol_list li{ width: 47%; margin-left: 3%; margin-bottom: 3%; }
	.sol_report img{ left: 0; }
	.sol_report p{ padding-left: 20px; padding-right: 38px; }

	.sol_vcon{ width: 90%; height: auto; left: 5%; margin-left: 0; margin-top: -100px; }
	.sol_close{ width: 30px; height: 30px; left: 95%; margin-left: -30px; margin-top: -130px; }


}