@charset "utf-8";
/* CSS Document */

.banner{ width: 100%; height: 296px; position: relative; overflow: hidden;}
.banner img{ width: 1920px; height: 296px; position: absolute; left: 50%; top: 0; margin-left: -960px}


.bka-bj{ width: 100% ; height: 428px; background-color: #fafdfc; overflow: hidden;}
.bka-box{ width: 1200px; height: 428px; margin: 0 auto; overflow: hidden;}
.bka-l{ width: 808px;float: left;}
.bka-r{ width: 362px;float: right;}
.bba{ width: 100% ; height: 81px ; border-bottom: 2px solid #c4cacf; position: relative;}
.bba h3{ height: 40px; background: url(../images/bt-x.jpg) no-repeat left bottom; font-size: 24px; color: #1c2732; position: absolute; left: 0; bottom: -3px;}
.bba a{ font-size: 14px; color: #93989e; position: absolute;right: 0; bottom: 10px;}
.bka-r .kes-b{ width: 100% ; height: 261px; background-color: #e6f4f7; border-radius: 4px; margin-top: 18px; overflow: hidden;}
.bka-r .kes-b img{ width: 326px; height: 144px; margin: 18px 0 0 17px;}
.bka-r .kes-b p{ width: 326px; height: 80px; line-height: 20px; font-size: 14px; color: #91959a ; margin: 7px 0 0 17px;text-align:justify; text-indent: 28px; overflow: hidden;}
.bka-r .kes-b p:hover{ color: #0086d1}

.tp-nw{ width: 100% ; height: 261px; margin: 18px 0 0 0; overflow: hidden;}
.nw-l{ width: 390px; height: 261px;float: left; overflow: hidden;}
.nw-r{ width: 386px; height: 261px;float: right; overflow: hidden;}
/* 焦点图 */
.yx-rotaion{width: 100%;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{ width: 100%; text-align: center; height:20px;line-height:20px;right:0px;bottom:30px;z-index:2}
.yx-rotation-focus span{width:12px;height:6px; display: inline-block ; background: url(../images/jd1.png) no-repeat; margin: 0 4px; font-size: 0}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{ background: url(../images/jd2.png) no-repeat; width: 23px;}
.rotaion_list{width:0;height:0;overflow:hidden;}
.yx-rotaion .rotaion_list li{ height: 261px;}
.yx-rotaion .rotaion_list li a{  width: 390px; height: 261px; position: relative; overflow: hidden;}
.yx-rotaion .rotaion_list li img{ width: 390px; height: 261px;}
.yx-rotaion .rotaion_list li h4{ width: 100% ; height: 60px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0px ;   background: url(../images/jdb.png) repeat; }

.titb{ width: 100% ; height: 94px; border-bottom: 1px dashed #c0ccd5 ;}
.titb a{ width: 100% ; height: 88px; background-color: #e4f3f6; display: block ; overflow: hidden;}
.titb a h3{ width: 350px ; height: 20px; line-height: 20px; font-size: 16px; color: #0086d1 ; font-weight: bold; white-space:nowrap;  text-overflow:ellipsis; margin: 0 auto; text-align: center; margin-top: 12px ; margin-bottom: 5px; overflow: hidden;}
.titb a p{ width: 350px ;  height: 40px; line-height: 20px; font-size: 12px; color: #868a8e; margin: 0 auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.qie{width: 100%;  overflow: hidden; position: relative;}
.qie ul{ width: 100%; padding-top:10px;}
.qie ul li{width: 100%; height:30px; line-height:30px; margin-bottom: 2px; overflow:hidden}
.qie ul li a{width:260px;height:30px; line-height:30px;display:block; float: left;background:url(../images/sn1.png) no-repeat; display:block; background-position:4px center; padding-left:14px; font-size:16px; color:#5d6873;white-space:nowrap;  text-overflow:ellipsis; overflow:hidden; }
.qie ul li span{ width:75px;height:30px;line-height:30px; display:block; text-align:right; font-size:14px; color:#8796a5; font-family:"Arial";float: right ; overflow:hidden}
.qie ul li:hover a{ color:#17559d; background:url(../images/sn2.png) no-repeat;background-position:4px center;}



.bkb-bj{ width: 100% ; height: 435px ; background: url(../images/bkb-bj.jpg) no-repeat center center; overflow: hidden;}
.bkb-box{ width: 1200px; height: 435px; margin: 0 auto;}
.bbc{ width: 100% ; height: 91px ; border-bottom: 2px solid #c4cacf; position: relative;}
.bbc h3{ height: 44px; background: url(../images/bt-x.jpg) no-repeat left bottom; font-size: 24px; color: #1c2732; position: absolute; left: 0; bottom: -3px;}
.bbc h4{ width: 95px; height: 28px;line-height: 28px; padding-left: 35px; background: url(../images/ck.png) no-repeat; font-size: 14px; color: #fff; position: absolute; right: 0; bottom: 10px; cursor: pointer; overflow: hidden;}

.picScroll-left{width:1190px;  margin:0 auto; margin-top: 10px;}
.picScroll-left .hd{width:1190px; position: relative; z-index:99999;}
/* .picScroll-left .hd .prev{display: inline-block;  width:8px; height:24px; float:right;   overflow:hidden;background:url(../images/right.png) no-repeat;position:absolute; right:-15px ; top:110px;  }
.picScroll-left .hd .next{ display:inline-block;  width:8px; height:24px; float:left;   overflow:hidden; cursor:pointer; background:url(../images/left.png) no-repeat;position:absolute; left:-15px ; top:110px; } */

.picScroll-left .hd ul{ width:100%; text-align:center; overflow:hidden; zoom:1;  zoom:1; position:relative; right:0; top:265px; z-index:999999999 ;}
.picScroll-left .hd ul li{ display: inline-block; width:43px; height:12px; overflow:hidden;  text-indent:-999px; cursor:pointer; background:url(../images/ddf.png) 0 -12px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
		
.picScroll-left .bd{width:1190px; height:280px; position: relative; top: -9px; overflow:hidden; }
.picScroll-left .bd ul{  /*overflow:hidden;*/ zoom:1; height:280px; width:1190px;}
.picScroll-left .bd ul li{  float:left; border-radius: 4px; position:relative; margin-right:31px; padding: 6px; margin-top: 6px; }
.picScroll-left .bd ul li a{width:154px; height:219px; display:block; border: solid 3px #fff; border-radius: 4px; position: relative; overflow: hidden;}
.picScroll-left .bd ul li .ys{ width:154px; height:219px;transition: all 1.1s;}
.picScroll-left .bd ul li .dw{ width:154px; height:48px; background:url(../images/fdb.png) repeat; position:absolute; left:0; bottom:0; z-index: 3;}
.picScroll-left .bd ul li .dw h3{ width: 100% ; height: 20px ;line-height: 20px ; text-align: center; font-size: 16px; color: #1c2732; white-space:nowrap;  text-overflow:ellipsis; margin: 6px 0 0px 0; overflow: hidden;}
.picScroll-left .bd ul li .dw h4{ width: 100% ; height: 20px ;line-height: 20px ; text-align: center; font-size: 12px; color: #1c2732; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.picScroll-left .bd ul li .fd-bj{width:154px; height:219px; background:url(../images/fd-bj.png) repeat;position:absolute; left:0; bottom:0; z-index: 2; text-align: center; overflow: hidden; display: none}
.picScroll-left .bd ul li .fd-bj img{ margin: 66px 0 0 0;}

.picScroll-left .bd ul li:hover{ padding: 0; border: solid 6px #fff; box-shadow: -3px 3px 15px #adbfdd}
.picScroll-left .bd ul li:hover a{ border-radius: 0}
.picScroll-left .bd ul li:hover .fd-bj{ display: block}
.picScroll-left .bd ul li:hover .dw{ background:url(../images/fdc.png) repeat; height: 58px; }
.picScroll-left .bd ul li:hover .dw h3{ font-weight: bold; color: #fff; margin: 8px 0 3px 0;}
.picScroll-left .bd ul li:hover .dw h4{ color: #fff}
.picScroll-left .bd ul li:hover .ys{transform: scale(1.1);}



.bkc-bj{ width: 100% ; height: 395px ; padding: 55px 0 0 0; background-color: #fafdfc; overflow: hidden;}
.bkc-box{ width: 1200px; height: 395px; margin: 0 auto;}
.bkc-l{ width: 360px; height: 340px ;float: left; padding: 0 19px; background: url(../images/hud-bj.jpg) no-repeat; overflow: hidden;}
.bkc-r{ width: 759px; height: 340px ;float: right ; overflow: hidden;}

.bkc-l .yh{ width: 100% ; height: 48px; border-bottom: 1px solid #bfc9d0 ; position: relative;}
.bkc-l .yh h3{height: 31px;line-height: 31px;background: url(../images/wx.png) no-repeat left center;font-size: 18px;
  color: #2d313f;padding-left: 43px;position: absolute;left: 0;bottom: 4px;}
.bkc-l .yh a{font-size: 14px;color: #93989e;position: absolute;right: 0;bottom: 7px;}

.hd-b{ width: 100%; height:197px; padding-top: 26px; border-bottom: 1px solid #bfc9d0; overflow: hidden;}
.zmb{ width: 100%; margin: 0 0 26px 0}
.zmb .zm1{ width: 100%; height: 24px; margin-bottom: 9px;}
.zmb .zm1 img{ width: 24px; height: 24px; float: left; margin-right: 2px;}
.zmb .zm1 .back{ width: 304px; height: 24px;float: left; background: url(../images/q3.png) no-repeat; overflow: hidden;}
.zmb .zm1 .back h4{ width: 285px; height: 24px; line-height: 24px; font-size: 14px; color: #586372; white-space:nowrap;  text-overflow:ellipsis; padding-left: 8px; overflow: hidden;}

.zmb .zm2{ width: 100%; height: 42px;}
.zmb .zm2 img{ width: 24px; height: 24px; float: right; margin-left: 2px;}
.zmb .zm2 .back{ width: 304px; height: 42px;float: right; background: url(../images/q4.png) no-repeat; overflow: hidden;}
.zmb .zm2 .back h4{ width: 285px; height: 42px; line-height: 42px; font-size: 14px; color: #586372;  padding-right: 8px;text-align: right; margin-left: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.bor{ border: none !important}

.zmb .zm2 .back h4.hf{ line-height: 18px; margin: 2px 0 0 0; text-align: left; padding: 0 0 0 8px;}
.zix{width: 98px;height: 35px;line-height: 35px;background: url(../images/q6.png) no-repeat;
display: block; margin: 0 auto; margin-top: 13px; font-size: 14px; padding-left: 76px; color: #fff;}

.yd-box{ width: 100% ; height: 104px ; margin-top: 17px;}
.yd-box img{ width: 156px; height: 104px ;float: left;}
.yd-box .yd-text{ width: 589px; height: 103px; border-bottom: 1px dashed #c0ccd5;float: right}
.yd-box .yd-text a{ width: 559px ; height: 97px; padding: 0 15px; display: block; background-color: #e4f3f6; overflow: hidden;}
.yd-box .yd-text a h3{width: 100%;height: 20px;line-height: 20px;font-size: 16px;color: #0086d1;
font-weight: bold; white-space: nowrap;text-overflow: ellipsis;text-align: center;margin-top: 12px;
margin-bottom: 5px;overflow: hidden;}
.yd-box .yd-text a p{width: 100%;height: 40px;line-height: 20px;font-size: 12px;color: #868a8e;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.yd-box .yd-text a p span{ color: #0086d1; padding-left: 3px;}

.qie2 ul li a{ width: 620px}

.bba a:hover{ color: #0083ce}
.bkc-l .yh a:hover{ color: #0083ce}






.bkc-r{ background-color: #eaf6f8 ; border-radius: 4px;}
.bkc-r .yh{width: 705px; margin: 0 auto; height: 48px; border-bottom: 1px solid #bfc9d0; position: relative;}
.bkc-r .yh h3{height: 31px;line-height: 31px; background: url(../images/tj.png) no-repeat left center; font-size: 18px;color: #2d313f; padding-left: 43px;position: absolute;left: 0;bottom: 4px;}
.bkc-r .yh a{font-size: 14px;color: #93989e;position: absolute;right: 0;bottom: 7px;}

.picMarquee-left2{ width:100%;  overflow:hidden; position:relative; margin:28px 0 0 0; }
.picMarquee-left2 .hd{ position:absolute; left:0; top:44px; width:100%; z-index: 9;  height: 0;}
.picMarquee-left2 .bd{ width:705px; margin:0 auto;}
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left2 .bd ul li{ width:224px; float:left; _display:inline; overflow:hidden;margin-right:10px;  position: relative; padding: 7px 5px; }
.picMarquee-left2 .bd ul li img{ width:224px; height:151px;cursor:pointer;}
.picMarquee-left2 .bd ul li:hover{ background-color: #fff;box-shadow: #dce8ea 0px 0px 8px 2px; border-bottom: 2px solid #1755a4;}
.picMarquee-left2 .hd .next{ width: 46px; height: 72px; background: url(../images/left5.png) no-repeat; float: left;}
.picMarquee-left2 .hd .prev{ width: 46px; height: 72px; background: url(../images/right5.png) no-repeat;float: right}
.picMarquee-left2 .bd ul li h3{ width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 14px; color: #5c6572; overflow: hidden;}
.picMarquee-left2 .bd ul li:hover h3{color: #1755a4}

