/* banner */
	@media only screen and (min-width:1400px){
		.index-pc-banner {
		    height: 556px;
		}
	}
	@media only screen and (min-width:1200px) and (max-width:1399px) {
		.index-pc-banner {
		    height: 476px;
		}
	}
	@media only screen and (min-width:768px) and (max-width:1199px){
		.index-pc-banner {
		    height: 394px;
		}
	}
	@media only screen and (min-width:769px) {
		.index-mobile-banner {
		    display:none
		}
		.swiper-slide {
		  	background-position: center;
		    background-repeat: no-repeat;
	        background-size: cover;
		}
	}
	@media only screen and (max-width:768px) {
		.index-pc-banner {
			display:none
		}
		.swiper-slide {
			background-position: center;
		    background-repeat: no-repeat;
	        background-size: cover;
		}
	}
	@media only screen and (max-width:767px) {
		.index-mobile-banner {
		    height: 5rem;
		}
	}
	@media only screen and (max-width:768px) and (min-width:768px) {
		.index-mobile-banner {
		    height: 394px;
		}
	}


	@media only screen and (min-width:769px){
		.swiper-pc-next,.swiper-pc-prev{
		    position: absolute;
		    top: 0;
		    bottom: 0;
		    margin: auto 0;
		    color:rgba(255, 255, 255, 0.3);
		    z-index: 6;
		    line-height: 46px;
		    height: 46px;
		    cursor: pointer;
            transition: all 0.3s ease-out;
	        -o-transition: all 0.3s ease-out;
	        -webkit-transition: all 0.3s ease-out;
	        -ms-transition: all 0.3s ease-out;
	        -moztransition: all 0.3s ease-out;
		}
		.swiper-pc-next:hover,.swiper-pc-prev:hover{
			color:#fff
		}
		.swiper-pc-next:hover i,.swiper-pc-prev:hover i{
			border: 2px solid #fff
		}
		.swiper-pc-next i, .swiper-pc-prev i {
		    font-size: 24px;
		    width: 46px;
		    height: 46px;
        	border: 1px solid rgba(255, 255, 255, 0.3);
		    text-align: center;
		    line-height: 46px;
		    border-radius: 50%;
		    display: block;
		}
		h2.relations-h2.fl>i{
			display:none
		}
		.swiper-pc-prev{
			left: 0;
			opacity:0
		}
		.swiper-pc-next{
			right: 0;
			opacity:0
		}
		.index-pc-banner:hover .swiper-pc-prev{
			left: 42px;
			opacity:0.9
		}
		.index-pc-banner:hover .swiper-pc-next{
			right: 42px;
			opacity:0.9
		}
	}
	@media only screen and (max-width:768px){
		.swiper-mobile-pagination {
	    	position: absolute;
		    z-index: 3;
		    display:table-cell;
		    text-align:center
		}
		.swiper-mobile-pagination>span {
		    width: 5px;
		    height: 5px;
		    background-color: #fff;
		    opacity: 1;
		}
		.swiper-mobile-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active{
			background-color:#e95001
		}

	}
/* banner end */

