/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}





        @font-face {
            font-family: "微软雅黑","Microsoft YaHei";
        }
        html {
            width: 100%;
        }
        body {
            width: 100%;
            margin: 0;
            padding: 0;
            background: url("repeat-bg.png") repeat-y center top;
            background-size: 1920px auto;
			font-family:"微软雅黑","Microsoft YaHei";
        }
        .top-bg {
            width: 100%;
            margin: 0;
            padding: 0;
            background: url("bg.png") no-repeat center top;
            background-size: 1920px 2600px;
            height:2600px;
            position: absolute;
            top:0;
            z-index: -1;
        }
        .foot-bg {
            width: 100%;
            margin: 0;
            padding: 0;
            background: url("footbg.png") no-repeat center top;
            background-size: 1920px 900px;
            height:600px;
            position: relative;
            bottom: 0px;
            z-index: -1;
        }
        .card-6 {
            margin: 0 auto -450px auto !important;
        }
        .top-img {
            background: url("top-img.png") no-repeat center center;
            background-size: cover;
            width: 920px;
            height: 380px;
            margin: 120px auto 120px auto;
        }
        .card-1 {
            height:700px;
            margin: 0 auto;
            position: relative;
            box-sizing: border-box;

            background: url(bg2.png) no-repeat center top;
            border-radius: 5px;

        }
        .card-1:after {
            content: '';
            position: absolute;
            left:-20px;
            top:-80px;
            background: url('title-icon-1.png') no-repeat center center;
            width: 180px;
            height: 180px;
            background-size: cover;
        }
        .swiper-x {
            width: 1040px;
            margin: 0 auto;
            overflow:auto;
        }
        .scroll-x {
            width: 3200px;
            height: 550px;
            margin:100px 0 50px 0px;
            padding:0;
            overflow-y: hidden;
            overflow-x: auto;
            background: url("x-line.png") no-repeat center center;
            background-size: 2980px 240px;
            position: relative;
        }

        .swiper-x::-webkit-scrollbar
        {
            width: 6px;
            height: 6px;
            background-color: transparent;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        .swiper-x::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
            border-radius: 10px;
            background-color: transparent;
        }

        /*定义滑块 内阴影+圆角*/
        .swiper-x::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0.25);
        }

        .w-1200 {
            width: 1200px;
            margin:60px auto;
        }
        .title-icon {
            margin:0 0 15px 0px;
        }
        .title-icon a {
            color:#d10000;
        }
        .row {
            box-sizing: border-box;
            width: 100%;
            overflow: hidden;
        }
        .row + .row {
        }
        .col-6 {
            float: left;
            width: 50%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .img-auto {
            width: 100%;
            display: block;
            margin: 0 auto;
        }
        .swiper-slide {
            position: relative;
        }
        .caption {
            position: absolute;
            width: 100%;
            padding:15px 10px;
            color:#fff;
            background: rgba(0, 0, 0, 0.5);
            font-size:14px;
            bottom:0;
            left:0;
            box-sizing: border-box;
            text-align: left;
            margin:0;
        }
        .caption a {
            color:#fff;
            text-decoration: none;
        }
        .caption b {
            float: right
        }
        .unstyle {
            margin:0;
            padding:0;
            list-style: none;
        }
        .unstyle li{
            padding:10px 0;
        }
        .unstyle li a {
            display: block;
            color:#333;
            text-decoration: none;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .unstyle li .text-red {
            color:#990202;
        }
        .col-2 {
            float: left;
            width: 16.66666%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .col-10 {
            float: left;
            width: 83.33333%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .col-4 {
            float: left;
            width: 33.33333%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .col-3 {
            float: left;
            width: 25%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .a-img-auto {
            display: block;
        }
        .a-img-auto img {
            display: block;
            margin: 0 auto;
            width: 40%;
        }
        .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: auto;
            top: 0px;
            text-align: right;
        }
        .swiper-pagination-bullet-active {
            background: #d10000 !important;
        }
        .font-small {
            font-size:14px;
        }
        .col-custom-20 {
            float: left;
            width: 20%;
            padding:0 15px;
            box-sizing: border-box;
        }
        .swiper-pagination-bullet {
            width: 20px;
            height:20px;
            border-radius: 20px;
        }
        .tab-list {
            background: #fff;
            height:320px;
        }
        .tab-list li {
            margin:0;
            padding:0;
        }
        .tab-list li a {
            border-bottom: #ddd 1px solid;
            padding:15px 15px;
            box-sizing: border-box;
        }
        .tab-list li.active a {
            color:#d10000;
			background: url("arrow.png") no-repeat center right;
            background-size: 40px 40px;
        }
        .tab-list li:last-child a {
            border:0;
        }
        .tab-list-img {
            height:290px;
            margin:15px 0;
            box-sizing: border-box;
            overflow: hidden;
        }
        .tab-list-img li {
            margin:0;
            padding: 0;
            opacity: 0;
            position: relative;
            transition: all .5s linear;
        }
        .tab-list-img li a img {
            display: block;
            width: 100%;
            position: absolute;
            left:0;
            top:0;

        }
        .bg-white {
            background: #fff;
            box-shadow:0 5px 5px rgba(0,0,0,0.15);
        }
        .grid {
            position: relative;
            margin: 0 auto;
        }

        .js .grid::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-size: 60px auto;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .js .grid--loaded::after {
            opacity: 0;
        }

        .grid__item {
            width: 270px;
        }

        .grid__item--current {
            opacity: 0 !important;
        }

        .img-wrap {
            display: block;
            position: relative;
        }

        .img-wrap:focus,
        .img-wrap:hover {
            outline: none;
        }

        .img-wrap img {
            display: block;
            max-width: 100%;
        }

        .preview {
            position: fixed;
            z-index: 1000;
            top: 0;
            left: 0;
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -ms-flex-line-pack: center;
            -webkit-align-content: center;
            align-content: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .preview--open {
            pointer-events: auto;
        }


        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .overlay circle {
            -webkit-transition: fill-opacity 0.3s, -webkit-transform 0s 0.3s;
            transition: fill-opacity 0.3s, transform 0s 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
            fill: #1f1d1d;
            fill-opacity: 0;
        }

        .preview--open .overlay circle {
            -webkit-transition: -webkit-transform 0.4s;
            transition: transform 0.4s;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            fill-opacity: 1;
        }

        .clone {
            position: fixed;
            z-index: 110;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.2, 1);
            transition: transform 0.6s cubic-bezier(0.5, 1, 0.2, 1);
            -webkit-backface-visibility: hidden;
        }

        .original {
            position: relative;
            z-index: 120;
            display: block;
            object-fit: contain;
            -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
            -webkit-backface-visibility: hidden;
        }

        .preview--open .animate {
            /* open */
            -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
            transition: transform 0.6s, opacity 0.2s;
        }

        .animate {
            /* close */
            -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
            transition: transform 0.3s, opacity 0.2s;
        }

        .description {
            color: #fff;
            text-decoration: none;
            position: absolute;
            bottom:0;
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            padding:10px 15px;
            box-sizing: border-box;
        }

        .js .description--grid {
            display: none;
        }

        .description--preview {
            position: fixed;
            z-index: 140;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 2em 1em;
            text-align: center;
            opacity: 0;
            background: linear-gradient(180deg, transparent, #1f1d1d);
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, transform 0.3s;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        .preview--open .description--preview {
            opacity: 1;
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }


        .action {
            font-size: 1.5em;
            margin: 0;
            padding: 0;
            cursor: pointer;
            vertical-align: top;
            color: #6bd68a;
            border: none;
            background: none;
        }

        .action:hover,
        .action:focus {
            color: #6bd68a;
            outline: none;
        }

        .action--close {
            position: fixed;
            z-index: 150;
            top: 0;
            right: 0;
            padding: 1em;
            opacity: 0;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, transform 0.3s;
            -webkit-transform: scale3d(0.6, 0.6, 1);
            transform: scale3d(0.6, 0.6, 1);
        }

        .preview--image-loaded .action--close {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        .text-hidden {
            position: absolute;
            display: block;
            overflow: hidden;
            width: 0;
            height: 0;
            color: transparent;
        }
        .step {
            height:170px;
            writing-mode:tb-rl;
            letter-spacing: 0px;
            font-size:14px;
            line-height: 28px;
            display: none;
        }
        .step-1 {
            position: absolute;
            left:42px;
            top:375px;
            display: block;
        }
        .step-1:hover {
            color:#d10000;
        }
        .step-1:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top:-30px;
            right: 2px;
        }
        .step-2 {
            position: absolute;
            left:78px;
            top:84px;
            display: block;
        }
        .step-2:hover {
            color:#d10000;
        }
        .step-2:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
        .step-3 {
            position: absolute;
            left:174px;
            top:375px;
            display: block;
        }
        .step-3:hover {
            color:#d10000;
        }
        .step-3:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top:-24px
        }
        .step-4 {
            position: absolute;
            left:219px;
            top:118px;
            display: block;
        }
        .step-4:hover {
            color:#d10000;
        }
        .step-4:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom: -14px;
            right: 2px;
        }
        .step-5 {
            position: absolute;
            left:352px;
            top:384px;
            display: block;
        }
        .step-5:hover {
            color:#d10000;
        }
        .step-5:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -26px;
            right: 2px;
        }
        .step-6 {
            position: absolute;
            left:410px;
            top:57px;
            display: block;
        }
        .step-6:hover {
            color:#d10000;
        }
        .step-6:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
        .step-7 {
            position: absolute;
            left:456px;
            top:320px;
            display: block;
        }
        .step-7:hover {
            color:#d10000;
        }
        .step-7:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-8 {
            position: absolute;
            left:554px;
            top:108px;
            display: block;
        }
        .step-8:hover {
            color:#d10000;
        }
        .step-8:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
        .step-9 {
            position: absolute;
            left:627px;
            top:359px;
            display: block;
        }
        .step-9:hover {
            color:#d10000;
        }
        .step-9:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-10 {
            position: absolute;
            left:716px;
            top:39px;
            display: block;
        }
        .step-10:hover {
            color:#d10000;
        }
        .step-10:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
        .step-11 {
            position: absolute;
            left:806px;
            top:357px;
            display: block;
        }
        .step-11:hover {
            color:#d10000;
        }
        .step-11:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-12 {
            position: absolute;
            left:859px;
            top:76px;
            display: block;
        }
        .step-12:hover {
            color:#d10000;
        }
        .step-12:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
		
        .step-13 {
            position: absolute;
            left:953px;
            top:293px;
            display: block;
        }
        .step-13:hover {
            color:#d10000;
        }
        .step-13:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-14 {
            position: absolute;
            left:1031px;
            top:37px;
            display: block;
        }
        .step-14:hover {
            color:#d10000;
        }
        .step-14:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-25px;
            right: 22px;
        }
		
		
        .step-15 {
            position: absolute;
            left:1060px;
            top:359px;
            display: block;
        }
        .step-15:hover {
            color:#d10000;
        }
        .step-15:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-16 {
            position: absolute;
            left:1157px;
            top:105px;
            display: block;
        }
        .step-16:hover {
            color:#d10000;
        }
        .step-16:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }

        .step-17 {
            position: absolute;
            left:1221px;
            top:362px;
            display: block;
        }
        .step-17:hover {
            color:#d10000;
        }
        .step-17:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-18 {
            position: absolute;
            left:1342px;
            top:26px;
            display: block;
        }
        .step-18:hover {
            color:#d10000;
        }
        .step-18:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
	
	    .step-19 {
            position: absolute;
            left:1427px;
            top:345px;
            display: block;
        }
        .step-19:hover {
            color:#d10000;
        }
        .step-19:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-20 {
            position: absolute;
            left:1433px;
            top:71px;
            display: block;
        }
        .step-20:hover {
            color:#d10000;
        }
        .step-20:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-25px;
            right: 2px;
        }

	    .step-21 {
            position: absolute;
            left:1572px;
            top:341px;
            display: block;
        }
        .step-21:hover {
            color:#d10000;
        }
        .step-21:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-22 {
            position: absolute;
            left:1672px;
            top:50px;
            display: block;
        }
        .step-22:hover {
            color:#d10000;
        }
        .step-22:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }

        .step-23 {
            position: absolute;
            left:1726px;
            top:328px;
            display: block;
        }
        .step-23:hover {
            color:#d10000;
        }
        .step-23:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-24 {
            position: absolute;
            left:1782px;
            top:74px;
            display: block;
        }
        .step-24:hover {
            color:#d10000;
        }
        .step-24:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-25px;
            right: 2px;
        }
	
        .step-25 {
            position: absolute;
            left:1856px;
            top:338px;
            display: block;
        }
        .step-25:hover {
            color:#d10000;
        }
        .step-25:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-26 {
            position: absolute;
            left:1977px;
            top:33px;
            display: block;
        }
        .step-26:hover {
            color:#d10000;
        }
        .step-26:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }

        .step-27 {
            position: absolute;
            left:2040px;
            top:329px;
            display: block;
        }
        .step-27:hover {
            color:#d10000;
        }
        .step-27:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-28 {
            position: absolute;
            left:2158px;
            top:29px;
            display: block;
        }
        .step-28:hover {
            color:#d10000;
        }
        .step-28:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-25px;
            right: 30px;
        }

        .step-29 {
            position: absolute;
            left:2201px;
            top:310px;
            display: block;
        }
        .step-29:hover {
            color:#d10000;
        }
        .step-29:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-30 {
            position: absolute;
            left:2333px;
            top:63px;
            display: block;
        }
        .step-30:hover {
            color:#d10000;
        }
        .step-30:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-25px;
            right: 2px;
        }

        .step-31 {
            position: absolute;
            left:2460px;
            top:328px;
            display: block;
        }
        .step-31:hover {
            color:#d10000;
        }
        .step-31:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-32 {
            position: absolute;
            left:2466px;
            top:46px;
            display: block;
        }
        .step-32:hover {
            color:#d10000;
        }
        .step-32:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }


        .step-33 {
            position: absolute;
            left:2627px;
            top:333px;
            display: block;
        }
        .step-33:hover {
            color:#d10000;
        }
        .step-33:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
        .step-34 {
            position: absolute;
            left:2670px;
            top:37px;
            display: block;
        }
        .step-34:hover {
            color:#d10000;
        }
        .step-34:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url(step-active.png);
            background-repeat: no-repeat;
            bottom:-15px;
            right: 2px;
        }
        .step-35 {
            position: absolute;
            left:2732px;
            top:317px;
            display: block;
        }
        .step-35:hover {
            color:#d10000;
        }
        .step-35:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url("step-active.png");
            background-repeat: no-repeat;
            top: -28px;
            right: 39px;
        }
        .step-36 {
            position: absolute;
            left:2824px;
            top:60px;
            display: block;
        }
        .step-36:hover {
            color:#d10000;
        }
        .step-36:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url("step-active.png");
            background-repeat: no-repeat;
            bottom:-35px;
            right: 42px;
        }

        .step-37 {
            position: absolute;
            left:2989px;
            top:321px;
            display: block;
        }
        .step-37:hover {
            color:#d10000;
        }
        .step-37:hover:before {
            position: absolute;
            content: '';
            width: 24px;
            height: 24px;
            background-image: url("step-active.png");
            background-repeat: no-repeat;
            top: -28px;
            right: 2px;
        }
	
	
		
		
		
		
		img a{border:none;}
		img{border:none;}
		a {color:#333;
		text-decoration: none;}

