@charset "utf-8";
@import url("/script/style/swt120s.css");

*{ font-style:normal; padding:0; margin:0; border:0;}
body{ font: 12px/24px "微软雅黑"; behavior: url(/images/csshover.htc); color:#5e5e5e;background:#fff;}
input,button,select,textarea{outline:none}
a{ text-decoration:none; color:#464646; cursor:pointer;}
a:hover{color:#09C;}
img{border:none;}
textarea{resize:none;}
input{border:none;background:none}
li{list-style:none;}

.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1}
body{font-size:12px}

.header{ width:100%; height:30px; font-size:12px; background:#000; color:#dedede}
.header .header_cen{ width:980px; height:30px; position:absolute; top:12px; left:50%; margin-left:-490px; line-height:30px}
.header_cen div{ width:500px; height:30px; float:left;font-size:12px; margin-top:-12px;}
.header_cen h1{font-size:12px; display:inline}
.header_cen p,.header_cen a{ width:52px; height:30px; margin-top:-5px; line-height:15px; float:right; padding-right:20px; margin-left:20px; _display:inline;cursor:pointer;color:#fff}
.ico_p1{ background:url(../images/head_ico01.png) no-repeat right top}
.ico_p2{ background:url(../images/head_ico02.png) no-repeat right top}
.ico_p3{ background:url(../images/head_ico01.png) no-repeat right top}

.top{width:100%;height:108px;margin:0 auto; background:#fff; padding-top:20px}
.top01{width:980px; margin:0 auto; height:108px;}
.logo{width:259px; height:69px; float:left; background:url(http://www.ybs120.com/images/logos.jpg) no-repeat; margin-top:11px;}
.top01 ul li a{ color:#fff}

.top_ye{width:340px; height:44px; float:left; margin:30px 0 0 37px;overflow:hidden}
.top_ye a{width:80px; height:18px; line-height:18px;font-size:14px; color:#0284cf; float:left; background:url(http://www.ybs120.com/images/num01.gif) no-repeat 0px 6px; padding-left:5px; margin-bottom:4px}
.top_ye a:hover{text-decoration:none;}

.top_mid{ width:362px; float:left; position:relative; padding:30px 0 0 65px}
.tm_a1,.tm_a2,.tm_a3,.top_mid em{ transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transition:all ease 0.5s}
.top_mid .tm_a1,.tm_a2,.tm_a3{ width:120px; height:50px; float:left; text-indent:35px; color:#1467a8;}
.top_mid .tm_a2 a{color:#1467a8;}
.top_mid .tm_a2 a:hover{color:#f79646;}
.top_mid .tm_a1{ background:url(/images/topico1.jpg) no-repeat 15px 5px; cursor:pointer;}
.top_mid .tm_a2{ background:url(/images/topico2.jpg) no-repeat 18px 5px;}
.top_mid .tm_a3{ background:url(/images/topico3.jpg) no-repeat 12px 5px; cursor:pointer;}
.top_mid .tm_a1:hover{ background-image:url(/images/topico1_h.jpg); color:#f79646}
.top_mid .tm_a2:hover{ background-image:url(/images/topico2_h.jpg); color:#f79646}
.top_mid .tm_a3:hover{ background-image:url(/images/topico3_h.jpg); color:#f79646}
.top_mid em{ display:block; height:12px; background:url(/images/topico4.jpg) no-repeat 55px bottom;}
.tm_a2{animation:tm_jt linear 1.5s infinite;-moz-animation:tm_jt linear 1.5s infinite;-ms-animation:tm_jt linear 1.5s infinite;-o-animation:tm_jt linear 1.5s infinite;-webkit-animation:tm_jt linear 1.5s infinite}
.tm_a1:hover em,.tm_a2:hover em,.tm_a3:hover em{ transform:translateY(5px); -moz-transform:translateY(5px); -ms-transform:translateY(5px); -o-transform:translateY(5px); -webkit-transform:translateY(5px)}
.top_mid span{ display:block; height:32px; padding:0 15px; font-size: 12px}
.top_mid .tm_a2 span{ border-left:1px solid #e2e0e0; border-right:1px solid #e2e0e0; cursor:pointer;}
.tm_a2_con,.tm_a3_con{ display:none;  position:absolute; top:80px; z-index:99999999999; box-shadow:0 0 10px #b2d9f0}
.tm_a2_con{ width:785px; left:-170px; background:#fff; padding:20px 30px 10px; text-indent:0;}
.tm_a2_con h4{ font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px; color:#00AAF0}
.tm_a2_con .tac_main{ padding:15px 0 0; overflow:hidden}
.tac_main p{ width:50%; margin-bottom:5px; box-sizing: border-box; float:left; background:url(/images/ua.png) no-repeat 0 3px; font-size:14px; line-height: 22px; position: relative}
.tac_main p{ display:block; padding-left:20px; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s}
.tac_main p a{ color:#0077DB; display: inline-block; padding-right: 20px }
.tac_main p i{ display:block;  font-size: 12px; font-style:normal; color:#C1C1C1}
.tac_main p:hover{background:#ececec url(/images/ua.png) no-repeat 0 3px; padding-left:25px; box-sizing: border-box}
/*.tac_main p:hover *{ background-color:#ececec; text-decoration:none; padding-left:5px}*/
.tac_main p:hover i{ color:#666}
.tm_a3_con{ width:120px; left:285px; background:#fff url(/script/images/swtcode_zx.jpg) no-repeat center 20px; text-align:center; text-indent:0; font-size:14px; padding:140px 20px 10px; color:#1467a8;}
.tac_main p i+a{width: 85px; height: 25px; text-align: center; position: absolute;top: 10px;right: 10px;display: block;color: #fff; border-radius: 5px; line-height: 25px; text-align: center;font-size: 12px}

@keyframes tm_jt{0%{ background-image:url(/images/topico2.jpg);}	50%{ background-image:url(/images/topico2_h.jpg);}	100%{ background-image:url(/images/topico2.jpg);} }
@-moz-keyframes tm_jt{0%{ background-image:url(/images/topico2.jpg);}	50%{ background-image:url(/images/topico2_h.jpg);}	100%{ background-image:url(/images/topico2.jpg);} }
@-o-keyframes tm_jt{0%{ background-image:url(/images/topico2.jpg);}	50%{ background-image:url(/images/topico2_h.jpg);}	100%{ background-image:url(/images/topico2.jpg);}}
@-webkit-keyframes tm_jt{0%{ background-image:url(/images/topico2.jpg);}50%{ background-image:url(/images/topico2_h.jpg);}	100%{ background-image:url(/images/topico2.jpg);}}

.top_tel{width:220px; height:39px; padding-top:45px; float:right; background:url(/images/telephone.jpg) no-repeat; margin-top:26px;}

.nav{ width:100%;height:44px;margin:0 auto; border-bottom:1px solid #2997cf; background:#00aaf0; position: relative; z-index:9999; clear: both}
.nav ul{width:972px;height:44px; overflow: hidden; padding:0 4px;}
.nav ul li{width:108px;float:left; background:url(../images/nav_li.jpg) no-repeat right ;  text-align:center;}
.nav ul li>a{ color:#fff; width:108px; height:44px; line-height:44px; display:block; font-size:16px;}
.nav ul li .top_ul_ons{background:url(../images/hot.gif) no-repeat 76px 1px; color:#fbfe01}
.nav ul li>a:hover{color:#e21d00;text-decoration:none; background:#fdd503}
.nav ul li>.top_ul_ons:hover{color:#e21d00;text-decoration:none; background:url(../images/hot.gif) no-repeat 76px 1px #fdd503}

/*导航大事记*/
.dsj{width: 100%; height: 0; text-align: left; overflow: hidden; background: #fff; line-height: 25px; position:absolute; left: 0; top: 45px; z-index:99999;}
.dsj,.dsj *{ transition: ease 0.5s all}
.dsj.on{ height: 470px; border-bottom: 1px solid #ccc;}
.dsj .dsj_con{width: 980px; margin: 25px auto;}
.dsj_con h2{ width: 330px; height: 45px; line-height: 45px; border-bottom: 1px solid #a4a3a3; text-align: center; margin: 0 auto; font-weight: 100}
.dsj_con h2 i{display:inline-block; height: 45px; font-style: normal; border-bottom: 1px solid #44a1ed; font-size: 28px; color: #333;}
.dsj_con h3{ text-align: center; font-size: 16px; color: #999; font-weight: 100; padding-top: 5px}
.dsj_con dl{overflow: hidden; padding-top: 20px}
.dsj_con dl dd{ width: 225px; height: 140px; overflow: hidden; font-size: 14px; margin: 9px; overflow: hidden; color: #fff; float: left; position: relative}
.dsj_con dl dd p{ position: absolute; width: 100%; height: 26px; background: url(/images/dsjbg.png) no-repeat; bottom: 0; left: 0; color: #fff; padding: 114px 10px 0;}
.dsj_con dl dd>img{ width: 225px; height: 140px;}
.dsj_con dl dd a:hover img{ transform: scale(1.1)}
.dsj_con dl dd span{display: block; width: 100%; height: 100px; cursor: pointer; background: #1c5d93; text-align: center; padding-top: 40px}
.dsj_con dl dd span:hover{ background:#ff8b36}
.dsj_con dl dd i{display: block; width: 105px; margin:8px auto 0; padding-top: 8px; border-top: 1px solid #fff; font-style: normal}
.dsj_con dl dt{ width: 426px; height: 118px; overflow: hidden; border: 1px solid #ccc; font-size: 14px; margin: 9px; padding: 10px 20px; overflow: hidden; color: #fff; float: left; position: relative}
.dsj_con dl dt p{ border-bottom: 1px solid #dadada; margin-bottom: 10px; padding-bottom: 10px}
.dsj_con dl dt p a{display: block; width: 100%; font-size: 14px; color: #1c5d93;}
.dsj_con dl dt p a:hover{ color: #ff8b36;}
.dsj_con dl dt p span{display: block; font-size: 12px; color: #666;}

.foot_new{ width:100%; background:#0076a4 url(../images/foot_bg.jpg); font:12px/25px "微软雅黑"; color:#fff; padding:25px 0 60px; clear:both}
.foot_new .fn_cen{ width:984px; margin:0 auto;}
.fn_cen a,.fn_cen a:hover{ color:#fff}
.fn_cen ul *{ transition:all 0.5s ease}
.subnav_new{text-align: center}
.subnav_new a,.subnav_new a:hover{ color: #fff;}
.subnav_new,.fn_p{ width:984px; margin:0 auto;}
.fn_cen .fn_tit{text-align: center; padding: 15px 0 10px; background: url(http://www.ybs120.com/images/fn_jian.png) no-repeat center bottom}
.fn_tit b{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.fn_tit em{ font-style: normal; font-size: 16px}
.fn_cen ul{ padding: 10px 0 30px; text-align: center}
.fn_cen ul li{width: 115px; height: 35px; text-align: center; color: #fff; font-size: 12px; display: inline-block; border: 1px solid #7eb9cf; margin: 3px; position: relative;}
.fn_cen ul li>a{ display: block;width: 100%;height:100%; line-height: 35px;}
.fn_cen ul li:hover{ border: 1px solid #fff}
.fn_cen ul li>a:hover{ background: #cbe3ec;color: #000; text-decoration: none}
.fn_p{overflow: hidden;}
.fn_p .foot_logo_n{ display:block; width:228px; height:53px; background:url(http://www.ybs120.com/images/foot_logo_n.png) no-repeat; float: left; margin-left: 30px}
.fn_p span{display: block; float: right; margin-right: 30px}
.fn_cen ul li p{ position: absolute; left:-101px; bottom:42px; z-index: 10;width: 300px;padding: 10px;color: #000; text-align: left;background:rgba(255,255,255,0.85);display: none;overflow: hidden; }
.fn_cen ul li:hover p{display: block;}
.fn_cen ul li p i{width: 60px;height: 60px; border-radius: 50%; overflow: hidden;display: block;float: left; margin:8px 10px 0 0}
.fn_cen ul li p i img{height: 100%; margin-left: -18px;display: block;}
.fn_cen ul li p a{display: block;color: #000; font-size: 14px; font-weight: bold}
.fn_cen ul li p a:hover{ color: #000;}
.fn_cen ul li p:hover{display: none;}

a{ cursor:pointer}