@import "common.css";
/*Slide Start幻灯片位置开始*/
.Bannerbox {width:100%;	min-height:364px;position:relative;overflow:hidden;z-index:9;}
.banner-slide .prev, .banner-slide .next {display: block; position:absolute;top:50%; margin-top:-38px; width:42px; height:76px; z-index:10; font-size:0; line-height:0; cursor:pointer;}
.banner-slide .prev {left:15px; background:url('../images/btnprev.png') no-repeat 0 0;}
.banner-slide .next {right:15px; background:url('../images/btnnext.png') no-repeat 0 0;}
.banner-slide ul.bannerlist li{display:block; position:absolute; width: 100%; height:100%; text-align:center; background-position: center top; background-repeat:no-repeat; text-transform:uppercase; background-size:100% 100%;}
.banner-slide ul.bannerlist li a { display:block; width:100%; height:100%;}
.banner-slide ul.bannerlist li img{ width:100%; height:100%;}
.banner-slide ul.bannerlist li p{ position:absolute; text-align:center; line-height:20px; left:0; bottom:42px; width:100%; z-index:2; font-size:14px; color:#A8A8A8;}
.banner-slide ul.bannerlist li p strong{ display:block; height:46px; line-height:46px; color:#FFF;  font-size:30px;}
.banner_icon{position: absolute; bottom:20px; left:0; width:100%; height:12px; z-index:10; font-size:0; line-height:0; text-align:center;}
.banner_icon span { cursor:pointer;display:inline-block;width: 12px;height: 12px;margin:0 10px;border-radius: 50%;text-align:center; background:#dcdcdc; color:#dcdcdc;}
.banner_icon span.active{background:#1c911a; color:#1c911a;}


#Container{ width:100%; padding-top:35px; padding-bottom:20px; min-height:680px;background:url(../images/bg_index.jpg) center top no-repeat;}

.onebox{ margin-bottom:35px;}
.itemlist{ float:left; width:334px;height:100px; padding:9px 15px 9px 9px; background:#fff url(../images/index-onebg.jpg) top repeat-x; overflow:hidden; border:1px solid #fff; margin-right:10px; position:relative;}
.itemlist .itemmain{ position:relative; width:214px; height:100px; padding-left:120px;}
.itemlist .itemmain img{ position:absolute; left:0; top:0; width:100px; height:100px;}
.itemlist .itemmain h2{ display: inline-block; padding-right:12px; height:21px; font:bold 14px/20px "微软雅黑"; color:#006ebe; background:url(../images/icon/line_r_blue.png) right center no-repeat; margin-bottom:6px;}
.itemlist .itemmain a{ color:#006ebe;}
.itemlist .itemmain h2:hover{ background-image:url(../images/icon/line_r_red.png)}
.itemlist .itemmain h2:hover a{ display: inline-block;height:20px; border-bottom:1px solid #006ebe; color:#006ebe;}
.itemlist .itemmain li{ display:none; height:58px; overflow:hidden; width:100%;}
.itemlist .itemmain li.on{ display:block;}
.itemlist .itemmain p{ display:block; width:100%; height:40px; line-height:20px; overflow:hidden;}
.itemlist .itemmain p.time,.itemlist .itemmain p.timer{ height:18px; line-height:18px; color:#969696;}
.itemlist .itemmain p.timer{ background:url(../images/icon/timer.png) left center no-repeat; padding-left:15px;}
.itemlist .itempage{ position:absolute; right:15px; bottom:9px;}
.itemlist .itempage a{ display:inline-block; width:10px; height:10px; cursor:default;}
.itemlist .itempage a.prev{ background:url(../images/icon/arrow_l_grey.png) no-repeat center;}
.itemlist .itempage a.next{ background:url(../images/icon/arrow_r_grey.png) no-repeat center;}
.itemlist .itempage a.prev.hover{ background:url(../images/icon/arrow_l_blue.png) no-repeat center; cursor:pointer;}
.itemlist .itempage a.next.hover{ background:url(../images/icon/arrow_r_blue.png) no-repeat center; cursor:pointer;}


.twobox{ position:relative; padding:38px; height:225px; background:#fff url(../images/index-twobg.jpg) top repeat-x; margin-bottom:48px;border:1px solid #fff;}
.scoll_prev,.scoll_next{ position:absolute; top:50%; margin-top:-13px; z-index:9; width:26px; height:26px; cursor:pointer;}
.scoll_prev{ left:11px; background:url(../images/icon/round_line_l_green.png) center no-repeat;}
.scoll_next{ right:11px; background:url(../images/icon/round_line_r_green.png) center no-repeat;}
.servicesmain{ padding:0 45px; position:relative; height:182px;}
.serviceslist{ width:100%;height:220px; position:relative; overflow:hidden; overflow:hidden;margin: 0 auto;}
.serviceslist ul{ position:absolute; left:0; top:0; height:190px;}
.serviceslist .swiper-slide{ float:left; position:relative;width: 232px; height:190px; overflow:hidden; background:url(/images/index_imgbg.png) no-repeat;background-size: cover;overflow:hidden; cursor:pointer;
/* background:#fff;
-webkit-box-shadow:0 0 6px #d2d2d2;  
-moz-box-shadow:0 0 6px #d2d2d2;  
box-shadow:0 0 6px #d2d2d2;*/
}
.serviceslist .swiper-slide.nomr{ margin-right:0;}
.serviceslist .swiper-slide img{ width:214px; height:142px; margin:9px auto 3px;display: block;}
.serviceslist .swiper-slide h3{ height:27px; text-align:center; overflow:hidden; font:bold 14px/27px "微软雅黑";color:#006ebe}
.serviceslist .swiper-slide .btnlook{ position:absolute; right:13px; bottom:13px; display:none; height:18px; padding-left:6px; padding-right:13px; color:#fff;/* background:#1d921b url(../images/icon/line_r_white.png) 58px center no-repeat;*/font:normal 12px/18px "微软雅黑";border-radius: 5px; width:68px;}
.serviceslist .swiper-slide .btnlook img{ width:68px; height:17px; margin:0;}
.serviceslist .swiper-slide .cover{ position:absolute; top:6px; left:6px; display: none; width:185px; padding:26px 18px 21px; height:110px; background:url(../images/trans_white.png); overflow:hidden;}
.serviceslist .swiper-slide .cover strong{ display:inline-block; height:20px; font:bold 14px/20px "微软雅黑"; color:#1d921b; border-bottom:1px solid #1d921b; margin-bottom:6px;}
.serviceslist .swiper-slide .cover p{ display:block; width:178px; height:60px; overflow:hidden; color:#4b4b4b;}
.serviceslist .swiper-slide:hover h3{ display:none}
.serviceslist .swiper-slide:hover .btnlook,.serviceslist .swiper-slide:hover .cover{ display:block;}
.servicepage{ margin-top:29px; height:14px; overflow:hidden; padding0:0 20px; text-align:center;}
.servicepage a{ display:inline-block; width:15px; height:14px; background:url(../images/icon_index.png) no-repeat; margin:0 5px; overflow:hidden;}
.servicepage a.on,.servicepage a:hover{ background-position:-25px 0;}
.more_service{ position:absolute; right:20px; bottom:38px; display:inline-block; padding-right:16px; height:14px; font:normal 14px/14px "微软雅黑"; color:#004b91; background:url(../images/icon/round_line_r_blue.png) right center no-repeat;}

.threebox{ text-align:center; margin-bottom:37px; height:100px;}
.threebox .list{ width:66px; height:88px; padding:17px; display:inline-block;margin:0 64px; color:#7299c0; font:normal 16px/20px "微软雅黑";/*padding:6px 15px;  border:2px solid #7299c0;border-radius: 50%; */ background:url(../images/index_cricle.png) -227px 0 no-repeat;}
.threebox .list span{ width:44px; height:36px; display:block; background:url(../images/index_la.png) no-repeat; margin:0 auto 2px;}
.threebox .list span.icon1{ background-position:0 0;}
.threebox .list span.icon2{ background-position:-224px 0;}
.threebox .list span.icon3{ background-position:-450px 0;}
.threebox .list:hover{/* border-color:#006ebe;*/ background-position:0 0; color:#006ebe}
.threebox .list:hover span.icon1{ background-position:0 -50px;}
.threebox .list:hover span.icon2{ background-position:-224px -50px;}
.threebox .list:hover span.icon3{ background-position:-450px -50px;}


.linkbox{ text-align:center; min-height:28px; color:#648db6; line-height:26px;}
.linkbox a{ display: inline-block; color:#648db6; margin:0 20px 10px;font:normal 14px/26px "微软雅黑"; height:27px;}
.linkbox a:hover{ border-bottom:1px solid #006DBF; height:26px;}

.nomr{ margin-right:0;}