#header {position: absolute;	top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.6);}

#banner{position: relative; overflow: hidden; }
.swiper-container-banner{position: relative;}
.swiper-pagination-bullet{width:12px; height:12px;}
.banner-w{position: absolute; left: 5%; top: 32%; text-align: left; color: #363636; width: 40%;}
.banner-w h2{font-size: 68px; font-weight: 300; line-height: 1em; text-transform: uppercase; margin: 0 0 25px; padding: 0;}
.banner-w h2 b{font-weight: 900; display: block;}
.banner-txt, .typed-cursor{font-size: 24px; font-weight: 200; } 
.banner-w a{background: url(../images/index/banner-link.png) left center no-repeat; margin-top: 25px; padding: 5px 0 5px 25px; display: block; font-style: italic; text-decoration: none; color: #333; font-size: 20px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align: left; padding-left: 4%}
.swiper-pagination-bullet-active{background: #ed1b23;}

.typed-cursor {   opacity: 1;    font-weight: 100;    -webkit-animation: blink 0.7s infinite;    -moz-animation: blink 0.7s infinite;    -ms-animation: blink 0.7s infinite;    -o-animation: blink 0.7s infinite;    animation: blink 0.7s infinite;}

.banner-img{-webkit-transition: all 0.5s ease 0.5s;-moz-transition: all 0.5s ease 0.5s;-ms-transition: all 0.5s ease 0.5s;-o-transition: all 0.5s ease 0.5s;transition: all 0.5s ease; -moz-transform: translateX(100px);-webkit-transform: translateX(100px);-o-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}

.swiper-slide-active .banner-img{-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
.banner-deco{position: absolute; bottom: 0; left: 50%;-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);  z-index: 2}




.index-ti{margin: 0.5em 0; padding: 0; font-size: 42px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-weight: 300; color: #181818; text-transform: uppercase;}
    .index-ti strong{font-weight: 800;}
    .index-ti a{color: #181818;}



.index-section1{clear: both; margin: 0 0 70px}
.index-section1:after{clear: both; content: ''; display: block; visibility: hidden; height: 0;}

    .index-section1-l{width: 56%; float: left; margin-top: 100px;}
    #index-pro{}
    #index-pro:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
    #index-pro ul{list-style: none; margin: 0; padding: 0;}
    #index-pro > ul > li{width: 48%; display: block; position: relative;}
    #index-pro > ul > li:nth-child(1){float: left;}
    #index-pro > ul > li:nth-child(2){float: right;}
    #index-pro > ul > li:nth-child(3){float: right; margin-top: 16px;}
    #index-pro > ul > li:before{position: absolute; bottom: 0; left: 0; height: 8px; width: 100%; background: #ee3037; content: ''; display: block; z-index: 5; -webkit-transition: height 0.4s ease;-moz-transition: height 0.4s ease;-ms-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;transition: height 0.4s ease;}
    #index-pro > ul > li:nth-child(1):before{background: #ee3037;}
    #index-pro > ul > li:nth-child(2):before{background: #000000;}
    #index-pro > ul > li:nth-child(3):before{background: #01aef0;}
    .index-pro-w{position: absolute; left: 0; bottom: 8px; top: auto; width: 100%; text-align: left; padding: 15px 15px 15px;  z-index: 8;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.88) 41%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 41%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 41%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    -webkit-transition: top 0.5s ease;-moz-transition: top 0.5s ease;-ms-transition: top 0.5s ease;-o-transition: top 0.5s ease;transition: top 0.5s ease;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti{font-size: 38px;}  #index-pro > ul > li:nth-child(1) .index-pro-ti b{font-size: 44px; display: block;} 
    #index-pro > ul > li:nth-child(2) .index-pro-ti{font-size: 30px;}  #index-pro > ul > li:nth-child(2) .index-pro-ti b{font-size: 38px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti{font-size: 29px;}  #index-pro > ul > li:nth-child(3) .index-pro-ti b{font-size: 36px;}
    .index-pro-ti{display: block; line-height: 1.2em; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-shadow: 0 0 10px rgba(255, 255, 255, .8);}
    .index-pro-ti b{font-weight: 600;}
    .index-pro-list{display: none; margin:15px 0 0;}
    .index-pro-list ul{list-style: none; padding: 0; margin: 0;}
    .index-pro-list li a{font-size: 18px; padding: 8px 0; display: block; color: #fff; text-decoration: none; line-height: 1.2em}
    .index-pro-list li a:hover{text-decoration: underline;}
    .index-pro-ti b{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none;    transition:none;}
    #index-pro > ul > li:nth-child(3) .index-pro-list li a{font-size: 16px; padding: 4px 0;}
    #index-pro > ul > li:nth-child(3) .index-pro-list{margin-top: 5px;}
    #index-pro > ul > li:hover .index-pro-ti{ text-shadow:none;}
    #index-pro > ul > li:hover:before{ height: 100%; opacity: 0.9}
    #index-pro > ul > li:hover .index-pro-w{background: transparent; height: 100%; top: 0;  color: #fff; text-shadow: 0 0 5px rgba(50, 50, 50, 0.2);}
    #index-pro > ul > li:hover .index-pro-list{display: block;}

#index-events{ margin-top: 75px;}
    #index-events ul{list-style: none; margin: 0 -15px; padding: 0;}
    #index-events > ul > li{width: 50%; float: left; padding: 0 15px; color: #686868; line-height: 1.5em;}
    #index-events > ul > li .img{margin-bottom: 8px;}
    #index-events > ul > li .img a{display: block;}
    #index-events > ul > li .ti a{display: block; font-weight: 600; color: #686868;}


.index-section1-r{float: right; width: 41%; }
    #index-map{position: relative; margin-right: -280px; padding-top: 80px;}

.index-section2{clear: both; margin: 100px 0 70px}
.index-section2:after{clear: both; content: ''; display: block; visibility: hidden; height: 0;}
    .index-video{width: 53%; float: left;}
        .index-video a{position: relative; overflow: hidden; display: block;}
        .index-video a:after{position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);  content: "\f144"; display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; color: #fff;  font-size: 150px; opacity: 0.65; text-shadow: 0 0 10px rgba(0, 0, 0, .8); -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
        .index-video a:hover:after{opacity: 1; color:#ed1b23 } 
        .index-video a img{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
        .index-video a:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

    .index-news{width: 53%; float: right; margin: 2% 0 0 -6%; background: #ed1b23; color: #fff; padding: 25px 4.5% 40px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; position: relative; z-index: 3;}   
        .index-news a{color: #fff;}
        .index-news ul{list-style: none; margin: 0; padding: 0;}
            .index-news li+li{margin-top: 1.1em;}
            .msgtitle_span{display: block; font-weight: 500; font-size: 17px;}
            .msgdate_span{display: block; font-size: 15px; font-style: italic;}
        .index-news-more{font-style: italic; display: block;  margin-top: 2.6em;}

.index-section3{clear: both; margin: 90px 0 70px}
    .index-section3:after{ clear: both; content: ''; display: block; visibility: hidden; height: 0;}
    .index-feedback .index-ti{text-align: center; margin-bottom: 1.6em;}
    .index-feedback ul{list-style: none; margin: 0 -20px;; padding: 0;}
    .index-feedback ul:after{ clear: both; content: ''; display: block; visibility: hidden; height: 0;}
        .index-feedback li{width: 33.33%; float: left; padding: 0 4%; text-align: center; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
        .index-feedback li .img{display: block; margin-bottom: 28px;}
        .index-feedback li .img img{border-radius: 50%; overflow: hidden; box-shadow: 5px 5px 0 rgba(0, 0, 0, .08);}
        .index-feedback li .ti{font-size: 18px; font-weight: normal;  margin-bottom: 15px; display: block;}
        .index-feedback li .text{font-style: italic; font-size: 17px;}




.index-section4{clear: both; margin: 80px 0}
    .index-section4:after{ clear: both; content: ''; display: block; visibility: hidden; height: 0;}
    .index-for-newcustomer{background: #01aef0; box-shadow: 0 0 8px rgba(50, 50, 50, .4); margin-bottom: 60px;}
    .index-for-existingcustomer {background: #4d4c4c;box-shadow: 0 0 8px rgba(50, 50, 50, .4); margin-bottom: 70px;}
    .index-for-newcustomer:after, .index-for-existingcustomer:after{clear: both; content: ''; display: block; visibility: hidden; height: 0;}
        .index-for-newcustomer .img, .index-for-existingcustomer .img{width: 50%;}
        .index-for-newcustomer .main-wrap, .index-for-existingcustomer .main-wrap{width: 50%; padding: 35px 4%; color: #fff;}
        .index-for-newcustomer .index-ti, .index-for-existingcustomer .index-ti{color: #fff;}
        .index-for-newcustomer .main-wrap ul, .index-for-existingcustomer .main-wrap ul{list-style: none; margin: 0; padding: 0;}
        .index-for-newcustomer .main-wrap li , .index-for-existingcustomer .main-wrap li{ margin-bottom: 0.5em;position: relative; padding: 0 0 0 20px;}
        .index-for-newcustomer .main-wrap li:before, .index-for-existingcustomer .main-wrap li:before{position: absolute; left:0; top: .2em; content: "\f101"; display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; }
        .index-for-newcustomer .main-wrap li a, .index-for-existingcustomer .main-wrap li a{ display: block; color: #fff; } 
        .index-for-newcustomer .main-wrap li a:hover, .index-for-existingcustomer .main-wrap li a:hover{text-decoration: underline;}
            .index-for-newcustomer .img{float: left;}
            .index-for-newcustomer .main-wrap{float: right;}
            .index-for-existingcustomer .img{float: right;}
            .index-for-existingcustomer .main-wrap{float: left;}


.index-section5{clear: both; margin: 80px 0 70px;}
    .index-section5:after{ clear: both; content: ''; display: block; visibility: hidden; height: 0;}
    .index-section5 .index-ti{text-align: center;}



.ribbon{position: fixed; right: 0; bottom: 30px; z-index: 1000; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;}
.ribbon.active{-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);}




@media(min-width:1400px){
    
}
@media(min-width:1600px){
    .banner-w h2{font-size: 72px;}
}
@media(min-width:1800px){
    .banner-w h2{font-size: 74px;}
    .banner-txt, .typed-cursor{font-size: 30px;}
}

@media(max-width:1399px){
    
    .banner-w h2{font-size: 65px;}
    .index-section1-l{margin-top: 60px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti{font-size: 36px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b{font-size: 42px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti{font-size: 28px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti b{font-size: 36px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti{font-size: 27px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti b{font-size: 33px;}
    #index-map{padding-top: 40px;}
    
    .index-ti{font-size: 40px;}
    #index-events{margin-top: 55px;}
    
}
@media(max-width:1340px){
    .banner-w h2{font-size: 58px;}
    .index-pro-w{padding-top: 5px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti{font-size: 36px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b{font-size: 42px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti{font-size: 28px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti b{font-size: 36px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti{font-size: 25px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti b{font-size: 30px;}
    .index-ti{font-size: 38px;}
    .index-section2{margin: 50px 0 40px;}
    .index-for-newcustomer .index-ti, .index-for-existingcustomer .index-ti{margin-top: .2em;}
    .index-news{padding: 20px 3.5% 20px;}
    .index-news-more{margin-top: 2em;}
    .index-section3{margin: 70px 0 50px; }
    .index-section4{margin: 50px 0;}
    .index-for-existingcustomer{margin-bottom: 50px;}
    .index-section5{margin: 60px 0 50px;}
    
    
}
@media(max-width:1199px){
    .banner-w h2{font-size: 48px;}
    .banner-txt, .typed-cursor{font-size: 22px;}
    .index-section1{margin-bottom: 50px;}
    .index-section1-l{width: auto; float: none; margin-top: 40px;}
    .index-section1-r{width: auto; float: none; display: none;}
    .index-pro-w{padding-top: 20px;}
    
    #index-events{margin-top: 35px;}
    .index-ti{font-size: 34px;}
    .index-section2{margin: 30px 0 20px;}
    .index-news .index-ti{margin-top: .2em;}
    .index-news li+li{margin-top: .5em;}
    .msgtitle_span{font-size: 16px;}
    .msgdate_span{font-size: 14px;}
    .index-news-more{margin-top: 1em;}
    .index-section3{margin: 40px 0 20px;}
    .index-section4{margin:  30px 0;}
    .index-for-newcustomer .main-wrap, .index-for-existingcustomer .main-wrap{padding: 20px 3%;}
    .index-for-newcustomer{margin-bottom: 45px;}
    .index-for-existingcustomer{margin-bottom: 0;}
    .index-section5{margin: 40px 0 30px;}
    
    
}
@media(max-width:997px){
    .banner-w h2{font-size: 36px; margin-bottom: 10px;}
    .banner-txt, .typed-cursor{font-size: 19px;}
    .banner-w a{margin-top: 12px; font-size: 18px;}
	.banner-deco{height: 33px;}
    .index-pro-w{padding-top: 14px;}
    .index-pro-ti{line-height: 1.1em;}
    #index-events > ul > li{font-size: 17px;}
    .index-video{width: 70%;}
    .index-news{width: 80%; margin: -7% 0 0 0;}
    .index-ti{font-size: 32px;}
    .index-feedback ul{margin: 0 -15px;}
    .index-feedback li{padding: 0 15px;}
    .index-feedback li .ti{margin-bottom: 8px;}
    .index-feedback li .text{font-size: 15px;}
    .index-for-newcustomer .main-wrap, .index-for-existingcustomer .main-wrap{padding:10px 3%;}
    .index-for-newcustomer .main-wrap .index-ti, .index-for-existingcustomer .main-wrap .index-ti{font-size: 26px;}
    .index-for-newcustomer .main-wrap li, .index-for-existingcustomer .main-wrap li{margin-bottom: .2em;}
    .index-for-newcustomer .main-wrap li a, .index-for-existingcustomer .main-wrap li a{font-size: 17px;}
    
    .index-pro-list{display: block; margin: 5px 0 0;}
    
    .index-pro-list li a{color: #333;}
    #index-pro > ul > li:hover:before{height: 8px; opacity: 1
    ;}
    #index-pro > ul > li:hover .index-pro-w{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.88) 41%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 41%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 41%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
    #index-pro > ul > li:hover .index-pro-list li a{color: #333;}
    #index-pro > ul > li:hover .index-pro-w{top: auto; height: auto;}
    #index-pro > ul > li:hover .index-pro-w{color: #333;}
    #index-pro > ul > li:nth-child(1) .index-pro-w{padding-top: 50px;}
    #index-pro > ul > li:hover:nth-child(1) .index-pro-w{padding-top: 20px;}
    
}
@media(max-width:767px){
    .banner-w{top: 38%;}
    .banner-w h2{font-size: 26px;}
    .banner-txt, .typed-cursor{font-size: 16px; line-height: 1.2em; display: none}
    .banner-w a{font-size: 16px;}
	
    
    
    #index-pro > ul > li{width: 100%;}
    #index-pro > ul > li + li{margin-top: 12px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b{display: inline;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti, #index-pro > ul > li:nth-child(2) .index-pro-ti, #index-pro > ul > li:nth-child(3) .index-pro-ti{ font-size: 25px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b, #index-pro > ul > li:nth-child(2) .index-pro-ti b, #index-pro > ul > li:nth-child(3) .index-pro-ti b{ font-size: 28px;}
    .index-pro-list li a{padding: 4px 0;}
    .index-pro-img{display: block; max-height: 220px; overflow: hidden;}
	.index-pro-w{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,0.5+32,0.9+71 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.5) 32%, rgba(255,255,255,0.9) 71%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 32%,rgba(255,255,255,0.9) 71%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 32%,rgba(255,255,255,0.9) 71%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */}
    .index-video a:after{font-size: 60px;}
    .index-section1-l{margin-top: 20px;}
    
    #index-pro > ul > li:hover:nth-child(1) .index-pro-w{padding-top: 50px;}
/*
    .index-pro-w{ padding: 5px 10px;}
    .index-pro-list li a{padding: 4px 0; font-size: 15px;}
    #index-pro > ul > li:nth-child(3){margin-top: 12px;}
    #index-pro > ul > li:nth-child(3) .index-pro-list{margin-top: 0;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti{font-size: 20px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti b{font-size: 25px;}
    #index-pro > ul > li:nth-child(3) .index-pro-list li a{padding: 2px 0; font-size: 15px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti{font-size: 27px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b{font-size: 32px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti{font-size: 25px;}
    #index-pro > ul > li:nth-child(2) .index-pro-ti b{font-size: 30px;}
*/
    
    .index-ti{font-size: 30px;}
    .index-video{width: 90%;}
    .index-news{width: 90%;}
    .index-feedback li{width: auto; float: none; clear: both; text-align: left;}
    .index-feedback li .img{float: left; margin-right: 20px; width: 140px;}
    .index-feedback li .ti{padding-top: 20px;}
    
    .index-for-newcustomer .img, .index-for-existingcustomer .img{width: auto; float: none;}
    .index-for-newcustomer .main-wrap, .index-for-existingcustomer .main-wrap{width: auto; float: none;}
    
    .index-video a:after{font-size: 120px;}
	.ribbon{display: none;}
}@media(max-width:600px){
    .banner-w{top: 40%;}
    .banner-w h2{font-size: 22px;}
    .banner-w a{font-size: 15px;}
    
    .index-pro-img{max-height: 180px;}
    .index-pro-list li a{font-size: 16px;}
/*
    #index-pro > ul > li:before{height: 4px;}
    .index-pro-w{bottom: 4px;}
    #index-pro > ul > li .index-pro-list li a{text-decoration: underline;}
    #index-pro > ul > li:nth-child(3) .index-pro-list li a{padding: 3px 0; font-size: 14px;}
    #index-pro > ul > li:nth-child(3) .index-pro-ti{ display: none}
    #index-pro > ul > li:nth-child(1) .index-pro-ti, #index-pro > ul > li:nth-child(2) .index-pro-ti{ font-size: 23px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b, #index-pro > ul > li:nth-child(2) .index-pro-ti b{ font-size: 25px;}
*/
    
    .index-ti{font-size: 27px;}
    .index-for-newcustomer .main-wrap li a, .index-for-existingcustomer .main-wrap li a{font-size: 16px;}
    .index-video a:after{font-size: 80px;}
    
}@media(max-width:480px){
    #header{position: static;}
    .banner-w{top: 28%;}
    .banner-w h2{font-size: 18px;}
    .banner-w a{font-size: 14px; background-size: auto 24px; padding-left: 18px;}
    .banner-deco{width: 22px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}
    
    .index-pro-w{padding-bottom: 5px; padding-left: 12px; padding-right: 12px;}
    .index-ti{font-size: 25px;}
    #index-events > ul{margin: 0;}
    #index-events > ul > li{width: auto; float: none; font-size: 16px; padding: 0}
    #index-events > ul > li + li{margin-top: 25px;}
    
    .index-video{width: 100%; margin-bottom: 35px;}
    .index-news{width: 100%; margin: 0;}
    .index-feedback li + li{margin-top: 18px;}
    .index-feedback .index-ti{margin-bottom: .6em;}
    .index-feedback li .ti{padding-top: 5px; font-size: 16px;}
    .index-feedback li .text{font-size: 14px;}
    
    .index-for-newcustomer{margin-bottom: 30px;}
    .index-for-newcustomer .main-wrap, .index-for-existingcustomer .main-wrap{padding: 10px 15px;}
    .index-for-newcustomer .main-wrap .index-ti, .index-for-existingcustomer .main-wrap .index-ti{font-size: 24px;}
    .index-for-newcustomer .main-wrap li a, .index-for-existingcustomer .main-wrap li a{font-size: 15px;}
}@media(max-width:359px){
    #index-pro > ul > li:nth-child(1) .index-pro-ti, #index-pro > ul > li:nth-child(2) .index-pro-ti, #index-pro > ul > li:nth-child(3) .index-pro-ti{font-size: 22px;}
    #index-pro > ul > li:nth-child(1) .index-pro-ti b, #index-pro > ul > li:nth-child(2) .index-pro-ti b, #index-pro > ul > li:nth-child(3) .index-pro-ti b{font-size: 24px;}
    .index-pro-list li a, #index-pro > ul > li:nth-child(3) .index-pro-list li a{font-size: 15px; padding: 3px 0;}
    
    
}








.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}