




*{ padding:0; margin:0;}





.bj{background: rgba(63, 56, 50, 0.52);position: absolute;left: 0;width: 100%;height:2.4em;bottom: 100%;}


.item-c-slide {height:100%; width:100%; }
.banner_botom{width: 100%;margin: auto; position:absolute;bottom:3%;display: block;}
.banner_botom .container{padding-bottom:1%;padding-top:1%;width:100%; overflow:hidden;}
.carousel-indicators{ width:100%; left:0px; margin-left:0px; }
.index_dl dt{ float:left;}
.index_num{ float:left;}
.index_dl dd{ float:left;}
.carousel-indicators{ padding-left:0px; margin-bottom:-7px; width:100%; position:inherit; bottom:0px; margin:0px;}
.carousel-indicators li{ float:left;  width:14px; height:14px; margin:0px; border-radius:20px;  border-top:none !important; border-left:none;border-bottom:none; margin-right:13%; background:#fff; list-style:none;}
/*.carousel-indicators .active{width:24%; height:auto; background:#014ca0;} 
.carousel-indicators .active .index_num{ background:#fff; color:#014ca0; }
.carousel-indicators .active .index_con{ color:#fff;}*/
.index_con  { line-height:20px; margin:0px; color:#6c6c6c;}
.index_con{ width:77%; font-size:12px; color:#6c6c6c; float:left; padding-left:10px;}
.index_con a{display: block;}
.index_con a:hover b{color: #fff;}
.index_con a:hover c{color: #fff;}
.banner_botom .container .row .carousel-indicators .active{ background:#002e7b;}


.carousel-indicators .active{}
.carousel-indicators .active .index_con b{color:#fff;}
.carousel-indicators .active .index_con c{color:#fff;}
.carousel-indicators .active .index_num img{ opacity: 1;}
.carousel-indicators li:hover .index_num img{ opacity: 1;}

.carousel-indicators li g{opacity: 0; position: absolute;bottom: 98%;height:2.4em;line-height:2.4em;transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;    display: block;text-align: left;width: 88%;left: 5%;}
.carousel-indicators li g b{color: #ed6d00;font-size: 1.1em;}
.carousel-indicators li g a{ color: #fff;font-size: 1em;margin-left: 1em;}
.carousel-indicators .active g{ opacity: 1; position: absolute;bottom:100%; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;}




.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left;}
.carousel {position: relative; width:100%; height:700px;float: none !important;}
.carousel-inner {position: absolute;width: 100%;height: 100%;overflow: hidden;display: block;}
.carousel-inner > .item {position: relative;display: none;-webkit-transition: .6s ease-in-out left;-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {line-height: 1;}
.carousel-inner > .item {-webkit-transition: -webkit-transform .6s ease-in-out;-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;
perspective: 1000px;}
.carousel-inner > .item.active.right, .carousel-inner > .item.next {left: 0;-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);}
.carousel-inner > .item.active.left, .carousel-inner > .item.prev {left: 0;-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {left: 0;
-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next, .carousel-inner > .prev {position: absolute;top: 0;width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}

.barone {position: relative;height: 100%;width: 80%;margin: auto;}
.barone b {padding-top: 12%;text-align: left;font-weight: 600;color: #fff;font-size: 2.4em;text-transform: uppercase;line-height: 1em;    display: block;}
.barone span {border-bottom: 4px solid #ed6d00;width: 8%;margin-top: 1.5%;display: block;}
.barone h3 {color: #ed6d00;text-align: start;font-size: 1.8em;margin-top: 1%;font-weight: 600;}
.barone h4 {color: #fff;text-align: start;font-size: 1.1em;margin-top: 1%;line-height: 1.2em;}
.barone p {background: #ed6d00;width: 18%;font-size: 1em;line-height: 2.5em;margin-top: 1.5%; text-align:center;}
.barone p a {color: #fff;display: block;}


.banner_link{ position:absolute;bottom:16.5%; width:100%; overflow:hidden;}
.banner_link h6{overflow: hidden;width: 88%;margin: auto;}
.banner_link h6 b{color: #ed6d00;font-size:1.1em;}
.banner_link h6 c{}
.banner_link h6 c a{color: #fff;font-size:1.1em;}

.carousel-control.right{bottom: 43%;left: 30px;background: url(../images/banner-right-icon.png) no-repeat center;position: absolute;width: 53px;height: 53px;opacity: 0;background-color: rgba(255, 255, 255, 0.7);border-radius: 5em;text-align: center;line-height: 60px;}
.carousel-control.left {bottom: 43%;right: 30px;background: url(../images/banner-left-icon.png) no-repeat center;position: absolute;width: 53px;height: 53px;opacity: 0;background-color:rgba(255, 255, 255, 0.7);border-radius: 5em;text-align: center;line-height: 60px;}
/*.carousel-control.right:hover{ background: url(../images/banner-right-icon01.png) no-repeat;position: absolute;opacity:1;}
.carousel-control.left:hover{ background: url(../images/banner-left-icon01.png)no-repeat;position: absolute;opacity:1; }*/


.fa-angle-left{}
.fa-angle-right{}





@media screen and (min-width:1920px){
.banner_link{ bottom:12%;} 
}

@media screen and (min-width:1700px){
.banner_link{ bottom:14%;} 
}
@media screen and (min-width:1600px){
.banner_link{ bottom:10%;} 
}

@media screen and (min-width:1960px){
.banner_link{ bottom:14.6%;} 
}

.banner_botom .container .row{ width:10%; margin:0 auto; overflow:hidden; }
.index_con b{display: block;color: #666;font-size: 1.6em;line-height:1.3em;}
.index_con c{display: block;color: #666;font-size: 1.2em;line-height: 1em;}
.index_num img{     opacity: 0.5;}