.swiper-2 {
padding:50px 0px 0px 0px;
margin-top: -50px;
height:380px;}




        .device {
            width: 100%;
            height: 320px;
            position: relative;
            overflow: hidden;
        }
        .device .arrow-left {
            background: url("arrows.png") no-repeat left top;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -15px;
            width: 17px;
            height: 30px;
            z-index:999;
        }
        .device .arrow-right {
            background: url("arrows.png") no-repeat left bottom;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -15px;
            width: 17px;
            height: 30px;
            z-index:999;
        }
        .device .swiper-container {
            width: 100%;
            height: 320px;
        }
        .device .swiper-wrapper {
            width: 100%;
            height: 320px;
        }
        .device .swiper-wrapper .swiper-slide .img-auto {
            width: 100%;
            height: 320px;
        }
        .device .swiper-wrapper .swiper-slide {
            width: 100%;
            height: 320px;
        }
        .pagination {
            position: absolute;
            z-index: 20;
            right: 10px;
            top: 10px;
        }
        .swiper-pagination-switch {
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 20px;
            background: #555;
            margin-right: 5px;
            opacity: 0.8;
            border: 1px solid #fff;
            cursor: pointer;
        }
        .swiper-active-switch {
            background: #d10000;
        }
		
		        .img-item {
            width: 100%;
            height: 240px;
            margin:0 0 20px 0px;
            padding:0;
            position: relative;
        }
        .img-item .img-auto {
            width: 100%;
            height: 240px;
        }
        .img-item .img-item-caption {
            position: absolute;
            left:0;
            bottom:0;
            padding:10px;
            background-color: rgba(0 , 0, 0, 0.5);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
            color:#fff;
            font-size:12px;
            width: 100%;
            margin:0;
            box-sizing: border-box;
            text-decoration: none;
        }
        .bigimg{width:1000px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
        .imgbox:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer}
		
		.swiper-2 .swiper-wrapper .swiper-slide{display:inline-block;}