body{
	background:#eaeaea;
}
section.about-banner{
	height: 797px;
	background: #fff url('../images/about_banner.jpg') no-repeat center;
}

section.about{
	position:relative;
	padding: 0 10px;
	overflow: hidden;
}
section.about > div.p-rel{
	z-index: 1;
}
section.about.step_1{
	overflow: inherit;
}
section.about.step_1 div.left{
	height: 380px;
	background:#fff;
	overflow: hidden;
	position:absolute;
	left:0;
	top:-85px;
	z-index: 2;
}
section.about.step_1 div.left img{
	display: block;
	min-height: 100%;
}
section.about.step_1 div.right{
	background: #fff;
	height: 366px;
	position:relative;
	right: 0;
	top:-22px;
	float: right;
	z-index: 1;
}
section.about.step_1 div.right div.box{
	width: 60%;
	max-width:530px;
	margin: 65px auto 0;
}
section.about.step_1 div.right div.box h1{
	font-size: 26px;
	font-weight: bold;
}
section.about.step_1 div.right div.box small{
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	color: #666;
}
section.about.step_1 div.right div.box div{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 15px;
}
section.about.step_1 div.right div.box a{
	display: block;
	width:138px;
	height: 34px;
	border:1px solid #d0d0d0;
	margin-top: 40px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAMBAMAAAAqgQioAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX///9xcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXGb6tXOAAAAC3RSTlMAESIzRFV3maq7/2dQqAUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAN0lEQVQYlWNgwAkCcUsBgTleWdYEvNKpeGXZFRhW4QEL8OllwWuxBj5Jxon4ZDkU8Mni9xBQKwDVoxZ9q9WSAwAAAABJRU5ErkJggg==') no-repeat center;
}
section.about.step_2{
	margin-top: 56px;
}
section.about.step_2 div.top{
	background:#fff;
	/*max-width:1000px;*/
	overflow: hidden;
	position:relative;
	padding-bottom: 45px;
}
section.about.step_2 div.top h2{
	margin-top: 65px;
	font-size: 26px;
	font-weight: bold;
	color: #141111;
}
section.about.step_2 div.top div.desc{
	font-size: 15px;
	line-height: 24px;
	color: #666;
	margin-top: 15px;
}
section.about.step_2 div.top:after{
	content:'';
	display: block;
	width:138px;
	height: 34px;
	border:1px solid #d0d0d0;
	position:absolute;
	left:520px;
	top:105px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAMBAMAAAAqgQioAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX///9xcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXGb6tXOAAAAC3RSTlMAESIzRFV3maq7/2dQqAUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAN0lEQVQYlWNgwAkCcUsBgTleWdYEvNKpeGXZFRhW4QEL8OllwWuxBj5Jxon4ZDkU8Mni9xBQKwDVoxZ9q9WSAwAAAABJRU5ErkJggg==') no-repeat center;
}
section.about.step_2 div.blue{
	height: 533px;
	background: #2c92f8;
	position:absolute;
	right:0;
	top:50px;
	z-index: 0;
}
section.about.step_2 div.caselist{
	position:relative;
	float: left;
	z-index: 1;
}
section.about.step_2 div.caselist div.bd{
	height: 488px;
	margin-right: 115px;
	/*overflow: hidden;*/
	/*background:#fff;*/
}
section.about.step_2 div.caselist div.left li{
	height: 244px;
	overflow: hidden;
}
section.about.step_2 div.caselist div.right li{
	height: 488px;
	overflow: hidden;
	position:relative;
}
section.about.step_2 div.caselist div li a,
section.about.step_2 div.caselist div li img{
	display: block;
	width:100%;
	height: 100%;
}
section.about.step_2 div.caselist div.right li span{
	display: block;
	text-align:center;
	width:100%;
	position:absolute;
	top:50%;
	color: #fff;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
section.about.step_2 div.caselist div.right li b{
	font-size: 72px;
	display: block;
	font-family: '黑体','微软雅黑';
}
section.about.step_2 div.caselist div.right li small{
	font-size: 15px;
	line-height: 24px;
}
section.about.step_2 div.caselist a.prev,
section.about.step_2 div.caselist a.next{
	display: block;
	position:absolute;
	right:-115px;
	bottom:118px;
	width:115px;
	height: 118px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAZBAMAAABawcpVAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMgikducAAAAC3RSTlMAEVVmd4iZqrvM/9GfQwIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAo0lEQVQokW3QrRLCMBAE4J0CoZLnQKFRKERVNQqNQlehUWgsUGCfkktImr9bk8zON5ebAFPMClruN61t+dXqK6nwltS4YIULHslPWQ/kZk1e8nZJPtBU3GKg5A6j4oJ39txmXPDTXWbkO9Ynjx0/h9YEnPOIU55gYD5xwX18p/Nc8CvZVfhYY8ePFQ58KLCf3v1HJVnYfRs7Kc/Bftu+bGF6/AADylGZK97QaAAAAABJRU5ErkJggg==') no-repeat center;
}
section.about.step_2 div.caselist a.next{
	bottom:0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAZBAMAAABawcpVAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMgikducAAAAC3RSTlMAEVVmd4iZqrvM/9GfQwIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAp0lEQVQokW3QqxLCQAwF0Ds8SiXfgUKjqhBV1ajqKjQKjUJjefZ+JdntdrpJGpW5c/aRAEfYKhpgwdbGpydQ82PSNVnhQjY6rskzCvKt0hXj+c5wweE1wxO2PN6Mgb9y/E1tF36U6jBixZcTznmGgc3IFUYYtUr4msXCZT2yNv7UxML3wE7jxB0euMNAKavwGLhR6u5i4exdGrnHgc9h4DGHZZHbqf8DU2FRmY0H874AAAAASUVORK5CYII=');
}
section.about.step_2 div.bg{
	height: 822px;
	position:absolute;
	background: #fff;
	width:calc(50% + 300px);
	left:0;
	top:0;
	z-index: 0;
}



section.about.step_3{

}
section.about.step_3 div.bg{
	height: 885px;
	width: calc(50% + 400px);
	position:absolute;
	background:#fff;
	right: 0;
	bottom: 0;
	z-index: 0;
}
section.about.step_3 div.bottom{
	max-width:381px;
	height: 368px;
	background:#2c92f8;
	color: #fff;
	overflow: hidden;
	padding:100px 50px;
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.about.step_3 div.bottom h3{
	font-size:26px;
	font-weight: bold;
}
section.about.step_3 div.bottom div{
	font-size: 15px;
	line-height: 24px;
	margin-top: 10px;
}
section.about.step_3 div.bottom span{
	display: block;
	width:138px;
	height: 34px;
	border:1px solid #fff;
	margin-top: 33px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAMBAMAAAAqgQioAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAC3RSTlMAESIzRFV3maq7/2dQqAUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAN0lEQVQYlWNgwAkCcUsBgTleWdYEvNKpeGXZFRhW4QEL8OllwWuxBj5Jxon4ZDkU8Mni9xBQKwDVoxZ9q9WSAwAAAABJRU5ErkJggg==') no-repeat center;
}
section.about.step_3 div.arclist{
	background:#fff;
	/*max-width:1100px;*/
	position:relative;
	float: right;
}
section.about.step_3 div.arclist ul{
	margin-left: 10%;
}
section.about.step_3 div.arclist ul li div{
	padding:60px 0 53px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnAQMAAAC2bcN2AAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAGUlEQVQImWNgYKhhAAHakv+B4B9Oki5uAADoJClbq/YAFQAAAABJRU5ErkJggg==') no-repeat right 38px center;
}
section.about.step_3 div.arclist ul li span.fl{
	display: block;
	width:77px;
	text-align: center;
	font-size: 16px;
	color: #616161;
	padding-top: 61px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAwBAMAAAC8pwoSAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmambAcKAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGjSURBVDiNrZS/TsMwEMYvBaWFCujIRlYWlI2xbEgMwBvAG8AbwMSciTXsHcrQLULlDUCqBGPhAUiEBKjQEuOz4/9us3BLfZ9+dT6f7wzAY7eXXUcwP8IxwRgoZal8y2jc5QlLmwXhMVJEpZBzzBpjkZIbhzjF7FACZOYQezRZJlo82kRMkx2dmPqIB1w8dWC7kM6QKPO8IkL8/UJ1BVev1SZYnCEn1oUfgAu6+tHKhAT9ORNbALTpsnQJtHHLlYYsgE4EwjBGX9GKCPU6dWnyYhOrygbAGk0+bQLFdyHheSc2saGVmn1yahNd/UbR9q9NYDkupVbwChhEapQAO6XjIWJDiy3C1RYTfeObPiL9B6L+K0PZTYrAfx0vPItbscgisDcTqfmqfqK3VcN3c1u1t+900LdNtGu7sKlv7O1kNg2iJbzTwEqQqKO4E8UK8sGVOVOJk11GTEnNYRBEi4gD4HDpRgXBjJDnKDgglg1G4O7eV0oSeNPGS3fvI+BIATPwEr4XF4RD7qslgJEBsG6pnG+yXcqBCQC+/eJswX4vu4rAF39MpWxnaUZMMAAAAABJRU5ErkJggg==') no-repeat center top;
}
section.about.step_3 div.arclist ul li:nth-child(2) span.fl{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAwBAMAAACmm+qcAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmambAcKAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAJOSURBVDiNhVW/T9NBFH9VpNKiMDiYmMA3bibGdGOTbibEKJsj/Q9KGBhYyuQKk6N1Z6iD29ekMjhjJNHNoouTNBIUS6HP77337t07euhbvtfPfe7u834WgG1hJ3+RQWy3NvJ8PQIne+jsjcWuvCQM3weo3GcI9w1tTzD8rlDPQ/hKeS3F8KNATwJ05mlTaGyZoAkLfRBe24LHBD2w0FAcsxiOCCPBn2bhHnmzSticW56vQWmJiJv+6G/V9JV4HZV1x60OisVNt6irj6duUQqqoFssfxXfpr8OoOq1lIMCumcg8l5LIN12o1hMO3XieYW9oydqgnXkzEzxPRHsOvMmbXQXRfPT4nvkk8q8SpAHcEM0P+4z30dhyFs/bbb+sNRnm+bsgKX4ZJGIIcTW4gcXbZWUjJ9iExLnpqSFzaUu5lExbXNhNBTtFb9mLa3s66BtwsdJqlle12ew+0/eQ/Qpinc6kQoKLkf0Ai9We5UqclT/H69N1+0mFEXv3ifaSUp5V2sW4Bq9ep6FG5aT/m6hhDihyMU5s77qhGiZM1HeKMKnurMSyp4LX+qgihgpmr+krigm35Q2XqcDPYFnpiSqqbrnsgx6QNsEdPdAHY8qm/rS3+/7kpoxuo5Pbgd3OZhz4w3QQh0lOjfI2+OY5+bHKNNdbsv+2LMshZysoHeDuqKuLtxdqIlA/JzJSCR503jBHJqYuzMpXjTH3xGvmeLRdBKTybWV5I3/z3SSPHbZma/KvTQPbtONI/0f/PIjD/b28LDf8CF6tJM/z+By+wskriVztAahMAAAAABJRU5ErkJggg==');
}
section.about.step_3 div.arclist ul li:nth-child(3) span.fl{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAwBAMAAACmm+qcAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmambAcKAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAJjSURBVDiNjVU7axRRFD47G9b4iNlGSOdgIQii6bQy6QIWcf+B21olnSLIprKx2UrLiZVFhLGwkQkotoFEEB9YOKa12FHwmZi5znndx8wQcpo98+1373nc79wLwHZlI3sYQ2hL2eetJwHYyw3a8xbMB48VDJm3HmbU3ikU5RZbb8EsuOygf8q7YRrglAeZNy2YeUbYJR/aZ95p+ignE/r9TdgOuu/7cIGqWSUsFQzmECypfoR+oXccvV30Om6XU7qYQiwSNqq8PXSmERtzCrkkuKLbAZzUGLj2QCofSXU7tiCIcJth5VwsNCzA2Qr7JqnMC5baNeef7go2y7ye392F6uMLhCa8Ey49gJnq42eNd5nzw7++K4ad+VPjjfiEZ91hcRL7NV7BtS34Kul4/RDTXmH71oLFAa2bS/6JtIwN0b7452KIruZ6MonXPoCX3leiGtqr/9POKwdNXuplIbyv840dwmyF92lwNJ4xj48Ut7JBax2L4j94cfvOZqFqT4XfrJcsSkXuzT7HEBAL1trITQK0nBuPbaWhm072LPyaDuiiOWD5H6orGoy4qdO/NR7lPCR9Hap76sEqhbeh3BydeRTwxhxeJSdzGd3a5nm3PVjj8GNXLjZz2njHMiUgNvAHQzoLXfzrFTgQe493SRkTlBgZy1xVDLwP9pSCUJE48lwGDpd5DRa0i82HuHPdGD3rGXLxReDLkxa33Ltd/ign8mAMbUFqkv2Kj2mq3hugN1cv4K1L2/I6AnDNo+mNySWjee9W4qL2LThHO5b+O9i5J7SPfR9d2sjuxxBY9262lem7+h86qCKLlH6RAgAAAABJRU5ErkJggg==');
}
section.about.step_3 div.arclist ul li dl{
	width:610px;
	margin-left: 42px;
}
section.about.step_3 div.arclist ul li dl dt{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 22px;
}
section.about.step_3 div.arclist ul li dl dd{
	margin-top: 12px;
	font-size: 15px;
	line-height: 24px;
	color:#666;
}
section.about.step_4{
	margin-top: 75px;
	padding:80px 10px 100px;
	background: #fff;
}
section.about.step_4 div.top h3{
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
}
section.about.step_4 div.top a{
	float: right;
	line-height: 32px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
section.about.step_4 div.box{
	margin-top: 40px;
}
section.about.step_4 div.box li a.thumb{
	display: block;
	overflow: hidden;
}
section.about.step_4 div.box li a.thumb img{
	display: block;
	width:100%;
}
section.about.step_4 div.box li div.bottom{
	border:1px solid #d2d2d2;
	border-top: 0;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.about.step_4 div.box li div.bottom a.title{
	display: block;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
section.about.step_4 div.box li div.bottom p{
	margin-top: 10px;
	font-size: 13px;
	line-height: 26px;
	color: #666;
}
section.about.step_4 div.box li div.bottom span{
	display: block;
	padding-top: 20px;
	margin-top: 25px;
	border-top: 1px solid #dfdfdf;
	color: #666;
	font-size: 12px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAIAQMAAADZb60gAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+WlpaSKwzRAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAHUlEQVQImWNgYOBgYGDgAWI+hv///4MxiA0R4wAAY7wGPzXfaEIAAAAASUVORK5CYII=') no-repeat right 26px;
}



div.mask{
	height: 100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index: 9998;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMAiJXwxioAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMDMvMTi93/pJAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAApJREFUCJljaAAAAIIAgcsTsmEAAAAASUVORK5CYII=');
}
div.popinfo2,
div.popinfo{
	max-width: 930px;
	position:fixed;
	z-index: 9999;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	width:90%;
	height: 70%;
}
div.popinfo2 div.wrap,
div.popinfo div.wrap{
	/*max-width:890px;*/
	max-height: 520px;
	background: #fff;
	overflow: hidden;
	margin:0 40px;
	/*width:94%;*/
	height: 100%;
}
div.popinfo2 > a.close,
div.popinfo > a.close{
	display: block;
	position:absolute;
	right: 0;
	top:0;
	width: 40px;
	height: 40px;
	background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAA3NCSVQICAjb4U/gAAAAElBMVEX///////////////////////+65XQCAAAABnRSTlMAETO7zP9S/ojSAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAEZJREFUGJVjYKAcMBmCSGEFMIc5RICBgdHVAMxhdHVkYBABiYAAkAEWgEnBJUBScAmQFEIClYOsDMUAZKNRLEVxDopDKQMAHhELsbl6magAAAAASUVORK5CYII=') no-repeat center;
}
div.popinfo2 div.wrap div.body,
div.popinfo div.wrap div.body{
	overflow: hidden;
	margin: 30px 15px;
	height: calc(100% - 60px);
	overflow-y: auto;
}
div.popinfo2 div.wrap div.body h2,
div.popinfo div.wrap div.body h2{
	font-size: 42px;
    height: 52px;
    line-height: 52px;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.popinfo2 div.wrap div.body p,
div.popinfo div.wrap div.body p{
    line-height: 1.6em;
    margin-top: 20px;
    color: #666666;
    font-size: 18px;
    text-indent: 2em;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

div.popinfo div.wrap div.body p:nth-child(2){
	text-align: center;
}