@charset "utf-8";
/* CSS Document */
.index1{padding: 70px 0; background: url(../images/7.png);}
.index_title{text-align: center;}
.it_h3{font-size: 20px; color: #202020;}
.it_bor{width: 50px; height: 10px; border-bottom: 1px solid #dedede; margin: 0 auto;}
.i1_txt{width: 930px; text-align: center; margin: 0 auto;color: #666666; line-height: 24px; margin-top: 20px;}
.i1_main{margin-top: 60px; position: relative;}
.i1_image{width: 1040px; margin: 0 auto; position: relative;}
.i1_li{width: 185px !important; float: left; margin-right: 100px;}
.i1_bra{transition-duration: .5s; width: 185px; height: 185px; border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; background: #FFFFFF;}
.i1_tb{display: block; width: 100%; height: 120px;}
.tb1{background: url(../images/1.png) no-repeat center center;}
.tb2{background: url(../images/2.png) no-repeat center center;}
.tb3{background: url(../images/3.png) no-repeat center center;}
.tb4{background: url(../images/4.png) no-repeat center center;}
.i1_js{text-align: center;color: #666666;line-height: 24px;}
.i1_js span{display: block;color: #333333;}
.i1_li:hover .i1_bra{background: #0066af;}
.i1_li:hover .i1_js{color: #FFFFFF;}
.i1_li:hover .i1_js span{color: #FFFFFF;}
.i1_li:hover .tb1{background: url(../images/1h.png) no-repeat center center;}
.i1_li:hover .tb2{background: url(../images/2h.png) no-repeat center center;}
.i1_li:hover .tb3{background: url(../images/3h.png) no-repeat center center;}
.i1_li:hover .tb4{background: url(../images/4h.png) no-repeat center center;}
.swiper-button-prev,.swiper-button-next{transition-duration: .5s;}
.swiper-button-prev{background: url(../images/5.png) no-repeat center center;}
.swiper-button-next{background: url(../images/6.png) no-repeat center center;}
.swiper-button-prev:hover{background: url(../images/5h.png) no-repeat center center;}
.swiper-button-next:hover{background: url(../images/6h.png) no-repeat center center;}

.index2{background: url(../images/8.png); padding: 70px 0;}
.i2_left{width: 525px;}
.i2_title{padding:5px 0; color: #c2c2c2;line-height: 24px; padding-left: 70px;}
.i2_title span{display: block;font-size: 16px; color: #1f1f1f;}
.i2l_con{margin-top: 30px; position: relative;}
.i2l_left{width: 280px; height: 140px;}
.i2l_left a{display: block; width: 100%; height: 100%;}
.i2l_right{width: 230px;}
.i2r_a{display: block; padding-left: 13px; line-height: 34px; height: 34px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; background: url(../images/11.png) no-repeat left center;color: #555555;}
.i2r_a:hover{background: url(../images/11h.png) no-repeat left center; color: #0066af;}
.learn_more{margin-top: 30px; display: inline-block; padding-right: 25px; background: url(../images/14.png) no-repeat right center;color: #999999;}
.learn_more:hover{color: #0066af; background: url(../images/14h.png) no-repeat right center;}
.i2_right{width: 600px;}
.ab_main{width: 600px; overflow: hidden;}
.am_li{width: 200px; height: 140px; position: relative; overflow: hidden; float: left;}
.am_img{display: block; width: 100%; height: 100%;}
.am_pos{transition-duration: .3s; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: rgba(0,102,175,0.95);}
.am_tb{display: block; width: 100%; height: 100%; background: url(../images/15.png) no-repeat center center;}
.am_li:hover .am_pos{top: 0;}
.swiper-pos{position: absolute; right: 0; top:-60px; z-index: 999;}
.swiper-pos div{width: 40px; height: 30px; float: left; margin-left: 15px; cursor: pointer;transition-duration: .3s;}
.swiper-button-prev1{background: #cbcbcb url(../images/12.png) no-repeat center center;}
.swiper-button-next1{background: #cbcbcb url(../images/13.png) no-repeat center center;}
.swiper-button-prev1:hover{background: #0066af url(../images/12h.png) no-repeat center center;}
.swiper-button-next1:hover{background: #0066af url(../images/13h.png) no-repeat center center;}