@charset "utf-8";
/* CSS Document */

 


 


/*------------------------------------------------indexbanner star---------------------------------------------------------------*/
.slider {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.box {width: 100%; height: 100%;text-align: center;font-size:1em;color: #fff;text-transform: capitalize;vertical-align:middle; 
        background-position: center;background-repeat: no-repeat;background-size: cover;}
.slides {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
          -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {height: 100%;float: left;clear: none; list-style-type: none;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;    opacity: 0;
		    	text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width: 1.6em;height:1.6em;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%;}
.slider-nav__item:hover { background: #ccc; }
.slider-nav__item--current { background: #ccc; }

.banner1{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner1 h1{ background-color:rgba(82, 84, 210, 0.3); width:64%; font-size:52px;  text-align:left; font-weight:normal; padding-top:3%; padding-bottom:3%; padding-left:2%; }
.banner1 h1 p{ font-size:36px; line-height:2em; }
.banner1 h2{ background-color:#5254D2; width:64%; text-align:left;  padding-left:2%;  padding-top:1%; padding-bottom:1%; font-weight:normal;   }
.banner1 h3{ text-align:left; padding-left:1.4%; font-size:20px; font-weight:normal; line-height:3em;  }
.banner1 h4{ background-color:#EF8641; width:10%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

/*------------------------------------------------indexbanner end---------------------------------------------------------------*/