body {
        	width: 100%;
        	min-width: 640px;
        	max-width: 1920px;
        	overflow-x: hidden;
        	margin: 0 auto;
        }
		::-webkit-scrollbar {
		    width: 0px;
		    background-color: #f5f5f5;
		}
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        em,
        p,
        font,
        img,
        small,
        strong,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        form,
        label,
        table,
        caption,
        tbody,
        tr,
        th,
        td select {
        	margin: 0;
        	padding: 0;
        	border: 0;
        	outline: 0;
        	font-size: 14px;
        	font-family: '微软雅黑';
        }

        ol,
        ul {
        	list-style: none
        }

        :focus {
        	outline: none;
        }

        a {
        	font: 14px "微软雅黑";
        	text-decoration: none;
        	color: #333;
        	cursor: pointer;
        }

        table select {
        	border-collapse: collapse;
        	table-layout: fixed;
        }

        input,
        textarea,
        select {
        	outline: none;
        	border: none;
        }

        textarea {
        	resize: none;
        	overflow: auto;
        }

        .template-full-page {
        	position: relative;
        }

        .bodywidth {
        	width: 100%;
        	position: relative;
        	margin: auto;
        }

        .bigcontact {
        	display: none;
        }

        #canvas {
        	cursor: pointer;
        }

        .hearder {
        	background: #090909;
        }

        .winwidth {
        	width: 1680px;
        	margin: auto;
        }

        .w1680 {
        	width: 1680px;
        	margin: auto
        }

        .clear {
        	clear: both;
        }

        .qq a {
        	position: fixed;
        	width: 85px;
        	height: 210px;
        	background: url(../images/qqbj.png) no-repeat center center;
        	right: 0px;
        	bottom: 120px;
        	z-index: 999;
        	display: block;
        }

        .hearder .winwidth {
        	position: relative;
        }

        .hearder h1 {
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 1
        }

        .hearder .nav {
        	position: absolute;
        	width: 840px;
        	right: 0px;
        	z-index: 2;
        	top: 35px;
        }

        .hearder .nav li {
        	float: left;
        	line-height: 110px;
        	margin-right: 55px;
        	text-align: center;
        }

        .hearder .nav li a {
        	color: #cccccc;
        	font-family: "Arial";
        }

        .hearder .nav li span {
        	display: block;
        	font-style: normal;
        	height: 40px;
        	line-height: 40px;
        	opacity: 1;
        	transition: all 0.3s;
        }

        .hearder .nav li i {
        	display: block;
        	font-style: normal;
        	height: 40px;
        	line-height: 40px;
        	color: #cccccc;
        	opacity: 0;
        	transition: all 0.3s;
        	font-family: "Arial";
        	font-weight: bold;
        }

        .hearder .nav li:hover a {
        	color: #fff;
        }

        .hearder .nav li:hover i {
        	color: #fff;
        }

        .hearder .nav li:hover span {
        	color: #fff;
        }

        .hearder .nav li:hover i {
        	opacity: 1;
        	margin-top: -40px;
        	padding-bottom: 40px;
        }

        .hearder .nav li:hover span {
        	opacity: 0
        }

        .hearder .searbut {
        	width: 50px;
        	height: 50px;
        	display: block;
        	background: url(../images/sbt.png) no-repeat center center;
        	position: absolute;
        	top: 30px;
        	right: 0px;
        	z-index: 2;
        	cursor: pointer;
        }

        .hearder .search_div {
        	position: absolute;
        	top: 110px;
        	right: 0px;
        	height: 50px;
        	line-height: 50px;
        	background: #fff;
        	width: 840px;
        	display: none;
        	z-index: 2
        }

        .hearder .search_div select {
        	float: left;
        }

        .hearder .search_div input {
        	float: left;
        }

        .hearder .ser_hot {
        	width: 500px;
        	float: left;
        }

        .hearder .search {
        	width: 340px;
        	float: right;
        }

        .hearder .ser_hot strong i {
        	font-style: normal;
        	padding-left: 20px;
        	text-transform: uppercase;
        	color: #f22358;
        	padding-right: 5px;
        	font-weight: bold;
        	font-family: "Arial";
        	font-size: 12px;
        }

        .hearder .ser_hot strong {
        	color: #333;
        	font-weight: normal;
        	font-size: 12px;
        }

        .hearder .ser_hot a {
        	color: #333;
        	margin-right: 15px;
        	margin-left: 15px;
        	font-size: 12px;
        }

        .hearder .ser_hot a:hover {
        	color: #f22358;
        	font-weight: normal;
        	font-size: 12px;
        }

        .hearder .search select {
        	height: 50px;
        	line-height: 50px;
        	font-size: 12px;
        }

        .hearder .search .search_tow {
        	height: 48px;
        	line-height: 50px;
        	width: 248px;
        	font-size: 12px;
        }

        .hearder .search .search_button {
        	height: 50px;
        	width: 42px;
        	line-height: 50px;
        	background: #fff url(../images/sbt.png) no-repeat center center
        }

        .hearder .geekzi {
        	position: absolute;
        	top: 270px;
        	left: 160px;
        	opacity: 0;
        	z-index: 999 !important
        }

        .hearder .geekding {
        	position: absolute;
        	top: 440px;
        	left: 164px;
        	opacity: 0;
        	z-index: 999 !important
        }

        .hearder .geekspan {
        	color: #000;
        	font-size: 24px;
        	font-weight: bold;
        	letter-spacing: 24px;
        	position: absolute;
        	top: 530px;
        	left: 165px;
        	opacity: 0;
        	height: 30px;
        	display: block;
        	line-height: 31px;
        	background: #fff;
        	padding-left: 25px;
        	padding-bottom: 2px;
        	z-index: 999 !important;
        	padding-right: 30px;
        }

        .hearder .geekone {
        	position: absolute;
        	top: 630px;
        	left: 183px;
        	z-index: 2;
        	opacity: 0;
        	z-index: 999
        }

        .hearder .geekone img {
        	display: block;
        	width: 80px;
        	height: 80px;
        }

        .hearder .geektow {
        	width: 67px;
        	height: 73px;
        	display: block;
        	background: url(../images/heimg4.png) no-repeat center center;
        	position: absolute;
        	top: 655px;
        	left: 168px;
        	opacity: 0;
        	z-index: 998
        }

        .hearder .geeksan {
        	position: absolute;
        	bottom: 55px;
        	left: 50%;
        	margin-left: -10px;
        	z-index: 2;
        	cursor: pointer;
        }

        .hearder .geekgun {
        	position: absolute;
        	bottom: 10px;
        	left: 50%;
        	margin-left: -10px;
        	z-index: 2;
        	cursor: pointer;
        }

        #canvasGL {
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 0
        }

        .sekuai {
        	width: 350px;
        	height: 143px;
        	position: absolute;
        	top: 270px;
        	left: 157px;
        	z-index: 9;
        	position: relative;
        	overflow: hidden;
        	z-index: 9999
        }

        .sekuai span {
        	background: #000;
        	width: 0px;
        	height: 143px;
        	display: block;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 9999
        }

        .sekuaitwo {
        	width: 950px;
        	height: 59px;
        	position: absolute;
        	top: 297px;
        	left: 164px;
        	z-index: 9;
        	position: relative;
        	overflow: hidden;
        	z-index: 9999
        }

        .sekuaitwo span {
        	background: #000;
        	width: 0px;
        	height: 59px;
        	display: block;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 9999
        }

        .sekuaithree {
        	width: 0px;
        	height: 7px;
        	background: #fff;
        	position: absolute;
        	top: 465px;
        	left: 60px;
        	z-index: 2
        }

        .sekuaifour {
        	width: 490px;
        	height: 32px;
        	position: absolute;
        	top: 328px;
        	left: 165px;
        	z-index: 9;
        	position: relative;
        	overflow: hidden;
        	z-index: 9999;
        }

        .sekuaifour span {
        	background: #000;
        	width: 0px;
        	height: 32px;
        	display: block;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 9999
        }

        .Gzi1 {
        	position: absolute;
        	z-index: 99;
        	top: 220px;
        	left: 170px;
        	font-weight: bold;
        }

        .Gzi1 span {
        	font-size: 80px;
        	color: #fff;
        }

        .Gzi2 {
        	position: absolute;
        	z-index: 99;
        	top: 480px;
        	left: 170px;
        }

        .Gzi2 span {
        	font-size: 28px;
        	color: #fff;
        }

        .Gzi3 {
        	position: absolute;
        	z-index: 2;
        	top: 295px;
        	left: 0px;
        	background: #f42c4e;
        	width: 350px;
        	height: 20px;
        }

        .service {
        	background: #fff;
        	padding-top: 115px;
        }

        .service .w1680 {
        	position: relative;
        }

        .service .serhd1 {
        	width: 1085px;
        	position: absolute;
        	top: 10px;
        	left: 440px;
        }

        .service .serhd1 li {
        	float: left;
        }

        .service .serhd1 li a {
        	color: #333;
        	font-size: 14px;
        	display: inline-block;
        	padding-left: 60px;
        }

        .service .serhd1 li:hover a {
        	background: url(../images/sh1.jpg) no-repeat 40px center;
        }

        .service .serhd1 li.on a {
        	background: url(../images/sh1.jpg) no-repeat 40px center;
        }

        .service .serhd1 .prev {
        	position: absolute;
        	top: 5px;
        	right: 40px;
        }

        .service .serhd1 .next {
        	position: absolute;
        	top: 5px;
        	right: 0px;
        }

        .service .serhd1 li:nth-child(1) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 130px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li:nth-child(2) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 200px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li:nth-child(3) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 270px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li:nth-child(4) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 340px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li:nth-child(5) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 410px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li:nth-child(6) span {
        	width: 1px;
        	height: 70px;
        	background: #bababa;
        	display: block;
        	position: absolute;
        	top: 480px;
        	left: -435px;
        	transition: all 0.8s
        }

        .service .serhd1 li.on span {
        	background: #141414
        }

        .service .bd {
        	margin-top: 70px;
        	width: 1360px;
        	margin-left: 160px
        }

        .service .bd .sercon {
        	width: 300px;
        	float: left;
        	height: 540px;
			margin-right: 40px;
        }

        .service .bd li {
        	width: 1360px;
        }

        .service .sersz1 {
        	position: absolute;
        	top: 100px;
        	left: 0px;
        }

        .service .sersz2 {
        	position: absolute;
        	top: 580px;
        	left: 0px;
        }

        .service .sercon strong {
        	font-size: 24px;
        	margin-top: 75px;
        	display: block;
        	font-family: "Arial"
        }

        .service .sercon p {
        	color: #333333;
        	font-size: 16px;
        	line-height: 26px;
        	font-weight: bold;
        	font-family: "黑体"
        }

        .service .sercon i {
        	color: #333333;
        	font-size: 18px;
        	line-height: 26px;
        	font-weight: bold;
        	margin-top: 55px;
        	display: inline-block;
        	font-style: normal;
        }

        .service .sercon h4 {
        	font-size: 36px;
        	margin-top: 20px;
        	display: block;
        	color: #222222;
        	font-weight: bold;
        }

        .service .sercon img {
        	margin-top: 40px;
        	display: block;
        	margin-bottom: 40px;
        }

        .service .serbj {
        	width: 120px;
        	height: 540px;
        	background: #222222;
        	position: absolute;
        	right: -110px;
        	top: 108px;
        }

        .cpntact {
        	height: 3500px;
        	background: #fff
        }

        .case {
        	background: #fff;
        	padding-top: 115px;
        	padding-bottom: 50px
        }

        .case h3 a {
        	float: right;
        	margin-top: 5px;
        	padding-left: 30px;
        	background: url(../images/cm.jpg) no-repeat center left;
        	transition: all 0.8s
        }

        .case h3 a i {
        	font-style: normal;
        }

        .case h3 a span {
        	opacity: 1;
        	transition: all 0.8s;
        }

        .case h3 a:hover {
        	background: url(../images/jkbj.jpg) repeat center center;
        	transition: all 0.8s;
        	color: #fff
        }

        .case h3 a:hover span {
        	opacity: 0;
        }

        .case ul {
        	margin-top: 60px;
        }

        .case ul li .clibefor {
        	width: 100%;
        	background: #111;
        	height: 561px;
        	display: block;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 2
        }

        .case ul li {
        	float: left;
        	width: 31%;
        	margin-right: 33px;
        	margin-bottom: 45px;
        	transition: all 0.3s;
        	position: relative;
        }

        .case ul li .cali {
        	border: solid 1px #e9e9e9;
        	padding-bottom: 30px;
        	border-top: none;
        }

        .case ul li:hover .cali {
        	border: none;
        	border: solid 1px #fff;
        	border-top: none;
        }

        .case ul li img {
        	/* width: 533px; */
        	/* height: 400px; */
        	display: block;
        	transition: 1s;
        	-webkit-transition: 1s;
        	-moz-transition: 1s;
        	transition: 1s;
        	border: solid 1px #eee;
        }

        .case ul li strong {
        	line-height: 90px;
        	height: 90px;
        	border-bottom: solid 1px #e9e9e9;
        	display: block;
        	width: 465px;
        	margin: auto;
        	font-size: 22px;
        	background: url(../images/cm1.jpg) no-repeat 430px center;
        }

        .case ul li span {
        	display: block;
        	width: 100%;
        	/* height: 400px; */
        	overflow: hidden;
        }

        .case ul li p {
        	padding-left: 35px;
        	padding-right: 35px;
        	margin-top: 20px;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        }

        .case ul li:nth-child(3n) {
        	margin-right: 0px;
        }

        .case ul li:hover {
        	-moz-box-shadow: 0px 0px 30px #e0e0e0;
        	-webkit-box-shadow: 0px 0px 30px #e0e0e0;
        	box-shadow: 0px 0px 30px #e0e0e0;
        }

        .case ul li:hover img {
        	-webkit-transform: scale(1.10);
        	-moz-transform: scale(1.10);
        	transform: scale(1.10);
        }

        .case ul li:hover {
        	border: none;
        }

        .about {
        	height: 1880px;
        	background: #fff;
        	overflow: hidden;
        	padding-top: 100px;
        }

        .abdiv {
        	background: #fff;
        	height: 1880px;
        	position: relative;
        }

        .about .abbj {
        	background: #111;
        	height: 1520px;
        	width: 100%;
        	display: block;
        	position: absolute;
        	top: 0px;
        }

        .about .w1680 {
        	position: relative;
        	height: 1880px;
        }

        .about h4 {
        	position: absolute;
        	top: 115px;
        	left: 0px;
        }

        .about h5 {
        	position: absolute;
        	top: 220px;
        	left: 500px;
        }

        .about .abconhome {
        	position: absolute;
        	top: 415px;
        	left: 600px;
        }

        .about .abconhome p {
        	color: #999999;
        	line-height: 34px;
        	font-size: 14px;
        	width: 535px;
        }

        .about .abconhome span {
        	color: #444444;
        	font-size: 12px;
        	font-family: "Arial";
        	margin-top: 40px;
        	width: 410px;
        	display: block;
        	line-height: 24px;
        }

        .about .abconhome .more {
        	margin-top: 70px
        }

        .about .abvi {
        	position: absolute;
        	top: 650px;
        	left: 275px;
        	z-index: 3
        }

        .about .abconhome .more a {
        	margin-right: 15px;
        }

        .about .abimg {
        	position: absolute;
        	top: -100px;
        	right: 0px;
        }

        .about .abimg img {
        	display: block;
        	position: relative;
        	z-index: 3
        }

        .about .abx1 {
        	position: absolute;
        	top: 420px;
        	left: 500px;
        	display: block;
        }

        .about .abvideo {
        	width: 450px;
        	height: 480px;
        	display: block;
        	position: absolute;
        	top: 325px;
        	left: -120px;
        }

        .about .abvideo span {
        	width: 450px;
        	height: 480px;
        	position: absolute;
        	display: block;
        	background: url(../images/abtm.png) repeat center center;
        	overflow: hidden;
        	z-index: 2;
        	top: 0px;
        	left: 0px
        }

        .Partner {
        	position: absolute;
        	top: 935px;
        	left: 0px;
        	position: relative;
        }

        .about video {
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	padding: 0px;
        	margin: 0px;
        	display: block;
        }

        .Partnerimg {
        	position: absolute;
        	top: 106px;
        	left: 0px;
        }

        .Partnerimg span {
        	color: #fff;
        	font-size: 54px;
        	font-family: "微软雅黑";
        	font-family: "微软雅黑";
        	position: absolute;
        	top: 180px;
        	left: 130px;
        	font-weight: bold;
        }

        .Partnerimg .Paraone {
        	position: absolute;
        	font-size: 62px;
        	color: #fff;
        	top: 360px;
        	left: 130px;
        }

        .Partnerimg .Paratoe {
        	background: url(../images/portwoimg.jpg) no-repeat center center;
        	height: 57px;
        	line-height: 57px;
        	text-align: center;
        	color: #fff;
        	position: absolute;
        	left: 130px;
        	top: 500px;
        	width: 220px;
        	font-size: 16px;
        	font-family: "黑体";
        	letter-spacing: 2px
        }

        .Parcon {
        	width: 620px;
        	height: 1065px;
        	display: block;
        	position: absolute;
        	top: -254px;
        	right: -1180px;
        	position: relative;
        }

        .pardiv {
        	background: #eeeeee;
        	height: 1065px;
        	width: 620px;
        	position: absolute;
        	right: 0px;
        	top: 0px;
        }

        .Parcon i span {
        	color: #f63444;
        	font-size: 76px;
        	font-style: normal;
        	font-family: "Arial";
        	font-weight: bold;
        	position: relative;
        	z-index: 9
        }

        .Parcon i {
        	color: #f63444;
        	font-size: 76px;
        	font-style: normal;
        	display: block;
        	padding-bottom: 30px;
        	padding-left: 60px;
        	padding-top: 80px;
        	position: relative;
        	z-index: 9
        }

        .Parcon p {
        	color: #222222;
        	font-size: 24px;
        	line-height: 46px;
        	padding-left: 70px;
        	font-weight: bold
        }

        .Parcon .more {
        	padding-left: 70px;
        	margin-top: 40px;
        }

        .Parcon .parx {
        	position: absolute;
        	top: 395px;
        	left: 78px;
        }

        .Parcon .more1 {
        	position: absolute;
        	top: 480px;
        	left: 75px;
        }

        .Parcon .more1 a {
        	width: 200px;
        	height: 55px;
        	line-height: 55px;
        	background: #111;
        	display: block;
        	float: left;
        	text-align: center;
        	margin-right: 25px;
        	transition: all 0.8s;
        	color: #fff;
        	font-size: 18px;
        }

        .Parcon .more1 a:nth-child(2) {
        	background: #fff;
        	color: #111;
        }

        .Parcon .more1 a:nth-child(2):hover {
        	background: #111;
        	color: #fff;
        }

        .Parcon .more1 a:hover {
        	background: #fff;
        	color: #111;
        }

        .Parcon .Parp {
        	color: #222222;
        	font-size: 24px;
        	line-height: 46px;
        	position: absolute;
        	top: 640px;
        	left: 75px;
        	width: 547px;
        	border-bottom: solid 1px #c0c0c0;
        	padding-bottom: 40px;
        	font-weight: bold;
        }

        .Parcon ul {
        	width: 426px;
        	position: absolute;
        	top: 820px;
        	left: 75px;
        	z-index: 9
        }

        .Parcon ul li {
        	float: left;
        	margin-right: 65px;
        	margin-bottom: 35px;
        }

        .Parcon ul li a {
        	font-size: 14px;
        	color: #666;
        }

        .Parcon ul li:nth-child(4n) {
        	margin-right: 0px;
        }

        .Parcon ul li a:hover {
        	color: #f22358
        }

        .news {
        	background: #fff;
        	padding-bottom: 70px
        }

        .news h3 a {
        	float: right;
        	margin-top: 5px;
        	padding-left: 30px;
        	background: url(../images/cm.jpg) no-repeat center left;
        	transition: all 0.8s
        }

        .news h3 a i {
        	font-style: normal;
        }

        .news h3 a span {
        	opacity: 1;
        	transition: all 0.8s;
        }

        .news h3 a:hover {
        	background: url(../images/jkbj.jpg) repeat center center;
        	transition: all 0.8s;
        	color: #fff
        }

        .news h3 a:hover span {
        	opacity: 0;
        }

        .news ul {
        	margin-top: 70px;
        }

        .news li {
        	width: 535px;
        	height: 280px;
        	float: left;
        	margin-right: 35px;
        	margin-bottom: 35px;
        	position: relative;
        	background: #f3f3f3;
        }

        .news li:before {
        	content: "";
        	width: 0px;
        	height: 280px;
        	background: #f3f3f3;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	transition: all 0.2s;
        }

        .news li:hover:before {
        	background: #111111;
        	width: 535px;
        }

        .news li a {
        	display: block;
        	width: 535px;
        	height: 280px;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 22
        }

        .news li:nth-child(3n) {
        	margin-right: 0px;
        }

        .news li .newdate {
        	width: 110px;
        	float: left;
        	padding-right: 50px;
        	background: url(../images/n2.png) no-repeat 30px 160px;
        	height: 280px;
        	transition: all 0.2s;
        }

        .news li .newdate span {
        	color: #222222;
        	font-size: 16px;
        	text-align: right;
        	display: block;
        	margin-top: 50px;
        	font-family: "Arial"
        }

        .news li .newdate i {
        	color: #222222;
        	font-size: 28px;
        	display: block;
        	font-style: normal;
        	text-align: right;
        	font-family: "Arial";
        	font-weight: bold;
        }

        .news li .newsconhome {
        	width: 320px;
        	float: right;
        	padding-right: 55px;
        }

        .news li .newsconhome span {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	margin-top: 45px;
        	display: block;
        	display: -webkit-box;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	word-wrap: break-word;
        	white-space: normal !important;
        	-webkit-line-clamp: 2;
        	-webkit-box-orient: vertical;
        	line-height: 28px;
        	height: 56px;
        }

        .news li .newsconhome p {
        	color: #666666;
        	font-size: 14px;
        	line-height: 32px;
        	margin-top: 20px;
        	display: -webkit-box;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	word-wrap: break-word;
        	white-space: normal !important;
        	-webkit-line-clamp: 2;
        	-webkit-box-orient: vertical;
        	height: 64px;
        }

        .news li .newsconhome i {
        	margin-top: 45px;
        }

        .news li .newsconhome i {
        	width: 45px;
        	height: 12px;
        	display: block;
        	background: url(../images/n4.png) no-repeat center center;
        }

        .news li:hover .newsconhome i a {
        	background: url(../images/n5.png) no-repeat center center;
        }

        .news li:hover .newdate {
        	background: url(../images/n2.png) no-repeat 30px 160px;
        }

        .news li:hover .newdate span {
        	color: #666666
        }

        .news li:hover .newdate i {
        	color: #666666
        }

        .news li:hover .newsconhome span {
        	color: #fff
        }

        .news li:hover .newsconhome p {
        	color: #999999
        }

        .foot {
        	height: 560px;
        	background: #000000;
        }

        .foot .w1680 {
        	position: relative;
        	height: 560px;
        }

        .foot .fnav {
        	float: left;
        	margin-top: 130px;
        	margin-right: 80px;
        }

        .foot .fnav strong a {
        	color: #ffffff;
        	font-size: 14px;
        	font-weight: bold;
        }

        .foot .fnav strong {
        	margin-bottom: 20px;
        	display: block;
        	color: #ffffff;
        }

        .foot .fnav li a {
        	color: #666666;
        	line-height: 34px;
        }

        .foot .fnav li a:hover {
        	color: #fff
        }

        .foot .fnav i img {
        	transition: all 0.5s;
        	display: block;
        	float: left;
        	margin-right: 10px;
        }

        .foot .fnav i img:hover {
        	margin-top: -5px;
        	cursor: pointer
        }

        .foot .fwx {
        	float: right;
        	margin-top: 130px;
        }

        .foot .fwx li {
        	float: left;
        	width: 160px;
        	height: 210px;
        	background: #fff;
        	border-radius: 3px;
        	text-align: center;
        	margin-left: 30px;
        	transition: all 0.5s;
        }

        .foot .fwx li:hover {
        	margin-top: -5px;
        	cursor: pointer
        }

        .foot .fwx li p {
        	border-top: solid 1px #dddddd;
        	line-height: 45px;
        	height: 45px;
        	color: #000000;
        	font-size: 14px;
        	font-weight: bold;
        	font-family: "Arial"
        }

        .foot .fwx li img {
        	width: 140px;
        	height: 140px;
        	display: block;
        	margin: auto;
        	margin-top: 10px;
        	margin-bottom: 10px;
        }

        .foot .fend {
        	border-top: solid 1px #2e2e2e;
        	width: 100%;
        	position: absolute;
        	bottom: 0px;
        	left: 0px;
        	height: 165px
        }

        .foot .fend span {
        	color: #666;
        	position: absolute;
        	top: 45px;
        	left: 0px;
        	line-height: 32px;
        }

        .foot .fend span a {
        	color: #666
        }

        .foot .fend span a:hover {
        	color: #fff
        }

        .foot .fend strong {
        	color: #666666;
        	position: absolute;
        	top: 80px;
        	left: 0px;
        	font-weight: normal;
        	padding-left: 20px;
        	background: url(../images/f3.jpg) no-repeat center left;
        	line-height: 32px;
        }

        .foot .fend p {
        	width: 1050px;
        	color: #666;
        	line-height: 32px;
        	position: absolute;
        	right: 0px;
        	top: 45px;
        }

        /*定制服务*/
        .hearder_wsfw {
        	height: 865px;
        	background: url(../images/wsbj.jpg) no-repeat top center;
        }

        .hearder_wsfw .winwidth_wsfw {
        	position: relative;
        	height: 865px;
        	width: 1680px;
        	margin: auto;
        	overflow: hidden;
        }

        .hearder .wsimg {
        	position: absolute;
        	bottom: 0px;
        	left: 50%;
        	margin-left: -680px;
        }

        .hearder .wsnr {
        	background: #fff;
        }

        .hearder .wsmbx {
        	position: absolute;
        	bottom: 30px;
        	right: 160px;
        }

        .hearder .wsmbx a {
        	padding-left: 45px;
        	background: url(../images/wsmbx.png) no-repeat 20px center;
        }

        .hearder .wsmbx a:nth-child(1) {
        	padding-left: 0px;
        	background: none;
        }

        .hearder .wsmbx a:hover {
        	color: #f21c61
        }

        .hearder .winwidth_wsfw li {
        	float: left;
        }

        .hearder_anli {
        	/* height: 800px; */
        	background: url(../images/cabj.jpg) no-repeat top center;
        }

        .hearder_anli .winwidth_anli {
        	position: relative;
        	 height: 800px;
        	width: 1680px;
        	margin: auto;
        	overflow: hidden;
        }

        .hearder_anli .casetop {
        	position: absolute;
        	top: 250px;
        	left: 150px;
        }

        .hearder_anli .casetop h2 {
        	color: #ffffff;
        	font-size: 120px;
        	font-family: "Arial";
        }

        .hearder_anli .casetop h3 {
        	color: #fff;
        	font-size: 26px;
        	margin-top: 20px;
        }

        .hearder_anli .casetop p {
        	color: #7b7c7f;
        	font-size: 14px;
        	font-weight: bold;
        	margin-top: 50px;
        }

        .anlicon .anlitit {}

        .anlicon .anlitit li {
        	float: left;
        	height: 215px;
        	line-height: 215px;
        	padding-left: 60px;
        	padding-right: 60px;
        }

        .casenylist ul {
        	margin-top: 0px;
        }

        .casenylist {
        	padding-top: 0px;
        }

        .anlicon .anlitit li:hover {
        	background: url(../images/cali1.jpg) no-repeat 40px center;
        }
		.anlicon .anlitit li.active {
			background: url(../images/cali1.jpg) no-repeat 40px center;
		}
		
        .anlitit ul {
        	margin-left: 400px;
        }

        .wsnr {
        	margin-top: 110px;
        }

        .wsnr li {
        	width: 340px;
        	float: left;
        }

        .wsnr .winwidth ul {
        	width: 1360px;
        	margin: auto;
        }

        .wsnr .winwidth ul li span img {
        	display: block;
        	margin: auto;
        }

        .wsnr .winwidth ul li span i {
        	display: block;
        	margin: auto;
        	text-align: center;
        	font-style: normal;
        	color: #181b1e;
        	font-size: 28px;
        	font-weight: bold;
        	padding-bottom: 30px;
        	border-bottom: solid 2px #181818
        }

        .wsnr .winwidth ul li p {
        	margin-top: 45px;
        	padding-left: 80px;
        	padding-right: 80px;
        }

        .wsnr .winwidth ul li p a {
        	background: url(../images/wsd.jpg) no-repeat center left;
        	padding-left: 7px;
        	margin-right: 10px;
        	margin-bottom: 35px;
        	display: block;
        	float: left;
        }

        .wsnr .winwidth ul li p a:nth-child(2n) {
        	margin-right: 0px;
        }

        .wsnr .winwidth ul li p a:hover {
        	color: #f21c61
        }

        .wsnrcon {
        	background: #f4f4f4;
        	height: 1845px;
        	margin-bottom: 155px;
        }

        .wsnrcon .winwidth {
        	position: relative;
        	height: 1845px
        }

        .wsimg1 {
        	position: absolute;
        	top: 0px;
        	right: -350px;
        }

        .wsimg2 {
        	position: absolute;
        	top: 600px;
        	left: 0px;
        }

        .wsimg3 {
        	position: absolute;
        	bottom: -140px;
        	right: -270px;
        }

        .wsnrcon li:nth-child(1) {
        	position: absolute;
        	top: 140px;
        	left: 0px;
        }

        .wsnrcon li:nth-child(2) {
        	position: absolute;
        	top: 825px;
        	left: 680px;
        }

        .wsnrcon li:nth-child(3) {
        	position: absolute;
        	top: 1355px;
        	left: 0px;
        }

        .wsnrcon li span {
        	color: #999999;
        	font-size: 18px;
        	font-weight: bold;
        	font-family: "Arial";
        	display: block;
        	padding-left: 30px;
        	background: url(../images/wsx1.jpg) no-repeat 3px center
        }

        .wsnrcon li strong {
        	color: #222222;
        	font-size: 32px;
        	margin-bottom: 45px;
        	display: block;
        }

        .wsnrcon li p {
        	line-height: 30px;
        }

        .wsnrcon li img {
        	margin-top: 50px
        }

        .wsnrcon .winwidth {
        	width: 1360px;
        	margin: auto;
        }

        .wsdate ul {
        	width: 1360px;
        	margin: auto;
        }

        .wsdate li {
        	float: left;
        	width: 340px;
        	margin-right: 160px
        }

        .wsdate li:nth-child(3) {
        	margin-right: 0px;
        }

        .wsdate li span {
        	color: #999999;
        	font-size: 18px;
        	font-weight: bold;
        	font-family: "Arial";
        	display: block;
        	padding-left: 30px;
        	background: url(../images/wsx1.jpg) no-repeat 3px center
        }

        .wsdate li strong {
        	color: #222222;
        	font-size: 32px;
        	margin-bottom: 45px;
        	display: block;
        }

        .wsdate li p {
        	line-height: 30px;
        	font-size: 13px;
        }

        .wsdate li img {
        	margin-top: 50px
        }

        .wsdate em {
        	width: 125px;
        	height: 40px;
        	display: block;
        	border: solid 2px #222222;
        	text-align: center;
        	font-weight: normal;
        	font-style: normal;
        	line-height: 40px;
        	margin-top: 90px;
        	margin-bottom: 170px;
        }

        .wsdate em:hover {
        	background: #222222;
        	color: #fff;
        }

        .wscase {
        	height: 700px;
        	background: url(../images/wscase.jpg) no-repeat center center;
        }

        .wscase .wscali {
        	width: 420px;
        	margin-left: 160px;
        	padding-top: 165px;
        }

        .wscase .wscali strong {
        	color: #222222;
        	font-size: 46px;
        	line-height: 68px;
        }

        .wscase .wscali p {
        	color: #444444;
        	font-size: 16px;
        	;
        	line-height: 32px;
        	margin-top: 50px;
        	margin-bottom: 80px;
        }

        .wscase .wscali em {
        	width: 190px;
        	height: 55px;
        	display: block;
        	border: solid 2px #222222;
        	text-align: center;
        	font-weight: normal;
        	font-style: normal;
        	line-height: 55px;
        	margin-top: 90px;
        	margin-bottom: 170px;
        	font-size: 16px;
        }

        .wscase .wscali em:hover {
        	background: #222222;
        	color: #fff;
        }

        .wsjd {
        	height: 695px;
        	background: #fff;
        }

        .wsjd .winwidth {
        	width: 1360px;
        }

        .wsjd .wsjdcon {
        	position: relative;
        	width: 680px;
        	float: left;
        }

        .wsjd .wsjdcon strong {
        	color: #222222;
        	line-height: 54px;
        	font-size: 36px;
        	padding-top: 190px;
        	display: block;
        }

        .wsjd .wsjdcon em {
        	width: 190px;
        	height: 55px;
        	display: block;
        	border: solid 2px #222222;
        	text-align: center;
        	font-weight: normal;
        	font-style: normal;
        	line-height: 55px;
        	margin-top: 90px;
        	margin-bottom: 170px;
        	font-size: 16px;
        }

        .wsjd .wsjdcon em:hover {
        	background: #222222;
        	color: #fff;
        }

        .wsjd .wsjdcon img {
        	top: 300px;
        	left: 100px;
        	position: absolute;
        }

        .wsjd .wsjdcon span {
        	width: 2px;
        	background: #222222;
        	height: 340px;
        	display: block;
        	position: absolute;
        	top: 165px;
        	right: 0px;
        }

        .wsscroll {
        	position: relative;
        	width: 680px;
        	float: right;
        }

        .wsscroll .bd li {
        	width: 265px;
        	height: 160px;
        	float: left;
        	margin-left: 75px;
        	margin-top: 230px;
        }

        .wsscroll .bd li .wscroleft {
        	width: 125px;
        	float: left;
        }

        .wsscroll .bd li .wscroleft span {
        	display: block;
        	color: #222222;
        	font-size: 46px;
        	font-weight: bold;
        	margin-bottom: 38px;
        }

        .wsscroll .bd li .wscroright {
        	float: right;
        	width: 140px;
        }

        .wsscroll .bd li .wscroright span {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	display: block;
        	margin-top: 15px;
        }

        .wsscroll .bd li .wscroright strong {
        	color: #222222;
        	font-family: "Arial";
        	font-size: 12px;
        	text-transform: uppercase;
        	font-weight: bold;
        	margin-bottom: 50px;
        	display: block;
        }

        .wsscroll .bd li .wscroright p {
        	color: #999999;
        	font-size: 10px;
        	font-weight: normal;
        	text-transform: uppercase;
        }

        .wsscroll .hd1 {
        	position: absolute;
        	top: 465px;
        	right: 0px;
        }

        .wsscroll .hd1 .prev {
        	margin-right: 20px;
        }

        .wsscroll .hd2 {
        	position: absolute;
        	top: 460px;
        	left: 75px;
        }

        .wsscroll .hd2 ul li {
        	width: 10px;
        	height: 10px;
        	border-radius: 30px;
        	background: #e7e9e8;
        	text-indent: -99999px;
        	float: left;
        	margin-left: 10px;
        }

        .wsscroll .hd2 ul li.on {
        	background: #222222
        }

        /*案例内页*/
        .hearder_anli .casetopny {
        	width: 100%;
        	position: static;
        	margin-top: 290px
        }

        .hearder_anli .casetopny h2 {
        	color: #ffffff;
        	font-size: 50px;
        	text-align: center;
        }

        .hearder_anli .casetopny ul {
        	width: 115px;
        	margin: auto;
        }

        .hearder_anli .casetopny ul li {
        	float: left;
        	margin-left: 5px;
        	margin-right: 5px;
        	margin-top: 60px;
        }

        .geekcontact {
        	position: relative;
        }

        .geekcontact img {
        	display: block;
        	width: 100%
        }

        .geekcon {
        	margin-top: -122px;
        }

        .geekcontact .nypage {
        	width: 100%;
        	left: 0px;
        }

        .casetuij {
        	margin-top: 97px !important;
        }

        .casetuij li {
        	margin-right: 33px !important;
        }

        .geekcontact .nypage .nyprve {
        	margin-left: 0px
        }

        .geekcontact .nypage .nynext {
        	margin-right: 0px
        }

        .geekcontact .winwidth {
        	overflow: inherit;
        }

        /*关于我们*/
        .hearder_about {
        	height: 800px;
        	background: url(../images/gybanner.jpg) no-repeat top center fixed;
        }

        .hearder_about .winwidth_about {
        	position: relative;
        	height: 800px;
        	width: 1680px;
        	margin: auto;
        	overflow: hidden;
        }

        .hearder_about .gyzi {
        	position: absolute;
        	top: 215px;
        	left: 50%;
        	margin-left: -196px;
        }

        .tim1 {
        	position: absolute;
        	top: 440px;
        	left: 415px;
        }

        .tim1 .timer {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        	float: left;
        }

        .tim1 span {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        }

        .tim1 p {
        	color: #fff;
        	font-size: 18px;
        	padding-left: 8px;
        }

        .tim2 {
        	position: absolute;
        	top: 440px;
        	left: 790px;
        }

        .tim2 .timer {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        	float: left;
        }

        .tim2 span {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        }

        .tim2 p {
        	color: #fff;
        	font-size: 18px;
        	padding-left: 8px;
        }

        .tim3 {
        	position: absolute;
        	top: 440px;
        	left: 1145px;
        }

        .tim3 .timer {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        	float: left;
        }

        .tim3 span {
        	color: #fff;
        	font-size: 60px;
        	font-weight: bold;
        	font-family: "Arial";
        }

        .tim3 p {
        	color: #fff;
        	font-size: 18px;
        	padding-left: 8px;
        }

        .abx1 {
        	background: #c3c2c5;
        	position: absolute;
        	top: 445px;
        	left: 680px;
        	width: 1px;
        	height: 100px;
        }

        .abx2 {
        	background: #c3c2c5;
        	position: absolute;
        	top: 445px;
        	left: 1035px;
        	width: 1px;
        	height: 100px;
        }

        .abcon {
        	height: 3800px;
        	background: url(../images/nyabbj.jpg) repeat center center;
        }

        .abcon .winwidth {
        	position: relative;
        	height: 3800px;
        	overflow: inherit;
        }

        .abcon .abtop {
        	width: 1435px;
        	height: 70px;
        	border-bottom: solid 1px #d7d7d7;
        	position: absolute;
        	top: 0px;
        	right: -120px;
        }

        .abcon .abtop li a {
        	float: left;
        	line-height: 70px;
        	height: 70px;
        	margin-left: 115px;
        	padding-left: 20px;
        	font-size: 16px;
        	font-weight: bold;
        }

        .abcon .abtop li:hover a {
        	background: url(../images/abx.jpg) no-repeat center left;
        }

        .abcon .abtop li:nth-child(1) a {
        	background: url(../images/abx.jpg) no-repeat center left;
        }

        .mbx {
        	float: right;
        	margin-right: 120px;
        }

        .mbx a {
        	color: #999999;
        	line-height: 70px;
        	font-size: 14px;
        	margin-left: 10px;
        	margin-right: 10px;
        }

        .mbx a:hover {
        	color: #f21c61
        }

        .mbx span {
        	color: #999999;
        	line-height: 70px;
        	font-size: 14px;
        	padding-left: 15px;
        	padding-right: 15px;
        }

        .abcon .abzi span {
        	position: absolute;
        	top: 180px;
        	left: 0px;
        	font-family: "Arial";
        	font-size: 16px;
        	color: #fff;
        	font-weight: bold
        }

        .abcon .abzi i {
        	position: absolute;
        	top: 225px;
        	left: 0px;
        }

        .abcon .abli {
        	position: absolute;
        	top: 190px;
        	left: 500px;
        }

        .abcon .abli li {
        	width: 330px;
        	height: 230px;
        	background: url(../images/abyuan.png) no-repeat center center;
        	float: left;
        	padding-top: 130px;
        	position: relative;
        	margin-right: 92px;
        }

        .abcon .abli li:nth-child(3) {
        	margin-right: 0px;
        }

        .abcon .abli li .timer {
        	color: #222222;
        	font-size: 32px;
        	padding-left: 130px;
        }

        .abcon .abli li span {
        	position: absolute;
        	top: 130px;
        	left: 175px;
        	font-size: 32px;
        }

        .abcon .abli li p {
        	color: #222;
        	font-size: 20px;
        	font-weight: bold;
        	text-align: center;
        }

        .abcon .abfa {
        	position: absolute;
        	top: 640px;
        	left: 0px;
        	position: relative;
        }

        .abcon .abfa .abimg1 {
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	z-index: 9
        }

        .abcon .abfa .abimg2 {
        	position: absolute;
        	top: -20px;
        	left: -20px;
        }

        .abcon .abfacon {
        	width: 760px;
        	float: right;
        }

        .abcon .abfacon strong {
        	color: #222222;
        	font-size: 24px;
        	margin-top: 40px;
        	display: block;
        }

        .abcon .abfacon p {
        	color: #666;
        	line-height: 30px;
        	margin-top: 35px;
        }

        .abcon .abfacon a {
        	width: 150px;
        	height: 45px;
        	border: solid 1px #000;
        	display: block;
        	line-height: 45px;
        	padding-left: 20px;
        	font-weight: bold;
        	background: url(../images/jia1.jpg) no-repeat 130px center;
        	transition: all 0.5s;
        	margin-top: 75px;
        	position: relative;
        }

        .abcon .abfacon a:before {
        	content: "";
        	background: #000;
        	height: 45px;
        	width: 0px;
        	display: block;
        	position: absolute;
        	top: 0px;
        	left: 0px;
        	transition: all 0.8s;
        }

        .abcon .abfacon a:hover:before {
        	width: 170px;
        }

        .abcon .abfacon a:hover span {
        	color: #fff
        }

        .abcon .abfacon a span {
        	color: #222222;
        	font-size: 16px;
        	position: absolute;
        	z-index: 9
        }

        .abcon .abt2 {
        	position: absolute;
        	top: 1090px;
        	right: -120px;
        }

        .abcon .abt3 {
        	position: absolute;
        	top: 1367px;
        	right: -120px;
        }

        .abcon .abztow {
        	position: absolute;
        	top: 1138px;
        	left: 0px;
        }

        .abcon .abztow span {
        	display: block;
        	color: #ffffff;
        	font-size: 24px;
        	line-height: 44px;
        }

        .abcon .abztow em {
        	margin-top: 55px;
        	display: block;
        }

        .abcon .abztow p {
        	width: 280px;
        	line-height: 34px;
        	color: #fff;
        	margin-top: 50px;
        }

        .abcon .abztow i {
        	color: #666666;
        	line-height: 24px;
        	font-family: "Arial";
        	font-style: normal;
        	text-transform: uppercase;
        	font-size: 12px;
        	margin-top: 30px;
        	display: block;
        }

        .abcon .abztow .more {
        	margin-top: 140px;
        	background: url(../images/abx4.png) no-repeat 160px center;
        }

        .abcon .abztow .more a {
        	margin-right: 10px;
        }

        .abcon .abteam {
        	position: absolute;
        	top: 1950px;
        	left: 0px;
        }

        .abcon .abteam span {
        	color: #ffffff;
        	font-size: 16px;
        }

        .abcon .abteam i {
        	font-style: normal;
        	display: block;
        	color: #fff;
        	font-size: 48px;
        	font-weight: bold;
        	margin-top: 20px
        }

        .abcon .abteam p {
        	line-height: 30px;
        	color: #999999;
        	margin-top: 50px;
        }

        .abcon .abscroll {
        	position: absolute;
        	top: 2320px
        }

        .abcon .abscroll .bd li {
        	background: #ececec;
        	width: 770px;
        	height: 445px;
        	float: left;
        	padding-top: 115px;
        	padding-left: 70px;
        	position: relative;
        }

        .abcon .abscroll .bd li:nth-child(2n) {
        	background: #d9d9d9
        }

        .abcon .abscroll .next {
        	width: 7px;
        	height: 11px;
        	display: block;
        	background: url(../images/abjt2.jpg) no-repeat center center;
        	position: absolute;
        	top: -75px;
        	right: 0px;
        }

        .abcon .abscroll .prev {
        	width: 7px;
        	height: 11px;
        	display: block;
        	background: url(../images/abjt1.jpg) no-repeat center center;
        	position: absolute;
        	top: -75px;
        	right: 50px;
        }

        .abcon .abscroll .hd2 {
        	position: absolute;
        	top: 610px;
        	right: 0px;
        }

        .abcon .abscroll .hd2 li {
        	width: 11px;
        	height: 11px;
        	display: block;
        	background: #ececec;
        	float: left;
        	text-indent: -99999px;
        	border-radius: 30px;
        	margin-left: 12px;
        	cursor: pointer;
        }

        .abcon .abscroll .hd2 li.on {
        	background: #000000;
        }

        .abcon .abscroll .bd li span {
        	color: #222222;
        	font-size: 18px;
        	font-weight: normal;
        	position: absolute;
        	top: 170px;
        	left: 470px;
        }

        .abcon .abscroll .bd li i {
        	color: #222222;
        	font-size: 28px;
        	font-style: normal;
        	position: absolute;
        	top: 205px;
        	left: 470px;
        }

        .abcon .abscroll .bd li strong {
        	color: #222222;
        	font-size: 18px;
        	font-style: normal;
        	position: absolute;
        	top: 280px;
        	left: 470px;
        	padding-left: 20px;
        	background: url(../images/ax9.jpg) no-repeat center left;
        }

        .abcon .abscroll .bd li .more {
        	position: absolute;
        	top: 360px;
        	left: 470px;
        }

        .abcon .abscroll .bd li .more a {
        	width: 51px;
        	height: 50px;
        	display: block;
        	background: url(../images/abx6.png) no-repeat center center;
        	display: block;
        	float: left;
        	margin-right: 20px;
        }

        .abcon .abscroll .bd li .more a:nth-child(2) {
        	background: url(../images/abx7.png) no-repeat center center;
        }

        .abcon .abend {
        	position: absolute;
        	top: 2700px;
        	left: 0px;
        	position: relative;
        }

        .abcon h5 {
        	color: #ffffff;
        	font-size: 40px;
        }

        .abcon .abend .abendzi {
        	position: absolute;
        	top: 110px;
        	left: 0px;
        }

        .abcon .abend li {
        	width: 300px;
        	height: 190px;
        	border-top: solid 1px #333333;
        }

        .abcon .abend li img {
        	float: left;
        	width: 100px;
        	height: 100px;
        	display: block;
        	margin-top: 45px;
        	padding-right: 40px;
        }

        .abcon .abend li span {
        	margin-top: 55px;
        	display: block;
        	color: #ffffff;
        	line-height: 40px;
        	font-weight: bold;
        	font-size: 18px;
        	float: left;
        }

        .abcon .abimg {
        	position: absolute;
        	top: 80px;
        	right: 0px;
        }

        .abcon .abendcon {
        	position: absolute;
        	top: 0px;
        	left: 500px;
        	z-index: 9;
        }

        .abcon .abendcon strong {
        	color: #222222;
        	font-size: 32px;
        }

        .abcon .abendcon span {
        	color: #222222;
        	font-size: 14px;
        	display: block;
        	line-height: 30px;
        	margin-top: 70px;
        }

        .abcon .abendcon a {
        	display: block;
        	margin-top: 70px;
        }

        .hearder_news {
        	height: 600px;
        	background: url(../images/ntop.jpg) no-repeat top center fixed;
        }

        .hearder_news .winwidth_news {
        	width: 1680px;
        	position: relative;
        	margin: auto;
        	height: 600px;
        }

        .hearder_news .newstop {
        	position: absolute;
        	top: 240px;
        	left: 160px;
        }

        .newscon {
        	background: url(../images/n2.jpg) repeat center center;
        }

        .newscon {
        	width: 1920px;
        	position: relative;
        }

        .newscon .newsleft {
        	width: 1640px
        }

        .newscon .newstitle {
        	height: 70px;
        	line-height: 70px;
        	border-bottom: solid 1px #e9e9e9;
        	margin-bottom: 100px;
        }

        .newscon .newslist {
        	width: 1520px;
        	margin-left: 120px;
        }

        .newscon .newsone {
        	width: 778px;
        	height: 385px;
        	display: block;
        	background: url(../images/mimg1.jpg) no-repeat center center;
        	padding-left: 70px;
        	padding-top: 115px;
        	float: left;
        }

        .newscon .newsone span {
        	color: #020202;
        	font-size: 12px;
        	width: 47px;
        	height: 23px;
        	display: block;
        	background: #fff;
        	border-radius: 30px;
        	text-align: center;
        	line-height: 23px;
        }

        .newscon .newsone p {
        	color: #ffffff;
        	font-size: 26px;
        	font-weight: bold;
        	line-height: 40px;
        	margin-top: 30px;
        	margin-bottom: 65px;
        }

        .newscon .newsul {
        	margin-left: 120px;
        }

        .newscon .newsul li {
        	float: left;
        	margin-left: 64px;
        	width: 392px;
        	display: block;
        	margin-bottom: 60px;
        	transition: 0.3s;
        	-webkit-transition: 0.3s;
        	-moz-transition: 0.3s;
        	transition: 0.3s;
        }

        .newscon .newsul li:nth-child(2) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(5) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(8) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(11) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(14) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(17) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(20) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(23) {
        	margin-left: 0px;
        }

        .newscon .newsul li:nth-child(26) {
        	margin-left: 0px;
        }

        .newscon .newsul li .newliimg {
        	display: block;
        	width: 392px;
        	height: 233px;
        	overflow: hidden;
        }

        .newscon .newsul li img {
        	display: block;
        	width: 392px;
        	height: 233px;
        	transition: 0.3s;
        	-webkit-transition: 0.3s;
        	-moz-transition: 0.3s;
        	transition: 0.3s;
        }

        .newscon .newsul li:hover img {
        	-webkit-transform: scale(1.06);
        	-moz-transform: scale(1.06);
        	transform: scale(1.06);
        }

        .newscon .newsul li span {
        	color: #fff;
        	font-size: 12px;
        	width: 47px;
        	height: 23px;
        	display: block;
        	background: #222222;
        	border-radius: 30px;
        	text-align: center;
        	line-height: 23px;
        	margin-top: 30px;
        }

        .newscon .newsul li .newlidiv {
        	padding-left: 38px;
        	padding-right: 38px;
        	border: solid 1px #e9e9e9;
        }

        .newscon .newsul li .newlidiv i {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	line-height: 34px;
        	padding-top: 15px;
        	display: block;
        	font-style: normal;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        	display: block;

        }

        .newscon .newsul li .newlidiv p {
        	color: #666666;
        	font-size: 14px;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        	margin-top: 10px;
        	margin-bottom: 37px;
        }

        .newscon .newsul li .newlidiv em {
        	width: 43px;
        	height: 7px;
        	display: block;
        	background: url(../images/nimg6.jpg) no-repeat center center;
        	margin-bottom: 55px;
        }

        .newscon .newsul li:hover {
        	-moz-box-shadow: 0px 0px 10px #E8E8E8;
        	-webkit-box-shadow: 0px 0px 10px #E8E8E8;
        	box-shadow: 0px 0px 10px #E8E8E8;
        }

        .newscon .newsul li:hover .newlidiv {
        	border: solid 1px #fff;
        }

        .newscon .newsright {
        	position: absolute;
        	left: 1680px;
        	z-index: 22;
        	top: 0px;
        }

        .newsright ul li:nth-child(1) {
        	margin-top: 120px;
        }

        .newsright ul li {
        	margin-top: 80px;
        }

        .newsright ul li a {
        	color: #666666;
        	font-size: 16px;
        	font-weight: bold;
        	padding-right: 38px;
        }

        .newsright ul li:hover a {
        	color: #fff;
        	background: url(../images/n6.jpg) no-repeat center right;
        }
		
		.newsright ul li.active a {
			color: #fff;
			background: url(../images/n6.jpg) no-repeat center right;
		}
		
        .newsright ul li.on a {
        	color: #fff;
        	background: url(../images/n6.jpg) no-repeat center right;
        }

        .page {
        	width: 100%;
        	text-align: center;
        	padding: 25px 0px;
        }

        .page a,
        .page span {
        	display: inline-block;
        	background: #2d2d2d;
        	height: 45px;
        	line-height: 45px;
        	font-size: 14px;
        	border: 1px solid #f5f5f5;
        	padding: 0px 20px;
        	color: #fff;
        	margin-left: 10px;
        }

        .page a:hover {
        	background: #f5f5f5;
        	color: #666
        }
		.page a.active {
			background: #f5f5f5;
			color: #666
		}

        .hearder_newsny {
        	height: 340px;
        	background: #222222;
        }

        .newny .mbx {
        	position: absolute;
        	top: -70px;
        	border: none;
        	right: 280px;
        	margin-right: 0px;
        	color: #999;
        }

        .nyconcon {
        	padding-top: 350px
        }

        .nycon {
        	width: 1020px;
        	margin: auto;
        }

        .nycon>h3 {
        	position: absolute;
        	top: -210px;
        	color: #fff;
        	font-size: 32px;
        }

        .nycon em {
        	position: absolute;
        	top: -135px;
        }

        .nycon em span {
        	color: #666666;
        	font-size: 14px;
        	font-weight: normal;
        	padding-left: 20px;
        	padding-right: 40px;
        	font-style: normal;
        }

        .nycon em span:nth-child(1) {
        	background: url(../images/nn1.jpg) no-repeat center left;
        }

        .nycon em span:nth-child(2) {
        	background: url(../images/nn2.jpg) no-repeat center left;
        }

        .nyimg {
        	position: absolute;
        	top: -60px;
        }

        .nyconcon p {
        	line-height: 34px;
        	font-size: 16px;
        	color: #666666
        }

        .nyconcon strong {
        	font-size: 18px;
        	color: #333333;
        	margin-top: 30px;
        	margin-bottom: 30px;
        	display: block;
        }

        .news_fx {
        	padding-top: 50px;
        }

        .bds_qzone {
        	background: url(../images/fx.png) no-repeat 0 0 !important;
        	width: 28px;
        	height: 28px !important;
        	display: block;
        	float: left;
        	padding-left: 0px !important;
        	margin-right: 10px !important;
        }

        .bds_weixin {
        	background: url(../images/fx.png) no-repeat -40px 0px !important;
        	width: 28px;
        	height: 28px !important;
        	display: block;
        	float: left;
        	padding-left: 0px !important;
        	margin-right: 10px !important;
        }

        .bds_tsina {
        	background: url(../images/fx.png) no-repeat -81px 0px !important;
        	width: 28px;
        	height: 28px !important;
        	display: block;
        	float: left;
        	padding-left: 0px !important;
        }

        .nypage {
        	height: 73px;
        	line-height: 73px;
        	border-bottom: solid 1px #e9e9e9;
        	border-top: solid 1px #e9e9e9;
        	margin-top: 75px;
        	position: relative;
        	width: 1640px;
        	left: -310px
        }

        .nypage .nyprve {
        	padding-left: 30px;
        	background: url(../images/nn4.jpg) no-repeat center left;
        	width: 250px;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        	display: block;
        	float: left;
        	line-height: 73px;
        	margin-left: 300px;
        }

        .nypage span {
        	width: 125px;
        	display: block;
        	border-right: solid 1px #e9e9e9;
        	border-left: solid 1px #e9e9e9;
        	position: absolute;
        	left: 50%;
        	top: 0px;
        	margin-left: -110px;
        	padding-left: 95px;
        	background: url(../images/nn3.jpg) no-repeat 60px center
        }

        .nypage .nynext {
        	padding-right: 30px;
        	background: url(../images/nn5.jpg) no-repeat center right;
        	width: 250px;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        	display: block;
        	float: right;
        	line-height: 73px;
        	margin-right: 330px;
        }

        .nypage a:hover {
        	color: #f21c61
        }

        .nylist {
        	width: 1330px;
        	position: relative;
        	left: 300px;
        }

        .nylist h3 {
        	display: block;
        	color: #222222;
        	font-size: 28px;
        	margin-top: 75px;
        	margin-bottom: 35px
        }

        .nylist .newsulny {
        	margin-right: 0px;
			margin-left: 0px;
        }

        .nylist .newsulny li {
        	position: relative;
        	margin-right: 30px !important;
        	margin-left: 20px !important
        }

        .nylist .newsulny li em {
        	position: static;
        }

        .nylist .nylistscroll .tempWrap {
        	width: 1300px !important;
        	margin-left: -20px
        }

        .hearder_contact {
        	height: 950px;
        	background: url(../images/contact.jpg) no-repeat top center fixed;
        }

        .hearder_contact .winwidth_about {
        	position: relative;
        	height: 950px;
        	width: 1680px;
        	margin: auto;
        }

        .Geekcall {
        	width: 960px;
        	height: 630px;
        	display: block;
        	background: #fff;
        	position: absolute;
        	right: -120px;
        	top: 320px;
        }

        .Geekcall strong {
        	position: absolute;
        	top: 115px;
        	left: 100px;
        }

        .Geekcall p {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	height: 30px;
        	line-height: 30px;
        	margin-bottom: 45px;
        }

        .Geekcall p a {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	height: 30px;
        	line-height: 30px;
        	margin-bottom: 45px;
        	font-family: "Arial"
        }

        .Geekcall p a:hover {
        	color: #f21c61
        }

        .Geekcallp {
        	position: absolute;
        	top: 247px;
        	left: 103px;
        }

        .Geekcall p:nth-child(1) {
        	padding-left: 45px;
        	background: url(../images/ct2.jpg) no-repeat center left;
        }

        .Geekcall p span {
        	width: 300px;
        	padding-left: 45px;
        	display: block;
        	height: 30px;
        	line-height: 30px;
        	float: left;
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        	font-family: "Arial"
        }

        .Geekcall p span i {
        	font-style: normal;
        }

        .Geekcall p:nth-child(2) span:nth-child(1) {
        	padding-left: 45px;
        	background: url(../images/ct4.jpg) no-repeat center left;
        }

        .Geekcall p:nth-child(2) span:nth-child(2) {
        	padding-left: 45px;
        	background: url(../images/ct3.jpg) no-repeat center left;
        	font-size: 16px;
        }

        .Geekcall p:nth-child(3) span:nth-child(1) {
        	padding-left: 45px;
        	background: url(../images/ct51.jpg) no-repeat center left;
        }

        .Geekcall p:nth-child(3) span:nth-child(2) {
        	padding-left: 45px;
        	background: url(../images/ct51.jpg) no-repeat center left;
        }

        .Geekcall p:nth-child(4) span:nth-child(1) {
        	padding-left: 45px;
        	background: url(../images/ct51.jpg) no-repeat center left;
        }

        .Geekcall p:nth-child(4) span:nth-child(2) {
        	padding-left: 45px;
        	background: url(../images/ct5.jpg) no-repeat center left;
        }

        .Geekcall p a {
        	margin-right: 10px
        }

        .webnav {
        	display: none
        }

        .webzione {
        	display: none
        }

        .webzitwo {
        	display: none
        }

        .webzithree {
        	display: none
        }

        .webend {
        	display: none;
        }

        .ntitle {
        	display: none;
        }

        .abzhigeek {
        	display: none;
        }

        .item {
        	display: none
        }

        .page a,
        .page span {
        	margin-bottom: 20px;
        }

        .Parcon p {
        	position: relative;
        	z-index: 9
        }

        .Parcon .more {
        	position: relative;
        	z-index: 9
        }

        .newscon.newny .newsright {
        	right: 115px
        }

        #canvasGL .on {
        	width: 500px !important;
        	height: 500px !important
        }

        .serviceweb {
        	display: none;
        }

        .yzs {
        	height: 760px;
        	background: url(../images/yzs.jpg) no-repeat center center;
        }

        .yzstop {
        	top: 250px;
        	left: 280px;
        	position: absolute
        }

        .yzstop span {
        	color: #ffffff;
        	font-size: 38px;
        	font-weight: bold;
        }

        .yzstop p {
        	margin-top: 125px;
        	color: #fff;
        }

        .yzsone .w1680 {
        	height: 120px;
        	background: #fff;
        	margin-top: -60px;
        }

        .yzsone .w1680 span {
        	color: #222222;
        	font-size: 28px;
        	line-height: 120px;
        	padding-left: 160px;
        	font-weight: bold;
        	float: left;
        }

        .yzsone .w1680 .ysonecen {
        	float: left;
        	margin-left: 320px;
        }

        .yzsone .w1680 .ysonecen span {
        	float: left;
        }

        .yzsone .w1680 .ysonecen li {
        	float: left;
        	margin-left: 45px;
        	margin-right: 45px;
        	height: 120px;
        	line-height: 120px;
        }

        .yzsone .w1680 .ysonecen li a {
        	font-size: 18px;
        }

        .yzsone .w1680 .ysonecen li:hover a {
        	color: #e60012
        }

        .yzsone .w1680 .yzsonemore {
        	float: right;
        	margin-right: 130px;
        	margin-top: 35px;
        }

        .yzstow {
        	margin-bottom: 112px
        }

        .yzstow li {
        	float: left;
        	width: 445px;
        	border-left: solid 2px #222222;
        	text-align: center;
        	padding-bottom: 60px;
        	height: 510px;
        }

        .yzstow li:nth-child(3) {
        	border-right: solid 2px #222222;
        }

        .yzstow li span {
        	display: block;
        	font-size: 32px;
        	color: #121212;
        	margin-top: 45px;
        	margin-bottom: 60px
        }

        .yzstow li strong {
        	display: block;
        	font-size: 18px;
        	color: #121212;
        	margin-bottom: 20px;
        }

        .yzstow li img {
        	display: block;
        	margin: auto;
        }

        .yzstow li p {
        	width: 200px;
        	margin: auto;
        	margin-top: 45px;
        }

        .yzstow li p em {
        	display: block;
        	width: 100px;
        	float: left;
        	font-style: normal;
        	color: #666;
        	margin-bottom: 30px;
        }

        .yzstow ul {
        	width: 1360px;
        	margin: auto;
        }

        .yzstow li a {
        	display: block;
        	clear: both;
        	border: solid 1px #ccc;
        	width: 140px;
        	height: 40px;
        	line-height: 40px;
        	margin: auto;
        }

        .yzstow li a:hover {
        	background: #f21e5f;
        	border: solid 1px #f21e5f;
        	color: #fff
        }

        .yzsthree {
        	height: 900px;
        	background: url(../images/yzs5.jpg) no-repeat center center;
        }

        .yzsthree .yzsscroll .bd {
        	width: 500px;
        	padding-top: 160px;
        	margin-left: 630px
        }

        .yzsthree .yzsscroll .bd li span {
        	color: #222222;
        	font-size: 52px;
        	font-weight: bold;
        }

        .yzsthree .yzsscroll .bd li strong {
        	color: #222222;
        	line-height: 40px;
        	display: block;
        	font-size: 22px;
        	margin-top: 90px;
        	margin-bottom: 50px
        }

        .yzsthree .yzsscroll .bd li p {
        	line-height: 30px;
        	color: #555555
        }

        .yzsthree .yzsscroll .bd li em {
        	width: 130px;
        	height: 35px;
        	background: #222222;
        	line-height: 35px;
        	display: block;
        	text-align: center;
        	margin-top: 100px;
        	line-height: 35px;
        	color: #fff;
        	font-style: normal;
        }

        .yzsthree .yzsscroll .bd li em a {
        	color: #fff
        }

        .yzsthree .w1680 {
        	position: relative;
        }

        .yzsthree .yzsscroll .hd {
        	position: absolute;
        	top: 100px;
        	left: 160px
        }

        .yzsthree .yzsscroll .hd li {
        	width: 190px;
        	height: 110px;
        	border-bottom: solid 1px #cdced0;
        	padding-top: 60px;
        	text-align: right;
        	color: #333
        }

        .yzsthree .yzsscroll .hd li:last-child {
        	border-bottom: none;
        }

        .yzsthree .yzsscroll .bd li:hover em {
        	background: #f21e5f;
        	cursor: pointer;
        }

        .yzsthree .yzsscroll .hd li:hover {
        	color: #e60012;
        	cursor: pointer;
        }

        .yzsfour {
        	height: 800px;
        	background: #fff;
        }

        .yzsfour .w1680 {
        	position: relative;
        }

        .yzsfour .yzsfourtop {
        	margin-top: 110px;
        	margin-left: 160px
        }

        .yzsfour .yzsfourtop strong {
        	color: #222222;
        	font-size: 46px;
        	display: block;
        }

        .yzsfour .yzsfourtop span {
        	color: #222222;
        	font-size: 18px;
        	font-weight: bold;
        }

        .yzsfour .yzsfourtop a {
        	position: absolute;
        	top: 20px;
        	right: 140px;
        }

        .ysfourlu li {
        	width: 338px;
        	float: left;
        	border-left: solid 1px #222222;
        	height: 435px;
        	margin-top: 100px;
        }

        .ysfourlu li:last-child {
        	border-right: solid 1px #222222;
        }

        .ysfourlu li strong {
        	color: #222222;
        	font-size: 32px;
        	display: block;
        	text-align: center;
        	margin-top: 50px;
        	margin-bottom: 50px;
        }

        .ysfourlu li span {
        	text-align: center;
        	display: block;
        	margin-bottom: 85px
        }

        .ysfourlu li img {
        	display: block;
        	margin: auto;
        }

        .ysfourlu {
        	width: 1360px;
        	margin: auto;
        }

        .ysfourlu li i {
        	font-style: normal;
        	font-size: 32px;
        	color: #cccccc;
        	text-align: center;
        	display: block;
        	font-weight: normal;
        	margin-top: 60px;
        }

        .yzsfive {
        	height: 900px;
        	background: url(../images/yzs10.jpg) no-repeat center center;
        }

        .yzsfive .w1680 {
        	position: relative;
        	width: 1360px
        }

        .yzsfive .yzsfivetop strong {
        	color: #ffffff;
        	font-size: 64px;
        	top: 110px;
        	position: absolute;
        }

        .yzsfive .yzsfivetop span {
        	position: absolute;
        	top: 130px;
        	right: 0px;
        	color: #ffffff;
        	font-size: 26px;
        }

        .yzsfive .yzsfivetop p {
        	width: 340px;
        	position: absolute;
        	top: 315px;
        	line-height: 32px;
        	color: #fff;
        }

        .yszfiveimg {
        	position: absolute;
        	top: 640px;
        }

        .yzsfive ul {
        	position: absolute;
        	top: 452px;
        	left: 680px;
        }

        .yzsfive li {
        	width: 320px;
        	height: 300px;
        	background: #fff;
        	float: left;
        	margin-right: 40px;
        	border-radius: 3px
        }

        .yzsfive li:nth-child(2) {
        	margin-right: 0px;
        }

        .yzsfive li span {
        	padding-left: 30px;
        	color: #222222;
        	font-size: 18px;
        	display: block;
        	font-weight: bold;
        	padding-top: 35px;
        }

        .yzsfive li i {
        	color: #222222;
        	font-size: 18px;
        	font-style: normal;
        	font-weight: bold;
        	padding-left: 30px;
        	padding-top: 70px;
        	display: block;
        }

        .yzsfive li strong {
        	display: block;
        	border-top: solid 1px #e5e5e5;
        	margin-top: 30px
        }

        .yzsfive li strong em {
        	float: left;
        	font-size: 52px;
        	color: #222222;
        	font-style: normal;
        	margin-left: 30px;
        	line-height: 90px;
        }

        .yzsfive li strong p {
        	line-height: 90px;
        	float: right;
        	margin-right: 30px;
        	color: #222222;
        	font-size: 15px
        }

        @media screen and (max-width: 1840px) {
        	.service .bd {
        		margin-left: 0px
        	}

        	.newscon {
        		background: #fff;
        		width: auto;
        	}

        	.newsright {
        		display: none
        	}

        	.newsleft {
        		position: inherit !important;
        		margin: auto;
        	}

        	.ntitle {
        		display: block;
        	}

        	.newscon .newstitle {
        		margin-bottom: 0px;
        	}

        	.ntitle {
        		height: 100px;
        		line-height: 100px;
        		width: 100%;
        		margin: auto;
        	}

        	.ntitle li a {
        		float: left;
        		margin-right: 15px;
        		display: block;
        		height: 100px;
        		line-height: 100px;
        		font-size: 18px;
        		margin-left: 15px;
        	}

        	.ntitle li:hover a {
        		color: #000;
        		font-weight: bold;
        	}

        	.ntitle li.on a {
        		color: #000;
        		font-weight: bold;
        	}

        	.newscon .mbx {
        		margin-right: 0px;
        		display: none
        	}

        	.newscon {
        		width: 1680px;
        		margin: auto;
        	}

        	.newscon .newsleft {
        		width: 1680px;
        		margin: auto;
        	}

        	.newscon .newslist {
        		width: 1680px;
        		margin-left: 0px
        	}

        	.newscon .newsul {
        		margin-left: 0px;
        	}

        	.newwidth {
        		width: 1320px !important;
        		margin: auto;
        	}

        	.nyimg {
        		top: 100px;
        	}

        	.nyconcon {
        		padding-top: 400px;
        	}

        	.nylist {
        		position: static;
        		padding-bottom: 50px;
        	}

        	.nylist .nylistscroll .tempWrap {
        		width: 1050px !important
        	}

        	.nylist .newsulny li {
        		width: 310px !important
        	}

        	.newscon .newsul li .newliimg {
        		width: 100%;
        	}

        	.newscon .newsul li img {
        		width: 100%
        	}

        	.nylist {
        		width: 1020px;
        		margin: auto;
        	}

        	.newscon {
        		height: auto !important
        	}
        }

        /* 设置了浏览器宽度小于1680px时 */
        @media screen and (max-width: 1680px) {
        	.yzsthree .yzsscroll .bd {
        		padding-top: 0px;
        	}

        	.yzsthree .yzsscroll .hd {
        		top: -50px;
        	}

        	.yzsthree {
        		height: auto;
        		background: none;
        	}

        	.geekcontact .winwidth {
        		height: auto !important
        	}

        	#canvasGL {
        		height: 1000px !important;
        		width: 100% !important
        	}

        	.winwidth {
        		height: 1000px !important;
        		width: 100% !important
        	}

        	.casetuijscroll .tempWrap {
        		width: 1320px !important;
        	}

        	#canvasGL canvas {
        		height: 1000px !important;
        		width: 100% !important
        	}

        	.casetuij li {
        		margin-right: 7px !important;
        	}

        	.geekcontact .nypage {
        		width: 1340px !important;
        		margin: auto;
        		margin-top: 80px;
        	}

        	.wsnr .winwidth ul li p a:nth-child(2n) {
        		margin-right: 40px;
        	}

        	.wsnr {
        		margin-top: 50px
        	}

        	.winwidth_about {
        		width: 1320px !important;
        	}

        	.winwidth_anli {
        		width: 1320px !important
        	}

        	.winwidth_wsfw {
        		width: 1320px !important
        	}

        	.anlitit ul {
        		margin-left: 0px;
        	}

        	.hearder .wsimg {
        		bottom: 100px;
        	}

        	.Geekcall {
        		left: 50%;
        		margin-left: -480px;
        		top: 180px;
        	}

        	.newscon .newsleft {
        		width: 1320px;
        	}

        	.newscon {
        		width: 1320px;
        	}

        	.w1680 {
        		width: 1340px;
        	}

        	.winwidth {
        		width: 1340px;
        	}

        	.hearder_news .newstop {
        		left: 10px
        	}

        	.hearder_about .winwidth_about {
        		width: 1340px;
        		margin: auto;
        	}

        	.hearder_news .winwidth_news {
        		width: 1340px;
        		margin: auto;
        		height: 600px;
        	}

        	.bodywidth {
        		width: 100%
        	}

        	.hearder .nav {
        		right: 50px;
        	}

        	.service .w1680 {
        		width: 1340px;
        		overflow: hidden
        	}

        	.serbj {
        		display: none;
        	}

        	.hearder .searbut {
        		right: 50px;
        	}

        	.hearder .search_div {
        		right: 50px
        	}

        	.service .sersz1 {
        		display: none;
        	}

        	.service .sersz2 {
        		display: none;
        	}

        	.service .serhd1 li span {
        		display: none !important;
        	}

        	.case .w1680 {
        		width: 1340px;
        	}

        	.case ul li {
        		/* width: 31%; */
        		margin-right: 7px;
        	}

        	.case ul li img {
        		/* width: 435px; */
        		/* height: 325px; */
        	}

        	.case ul li span {
        		width: 100%;
        		/* height: 325px */
        	}

        	.case ul li strong {
        		width: 365px;
        		background: url(../images/cm1.jpg) no-repeat 335px center;
        	}

        	.pardiv {
        		width: 600px
        	}

        	.Parcon {
        		top: -252px;
        		right: -740px;
        		width: 600px
        	}

        	.about .abimg {
        		right: -350px;
        	}

        	.Parcon .Parp {
        		width: 525px;
        	}

        	.news li {
        		width: 640px;
        		margin-right: 60px
        	}

        	.news li a {
        		width: 640px;
        	}

        	.news li:hover:before {
        		background: #111111;
        		width: 640px;
        	}

        	.news li:nth-child(2n) {
        		margin-right: 0px
        	}

        	.news li:nth-child(3) {
        		margin-right: 60px
        	}

        	.news li .newsconhome {
        		width: 400px;
        	}

        	.foot .fnav {
        		margin-right: 50px;
        	}

        	.foot .fend span {
        		position: static;
        		text-align: center;
        		display: block;
        		margin-top: 10px;
        	}

        	.foot .fend strong {
        		position: static;
        		display: block;
        		text-align: center;
        		background: none;
        	}

        	.foot .fend p {
        		text-align: center;
        		position: static;
        		text-align: center;
        		margin: auto;
        	}

        	.service .serhd1 .prev {
        		display: none
        	}

        	.service .serhd1 .next {
        		display: none
        	}

        	.tim1.animated.scroll_response.fadeInUp {
        		left: 250px
        	}

        	.abx1 {
        		left: 490px;
        	}

        	.tim2 {
        		left: 600px;
        	}

        	.abx2 {
        		left: 845px;
        	}

        	.tim3 {
        		left: 955px;
        	}

        	.abcon .abtop {
        		width: 100%;
        		left: 0px;
        		right: 0px;
        	}

        	.abcon {
        		background: none
        	}

        	.abzi {
        		display: none
        	}

        	.abcon .abli {
        		width: 1175px;
        		margin: auto;
        		left: 0px;
        		position: relative;
        	}

        	.abzhigeek {
        		color: #333;
        		font-size: 24px;
        		color: #333;
        		position: absolute;
        		top: 125px;
        	}

        	.abcon .abtop li:nth-child(1) a {
        		margin-left: 0px;
        	}

        	.mbx {
        		margin-right: 0px;
        	}

        	.abcon .abfa .abimg1 {
        		display: none
        	}

        	.abcon .abfa .abimg2 {
        		display: none
        	}

        	.abcon .abfa {
        		top: 240px;
        		clear: both;
        	}

        	.abcon .abfacon {
        		float: inherit;
        		width: 100%;
        		margin: auto;
        		clear: both;
        	}

        	.abcon .abt2 {
        		top: 925px;
        		left: 0px;
        		width: 100%
        	}

        	.abcon .abt2 img {
        		width: 100%
        	}

        	.abcon .abztow {
        		display: none;
        	}

        	.abcon .abt3 {
        		position: absolute;
        		top: 1120px;
        		right: 0px;
        		width: 100%;
        	}

        	.abcon .abt3 img {
        		width: 100%
        	}

        	.abcon .abteam {
        		display: none
        	}

        	.abcon .abscroll {
        		top: 2120px;
        	}

        	.abcon .abscroll .bd li {
        		padding-left: 35px;
        		width: 600px;
        		padding-right: 35px;
        		padding-top: 60px;
        		height: 410px
        	}

        	.abcon .abscroll .bd li i {
        		left: 415px;
        		font-size: 23px;
        		top: 130px
        	}

        	.abcon .abscroll .bd li span {
        		left: 415px;
        		top: 90px;
        	}

        	.abcon .abscroll .bd li strong {
        		left: 415px;
        		top: 220px;
        	}

        	.abcon .abscroll .bd li .more {
        		left: 415px;
        		top: 320px;
        	}

        	.abcon .abscroll .prev {
        		top: -50px;
        	}

        	.abcon .abscroll .next {
        		top: -50px;
        	}

        	.abcon .abscroll .hd2 {
        		top: 530px;
        	}

        	.abcon .abend .abendzi {
        		top: 0px;
        		display: none;
        	}

        	.abcon .abendcon {
        		left: 0px;
        	}

        	.abcon .winwidth {
        		height: 3400px;
        		width: 1340px;
        		margin: auto;
        	}

        	.abcon {
        		height: 3400px;
        		width: 1340px;
        		margin: auto;
        	}

        	.abcon .abend {
        		top: 2000px;
        	}

        	.wsnr .winwidth {
        		height: 500px !important
        	}

        	.wsnrcon .winwidth {
        		width: 1340px !important;
        		height: 1845px !important
        	}

        	.wsdate .winwidth {
        		height: 500px !important
        	}

        	.wsjd .winwidth {
        		height: 500px !important;
        		width: 1340px !important
        	}

        	.wsjd .wsjdcon {
        		width: 600px;
        	}

        	.wsnrcon {
        		overflow: hidden;
        	}

        	.wsimg3 {
        		bottom: 0px
        	}

        	.anlicon .winwidth {
        		height: 215px !important
        	}

        	.anlicon {
        		width: 1320px !important;
        		margin: auto;
        	}

        	.casenylist {
        		width: 1320px !important;
        		margin: auto
        	}

        	.casenylist .winwidth {
        		height: auto !important;
        	}
        }

        /* 设置了浏览器宽度小于1340px时 */
        @media screen and (max-width: 1340px) {
        	.yzsone .w1680 .ysonecen li {
        		margin-right: 20px;
        		margin-left: 20px;
        		display: none
        	}

        	.yzsone .w1680 .ysonecen li a {
        		font-size: 14px;
        	}

        	.casetuij {
        		display: none;
        	}

        	.case ul li:nth-child(3n) {
        		margin-right: 30px
        	}

        	.ysfourlu li {
        		width: 298px;
        	}

        	.yzsfive ul {
        		right: 0px;
        		left: inherit;
        	}

        	.ysfourlu {
        		width: 1200px
        	}

        	.yzstow li {
        		width: 397px;
        	}

        	.yzsthree {
        		height: auto;
        		background: none;
        	}

        	.yzsone .w1680 .yzsonemore {
        		display: none;
        	}

        	.wsjd .winwidth {
        		width: 1200px !important
        	}

        	.wsjd .winwidth {
        		width: 1200px !important;
        	}

        	.abcon h5 {
        		display: none
        	}

        	.abcon .abendcon {
        		top: 0px;
        	}

        	.nypage span {
        		display: none
        	}

        	.abcon {
        		width: 1200px !important;
        		margin: auto;
        	}

        	.abcon .winwidth {
        		margin: auto !important;
        	}

        	.geekcontact .nypage {
        		width: 960px !important;
        		margin: auto;
        	}

        	.geekcontact .nypage a {
        		width: 30% !important
        	}

        	.anlicon {
        		width: 960px !important;
        		margin: auto;
        	}

        	.casenylist {
        		width: 960px !important;
        		margin: auto;
        	}

        	.wsnrcon li:nth-child(3) {
        		left: 70px;
        	}

        	.wsscroll .hd1 {
        		right: 60px
        	}

        	.wsjd .wsjdcon {
        		width: 400px;
        		padding-left: 50px;
        		padding-right: 50px;
        	}

        	.wsdate ul {
        		width: 840px !important;
        	}

        	.wsnrcon li:nth-child(1) {
        		left: 50px
        	}

        	.winwidth_anli {
        		width: 960px !important
        	}

        	.hearder_anli .casetop {
        		left: 0px
        	}

        	.winwidth_about {
        		width: 960px !important;
        	}

        	.winwidth_wsfw {
        		width: 960px !important
        	}

        	.hearder .wsimg {
        		left: 0px;
        		margin-left: 0px;
        		bottom: 210px
        	}

        	.hearder .wsimg img {
        		width: 100%
        	}

        	.wsnr .winwidth {
        		width: 960px !important;
        		margin: auto;
        	}

        	.wsnr {
        		margin-top: 0px;
        		width: 960px;
        		margin: auto;
        	}

        	.wsnr li {
        		width: 480px
        	}

        	.newscon.newny .newsul li {
        		margin-bottom: 20px
        	}

        	.newscon .newslist {
        		width: 960px;
        	}

        	.newscon {
        		height: auto !important
        	}

        	.hearder_news .winwidth_news {
        		width: 960px;
        	}

        	.newwidth {
        		width: 960px !important;
        	}

        	.newscon .newsleft {
        		width: 960px;
        	}

        	.hearder .nav {
        		right: 0px;
        		top: 15px;
        	}

        	.hearder .searbut {
        		right: 0px;
        		top: 15px;
        	}

        	.hearder .search_div {
        		right: 0px;
        		top: 70px;
        	}

        	.w1680 {
        		width: 1200px !important;
        	}

        	.winwidth {
        		width: 1200px !important;
        	}

        	.service .bd li {
        		width: 1200px;
        	}

        	.service .bd {
        		width: 1200px;
        		margin-left: 0px;
        	}

        	.service .bd .sercon {
        		width: 200px;
        	}

        	.service .sercon strong {
        		margin-top: 0px;
        	}

        	.service .simg {
        		width: 900px;
        		float: right;
        	}

        	.case ul li {
        		width: 31%;
        		margin-right: 40px;
        	}

        	.case ul li img {
        		/* width: 580px; */
        		/* height: 411px; */
        	}

        	.case ul li span {
        		width: 100%;
        		/* height: 411px */
        	}

        	.case ul li strong {
        		width: 465px;
        		background: url(../images/cm1.jpg) no-repeat 430px center;
        		overflow: hidden;
        		white-space: nowrap;
        		text-overflow: ellipsis;
        	}

        	.case ul li:nth-child(3) {
        		margin-right: 40px !important;
        	}

        	.case ul li:nth-child(2n) {
        		margin-right: 0px;
        	}

        	.about .abimg {
        		display: none;
        	}

        	.about .abconhome .more {
        		margin-top: 0px;
        		position: absolute;
        		top: -70px;
        	}

        	.Parcon {
        		right: -600px
        	}

        	.news li {
        		width: 580px;
        		margin-right: 40px
        	}

        	.news li a {
        		width: 580px;
        	}

        	.news li:hover:before {
        		background: #111111;
        		width: 580px;
        	}

        	.news li:nth-child(2n) {
        		margin-right: 0px
        	}

        	.news li:nth-child(3) {
        		margin-right: 40px
        	}

        	.news li .newsconhome {
        		width: 300px;
        	}

        	.abcon .abscroll {
        		top: 1960px;
        	}

        	.abscroll .tempWrap {
        		width: 960px !important;
        		margin: auto;
        	}

        	.abcon .abscroll .bd li {
        		width: 410px;
        		height: 580px;
        		text-align: center;
        	}

        	.abcon .abscroll {
        		width: 100%
        	}

        	.hearder_about .winwidth_about {
        		width: 960px;
        		margin: auto;
        	}

        	.tim1.animated.scroll_response.fadeInUp {
        		left: 50px;
        	}

        	.abx1 {
        		left: 300px;
        	}

        	.tim2 {
        		left: 400px
        	}

        	.abx2 {
        		left: 660px;
        	}

        	.tim3 {
        		left: 755px
        	}

        	.abcon .abscroll .bd li span {
        		position: static;
        		display: block;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li i {
        		position: static;
        		display: block;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li strong {
        		position: static;
        		display: block;
        		background: none;
        		padding-left: 0px;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li .more {
        		position: static;
        		width: 143px;
        		margin: auto;
        	}

        	.abcon .abscroll .bd li .more a {
        		margin-right: 10px;
        		margin-left: 10px;
        	}

        	.abcon .abscroll .hd2 {
        		top: 700px;
        	}

        	.abcon .abend {
        		top: 1960px;
        	}

        	.abcon .abendcon span {
        		margin-top: 20px
        	}

        	.abcon .abendcon a {
        		margin-top: 20px
        	}

        	.abcon .abimg {
        		position: static;
        	}

        	.abcon .abimg img {
        		display: block;
        		width: 100%;
        		margin-top: 50px
        	}

        	.abcon {
        		height: 3300px
        	}

        	.newscon .newsone {
        		float: inherit;
        		margin: auto;
        	}

        	.newscon .newsul li {
        		margin-left: 55px;
        		margin-right: 60px;
        		margin-bottom: 0px;
        		margin-top: 60px
        	}

        	.newscon .newsul li:nth-child(2n) {
        		margin-right: 0px;
        		margin-left: 0px
        	}

        	.newscon .newsul li:nth-child(5) {
        		margin-left: 55px
        	}

        	.newscon {
        		width: 960px;
        	}

        	.nyimg img {
        		width: 100%
        	}

        	.nycon {
        		width: 100%
        	}

        	.nypage span {
        		margin-left: -160px;
        	}

        	.nypage .nynext {
        		margin-right: 385px;
        	}

        	.nylist .nylistscroll .tempWrap {
        		width: 960px !important;
        		margin-left: 5px;
        	}

        	.nylist .newsulny li {
        		margin-right: 10px !important;
        		margin-left: 0px !important;
        	}

        	.nylist h3 {
        		margin-bottom: 0px
        	}

        	.wsdate li:nth-child(2) {
        		margin-right: 0px;
        	}
        }

        /* 设置了浏览器宽度小于1200px时 */
        @media screen and (max-width: 1200px) {
        	.yzstop {
        		left: 20%
        	}

        	.ysfourlu {
        		width: 960px
        	}

        	.yzsfive {
        		margin-top: 50px
        	}

        	.yszfiveimg {
        		display: none
        	}

        	.yzsfour {
        		height: auto;
        	}

        	.ysfourlu li:last-child {
        		border-right: none
        	}

        	.yzsthree {
        		display: none;
        	}

        	.ysfourlu li {
        		width: 50%;
        		border: none;
        	}

        	.yzsone .w1680 span {
        		padding-left: 60px;
        	}

        	.yzstow li {
        		width: 318px
        	}

        	.wsnr .winwidth {
        		height: auto !important;
        	}

        	.wsdate ul {
        		width: 840px !important;
        	}

        	.hearder_anli .casetop {
        		left: 20px
        	}

        	.wsnrcon .winwidth {
        		overflow: inherit;
        	}

        	.wsimg1 {
        		right: -650px
        	}

        	.wsimg3 {
        		right: -570px
        	}

        	.wsnr {
        		width: 640px !important;
        		margin: auto !important;
        	}

        	.wsnr li {
        		width: 640px;
        		float: inherit;
        		margin: auto;
        		clear: both;
        	}

        	.wsnr ul {
        		width: 640px !important;
        		margin: auto !important;
        	}

        	.wsnr .winwidth {
        		width: 640px !important;
        		margin: auto !important;
        	}

        	.wsdate li:nth-child(2) {
        		margin-right: 0px;
        	}

        	.geekzi {
        		left: 0px !important;
        	}

        	.geekding {
        		left: 0px !important;
        	}

        	.sekuai {
        		left: 0px !important;
        	}

        	.sekuaitwo {
        		left: 0px !important;
        	}

        	.sekuaithree {
        		display: none !important;
        	}

        	.sekuaifour {
        		left: 0px !important;
        	}

        	.hearder .geekspan {
        		left: 0px !important;
        	}

        	.hearder .nav {
        		right: 0px;
        		top: 15px;
        	}

        	.hearder .searbut {
        		right: 0px;
        		top: 15px;
        	}

        	.hearder .search_div {
        		right: 0px;
        		top: 70px;
        	}

        	.w1680 {
        		width: 960px !important;
        	}

        	.winwidth {
        		width: 960px !important;
        		margin: auto;
        		overflow: hidden;
        	}

        	.service .simg {
        		width: 700px;
        		float: left;
        		margin-left: 30px;
        	}

        	.service .serhd1 {
        		left: 170px
        	}

        	.service .sercon h4 {
        		margin-top: 5px;
        	}

        	.service .sercon img {
        		margin-top: 20px;
        		margin-bottom: 20px;
        	}

        	.case {
        		padding-top: 0px;
        	}

        	.service .bd .sercon {
        		height: 450px
        	}

        	.service {
        		padding-top: 50px;
        	}

        	.case ul li {
        		width: 31%;
        		margin-right: 30px;
        	}

        	.case ul li img {
        		/* //width: 460px; */
        		/* height: 345px; */
        	}

        	.case ul li span {
        		width: 100%;
        		/* height: 345px */
        	}

        	.case ul li strong {
        		width: 400px;
        		background: url(../images/cm1.jpg) no-repeat 380px center;
        	}

        	.case ul li:nth-child(3) {
        		margin-right: 30px !important;
        	}

        	.case ul li:nth-child(2n) {
        		margin-right: 0px;
        	}

        	.about {
        		padding-top: 0px;
        	}

        	.about h5 {
        		display: none
        	}

        	.about h4 {
        		top: 50px;
        	}

        	.about .abconhome {
        		top: 115px;
        		left: 260px;
        		z-index: 9
        	}

        	.about .abconhome span {
        		margin-left: 280px;
        	}

        	.Parcon {
        		right: -450px;
        	}

        	.about .abconhome .more {
        		margin-top: 0px;
        		position: absolute;
        		top: 320px;
        		left: 280px;
        	}

        	.news li {
        		width: 100%;
        		height: 200px;
        	}

        	.news li a {
        		width: 100%;
        	}

        	.news li:hover:before {
        		background: #111111;
        		width: 100%;
        	}

        	.news li:nth-child(2n) {
        		margin-right: 0px
        	}

        	.news li:nth-child(3) {
        		margin-right: 40px
        	}

        	.news li .newsconhome {
        		float: left;
        		padding-right: 55px;
        		width: auto;
        	}

        	.news li .newdate {
        		height: 200px;
        		background: url(../images/n2.png) no-repeat 30px 100px;
        	}

        	.news li:hover .newdate {
        		background: url(../images/n2.png) no-repeat 30px 100px;
        	}

        	.news li .newdate span {
        		margin-top: 30px
        	}

        	.news li .newsconhome span {
        		margin-top: 27px;
        	}

        	.foot .fnav {
        		margin-top: 50px
        	}

        	.foot .fwx {
        		display: none
        	}

        	.foot .w1680 {
        		height: 505px;
        	}

        	.foot {
        		height: 505px;
        	}

        	.foot .fend p {
        		width: 80%;
        		margin-right: 10%;
        		margin-left: 10%;
        		line-height: 24px;
        		font-size: 12px
        	}

        	.service .serhd1 .prev {
        		display: none
        	}

        	.service .serhd1 .next {
        		display: none
        	}

        	.abcon .abscroll .bd li span {
        		position: static;
        		display: block;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li i {
        		position: static;
        		display: block;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li strong {
        		position: static;
        		display: block;
        		background: none;
        		padding-left: 0px;
        		margin-top: 10px;
        		margin-bottom: 10px;
        	}

        	.abcon .abscroll .bd li .more {
        		position: static;
        		width: 143px;
        		margin: auto;
        	}

        	.abcon .abscroll .bd li .more a {
        		margin-right: 10px;
        		margin-left: 10px;
        	}

        	.abcon .abscroll {
        		top: 1940px;
        	}

        	.abcon .abli li {
        		margin-right: 100px;
        		margin-left: 100px
        	}

        	.abcon .abli li:nth-child(2n) {
        		margin-right: 0px;
        		margin-left: 0px
        	}

        	.abcon .abli {
        		width: 960px;
        	}

        	.abcon .abend {
        		top: 1700px;
        	}

        	.abcon .abt2 {
        		display: none
        	}

        	.abcon .abt3 {
        		top: 1250px;
        	}

        	.abcon .abfacon a {
        		margin-top: 40px
        	}

        	.wscase .wscali {
        		margin-left: 0px
        	}

        	.wsjd .wsjdcon {
        		padding-left: 0px;
        		padding-right: 0px;
        		float: inherit;
        		margin: auto;
        	}

        	.wsjd {
        		height: auto;
        	}

        	.wsjd .wsjdcon span {
        		display: none
        	}

        	.wsjd .wsjdcon strong {
        		padding-top: 50px
        	}

        	.wsscroll {
        		float: inherit;
        		margin: auto;
        	}

        	.wsscroll .bd li {
        		margin-top: 30px;
        		margin-bottom: 50px;
        	}

        	.yzstow {
        		margin-bottom: 0px;
        	}
        }

        @media screen and (max-width:960px) {
        	.about .abvideo {
        		display: none
        	}

        	.yzsfour .yzsfourtop a {
        		display: none
        	}

        	.yzsfive .w1680 {
        		height: 900px;
        	}

        	.yzsfive .yzsfivetop p {
        		width: 100%
        	}

        	.yzsfive ul {
        		width: 100%
        	}

        	.yzsfive li {
        		width: 49%;
        		margin-right: 2%;
        	}

        	.yzsfive li:nth-child(2) {
        		margin-right: 0px;
        	}

        	.ysfourlu {
        		width: 100%
        	}

        	.ysfourlu li {
        		width: 100%
        	}

        	.yzstow li {
        		border: none
        	}

        	.yzsone .w1680 .ysonecen {
        		float: inherit;
        		margin-left: 0px
        	}

        	.yzstow ul {
        		width: 100%
        	}

        	.yzstow li {
        		width: 100%;
        	}

        	.geekcontact .nypage {
        		width: 640px !important;
        		margin: auto;
        	}

        	.anlicon {
        		width: 640px !important;
        		margin: auto;
        	}

        	.casenylist {
        		width: 640px !important;
        		margin: auto;
        	}

        	.abcon {
        		width: 640px !important
        	}

        	.serviceweb h3 {
        		margin-top: 20px;
        		margin-bottom: 20px;
        	}

        	.serviceweb li a strong {
        		font-size: 18px;
        		color: #333;
        		margin-top: 10px;
        		display: block;
        		margin-bottom: 30px;
        		text-align: center;
        	}

        	.serviceweb h3 a {
        		float: right;
        		margin-top: 5px;
        		padding-left: 30px;
        		background: url(../images/cm.jpg) no-repeat center left;
        		transition: all 0.8s;
        	}

        	.wsnr .winwidth {
        		height: 1200px !important;
        	}

        	.wsjd .winwidth {
        		width: 640px !important;
        	}

        	.service {
        		display: none;
        	}

        	.serviceweb {
        		display: block;
        	}

        	#canvasGL {
        		height: 1200px !important;
        		width: 100% !important
        	}

        	.winwidth {
        		height: 1200px !important;
        		width: 100% !important
        	}

        	#canvasGL canvas {
        		height: 1200px !important;
        		width: 100% !important
        	}

        	.about .abx1 {
        		display: none;
        	}

        	.winwidth_wsfw {
        		width: 640px !important
        	}

        	.hearder .wsmbx {
        		right: auto;
        		left: 0px
        	}

        	.wscase .wscali {
        		margin-left: 0px
        	}

        	.wsdate ul {
        		width: 640px !important;
        	}

        	.wsdate ul li {
        		padding-left: 10px;
        		padding-right: 10px
        	}

        	.anlicon .anlitit li {
        		padding-left: 60px;
        		padding-right: 0px
        	}

        	.anlicon .anlitit li {
        		height: 32px;
        		line-height: 32px;
        		margin-top: 60px;
        	}

        	.winwidth_about {
        		width: 640px !important;
        	}

        	.Geekcall p span {
        		width: 200px
        	}

        	.Geekcall {
        		width: 640px;
        		margin: auto;
        		position: absolute;
        		left: 0px;
        		right: 0;
        	}

        	.newscon .newsleft {}

        	.wsnrcon li:nth-child(2) {
        		left: 0;
        	}

        	.wsnrcon li:nth-child(1) {
        		left: 0;
        	}

        	.wsdate li {
        		margin-right: 10px;
        		width: 300px;
        		margin-left: 10px;
        		margin: auto;
        	}

        	.hearder_about .winwidth_about {
        		width: 640px !important;
        	}

        	.webnav {
        		display: block;
        		position: absolute;
        		z-index: 99999;
        		position: fixed;
        		right: 0px;
        		top: 0px;
        		width: 100%;
        	}

        	.nav {
        		display: none;
        	}

        	.webnav .webbutton {
        		width: 70px;
        		height: 50px;
        		background: #fff;
        		position: absolute;
        		border-radius: 5px;
        		z-index: 9999999;
        		right: 2%;
        		top: 12px;
        		cursor: pointer;
        	}

        	.webnav .webbutton:before {
        		content: "";
        		width: 50px;
        		height: 2px;
        		background: #333;
        		display: block;
        		position: absolute;
        		top: 20px;
        		left: 5px;
        		transition: all 0.3s;
        	}

        	.webnav .webbutton:after {
        		content: "";
        		width: 40px;
        		height: 2px;
        		background: #333;
        		display: block;
        		position: absolute;
        		top: 30px;
        		left: 5px;
        		transition: all 0.3s;
        	}

        	.webul {
        		width: 0%;
        		background: url(../images/navbj.png) repeat center center;
        		height: 100%;
        		z-index: 999999;
        		position: absolute;
        		top: 0px;
        		left: 0px;
        		display: none
        	}

        	.webnav .webbutton:hover span {
        		display: none
        	}

        	.webnav .webbutton.on:before {
        		width: 50px;
        		top: 25px;
        		left: 0px;
        		transform: rotate(45deg);
        		-ms-transform: rotate(45deg);
        		/* Internet Explorer */
        		-moz-transform: rotate(45deg);
        		/* Firefox */
        		-webkit-transform: rotate(45deg);
        		/* Safari 和 Chrome */
        		-o-transform: rotate(45deg);
        		/* Opera */
        	}

        	.webnav .webbutton.on:after {
        		width: 50px;
        		top: 25px;
        		left: 0px;
        		transform: rotate(-45deg);
        		-ms-transform: rotate(-45deg);
        		/* Internet Explorer */
        		-moz-transform: rotate(-45deg);
        		/* Firefox */
        		-webkit-transform: rotate(-45deg);
        		/* Safari 和 Chrome */
        		-o-transform: rotate(-5deg);
        		/* Opera */
        	}

        	.webul li a {
        		height: 90px;
        		line-height: 90px;
        		background: #fff;
        		text-align: center;
        		display: block;
        		border-bottom: solid 1px #ccc
        	}

        	.webul li:last-child {
        		border-bottom: none
        	}

        	.webul li a {
        		color: #666;
        		font-size: 24px;
        		font-weight: bold;
        	}

        	.webul li:hover a {
        		background: #222;
        		color: #fff;
        		border-bottom: none
        	}

        	.w1680 {
        		width: 640px !important;
        		overflow: hidden;
        		margin: auto;
        	}

        	.winwidth {
        		width: 640px !important;
        		margin: auto;
        		overflow: hidden;
        	}

        	.geekzi {
        		display: none
        	}

        	.geekding {
        		display: none
        	}

        	.sekuaitwo {
        		display: none
        	}

        	.sekuaifour {
        		display: none
        	}

        	.geekspan {
        		display: none !important;
        	}

        	.sekuai {
        		display: none
        	}

        	.webzione {
        		color: #fff;
        		font-size: 120px;
        		left: 0%;
        		top: 200px;
        		position: absolute;
        		font-weight: bold;
        		display: block;
        	}

        	.webzitwo {
        		color: #fff;
        		font-size: 30px;
        		left: 0%;
        		top: 350px;
        		position: absolute;
        		display: block;
        		z-index: 3
        	}

        	.webzithree {
        		color: #666;
        		font-size: 16px;
        		left: 0%;
        		top: 450px;
        		position: absolute;
        		background: #fff;
        		line-height: 30px;
        		height: 30px;
        		padding-left: 10px;
        		padding-right: 10px;
        		letter-spacing: 6px;
        		z-index: 99;
        		display: block;
        	}

        	.hearder .geekone {
        		position: absolute;
        		left: 10px !important;
        	}

        	.hearder .geektow {
        		position: absolute;
        		left: 0% !important;
        	}

        	.searbut {
        		display: none !important
        	}

        	.hearder .geeksan {
        		margin-left: -25px;
        	}

        	.hearder .geekgun {
        		margin-left: -25px;
        	}

        	.service .serhd1 {
        		width: 100%;
        		position: static;
        		margin-left: -15px;
        	}

        	.service h3 {
        		margin-left: 0%;
        	}

        	.service .serhd1 .prev {
        		right: 100px;
        	}

        	.service .serhd1 .next {
        		right: 50px;
        	}

        	.serscroll {
        		margin-top: -50px
        	}

        	.case {
        		padding-top: 50px;
        		clear: both;
        	}

        	.service .serhd1 li a {
        		padding-left: 17px;
        	}

        	.service .serhd1 li:hover a {
        		background: none;
        		color: #f21c61
        	}

        	.service .serhd1 li.on a {
        		background: none;
        		color: #f21c61
        	}

        	.service .bd {
        		width: 640px;
        	}

        	.service .bd .sercon {
        		float: inherit;
        	}

        	.service .sercon img {
        		display: none;
        	}

        	.service .sercon i {
        		display: none;
        	}

        	.service .bd .sercon {
        		width: auto;
        		clear: both;
        		height: 110px;
        	}

        	.service .simg {
        		width: 100%;
        		margin: auto;
        		margin-top: 80px;
        	}

        	.service .sercon strong {
        		display: none;
        	}

        	.service .sercon h4 {
        		padding-top: 30px;
        		padding-bottom: 30px;
        	}

        	.service .bd li {
        		width: 100%
        	}

        	.service {
        		width: 640px;
        		margin: auto;
        	}

        	.case ul li {
        		width: 31%;
        		margin-right: 35px;
        	}

        	.case ul li img {
        		/* width: 300px; */
        		/* height: 224px; */
        	}

        	.case ul li span {
        		width: 100%;
        		/* height: 224px */
        	}

        	.case ul li strong {
        		width: 250px;
        		background: url(../images/cm1.jpg) no-repeat 220px center;
        	}

        	.case ul li:nth-child(3) {
        		margin-right: 30px !important;
        	}

        	.case ul li:nth-child(2n) {
        		margin-right: 0px;
        	}

        	.about .abconhome {
        		left: 0px;
        		width: 100%
        	}

        	.about .abconhome p {
        		width: 100%;
        		font-size: 20px;
        	}

        	.about .abconhome span {
        		margin-left: 0px;
        		width: 100%;
        		display: none
        	}

        	.about .abvi {
        		display: none
        	}

        	.about .abvideo {
        		top: 390px;
        		left: 0px;
        	}

        	.about .abconhome .more {
        		position: absolute;
        		top: 715px;
        		left: auto
        	}

        	.Partnerimg {
        		display: none
        	}

        	.pardiv {
        		width: 100%
        	}

        	.Parcon {
        		right: 0px;
        		width: 100%;
        		top: 10px;
        	}

        	.Parcon i {
        		padding-top: 50px
        	}

        	.Parcon .more {
        		margin-top: 20px;
        	}

        	.Parcon .more1 {
        		top: 400px;
        	}

        	.parx {
        		display: none
        	}

        	.Parcon .Parp {
        		top: 500px;
        	}

        	.Parcon ul {
        		top: 680px;
        	}

        	.news {
        		padding-top: 70px;
        	}

        	.news li .newsconhome {
        		width: 400px;
        	}

        	.webend {
        		position: fixed;
        		width: 100%;
        		height: 80px;
        		line-height: 80px;
        		bottom: 0px;
        		left: 0px;
        		display: block;
        		z-index: 99999;
        		background: #fff;
        		text-align: center;
        		border-top: solid 1px #dedede;
        	}

        	.webend li {
        		width: 25%;
        		float: left;
        		position: relative;
        	}

        	.webend li:after {
        		content: "";
        		height: 70px;
        		width: 1px;
        		background: #dedede;
        		position: absolute;
        		top: 5px;
        		right: 0px;
        		display: block;
        	}

        	.webend li:nth-child(4):after {
        		display: none;
        	}

        	.webend li a {
        		font-size: 20px;
        		font-weight: bold;
        	}

        	.hearder .geeksan {
        		bottom: 175px;
        	}

        	.hearder .geekgun {
        		bottom: 100px;
        	}

        	.foot {
        		padding-bottom: 120px;
        	}

        	.foot .fnav {
        		display: none
        	}

        	.foot .fwx {
        		display: block;
        		float: inherit;
        		padding-top: 70px;
        		text-align: center;
        		width: 385px;
        		margin: auto;
        	}

        	.webend li:hover {
        		background: #dedede;
        		color: #fff
        	}

        	.qq {
        		display: none
        	}

        	.abx1 {
        		display: none
        	}

        	.tim1.animated.scroll_response.fadeInUp {
        		left: 10px;
        	}

        	.tim2 {
        		left: 50%;
        		margin-left: -65px
        	}

        	.tim3 {
        		left: auto;
        		right: 0px;
        	}

        	.abcon .abtop li a {
        		margin-left: 15px;
        	}

        	.abcon .abli {
        		width: 640px;
        	}

        	.abcon .abli li {
        		margin: auto;
        		float: initial;
        	}

        	.abcon .abli li:nth-child(2n) {
        		margin-right: auto;
        		margin-left: auto;
        	}

        	.abcon .abli li:nth-child(3) {
        		margin-right: auto;
        	}

        	.abcon .abt3 {
        		top: 800px;
        	}

        	.abcon .abscroll {
        		top: 1800px;
        	}

        	.abcon .abscroll .bd li {
        		width: 50%;
        		padding-right: 0px;
        		padding-left: 0px;
        		padding-bottom: 60px;
        		height: auto;
        	}

        	.abcon .abscroll .bd li img {
        		width: 80%
        	}

        	.abcon .abscroll .bd li span {
        		font-size: 16px;
        	}

        	.abcon .abscroll .bd li i {
        		font-size: 18px
        	}

        	.abscroll .tempWrap {
        		width: auto !important
        	}

        	.abcon .abscroll .hd2 {
        		top: 550px;
        	}

        	.abcon .abend {
        		top: 800px
        	}

        	.newwidth {
        		width: 640px !important;
        	}

        	.newscon .newsone {
        		width: 570px !important;
        	}

        	.newscon .newslist {
        		width: 640px
        	}

        	.newscon .newsul li {
        		margin-left: 0px;
        		margin-right: 20px;
        		width: 310px;
        	}

        	.newscon .newsul li:nth-child(2n) {
        		margin-right: 0px;
        	}

        	.newscon .newsleft {
        		width: 640px
        	}

        	.newscon {
        		width: 640px;
        	}

        	.newscon .newsul li img {
        		width: 310px;
        	}

        	.newliimg {
        		width: 310px !important
        	}

        	.newscon .newsul li:nth-child(5) {
        		margin-left: 0px;
        	}

        	.nyconcon {
        		padding-top: 250px;
        	}

        	.nypage span {
        		display: none
        	}

        	.nypage {
        		width: auto;
        		left: 0px;
        		margin-bottom: 50px;
        	}

        	.nypage .nyprve {
        		margin-left: 0px;
        	}

        	.nypage .nynext {
        		margin-right: 0px;
        		text-align: right;
        	}

        	.nylist {
        		display: none
        	}

        	.abli {
        		display: none
        	}

        	.item {
        		position: relative;
        		top: 210px;
        		display: block;
        	}

        	.abcon .winwidth {
        		height: 800px !important;
        	}

        	.abcon {
        		height: 2500px !important;
        	}

        	.abcon .abscroll .next {
        		display: none;
        	}

        	.abcon .abscroll .prev {
        		display: none;
        	}

        	.abcon .abscroll .hd2 {
        		display: none;
        	}

        	.hearder_wsfw {
        		height: 500px;
        	}

        	.hearder_wsfw .winwidth_wsfw {
        		height: 500px;
        	}

        	.hearder .wsimg {
        		bottom: 50px;
        	}

        	.winwidth_wsfw .wsmbx {
        		display: none
        	}

        	.wsnrcon .winwidth {
        		width: 100% !important;
        		overflow: hidden;
        	}

        	.wsnrcon li:nth-child(1) {
        		left: 50px;
        	}

        	.wsnrcon li:nth-child(2) {
        		left: 50px;
        	}

        	.wsnrcon li:nth-child(3) {
        		left: 50px;
        	}

        	.wsimg1 {
        		right: -780px;
        	}

        	.wsimg3 {
        		bottom: 0px;
        	}

        	.wsnrcon .winwidth {
        		height: 1845px !important
        	}

        	.wsimg2 {
        		position: absolute;
        		top: 700px;
        		left: 500px;
        		width: 50%;
        	}

        	.wsdate li:nth-child(2) {
        		text-align: right;
        	}

        	.wsdate li span {
        		background: none;
        		padding-left: 0px;
        	}

        	.hearder_wsfw .wsnrcon {
        		margin-bottom: 50px;
        	}

        	.wsdate em {
        		margin: auto;
        		margin-top: 60px;
        		margin-bottom: 60px;
        	}

        	.wsdate li {
        		height: 410px;
        	}

        	.wsdate li p {
        		overflow: hidden;
        		white-space: nowrap;
        		text-overflow: ellipsis;
        	}

        	.wsdate .winwidth {
        		height: 850px !important
        	}

        	.wsjd .winwidth {
        		height: 850px !important
        	}

        	.wsscroll .hd2 {
        		display: none
        	}

        	.wsscroll .hd1 .prev {
        		display: none
        	}

        	.wsscroll .hd1 .next {
        		display: none
        	}

        	.anlicon .winwidth {
        		height: auto !important
        	}

        	.winwidth_anli {
        		width: 100% !important
        	}

        	.hearder_anli .winwidth_anli {
        		height: 600px;
        	}

        	.hearder_anli .winwidth_al {
        		height: 800px;
        	}

        	.case .winwidth {
        		height: auto !important
        	}

        	/*prograss*/
        	.prograss {
        		background: #eee;
        		height: 15px;
        		width: 100% !important;
        		position: relative;
        		border-radius: 2px;
        		margin-top: 10px;
        	}

        	.prograss .bar {
        		background: #e95549;
        		height: 100%;
        		width: 10%;
        		border-radius: 2px 0 0 2px;
        	}

        	.prograss_bar_yellow {
        		background: #f8b757 !important;
        	}

        	.newscon .newstitle {
        		display: none
        	}

        	.ntitle {
        		width: 100%;
        	}

        	.ntitle li {
        		width: 25%;
        		float: left;
        		text-align: center;
        	}

        	.ntitle li a { 
        		width: 100%;
        		margin-right: 0px;
        		margin-left: 0px;
        	}

        	.hearder_news {
        		width: 100% !important;
        		overflow: hidden;
        	}
			.haed_nav .header_nav a {
				line-height: 75px;
				
			}
			
        }
		
		@media screen and (max-width: 768px) {
				.hearder_anli{
					height: auto;
				}
				.hearder_wsfw{
					height: auto;
				}
			
		}