/*news*/
	.line {
	    width: 58px;
	    height: 2px;
	    background: #e95001;
	    position: absolute;
	    left: 0;
	}
	h2.news-tab-items {
	    font-size: 14px;
	    color: #666;
	    font-weight: normal;
	    width: 70%;
	}
	.tab-items a {
	    position: relative;
	    display: block;
	}
	.tab-items i {
	    position: absolute;
	    right: 0;
	    top: 0;
	    font-style: normal;
	}
	ul.tab-nav>li:hover,a.more:hover,h2.news-tab-items.one-omission:hover,.news-l.fl h1:hover {
	    color: #e95001;
	}
	@media only screen and (max-width:768px){
		.line {
	       top: -14px;
	    	left: 0;
		}
		.news-l.fl, .news-r,.fl.relations-l,.fr.relations-r {
		    padding-top: 26px;
		    padding-bottom:26px;
		    float: none;
		    background-color: #fff;
		}
		.fl.relations-l,.news-l.fl, .news-r {
			width:94%;
			padding-left:3%;
			padding-right:3%;
		}
		.fl.relations-l {
			padding-bottom: 0;
		}
		.fr.relations-r{
			width: 100%;
		    border-top: 1px solid #eee;
		}
		.greey-line {
		    height: 8px;
		    background: #f7f7f7;
		    /*float: left;*/
		    display: block;
		    position: relative;
		    /*left: -3%;*/
		    /*right: -3%;*/
		    /*width: 106%;*/
		    width: 100%;
		}
		section.news-section {
		  
		}
		.line-box{
			position:relative
		}
		a.more {
		    top: 28px;
		    right:3%;
		}
		.index-h1{
			font-size: 18px
		}
		.fl.relations-l hgroup span {
		    font-size: 18px;
		}
	}
	#investList.tab-box {
			height: 96px;
			overflow: hidden;
	}
	@media only screen and (min-width:769px){
		section.news-section.clearfix {
	        padding-top: 50px;
		    padding-bottom: 50px;
		    overflow: hidden;
		}
		.line {
		    top: 28px;
		}
		.news-l.fl {
		    width: 49%;
		}
		.news-r.fr {
		    width: 49%;
		}
		a.more {
		    top: 0;right: 0;
		}
		.index-h1 {
		    font-size: 18px;
		}
		.fl.relations-l hgroup span {
		        font-size: 18px;
		}
	}
	a.more {
	    position: absolute;
	    font-size: 14px;
	    color: #666;
	    font-weight: bold;
	}
	.news-r{
		position:relative
	}
	.index-h1 {
	    color: rgba(51, 51, 51, 0.9);
	}
	.news-l.fl p {
	    /*color: #333;*/
	    color: #666;
	    font-size: 14px;
	    line-height: 1.6;
	    margin-top: 20px;
	    display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	ul.tab-nav>li {
	    float: left;
	    color: #333;
	    font-size: 14px;
	    margin-right: 30px;
	    font-weight: bold;
	    cursor: pointer;
	}
	.tab-items a {
	    color: rgba(102, 102, 102, 0.8);
	    font-size: 14px;
	    line-height: 24px;
	}
	ul.tab-nav.clearfix {
	    padding-bottom: 12px;
	    margin-bottom: 12px;
	    border-bottom: 2px solid rgba(204, 204, 204, 0.45);
	}

/*news end*/

/*banner second*/
@media only screen and (min-width:768px){
	  .gallery-top {
        height: 100%;
        width: 100%;
    } 
    .index-second-banner{
    	display:none
    }
    .gallery-thumbs .swiper-slide>img {
	    vertical-align: top;
	}
	.gallery-thumbs {
	    box-sizing: border-box;
	    font-size: 0;
	    transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-webkit-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-moztransition: all 0.5s ease-out;

	}
	.swiper-button-prev.swiper-button-white {
	    left: 0;
	}
	.swiper-button-next.swiper-button-white {
	    right: 0;
	}
	.gallery-thumbs .swiper-slide {
       /* width: 10%;*/
        opacity: 0.9;
            /*border: 2px solid rgba(255, 255, 255, 0.66);*/
    }    
	.index-banner-second-pc .swiper-container-gallery {
		    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
	    padding: 24px 0;
	    background-color: rgba(51, 51, 51, 0.75);
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.index-banner-second-pc .swiper-container-gallery .gallery-thumbs {
		width: 1170px;
		margin: 0 auto;
	}
    .index-banner-second-pc .gallery-thumbs {}
	.index-banner-second-pc .gallery-thumbs .swiper-container-android .swiper-slide,
	.index-banner-second-pc .gallery-thumbs .swiper-wrapper {
		display: block;
		/*text-align: center;*/
		-webkit-transform: translate3d(0px, 0, 0)!important;
	    -moz-transform: translate3d(0px, 0, 0)!important;
	    -o-transform: translate(0px, 0px)!important;
	    -ms-transform: translate3d(0px, 0, 0)!important;
	    transform: translate3d(0px, 0, 0)!important;
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide {
		display: inline-block;
		width: auto;
		height: 68px;
		overflow: hidden;
	} 

	.index-banner-second-pc .gallery-thumbs .swiper-slide-active {
		/*top: 2px;*/
	}
	.index-banner-second-pc .gallery-thumbs img {
		/*width: 200px;
		height: 110px;*/
		width: 112px;
		height: 68px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    border:  solid #F7F7F7;
	    border-width: 2px;
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	    float: right;
	    /*width: 200px;*/
	    width: 0;
	    height: 68px;
	    font-size: 14px;
	    font-weight: normal;
		color: #fff;
	    line-height: 22px;
		/*padding-top: 5%;
		    padding-left: 5%;*/
		background-color: #db4f0a;
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box h3,
	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box p {
		padding-left: 5px;
		font-size: 14px;
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box h3 {
		padding-top: 10px;
	}
	 .index-banner-second-pc .gallery-thumbs .swiper-slide-active .slide-box {
	    display: block;
		width: 116px;
		background-color: #db4f0a;
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide-active img  {
		border: 2px solid #db4f0a;
		width: 120px;
	    height: auto;
	} 

	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box1 {
	    /*-webkit-animation-name: fadeInLeft;*/
	    /*animation-name: fadeInLeft*/
	}
	.index-banner-second-pc .gallery-thumbs .swiper-slide .slide-box2 {
		display: none;
	}
	.animated {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both
	}

	.animated.infinite {
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite
	}

	
	@-webkit-keyframes fadeInLeft {
	    0% {
	        opacity: 0;
	        -webkit-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0)
	    }
	    100% {
	        opacity: 1;
	        -webkit-transform: none;
	        transform: none
	    }
	}

	@keyframes fadeInLeft {
	    0% {
	        opacity: 0;
	        -webkit-transform: translate3d(-100%, 0, 0);
	        -ms-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0)
	    }
	    100% {
	        opacity: 1;
	        -webkit-transform: none;
	        -ms-transform: none;
	        transform: none
	    }
	}

	.fadeInLeft {
	    -webkit-animation-name: fadeInLeft;
	    animation-name: fadeInLeft
	}
	
	
	@media only screen and (min-width:1100px){
		.swiper-slide-active .slide-box {
		    font-size: 14px;
		    font-weight: normal;
		    line-height: 22px;
		    /*padding-top: 5%;
		    padding-left: 5%;*/
		    display: block;
		    float: left;
		}    
		.gallery-thumbs .swiper-slide-active {
		    opacity: 1;
		    /*width: 20%;*/
		    /*background-color: #db4f0a;*/
		    color: #fff;
		    /*border: 2px solid #db4f0a;*/
		}
		.swiper-slide.swiper-slide-active>img {
		   /* width: 50%;*/
		    float: left;
		}
	}
}

	
	
	.slide-box{
		display:none;
	}
    .banner-second{
    	position:relative;
    	height:550px;
    }
	.fl.relations-l hgroup span {
	    color: #ccc;
	    margin-left: 20px;
	}
	h2.relations-h2.fl {
	    font-size: 14px;
	    color: rgba(51, 51, 51, 0.9);
	}
	span.rmb.fr {
	    color: #847f7c;
	    font-weight: bold;
	    margin-top: -13px;
	}
	span.rmb.fr i {
	    font-size: 26px;
	    margin: 0px 8px;
	    position: relative;
	}
	span.rmb.fr i{
		animation:shangsheng 1s infinite;
		-o-animation:shangsheng 1s infinite;
		-moz-animation:shangsheng 1s infinite;
		-ms-animation:shangsheng 1s infinite;
		-webkit-animation:shangsheng 1s infinite;
	}		
	@keyframes shangsheng {
		0% {
			bottom:0
		}
		50%{
			bottom:3px
		}
		100%{
			bottom:0
		}
	}
	@-webkit-keyframes shangsheng {
		0% {
			bottom:0
		}
		50%{
			bottom:3px
		}
		100%{
			bottom:0
		}
	}
	@-moz-keyframes shangsheng {
		0% {
			bottom:0
		}
		50%{
			bottom:3px
		}
		100%{
			bottom:0
		}
	}
	@-ms-keyframes shangsheng {
		0% {
			bottom:0
		}
		50%{
			bottom:3px
		}
		100%{
			bottom:0
		}
	}
	@-o-keyframes shangsheng {
		0% {
			bottom:0
		}
		50%{
			bottom:3px
		}
		100%{
			bottom:0
		}
	}

 
	ul.relations-ul>li {
	    float: left;
	    width:33.3333%;
	    text-align:center
	}
	span.icons {
	    display: block;
	    border-radius: 50%;
	    background: #f6f6f6;
	    position: relative;
	    z-index: 2;
	    overflow: hidden;
	    border:1px solid #eee
	}
	.swiper-button-white i {
	    color: #fff;
	    font-size: 30px;
	}
	.banner-second:hover .swiper-button-white {
		opacity:1;
	}
	.swiper-button-white {
	    background-image: none !important;
	    width: 48px;
	    height: 58px;
	    line-height: 58px;
	        top: 212px;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.82);
	    opacity:0.35;
	   transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-webkit-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-moztransition: all 0.5s ease-out;
	}
	.swiper-button-white:hover{
		background: rgb(219, 79, 10);
	}
	ul.relations-ul>li:nth-child(1) .relations-icons-box{
	    float:left
	}
	ul.relations-ul>li:nth-child(2) .relations-icons-box{
	    margin: 0 auto;
	}
	ul.relations-ul>li:nth-child(3) .relations-icons-box{
	    float:right
	}
	ul.relations-ul p {
	    font-size: 14px;
	    color: rgba(51, 51, 51, 0.9);
	    font-weight: bold;
	    margin-top: 24px;
	}
	ul.relations-ul, .fr.relations-r {
	    margin-top: 40px;
	    overflow: hidden;
	}
	span.icons:hover i:after{
	     
	}
	span.icons:hover i {
	    color: #fff;
	}
	span.icons i:before {
	    position:relative;
	    z-index:1
	}
	span.icons i:after {
	    content: ' ';
	    display: block;
	    position: absolute;
	    left: -130px;
	    
	    width:130px;
	    height: 130px;
	    top:0;
	    background: #e95001;
	    opacity:0;
	    transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-webkit-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-moztransition: all 0.5s ease-out;
	}
	span.icons:hover i:after {
	    opacity:1;
		left:0;
		
	}
	span.icons i {
	    font-size: 50px;
	    color: #e95001;
	        display: block;
	    position:relative;
	    z-index:1
	}
	.swiper-slide-active .banner-words-box {
	    background: rgba(51, 51, 51, 0.5);
	}
	.banner-words-box {
	    height: 100%;
	    position:relative;
	    left:0;
	    transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        -webkit-transition: all 2s ease-out;
        -ms-transition: all 2s ease-out;
        -moztransition: all 2s ease-out;
	}
	.swiper-slide-active .banner-words {
		left: -250px;
		opacity:1
	}
	.banner-words {
		display: block;
	    position: absolute;
	    left: 200px;
	    opacity:0;
	    width: 410px;
	    top:140px;
	    padding:20px;
	    height: 120px;
	    color: #Fff;
	    background: rgba(224, 76, 2, 0.95);
        transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        -webkit-transition: all 2s ease-out;
        -ms-transition: all 2s ease-out;
        -moztransition: all 2s ease-out;
        font-size: 0;
	}
	.banner-words2 {
	    position: absolute;
	    background: rgba(224, 76, 2, 0.95);
        transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        -webkit-transition: all 2s ease-out;
        -ms-transition: all 2s ease-out;
        -moztransition: all 2s ease-out;
        font-size: 0;
	}
	.swiper-slide-active .banner-words2 {
	    right: 0;
	    opacity: 1;
	}
	h2.index-h2 {
	    font-size: 22px;
	    font-weight: normal;
	    line-height: 20px;
        display: inline-block;
	}
	@media only screen and (max-width:768px){
		p.index-banner-words {
		    font-size: 14px;
		    line-height: 1.5;
		    margin-top: 8px;
		    margin-bottom: 8px;
    		-webkit-line-clamp: 1!important;
		}
		span.index-h2-en {
		    font-size: 14px;
		}
		h2.index-h2 {
		    font-size: 16px;
		}
		.banner-words2 {
		    /*right: -100px;*/
		    right: -300px;
    		opacity: 0;
		    /*width: 60%;*/
		    top: 2rem;
		    width: 54%;
		    /*top: 1rem;*/
		    padding: 0.4rem;
		    color: #Fff;
		}
		.banner-words2>.more {
		    color: #fff;
		    font-size: 12px;
		}
	}
	@media only screen and (min-width:769px){
		span.index-h2-en {
		    font-size: 26px;
		}
		p.index-banner-words {
		    font-size: 14px;
		    margin-top: 16px;
		    margin-bottom: 16px;
	    line-height: 22px;
		}
		.banner-words2 {
		    ritght: -100px;
		    opacity:0;
		    width: 410px;
		    top:140px;
		    padding:20px;
		    height: 120px;
		    color: #Fff;
		}
	}
	span.index-h2-en {
	    font-family: 'Arial';
	    line-height: 20px;
	    color: rgba(255, 255, 255, 0.34);
	    margin-left:10px
	}
	p.index-banner-words {
	    color: rgba(255, 255, 255, 0.84);
        overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
		height: 42px;
    	-webkit-box-orient: vertical;
	}
	.banner-words>.more {
	    color: #fff;
	    font-size: 14px;
	}
    @media only screen and (max-width:768px){
    	.banner-second{
    		display:none
    	}
    	.index-second-banner {
    		display:block;
		    height: 6.61rem;
		    padding: 26px 0;
		}
		.index-second-banner .swiper-mobile-pagination {
			bottom: 36px;
		}

    }
    @media only screen and (min-width:993px){
			span.icons {
			    width: 130px;
			    height: 130px;
			}
			.relations-icons-box{
				width:130px
			}
			span.icons {
		    	line-height: 130px;
			}
		}
    @media only screen and (min-width:769px){
    	section.relations.container>div {
		    width: 48%;
		}
		section.relations.container.clearfix {
		    padding: 40px 0;
		}
		span.rmb.fr>small {
		    font-size: 14px;
		}
		span.rmb.fr {
		    font-size: 26px;
		    font-weight: bold;
		    margin-top: -13px;
		}
		span.rmb.fr.Up{
		    color: #e95001;
		}
		span.rmb.fr.Down{
		    color: #258841;
		}
		span.icons {
		    text-shadow: 2px 2px 4px rgba(233, 80, 1, 0.36);
		     -moz-text-shadow:2px 2px 4px rgba(233, 80, 1, 0.36);
			 -webkit-text-shadow:2px 2px 4px rgba(233, 80, 1, 0.36);
		}
		h2.relations-h2.fl:after {
		    content: ' ';
		    width: 56px;
		    height: 3px;
		    background: rgba(233, 80, 1, 0.77);
		    display: block;
		    margin-top: 4px;
		    margin-bottom: 20px;
		}
		.relation-r-rmb {
		    width: 84%;
		    float: right;
		}
		
		/* ul.relations-ul>li:last-child{
		    text-align: right;
		}
		ul.relations-ul>li:first-child{
		    text-align: left;
		}
		ul.relations-ul>li:nth-child(2){
		    text-align: center;
		} */
		@media only screen and (max-width:992px){
			span.icons {
			    width: 100px;
			    height: 100px;
			}
			.relations-icons-box{
				width:100px
			}
			span.icons {
		    	line-height: 100px;
			}
		}
		
		
    }
    @media only screen and (max-width:768px){
    	.relation-r-rmb>img{
    		display:none
    	}
    	span.icons {
		    width: 110px;
		    height: 110px;
		}
		.relations-icons-box{
			width:110px
		}
		span.icons {
	    	line-height: 110px;
		}
		span.icons i{
			font-size:32px
		}
		ul.relations-ul {
		    padding: 0 16px;
		}
		span.rmb.fr{
			font-size:16px;
			margin-top: 0px;
		}
		span.rmb.fr>small {
		    font-size: 12px;
		}
		span.rmb.fr i {
		    font-size: 14px;
		}
		@media only screen and (max-width:479px){
			span.icons {
			    width: 64px;
			    height: 64px;
			}
			.relations-icons-box{
				width:64px
			}
			span.icons {
		    	line-height: 64px;
			}
			ul.relations-ul {
			    padding: 0 18px;
			}
			ul.relations-ul p {
			    font-size: 12px;
			}
		}
		h2.relations-h2.fl>i {
		    color: #ea631d;
		    margin-right: 8px;
		    font-size: 20px;
		}
    }
/*banner second*/




/*20180412 ���� */
.index-products {
    width: 100%;
	padding-top: 50px;
    overflow: hidden;
	background: #F7F7F7;
}
.index-products hgroup {
	position: relative;
}
.index-products hgroup span {
    margin-left: 20px;
	font-size: 18px;
    color: #ccc;
}

.index-products hgroup .index-products-more {
    position: absolute;
    right: 0;
    top: 0;
	font-size: 14px;
    font-weight: bold;
    color: #666;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.index-products hgroup .index-products-more:hover {
	color: #e95001;
}
.index-products .products-list {
	margin-top: 30px;
	font-size: 0;
}
.index-products .products-list li {
	display: inline-block;
	position: relative;
    width: 49.145%;
    margin-right: 1.65%;
	margin-bottom: 1.65%;
    /*20180417 ����*/
	width: 48.6%;
    margin-right: 2.65%;
    margin-bottom: 2.65%;
}
.index-products .products-list li:nth-child(2n) {
	margin-right: 0;
}
.index-products .products-list-link {
	display: block;
}
.index-products  .products-list .propic {
    overflow: hidden;
}
.index-products  .products-list .propic img {
	display: block;
    width: 100%;
    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    -ms-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.index-products .products-list .proinformation {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 80px;
    padding: 15px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Content/web/images/index040902.jpg) center /cover no-repeat;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.index-products .products-list .protitle {
	display: inline-block;
	position: relative;
	margin-top: 24px;
    padding-right: 22px;
    line-height: 1.4;
	font-size: 16px;
    font-weight: bold;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.index-products .products-list .protitle:after {
	content:'';
	opacity: 0;
	filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
	width: 12px;
    height: 22px;
	background:url(/Content/web/images/index040902_go.png) right center no-repeat;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.index-products .products-list .prodes {
    margin-top: 7px;
	font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	opacity: 0;
	filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.index-products .products-list li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.index-products .products-list li:hover .proinformation {
	background: #EB6D2F;
}
.index-products .products-list li:hover .protitle {
	margin-top: 0;
}
	
.index-products .products-list li:hover .protitle:after {
	opacity: 1;
	filter: alpha(opacity=100);
}
.index-products .products-list li:hover .prodes {
	opacity: 1;
	filter: alpha(opacity=100);
}




@media only screen and (max-width: 767px) {
	.index-products {
	    padding-top: 20px;
	}
	.index-products .products-list {
		margin-top: 15px;
	}
	.index-products .products-list li 
	{
	    /*20180416 ���� */
		/*width: 100%;
		margin-right: 0;
		margin-bottom: 15px;*/
	}
	/*20180416 ���� */
	.index-products .products-list .proinformation 
	{
	    height:45px;
	    padding-top: 3px;
	    padding-bottom:0;
	 }
	.index-products .products-list .protitle 
	{
	    padding-right: 18px;
	    margin-top: 18px;
	    font-size: 14px;
	}
	.index-products .products-list .protitle:after 
	{
	    width: 8px;
        height: 18px;
	    background-size: contain;
	 }
	.index-products .products-list .prodes {
        margin-top: 3px;
        font-size: 12px;
	}
	/* end */
}

/* end */

/*20180418 ���� */

.index-pc-banner .pagination1 
{
    position: absolute;
    z-index: 2;
    text-align: center;
}
.index-pc-banner .pagination1 .swiper-pagination-bullet 
{
    opacity:1;
}
.index-pc-banner .pagination1 .swiper-pagination-bullet-active 
{
    background: #fff;
}
/* end */

.it-list3 * {
	box-sizing: border-box;
}
.it-list3 .items {
	display: inline-block;
    padding: 0 14px;
    font-size: 12px;
}
.it-list3 .items .list-info {
    margin-top: 10px;
}
.it-list3 .percentage {
    font-size: 20px;
    color: #ED6F2F;
    white-space: nowrap;
}

@media only screen and (min-width: 769px) {
	.it-list3 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-top: 40px;
	}
	.it-list3 .items {
		width: 25%;
    	border-left: 1px solid #D4DBE5;
	}
	.it-list3 .items:first-child {
		border-left: none;
	}
}

@media only screen and (max-width: 768px) {
	.it-list3 {
		font-size: 0;
	}
	.it-list3 .items {
		width: 50%;
		margin-top: 20px;
	}
	span.rmb.fr {
		margin-top: 3px;
	}
}<!--ºÄʱ1793629743.3926Ãë-->