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



*{ margin: 0; padding: 0; border: 0; }







 




	.swiper-container .swiper-pagination .swiper-pagination-bulle{width:500px !important;height:0.5em !important;margin: 0 5px !important;background: #fff !important;display: inline-block;border-radius: 0;}
.swiper-container .swiper-pagination .swiper-pagination-bulle:hover { background: #0755B2 !important; }
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #0755B2 !important; }





/*------------------------------------------------indexbanner star---------------------------------------------------------------*/
.slider {position: relative;width: 100%;height:43em;overflow: hidden;    display: block;}
.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;width: 100%;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;    opacity: 1;
		    	text-align: center;color: rgba(50,50,50,0);font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right { bottom: 50%; right: 30px; background:url(../images/banner-right-icon.png);}
.slider-arrow--left { bottom: 50%; left: 30px; background:url(../images/banner-left-icon.png); }
.slider-nav {position: absolute;bottom: 30px; width:300px !important; left:56.3% !important;}
.slider-nav__item {width:4em;height:0.5em;float: left;clear: none;display: block;margin: 0 5px;background: #fff;}
.slider-nav__item:hover { background: #0755B2; }
.slider-nav__item--current { background: #0755B2; }

.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---------------------------------------------------------------*/





.barone{   height: 100%;overflow: hidden;}
.barone h1{background: rgba(241, 236, 236, 0.64);width:35%;margin-left: 5%;margin-top: 18%;overflow: hidden;    padding: 1%;text-align: left;}
.barone h1 b{ display:block;}
.barone h1 b f{color: #085188;font-size: 1.2em; line-height: 1.1em;}
.barone h1 b c{color: #085188;font-size: 1.3em;font-weight: 600; line-height: 1.1em;}
.barone h1 e{color: #085188;font-size: 1em;margin-bottom: 1%;display: block;}
.barone h1 g{    width: 10%;border-bottom: 4px solid #085188;display: block;}

.barone h2{text-align: left; margin-top: 1%;margin-bottom: 1%; background: rgba(241, 236, 236, 0.64);width: 48%;
    margin-left: 5%;font-size: 1.18em;padding: 1%;color: #085188;}
.barone h3 a{border: 1px solid #085188;width: 10%;display: block;float: left;text-align: center;line-height: 2.6em;margin-right: 2%; color:#085188; font-size:0.8em}
.barone h3 a:hover{color:#fff; background:#085188; }
.barone h3{ margin-left:5%; overflow:hidden; margin-top:1%;}

.barone h4{
    overflow: hidden;
    margin-top: 22%;
    padding: 1%;
    text-align: left;
}
.box{
    position:relative;
}
.maolianbarone{
    position: absolute;
    left:49%;
    bottom:10%;
}
.barone h4 a
{
    border: 1px solid #085188;
    width: 10%;
    display: block;
    float: left;
    text-align: center;
    line-height: 2.6em;
    margin-right: 2%;
    color: #085188;

}

.bartwo{  height: 100%;overflow: hidden; left: 40%;}
.bartwo h1{background: rgba(241, 236, 236, 0.64);width:35%;margin-left: 60%;margin-top: 16%;overflow: hidden;    padding: 1%;text-align: right;}
.bartwo h1 b{ display:block;}
.bartwo h1 b f{color: #085188;font-size: 1.2em; line-height:1.1em}
.bartwo h1 b c{color: #085188;font-size: 1.3em;font-weight: 600; line-height:1.1em}
.bartwo h1 e{color: #085188;font-size:0.9em;margin-bottom: 1%;display: block;}
.bartwo h1 g{    width: 10%;border-bottom: 4px solid #085188;display: block; margin-left: 90%;}

.bartwo h2{text-align: right; margin-top: 1%;margin-bottom: 1%; background: rgba(241, 236, 236, 0.64);width: 48%;
    margin-left: 5%;font-size: 1.18em;padding: 1%;color: #085188;}
.bartwo h3 a{border: 1px solid #085188;width: 41%;display: block;float: left;text-align: center;line-height: 2.6em;margin-right: 2%; color:#085188; font-size:0.8em}
.bartwo h3 a:hover{color:#fff; background:#085188; }
.bartwo h3{margin-left: 79%; overflow:hidden;}





.barthree{    height: 100%;overflow: hidden;}
.barthree h1{background: rgba(241, 236, 236, 0.64);width:28%;margin-left: 5%;margin-top: 15%;overflow: hidden;    padding: 1%;text-align: left;}
.barthree h1 b{ display:block;}
.barthree h1 b f{color: #085188;font-size: 1.2em; }
.barthree h1 b c{color: #085188;font-size: 1.2em;font-weight: 600; line-height: 1.2em;}
.barthree h1 e{color: #085188;font-size: 1em;margin-bottom: 1%;display: block; line-height: 1em;}
.barthree h1 g{    width: 10%;border-bottom: 4px solid #085188;display: block;}

.barthree h2{text-align: left; margin-top: 1%;margin-bottom: 1%; background: rgba(241, 236, 236, 0.64);width: 41%;
    margin-left: 5%;font-size: 1.18em;padding: 1%;color: #085188;}
.barthree h2 span{font-size: 1.6em; display: block;}
.barthree h3 a{border: 1px solid #085188;width: 10%;display: block;float: left;text-align: center;line-height: 2.6em;margin-right: 1%; color:#085188; font-size:0.8em}
.barthree h3 a:hover{color:#fff; background:#085188; }
.barthree h3{ margin-left:5%; overflow:hidden;}



.barfour{   height: 100%;overflow: hidden; left: 40%;}
.barfour h1{background: rgba(241, 236, 236, 0.64);width: 28%;margin-left: 63%;margin-top: 20%;overflow: hidden;    padding: 1%;text-align: right; }
.barfour h1 b{ display:block;}
.barfour h1 b f{color: #085188;font-size: 1.2em; line-height:1.1em;}
.barfour h1 b c{color: #085188;font-size: 1.3em;font-weight: 600; line-height:1.1em;}
.barfour h1 e{color: #085188;font-size: 0.8em;margin-bottom: 1%;display: block;}
.barfour h1 g{width: 10%;border-bottom: 4px solid #085188;display: block; margin-left: 90%;}

.barfour h2{text-align: right; margin-top: 1%;margin-bottom: 1%; background: rgba(241, 236, 236, 0.64);width: 48%;
    margin-left: 5%;font-size: 1.18em;padding: 1%;color: #085188;}
.barfour h3 a{border: 1px solid #085188;width: 33%;display: block;float: left;text-align: center;line-height: 2.6em;margin-right: 4%; color:#085188; font-size:0.8em}
.barfour h3 a:hover{color:#fff; background:#085188; }
.barfour h3{ margin-left:5%; overflow:hidden; margin-left: 75%;}