/* 小程序 */
.sh-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.sh-content-titleImg {
	width: 100%;
	height: 500px;
	background: url(http://hlnzn.com/images/bbe16a6.png);
	background-size: 100% 100%
}

.sh-content-details {
	width: 70%;
	align-self: center
}

.sh-content-details-row {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px
}

.sh-content-details-row>.sh-content-details-row-title {
	padding: 5px;
	font-size: 25px;
	color: #242424
}

.sh-content-details-row>.sh-content-details-row-title span {
	padding: 5px;
	font-size: 14px;
	color: #a8a5a5
}

.sh-content-details-row>.sh-content-details-row-content {
	padding: 10px;
	color: #a8a5a5
}

.sh-row {
	display: flex;
	flex-direction: row;
	padding: 20px 0
}

.sh-rowImg {
	flex: 1;
	margin-left: 35px;
	cursor: pointer
}

.sh-rowImg:first-child {
	margin-left: 0
}

.sh-rowImg img {
	width: 100px;
	height: 100px
}

.sh-topCard {
	margin-top: -150px
}

.sh-topCard .sh-rowImg {
	background: #fff;
	padding: 50px;
	box-shadow: 0 0 2px 2px #cfd4e5
}

.sh-topCard .sh-rowImg:hover {
	transform: translateY(-50px);
	transition: 1s
}

.sh-topCard .sh-rowImg>img {
	width: 45px;
	height: 45px
}

.sh-scene {
	padding: 35px
}

.sh-scene>.core {
	width: 100%;
	height: 120px
}

.core>div {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	flex-flow: column
}

.core1 {
	background: url(../image/8c5df5c.png);
	background-size: 100% 100%
}

.core2 {
	background: url(../image/25b26cd.png);
	background-size: 100% 100%
}

.core3 {
	background: url(../image/703ca8e.png);
	background-size: 100% 100%
}

.core4 {
	background: url(../image/c030495.png);
	background-size: 100% 100%
}

.core5 {
	background: url(../image/1aafcc5.png);
	background-size: 100% 100%
}

.core6 {
	background: url(../image/6ff56a3.png);
	background-size: 100% 100%
}

.core7 {
	background: url(../image/197f409.png);
	background-size: 100% 100%
}

.core8 {
	background: url(../image/a500e94.png);
	background-size: 100% 100%
}

.core9 {
	background: url(../image/153efec.png);
	background-size: 100% 100%
}

.core10 {
	background: url(../image/565c02f.png);
	background-size: 100% 100%
}

.core11 {
	background: url(../image/ef57dd7.png);
	background-size: 100% 100%
}

.core12 {
	background: url(../image/ceee446.png);
	background-size: 100% 100%
}

.core13 {
	background: url(../image/2148415.png);
	background-size: 100% 100%
}

.core14 {
	background: url(../image/8d2fb3c.png);
	background-size: 100% 100%
}

.core15 {
	background: url(../image/1bd7997.png);
	background-size: 100% 100%
}

.sh-serviceMany {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 150px;
	margin: 35px;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-appDevelop,
.sh-serviceMany {
	position: relative;
	font-size: 20px
}

.sh-appDevelop {
	align-items: baseline;
	color: #fff;
	margin-left: 0 !important;
	height: 200px;
	margin: 0 15px
}

.sh-serviceB2B2C {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 450px;
	position: relative
}

.sh-serviceB2B2C>.core {
	width: 100%;
	display: flex;
	justify-content: center;
	align-self: center
}

.sh-serviceB2B2C span {
	color: #a8a5a5
}

.sh-serviceHt {
	height: 530px;
	flex: 1;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-serviceHt img {
	width: 100%;
	height: 180px
}

.sh-serviceHt ul {
	width: 100%;
	margin-left: 10%
}

.sh-serviceHt li {
	float: left;
	width: 50%;
	margin: 10px 0;
	text-align: left;
	display: flex;
	align-items: center
}

.end1 {
	background: url(http://hlnzn.com/images/8b6a232.png);
	background-size: 100% 100%
}

.end2 {
	background: url(http://hlnzn.com/images/f7b961d.png);
	background-size: 100% 100%
}

.end2 li {
	list-style: none;
	width: 50%;
	float: left;
	height: 125px
}

.end3 {
	background: url(../image/84aa142.png);
	background-size: 100% 100%
}

.end4 {
	background: url(../image/7278484.png);
	background-size: 100% 100%
}

.end5 {
	background: url(../image/beb2a5b.png);
	background-size: 100% 100%
}

.end6 {
	background: url(../image/ee96010.png);
	background-size: 100% 100%
}

.sh-ourValue .sh-rowImg:hover {
	transform: translateY(-50px);
	transition: 1s
}

.sh-ourValue .sh-rowImg {
	background: #fff;
	padding: 50px 70px;
	box-shadow: 0 0 2px 2px #cfd4e5
}

.sh-laborSecurity img {
	flex: 1;
	height: 300px
}

.sh-laborSecurity .sh-laborSecurity-content {
	display: flex;
	flex: 1.5;
	flex-flow: column;
	padding: 30px
}

.sh-laborSecurity-content ul {
	margin-top: 15px;
	width: 100%
}

.sh-laborSecurity-content ul li {
	text-align: left;
	padding: 5px 0;
	color: #0c0c0c;
	margin-left: 65px;
	flex: 5;
	list-style: disc
}

.sh-laborSecurity-content-ulTitle {
	display: flex;
	justify-content: flex-start;
	margin-left: 50px
}

.sh-laborSecurity-content-ulTitle span {
	font-size: 25px;
	color: #0c0c0c;
	border-bottom: 3px solid #236efb
}

.sh-rowImg p {
	padding: 15px 0;
	color: #000;
	font-weight: 700
}

.sh-5BigAdvantage:hover p {
	color: #f2f2f2 !important
}

.sh-5BigAdvantage img {
	width: 80px;
	height: 80px
}

.sh-5BigAdvantage p {
	margin: 15px 0;
	color: #6b6b6b
}

.sh-shadow {
	box-shadow: 0 0 2px 2px #b7b8bb
}

.sh-content-nav,
.sh-flex-center {
	display: flex;
	justify-content: center
}

.sh-content-nav {
	height: 50px;
	background: #f0ecec;
	margin-bottom: 50px
}

.sh-content-nav ul {
	display: flex;
	justify-content: center;
	width: 70%;
	align-self: center
}

.sh-content-nav li {
	flex: 1;
	display: inline-block;
	padding: 10px;
	text-align: center;
	border-radius: 25px;
	cursor: pointer
}

.sh-content-nav li:hover {
	background-color: #0b55df;
	color: #fff
}

.sh-clientCase .sh-rowImg {
	background: #fff
}

.sh-clientCase .sh-rowImg img {
	width: 100%;
	height: 200px
}

.sh-many1-bg1 {
	background: url(../image/1825d70.png);
	background-size: 100% 100%
}

.sh-many1-bg1,
.sh-many2-bg1 {
	width: 60px;
	height: 60px;
	margin-bottom: 10px
}

.sh-many2-bg1 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAhFBMVEUAAAAjbPwibfoibvogbPsgcP8ibfsibvs4fPstdPsibvtJh/sgcP8jbfsibfojbvs8f/sjbvoibfosdPsibfoibfsgcP8ibvojbvtnm/yQtv2Crf3////j7f9Zkfwwd/uev/3x9v89f/u60f4+gPsvdvuDrf3I2/7V5P/H2v51pPytyf4KttRlAAAAGHRSTlMAUJ/PQBCPkPn8gPwwwOCw/aBw+tDwIN9YhfifAAABJklEQVRYw+3X4W6CMBSG4aJFnQPd3NQPpWh1E8vu//5Gsrhf66FtzrK4nPcCngA9LaCUJEnSPykbjRHaeKSHuHwSrH01GQCnwKzahVY9AHPS08C+jsg8AgV9gbMYrxcHLrFEEwfWDUoKBHYC3hFoDC9oDjCsYANe8Ojbk4mgPeBkOcEKOHOu8hmoakbQvuHdcoJ74NK2LdsqX2/HvWECzQ28ct2ycc51nkFMHWzvIKaC/SA6vlWmBjEN7G/YN4hpYOfdeYngyf92TQNdZ3lBIgHvD1yg4wWX0d+HT3imwNXPp6i//n29osB8gZePcLK9AK+KTK8jfyvWBQ2qTRnllbkaLNfz0HQAJ0nxZdvInYJtRoLLWA+YkmARvEu+2/z1U5Uk6Rf6BN979jfb7ejBAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many3-bg1 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAbFBMVEUAAAAgbfsibvsibfojbfsibvsjbfsgcP8jbvwgbPsibfojbfsibvsjbPwgcP8ibfsjbvojbfwgcP8ibvoibvoibfojbvsibfoibvsibvoibfsibfsibvsibvwibfsjbvsibvshbvshbfsibfs3a5G0AAAAH3RSTlMAP3+fv++vEF9A4MCQUDDwoGAgz2/QsHCA36/nh9+PzcA35gAAAoRJREFUWMPtmGuXmyAQhk0CId5BE8XtZWz7//9jB9dcFAbxxPa05/h+chd5GGGYS6Jo165d/6QOx+OJMX7eBCYuZw6jNsDFbGQlaZrl1nDGxCpcMeBKqYhpFUC9glidDC0rPK/INcTcbJ1ceH0F8Wpw1eJrwUT83DJ3juTHiXgQUdQAN/fmFWCrCeGl1MkmNlAFfK8M2+kwtWjflrwc92/dBfCr4lAW72OeQs+Kt+TFGx9IhPFg+X6sM1BP/yOsA1q1IINyCqh4NzsiBWw2SRzJU6wsA9FkXkx5kMxmZVBTQPTp+WJ6SszA9ip8hXLcxlp9MOlJlA6eCRjUdXb6zAvRyYuiknI1vHWuIPggSuJWNsDdQE2kypFI8cx4sQo4EGOSZ1zBfV1TR9xSQ6T/6H/87PsvX4c/rMkCoA0Fxvew/OslRFsTLfcdVdvp4RHy+ycvdQAzJ5BayLu/1F79EeDNkxG9QMqS1JOd/iqQdBvfJN8Y6diOOCSwGB70DWB8YpY1OQV0BIeHY/cex5ak9XYcEjL9FDr4+JRaB9CR3kHGIe8eegIsGYe8QE2nXkFdSi+wgxs1hJ5ILUYDFeWFRnQlQgM7SDzVWkOZSAJbfwmLqZ6tAgruSL2vksSCigCe3JnyZcXS7TpCOgOKXq6f0U15cIEVVD+r8H6rCKufs1Ai8sLqZ/SdOmBh018uNj2DhDSVwtJbpr9sQ3BGeHhw9S9K95dOKfQe5jHywsn+klCBRGDElLwDur8kv0kb5PlidwHX2vysEXYcU2Q2ZJD6enhAq8P3bvhlI/g0ZsbI8p6YMNvV9+dEv9FdFtlt2m6n7dutVhW3WmO2a7RW8Zad765d/5F+A1TGRmAAxouLAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many3-bg1,
.sh-many4-bg1 {
	width: 60px;
	height: 60px;
	margin-bottom: 10px
}

.sh-many4-bg1 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAV1BMVEUAAAAgbfsibvoibfsjbfsibvoibvsgcP8gcP8jbvwjbfsgbPsibvojbfsibvsjbvsjbvoibfoibfojbPwibfoibvsgcP8ibvsibfsjbfwibfogbvwjbvup4HK4AAAAHHRSTlMAP2+Pv99/IBBfr0DPwICwoJ/gUNCQMO/wYHBPeSnT5gAAAsNJREFUWMPtmNl2ozAMhpkEYjdsZjeM3v85RzImNiWkwszFnDnoqsWcr79Wi0bRZZdddtm/ar9u9zgGsiR+iJMw+fWEtaUnaOKWWUqeF2RlDqDCcZVh1arx3MwhP4Vru379OBQoHwPi1DYDHSQhvIZw+buEFgABvAfh3mczBCix5nSzcxgA7BPMRb93ehw4YviU3D0+DBwxfNOH8w70MX8H0J67cuP6wTpEnutVWVHxxOkJIPHG1y+J7eO7/wpAwefJzONJdL4b06Jdx/QIkNrDvV2CFvaHwbVMyh9fgkao8qVYYdKXOAH0PB6Vn98enpTW+zsl1DzeHb6Vc+OkeIlFtR0HJ3HM63VseoBFr3aQxj39yMPstt9nFUD2Ctsr9YrVeMQrN92LTVvRQ8x9/TpMoOTx1JvnWIDJs8r8e270xO5btXORyXJulNoFN+HkGEO0152Naut8csFgCcRs1vLHt/gCKYDM0ucJLPjNLgaOwAFaJo98+bmoC1cT4h5Xn4JZsbaaYcnwvHhk+8SJlbylNWdc/YGIw0czkqfMFTbjVE+dukNMB95UGLA1U7ObzmsREuN3792A1XORwP73cBHNT6g2r9FwY/Fo0sF6aZPtlki3n+b4G5na191qEG6JAj6tOhun0zkJ8utxc8RV76hDN/GiK3NFKOtVwETQlj5PPkvsNQyueBR/eDjD+i69Iky9mhMQsKTLBLQ0WrqF/xrSz5APncIGrbRXWmz4TvtR6xevLDB1aaWFiTvOneVz2NPEqvEEPnkdvLbUhM60VyvXAqsQh2lpltFEq9JkIwi2dyb7Jw4aJtd8c5ZiiaiaD8YD96FvYn2bq0XgnTdS31ijQRfS4Y1A8zUVxkPzStcKpJS3Z/8Z4ATO23FI/DaGiRW/6YrR03mYBdLHDnR/RR65TJeCVn8jetb6Th1vtssu+//sDz0kQzRhI4b0AAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many5-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgcP8gbfsgbvwibvsgcP8ibvoibvoibvsjbfsibfoibvsgbPsgcP8ibfoibfojbPwjbvsjbfsjbvojbfwibvsibfsibvojbvwjbfsibfsibfojbvvxj2dFAAAAHHRSTlMAID9PfxBvz++v0IBAMJ/gULDAoGCQ8N9fv49w8eqs2gAAAdBJREFUSMflltuWgjAMRalYLG25FYsD5v+/c4I4DjTBFte8TZ4kq5tcGk7Msv9u4pSf85M4isniAotdCnkELBT8mirSA5Z4XhtbZZU1Gn/XiWElJtq0r8e2wZTTUIzYrU9KB1CmgAagD1wdgImDQoEOc5MaVPx6egBLnJbmQU1Bx3gdqBiIb78y7itAFe8PdwMy3iMkWX+c7ECz/ibaos9jfk7uNHGn5WvDJnrG7fmWbwwHjZ6R/HyQvGhQz40kMUdLwuJdHMzEAOoagkOSklWoH+dVjWeID+1PqQPA7WuJIr5uGDGhyGdU/dDLcRwf2qkTIy6lNS/RbGIjQOIaN5s5Eu8PTJ4+YPJ6fK6GccrTOVvCxlSZVqxdojlj7tYY7x5PdXyG5ITnBt+uPG0/s1MMnK/eh5+ZmNny7Qda4d50XGIWp+oi3oM7EidxK6ndqPjlbz5NO6176vfX6FzjZkbdNgEstuZJH6bqAiVwO9JpiWSEpNR8qTgA4j25s0YtTYWQc770ahwMMkpWjKRy2k5JXHW30NUyWsyQdyqDPQxZAikA7oHrwiwOz+wvTd6W9F+JzSOV7MMWifhmXYzs9CppzWWP5obd8EkgysNRyaf2DWdWJ+RwnQKyAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many5:hover .sh-many5-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACmUlEQVRYw+2Y0XGbQBCGfzIp4DowHZgOfCWoA6sDlWClAisVWB2IVCBSgXAFxhVAKvjywFqWFaE7zDGTyWTfBKv9+Je9u12k//avWDb+L+S6kVOhWp1es2bW58Ox4sBHO7DCzQVc0XLZWlZz6NtZ+Jo1nkKiwLOmtutPSbXiLJ0Niwt3FzSW4nRQU1gOhcRRAbBLBVz3wIBXCcA6BTCnBepQ0nDUQEs+HbkFwEd4egC205FtOKlH3wpopwL7J19Gei8BKKYh+9Jxkd4upoS+xITKujhknF8IWUh6HpGWV0n5NGQt6XYE8kZSMw05g4WQjSTF1qCt3ibOeyhIX4ObSO/NmPoeDtNvYxFhcGO2jWuBfKxO0+gnI20bC+5AtvNUCYASOR3QXoMasEtwjljAwpqNh4t3HQ92v0gElCQ8HQAv3J8qIeeeF1PoEwJN6VtjBQf27NmfNJh1UoUn2KU1Vh+tiT3cehvdrVNoofcUViqzehZ9f4HhuPvsf0ckFqc7LZSfpFXqVKtWlf1Ir8ofB4ShqWQXW7MRKvF6OFH2U5Wp85KcCr2neKtvk4c/HI+mo2NzaSKRcCys2wV4nAp8W+ybYLeeH7G7T5+YFDZPVrGbNd52qMOntvcjcDsyL6WV01ildsIPnpJ4Hocq1I7qcdPm8R0uBz2qa/rtrT6NQW5CKaW63gFYJ7GOBfpwSxFEuvg2TRJ7gOs1F0KOmjbNNZCSMPKY3FwhowK64MKPQRZR7Whsdx6DtE8WL+dXz2cSL0kqg8mIs0pSfr5+z5ELSb+y4PNHWnkiYxB5a88WslrSNuSUNXo2GcOW7HPRW7wL73zukbZRP1kPIW0NNYmR+TWVLjmy+/PS19MfWc13KVm9SlKpIqoc57XfwrLJ4RdxVgYAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many6-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAVFBMVEUAAAAgcP8gbfsgcP8jbvwjbfsjbfsibfoibvsibvoibvoibvsibfsjbvsibvsibfogbPsjbfsibvoibfogcP8ibfojbPwjbfwibfsibvsjbvojbvtRYNpaAAAAG3RSTlMAED8gX6+/n3/fz+/wsIBwQMBv0DDgUGCPkKD5Abj6AAAB9klEQVRIx92W0XqDIAxGoVarVSNWlBXe/z0XtHUEQeiu9u2/isiRhEAMY/9F/PI5U1zLymyqbleevVTdGKp7nQPzurWTux5gEAAwdvaxTbMPy02DdIYkzJZdzhcscc4oDuPKsl8noMAAZxF8pdDpexEF8cN9LJ5iQo8jqMQQ1YlHT1yV/waMojwJMqbxYBxHyzS4ooM/tuDmJEHGZ9N6/qKvXc4Jw+0v6chgzJIBMtYbI8lAY+YskBXGaC9KZ3tUyT2DLEoi7UmUe9pC+aOLsJa4sGc8mPrZjMR5kib9JnQA1aYlHtzqVUUaxTT8HHzY68aYXlW6gYruTUKGw86soOIojPKUZHiT79TIFe9eW7EbuUIvJ2oEJCoIgpwYIYGb3Ci4564V+zTlX53giqM55M6ePpUEWQGrNLnKHb108J4PgRjJ6UNHGucdOr9dut1w1ZMioIgHOF9SwxFWLLfUYbKdR5ilZ9BFhPuss4+JX7HkoRpGtBxqde85EVGgLhedaTJKdRmoy5imWxJUwX/ImEaD+cUQ8AY/k2CwHFj0rIt4xEBMzVkXsbYt0QK0dhHX4KuTtmUT/g9Mc2RFdda2bFps6W1qt8uU9d22cwNLiMPW6FX4r7g86rra2kDI6hnV5PWaUxb3gvW76oxafVRsXxvzOfJX9Q2S9zNnVrA0MQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many6:hover .sh-many6-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACy0lEQVRYw+1YwZWbQAz9fi/3UALpgA6WdEAHpgPTgelgSQUhFeBU4EkFZiuADmAr+DkgnGFhhgHmkMPqZkmjb0mjkRDwSf8TMeDL3rOnDTAhXpAgQDxhK7RQ+H3qfft0ZUM7PXhl4MVLBrggw2jsHQo1gB61eBsjwleR9ijw46C/vLATL2pmjAxaEXO2otcxORLOSswoxg766RP2dR9gLNlrXeA02F4yG24HHOjmdiW0kyFrCfAWUEaSwXRXgMBCPHX9u0cBN4MyOA4IACxJkncX1coHoAaaraklw6U5DggwYEuyswZXgtpvvaVGe8O9r2wqGUkeeD3mFm8kaXq1ALAh2foDBBiSJEuTODFfHKaspuGecyx+mvLJmzmP8ypzrTubI2BnDsG8tN2LnS1JtSQI7VUkVaaDlm6gLEl2/34/WzQTVABKtJr2r1OrH8UZQI3vYxOecxYhM7wC+KbbGgT5wnDxIRz7PGVkyCZj6XQ65X7Cu2zLmfaAMqeyPAcOoEMLftg4nomBpCA0c3xDDoGsbRw3QzHvLikezc9yWW/uP8ynBXsEcKHguoU5kelKm9ngIdVCjT8j+OWppwAAEWozIM4A3hB/eH00jlCKVPsVyhu1YLK3dLYxWLqHuVsOpfGHSyJFsjEcG8KutbY5xwh5MzZ+MZIsygbzkY1jABzmqZtJ2JuEzNlOzc851vjEJnHp/w1ZmaekzVTuBlcBk9XxWYbA2NHiGqDLXMyQPcnGz/AsHxvJmtpQRT89AKbOHxvyXB0Eda9bAAyk5RYeACPXAyPovjUDeNkICACM9q4ZtD3KFkBgsmY4bzi1a4+iGyjk/zYusIx5F/3NexTdTPKcbhteTdtJRrzyIXr92qe6yw4vQ6Zt6Wpp5goRAgw7vNGndxQovOwsGTCVzJqpZu5pUznxN0GMENPw/kELBTX7yPFPvp7+T/JGfwFvQAvLw9erGQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAS1BMVEUAAAAgcP8gbfsibfsibvsibvsibfoibvoibfsgbPsjbfwibfojbfsibvsjbvojbPwibvsgcP8gcP8jbvwibfojbvsjbfsibvojbvv2VE6SAAAAGHRSTlMAMD+Pf4Bwz/BAYODAkKBQ7yAQX9Cwv99d3OauAAAA3ElEQVRIx+3Vfw+CIBCAYalARFMwqfv+nzTs1xTc3Y21leX7p/OZ7BhSFFtfndgxWnB74HWIoWRCABXJErSq6EwNTSQBjqxhtACJlCwpN/l2KbpM2QFUWVJYAJcjR2hyVjuBLGls2SeQI004UKWIIUOa21m0IoK0DFBX4S17mkNSjlA8PzyFlHzAO51BQr5gGM8wh7icwDRMohCTOESkwyEie43ClfxNfkVq8CxZQh098eEsnuku6W0pNPPKHvp4GU76hs6r4o9TljFasyQ9Z1PaJemUpHOfnsyKugIQPS67iwN1sAAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7:hover .sh-many7-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAABfklEQVRYw+3Y3VGDQBSG4RfHe9OBlLAl0EHSgdhBOpAOTAdJB9qBSQVQglYAVPB5kZgJ8rMJHDNmZr/LM8t5BphddoGQkJDBRF1FOR6M2u/OGKRX2ebFB2bGoCQtBx+schw1GYXJc43JeGQXJUN3KUkrm/cIoI0kNWt3HeMqO5LPdunu4iaTE8hA9kROi6uSWpDzpuRqpBxroHMu/gkpxwcz4Dm6DnkCbnxjR5BKVSrXbBzYbidJmQfcJ5f7AVVKktKO0Vl7Wb+QPIKSVMoNgwbkAayUHD7lpZ6GwMnkEXSt+017+00hm2ADTQf6jSfbIICciiGwm7znjChlDdQkUXFajwrcOdc3c8a87APHxktag15SsTXof5cVNViCXjKqmNlh+9z+RiSQ/4isYcwi1ps58NUs/Z4kW+bMVZqdL2PgfXCMnCrjM3RxukuCjt8TiklxRgtAxTZamXQKuZ1oedgqTk/a7t69+iRmn6ykXer+hxezMEI3vnNYSMhF+QY/nExf20h7/AAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgbfsibvoibvsjbfsjbfsjbvwgcP8gcP8ibfoibvsibvogbvwjbfsibfoibfsjbvojbfwgcP8ibfojbvsjbPwibvoibfoibvsgbPsibvsibfsjbvvkQufzAAAAHHRSTlMAP29/v69fMBCf799PwNDwoGAgcLBQz+CQQICPlCUfJAAAAchJREFUSMftltl6gjAQRrGgCSBkYcd5/+fsREDMNqJfe9XOlQk5s/1DMEn+7TM7faVplp3T9MLeoPglL2C3Mr8e5NINq6p6/VVcDoBfhhNS8XWtm/YeuHvB6d7Eck+pAXfPnAIZBhxC3hsB0Os4qND1GKkecy4YBaqo2zGOMuwMJR46LoK1aqyRVh3RPoT2VKqLSYA80L1oc56sApi83hUw2Dtd5sujBWTu3gzgHKyg8oP6xzCkey5IcgGl17buCGmC2qMkQSSHSA3QWBsFyGNkMtjbU0DLCIlD+DwNjb2kyMmWFOtOfp3kdmGhUxEyAZh/hGyh/5B8o05t1xkmF3OycXqrAteB3O54e7uzSf2UPE8XJ1zNd2OeQ2td70W17ituWwmttd6nEbORBMjcCWdbobwEQX0GRvf9TFT3eNIQIDYkrLLpeUWApj9T+EkNgvjumKIiTZjt0XKN916Vu8uayjWLOt4GLnLZj3HBxEqK4NMbZhQTjJlpG8K6cExV0B/8sC6sJyIuVofap3OsQdJgSBd2M8XPJOfpok/XvDSc1DRodNnfx+bxH66aXnDmbhgtN8Za9SqeiWL1D0VS08toq00H3P8x+wbnRS2MZAFRmgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8:hover .sh-many8-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACj0lEQVRYw+2Y3XWjMBBGP3LyvupgKYEOTAehg9BB6GDTwboD00G8FYStwKQCkwrMVnD3wYoNNj+SzOZhT+bJiJm5M5JGjCx9yZcES+SnzkqJjKRUUqtaUqO3qP4HkWF4ZMOBYdmz4WFZ3I8rWEVFfTF24HEZ4NMJ11KSYy7exxRsO/lmt+FidqesZlyR01jdl8uw3IGJza9xjZyCFoAdcQgwtzGvvayMneQDSSgwDwh2HQAlsdvFN9J+wAfnNSW2axgI7EB3jlC7S/NwoCRRArBxUS38N82IpwqAdE7NcACaSZ2MV5eyIaYFXufUngGmHVIBlVOe895sjjPuPJCGFtj3R+96T5mMpLWLOxeJWq0lxf2zqI9MJf2JtkshJZU2lVHkg6QlgYoavU8gSWUkVUsibQqr7pHQzTI5qSyN/PB9hTSSFLULI6/k7nYXM1JLkuJhZCrp99JEO2sjyE+SLrKV9O1zkbV6O2sZsSdPM4z0kVWnf91Nak4iG0ly6AWai+dpC3M5cN/5XUmSMrutz1Nj9KRfnXtHoaq7A2cOj0ySomrkLfXQZ4nt3Ed7StgD40HZdrA3FWQAlIHAZKaPsgpJZ8SwB9rQlt8mEU+p5P22wZoUgcD4eJ/xMUm9Tfr2pVOP1zOpgTboSqPTMpU+Jsf+7DkQaGwL7h6wjbEOA0q8egdse+2zrL2A64DSspfTs7Qetj+PMzRcWvejdumpL8v1XZLjFGH0cmxOlQY2NXZNK2ft3VSGbk5q131HzMYuQnkL0LFQSOz63VBWH44mC4WYFQ9s2J9wZejB8eGyGrvAUwz8uVZ5HW2DwHy8Hi+qdkvunt39xDsj6W2kOAplkho1E1/8oDzTG1fmS/5z+Qs3iqtkH89nFgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-clientCase .clientCaseTitle {
	padding: 8px 0;
	font-size: 15px;
	color: #363535;
}

.ys:hover {
	background: url(../image/5c8e827.png);
	background-size: 100% 100%
}

@media screen and (orientation: portrait) {
	.relevant-cases>.t1 {
		font-size: 18px;
		margin-top: 250px
	}

	.we-can-title {
		margin-top: 400px
	}

	.sh-row-type {
		display: block
	}

	.sh-row-type .sh-rowImg {
		width: 100%;
		height: 100px;
		margin: 0 1% 10px;
		float: left
	}

	.sh-content-titleImg {
		width: 100%;
		height: 293px;
		background: url(http://hlnzn.com/images/6cce660.png);
		background-size: 100% 100%
	}

	.sh-clientCase .sh-row {
		display: block;
		height: 450px
	}

	.sh-clientCase .sh-row .sh-rowImg {
		padding: 20px 0 !important;
		width: 48%;
		margin: 0 1% 10px;
		float: left;
		height: 164px
	}

	.sh-clientCase .sh-row .hgg {
		height: 193px !important;
		padding: 15px 0 !important
	}

	.sh-row-can {
		padding: 0 !important
	}

	.sh-content-can {
		height: 722px !important
	}

	.yx {
		margin-top: 50px
	}

	.sh-row-can .sh-rowImg {
		padding: 0 !important;
		width: 31% !important;
		height: 220px;
		margin: 0 1% 10px;
		float: left
	}

	.sh-content-details {
		width: 100%
	}

	.sh-content-details-row-title p {
		font-size: 18px
	}

	.zcc {
		font-size: 16px !important
	}

	.zccx {
		font-size: 12px !important
	}

	.tt1 {
		font-size: 16px !important;
		padding: 4px 0 !important
	}

	.tt2 {
		font-size: 12px !important
	}

	.sh-content {
		margin-bottom: 30px
	}

	.imggs {
		width: 48px;
		height: 48px
	}
}

.sh-row-can {
	display: block
}

.sh-content-can {
	height: 500px
}

.sh-row-can .sh-rowImg {
	width: 18%;
	margin: 0 1% 50px;
	float: left
}

.sh-row-ys {
	display: block;
	height: 480px
}

.sh-row-ys .ys {
	width: 31%;
	height: 220px;
	margin: 0 1% 10px;
	float: left
}

.sh-row-type .sh-many:hover {
	transform: translateY(-20px);
	transition: 1.2s
}
.sh-clientCase .sh-rowImg:hover .clientCaseTitle{
	color: #363535 !important;
}
.sh-many1:hover, .sh-many:hover,.sh-clientCase .sh-rowImg:hover .zccx{
	color: #a8a5a5
}
.sh-many1:hover, .sh-many:hover{
	background-color: #fff;
}