@charset "utf-8";

/* CSS Document*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display: block;}
body{margin: 0px; background:#fff;color: #444;font-size: 16px;line-height: 1.6;font-family:Tahoma,Arial,"Microsoft YaHei","微软雅黑","MSYH",'\5b8b\4f53',"宋体","SimHei","黑体",'Hiragino Sans GB',"Microsoft JhengHei","华文细黑",'Heiti SC','Hiragino Sans GB',STHeiti,MingLiu,SimSun,Verdana;}/*基本样表 */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/*去掉点击框*/
*{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*{margin: 0px;padding: 0px;list-style: none; box-sizing: border-box;}/*默认所有边距为0 */
img, :link img, :visited img{border: none;}/*默认图片边距为0 */
ul, li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.both{clear:both;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.none{display:none;}
.block{display:block;}
a:link{color: #444;text-decoration: none;}
a:visited{text-decoration: none;color: #444;}
a:hover{text-decoration: none;color: #194189;}
a:active{text-decoration: none;color: #444;}
html, body{height:100%;}
input, button ,select,textarea{outline: none; font-family: Tahoma, Arial, 'Microsoft YaHei',"微软雅黑", "Microsoft JhengHei", 'Hiragino Sans GB',"华文细黑", STHeiti, MingLiu, '\5b8b\4f53', "宋体", SimSun, Verdana;}
input:focus{outline: none;}
* { -webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
body{user-select:none;}
/*缓动效果 */
.transition ,.transition a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;}
.toptran a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;}
/* a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;} */
.zh-self img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}/*图片自动适应到100% */
/*圆角*/
.round3{-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.round5{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.round10{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.round15{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.round50{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
/*透明度*/
.opacity10{filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.opacity30{filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.opacity50{filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.opacity80{filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.opacity90{filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.8; opacity: 0.9;}
.opacity100{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
/*定位数值*/
.pt3{padding-top: 3px;}.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}
.pb3{padding-bottom: 3px;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom:40px;}
.pr3{padding-right: 3px;}.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}
.pl3{padding-left: 3px;}.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}
.mt3{margin-top:3px;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}
.mb3{margin-bottom: 3px;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}
.mr3{margin-right: 3px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}
.ml3{margin-left: 3px;}.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}
/*按钮*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline:none}
.btn{display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus, .btn.focus{color: #333; text-decoration: none; outline: none;}
.btn:active, .btn.active{background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
.btn-serch{width: 140px; background: #48a0df; color: #fff; outline: none;}
.btn-serch:hover{background: #429edf; color: #fff; outline: none;}
.btn-serch:focus{background: #429edf; color: #fff; outline: none;}
.btn-serch:focus{background: #429edf; color: #fff; outline: none;}
.btn-sub{background: #48a0df; color: #fff; outline: none;}
.btn-sub:hover{background: #429edf; color: #fff; outline: none;}
.btn-sub:focus{background: #429edf; color: #fff; outline: none;}
.btn-sub:focus{background: #429edf; color: #fff; outline: none;}
.btn-danger{background: #bd362f; color: #fff; outline: none;}
.btn-danger:hover{background: #bd362f; color: #fff; outline: none;}
.btn-danger:focus{background: #bd362f; color: #fff; outline: none;}
.btn-danger:focus{background: #bd362f; color: #fff; outline: none;}
.btn-dl{width: 100%;line-height: 38px; font-size: 16px; background: #6f1671; color: #fff; outline: none; padding: 0;}
.btn-dl:hover{background: #5d0d5f; color: #fff; outline: none;}
.btn-dl:focus{background: #6f1671; color: #fff; outline: none;}
.btn-dl:focus{background: #6f1671; color: #fff; outline: none;}
/*字号*/
.fz12{font-size:12px;}.fz14{font-size:14px;}.fz16{font-size:16px;}.fz18{font-size:18px;}.fz20{font-size:20px;}.fz22{font-size:22px;}.fz24{font-size:24px;}.fz36{font-size:36px;}
.fb{font-weight:bold;}
.zh-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*超过两行省略号*/
.one-txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hd66:link,.hd66:visited,.hd66:active{color:#666;}
.hd66:hover{color:#FF0000;}
.it-input{padding: 5px; height: 35px; border: 1px solid #ddd; outline: none; margin-right: 5px; margin-left: 5px;}
input::-webkit-input-placeholder{color:#888888;font-size:14px;}
input:moz-placeholder{color:#888888;font-size:14px;}
input::-moz-placeholder{color:#888888;font-size:14px;}
input:-ms-input-placeholder{color:#888888;font-size:14px;}
.it-textarea{padding: 5px; height: 50px; border: 1px solid #dadada; margin-right: 5px; margin-left: 5px; outline: none;}
.it-span12{width: 940px;}
.it-span11{width: 860px;}
.it-span10{width: 780px;}
.it-span9{width: 700px;}
.it-span8{width: 620px;}
.it-span7{width: 540px;}
.it-span6{width: 460px;}
.it-span5{width: 380px;}
.it-span4{width: 300px;}
.it-span3{width: 220px;}
.it-span2{width: 140px;}
.it-span1{width: 60px;}

/*分页*/
.fnext{height: auto; overflow: hidden; padding: 10px 0 20px 0; text-align: center;}
.page-kuan{height: auto; overflow: hidden; padding: 10px 0; text-align: center; }
.pagination{height: auto; overflow: hidden;-ms-flex-pack: center!important;    justify-content: center!important;display: -ms-flexbox;    display: flex;border-radius: 3px;}
.pagination a{display: block; color: #666;}

a.page-link:not(:disabled):not(.disabled) {    cursor: pointer;}
a.page-num, a.page-link {    position: relative;    display: block;    padding: .5rem .75rem;    margin-left: -1px;    line-height: 1.25;    color: #666;    background-color: #fff;    border: 1px solid #dee2e6;}
.pagination a:hover{background: #f7f7f7}
a.page-num-current {    z-index: 1;    color: #fff;    background-color: #194189;    border-color: #194189;}
a.page-num-current:hover {    z-index: 1;    color: #fff;    background-color: #194189;    border-color: #194189;}


/*icon*/
.icon{display:inline-block;background-repeat:no-repeat;}
.icon_a{width:25px; height:25px; overflow:hidden; background-image:url(../img/atxtico.png); background-position:-27px 0;}
/*home*/
.layer{height: 140px;overflow: hidden; }
.top{width: 100%; height: 140px; border-bottom: 5px solid #194189; background:#fff; position: fixed; left: 0;top: 0; z-index: 999995;}
.topbox{min-width: 1300px; height: 140px; padding: 0 4%;}


.toplogo{height:auto; padding-top:35px;}
.topbox ul{float: right;padding-top: 50px;}
.topbox ul li{ float: left; position: relative;  z-index:999996; height: 65px; }
.topbox ul li a.top-nav{display: block; padding:0 20px; overflow: hidden;text-align: center; font-size: 18px; font-weight: bold;}
.topbox ul li a.top-nav span{display: block; height: auto; overflow: hidden; padding-top: 10px;}
.topbox ul li:hover a.top-nav span{color: #194189;}
.topbox ul li a.active{color:#194189 }

.topbox ul li a.top-zh{ display: inline-block; line-height: 40px; height: auto; overflow: hidden; padding:0  30px; background: #009811; color: #fff;}
.topbox ul li a.top-en{ display: inline-block; line-height: 40px; height: auto; overflow: hidden; padding:0  30px; background: #194189; color: #fff;}

.end{height: auto; overflow: hidden; background: #194189 ; color: #fff; font-size: 18px;}
.end dl{max-width: 1400px; min-width: 1300px; overflow: hidden; margin: 0 auto;padding: 40px 1%; }
.end dl dt{height: auto; overflow: hidden; float: right;}

.end dl dd{height: auto; overflow: hidden;float: left;}
.end dl dd a{color: #fff;}
.end dl dd p{ padding-bottom: 1px;}



@media screen and (max-width: 1660px) {
	.topbox{ padding: 0 3%;}
	.topbox ul li a.top-nav{display: block; padding:0 15px; overflow: hidden;text-align: center; font-size: 18px; font-weight: bold;}

}
@media screen and (max-width: 1460px) {
	.topbox{ padding: 0 1%;}
.topbox ul li a.top-nav{display: block; padding:0 15px; overflow: hidden;text-align: center; font-size: 16px; font-weight: bold;}
	.end{font-size: 16px;}
}


.banner{ min-width: 1300px;  height: 600px; overflow: hidden; text-align: center; position: relative; z-index: 999990;left: 0;top: 0;}
.banner .swiper-container{width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} 
.banner .swiper-pagination-bullet{width: 15px; height: 15px; text-align: center; line-height: 20px; font-size: 12px; color:#FFF; opacity: 1; background: rgba(255,255,255,0.8);} 
.banner .swiper-pagination-bullet-active{color:#fff; background: #009811;}

.boxa{height: auto; overflow: hidden; background:#fff url("../img/dt.png") no-repeat center center;}
.boxa dl{height: auto; overflow: hidden;max-width: 1420px; min-width: 1300px; padding: 60px 0;  margin: 0 auto;}

.boxa dl dt{height: auto; overflow: hidden; width: 49.99%; float: left; padding-right: 5%;}
.boxa-a{color: #000; font-size: 45px; font-weight: bolder;}
.boxa-b{color: #333; font-size: 32px; font-weight: bolder;}
.boxa-c{color: #666; font-size: 18px; padding-top: 50px; padding-bottom: 30px;}
.boxa-d{color: #666; font-size: 18px;}

.boxa dl dd{height: auto; overflow: hidden; margin-left: 50%;}
.boxa-ico{height: auto; overflow: hidden; padding-top: 40px;}
.boxa-ico li{height: auto; overflow: hidden; float: left; width: 50%; padding: 30px 0;}


.icon-a{display: block; background-repeat:no-repeat;background-image: url("../img/icon-a.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}
.icon-b{display: block; background-repeat:no-repeat;background-image: url("../img/icon-b.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}
.icon-c{display: block; background-repeat:no-repeat;background-image: url("../img/icon-c.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}
.icon-d{display: block; background-repeat:no-repeat;background-image: url("../img/icon-d.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}
.icon-e{display: block; background-repeat:no-repeat;background-image: url("../img/icon-e.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}
.icon-f{display: block; background-repeat:no-repeat;background-image: url("../img/icon-f.png"); background-position: center center; width: 60px; height: 60px; overflow: hidden; float: left;}

.boxa-ict{height: auto; overflow: hidden; margin-left: 70px;}
.boxa-ict p{font-size: 22px; color: #009811; font-weight: bolder; line-height: 28px;}
.boxa-ict span{display: block; color: #666}
.box-more{height: auto; overflow: hidden; padding-bottom: 30px; text-align: center;}
.box-more a.round25{display: inline-block; border: 2px solid #009811;  line-height: 50px;width: 200px; font-size: 20px;-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px;}
.box-more a.round25:hover{background: #009811; color: #fff; }


.boxb{height: auto; overflow: hidden;min-width: 1300px; padding: 20px 0; background: url("../img/bgban.jpg") no-repeat center top;}
.boxb-top{ height: auto; overflow: hidden; text-align: center; padding: 20px 0 20px 0;}
.boxb-top p{font-size: 36px; font-weight: bolder; color: #000; line-height: 36px;}
.boxb-top span{display: block;font-size: 30px; color: #009811;}

.za-div-list{ max-width: 1420px;min-width: 1300px; padding: 0 10px 20px 10px; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.boxb-list{ width: 100%; height: 410px; overflow: hidden; position: relative;}
.boxb-list ul{width: 100%; position: absolute; left: 0px; top: 0px;}
.boxb-list ul li{ width: 20%; height: 410px; overflow: hidden; float: left; }
.boxb-list ul li a{display: block; height: 100%; overflow: hidden; padding: 10px;}
.za-pic{width: 100%; height: 350px; overflow: hidden; background: #fff;}
.za-pic img{height: 100%;}
.boxb-list ul li a p{font-size: 18px; line-height: 50px; background: #194189; color: #fff; height: 50px; overflow: hidden; text-align: center;}


.boxc{height: auto; overflow: hidden; padding: 30px 0;}
.boxc-list{max-width: 1420px; min-width: 1300px; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 20px;}
.boxc-list ul{width: 110%; height: auto; overflow: hidden;}
.boxc-list ul li{width: 31%; height: auto; overflow: hidden; float: left; padding-right: 2%;}
.boxc-list ul li a {display: block; width: 100%; height: auto; overflow: hidden;}
.boxc-list ul li a span{display: block; height: 280px; overflow: hidden;background-repeat: no-repeat;    background-position: top center;    background-size: 470px auto;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; text-align: center;}
.boxc-list ul li a p{padding: 15px 10px; background: #f7f7f7; text-align: center; font-size: 18px; color: #000;}
.boxc-list ul li a:hover span{background-size: 500px auto; }


/*about*/

.nban{height: 420px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.nlogin{height: 400px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center top;}

.page-top{height: auto; overflow: hidden; background: #fff; border-bottom: 1px solid #ddd;}
.page-top dl{width: 1260px; height: auto; overflow: hidden; margin: 0 auto;}
.page-top dl dt{height: auto; overflow: hidden; float: right;}
.page-top dl dt a{display: inline-block; line-height: 50px; height: 50px; border-bottom: 2px solid #fff;padding: 0 20px; font-size: 18px;}
.page-top dl dt span{display: inline-block; line-height: 50px; height: 50px; font-size: 18px;}

.page-top dl dt a.aon{border-bottom: 2px solid #009811; color: #009811; font-weight: bolder;}
.page-top dl dd{height: auto; overflow: hidden; float: left; padding: 5px 0;}
.page-top dl dd span{display: block; border-left:4px solid #009811; font-size: 24px; font-weight: bolder; padding: 0 10px; line-height: 40px;}

.page{height: auto; overflow: hidden; background: #f7f7f7}
.page-box{width: 1260px; height: auto; overflow: hidden; margin: 20px auto; background: #fff;}
.page-con{min-height: 650px; height:auto!important;height:650px; overflow: hidden; padding: 20px;line-height: 1.8; border-bottom: 1px dotted #ddd;}
.page img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}

/*news*/
.page-list{width: 1260px; height: auto; overflow: hidden; margin: 20px auto; }

.serlist li{height: auto; overflow: hidden; padding: 28px 0 24px; margin-bottom: 25px; background: #fff; border: 1px solid #cecece;}
.serLeft{float:left;width:300px;padding:38px 20px 0 40px}
.serlIco{width:103px;height:103px;margin:24px auto 0; background: #666;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; overflow: hidden;}
.serlTitle{margin:14px 0 0;line-height:36px;text-align:center;font-size:18px;color:#000; height: auto; overflow: hidden;}
.serRight{border-left:1px dotted #8d8d8d;padding:  15px 20px; height: auto; overflow: hidden; margin-left: 310px;}
a.serDet{width: 120px; height: auto; overflow: hidden; line-height: 36px; border: 1px solid #333; color: #666; text-align: center; float: right;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.serLabel{line-height:32px;color:#000; height: auto; overflow: hidden;}
.serLabel span{margin:0 20px 0 0}
.serSum {    padding: 15px 0 40px;    line-height: 24px;    color: #444;}
.serlist li:hover .serlIco{ background: #194189}
.serlist li:hover a.serDet{ background: #194189; color: #fff;}
.page-a{height: auto; overflow: hidden; text-align: center; font-size: 26px;  font-weight: bolder; padding: 10px 0; width: 80%; margin: 0 auto;}
.page-b{height: auto; overflow: hidden; font-size: 14px; color: #666; text-align: center; background: #f7f7f7; padding: 10px 0;}
.page-c{min-height: 550px; height:auto!important;height:550px; overflow: hidden; border-bottom: 1px dotted #848484;  padding: 20px 10px;}
.collb_ld{height: auto; overflow: hidden;}

.newslist{min-height: 550px; height:auto!important;height:550px; overflow: hidden; background: #fff; padding: 10px 20px;width: 1260px;  margin: 20px auto;}
.newslist dl{height: auto; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd;}
.newslist dl a{display: block; height: auto; overflow:hidden;}
.newslist dl a dt{width:290px; height:200px; overflow: hidden; float: left; text-align: center; background: #f1faff;}
.newslist dl a dt img{width: 100%;transition: all 0.3s ease-out 0s;}
.newslist dl a dd{height: 200px; overflow: hidden; margin-left: 310px;}
.newslist dl a dd .news-tit{height: auto; overflow: hidden; font-size: 20px; font-weight: bolder; padding-top: 10px;}
.newslist dl a dd .news-ta{ height: auto; overflow: hidden;font-size:16px; }
.newslist dl a dd .news-tb{font-size: 14px; color: #999; padding: 8px 0}
.newslist dl a:hover dt img{transform: scale(1.1, 1.1);}
.newslist dl a:hover  dd .news-tit{color:#005798; }
.newslist dl a:hover  dd .news-ta{color:#444; }
.newslist dl a:hover  dd .news-tb{color:#999; }

.gylist{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden; padding: 10px;}
.gylist li{width: 25%; height: 400px; overflow: hidden; float: left; margin:0 0 20px 0; padding: 10px; }
.gylist li a{display: block; height: auto; overflow: hidden;}

.gylist li a span{display: block;width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; background-color: #f7f7f7;border: 1px solid #ddd;}
.gylist li a p{ font-size: 16px; line-height: 50px; background: #194189; color: #fff; height: 50px; overflow: hidden; text-align: center;}
.gylist li a:hover span{background-size: 110%}

.telline{width: 70px; height: 285px; position: fixed; right: 10px; bottom: 140px; z-index: 99999999;}
.telline ul li{width: 70px; height: 70px; border-bottom: 1px solid #fff; background: #0a337d; position: relative; cursor: pointer;}
.telline ul li a{display: block;width: 70px; height: 70px; overflow: hidden; padding-top: 45px; color: #fff; font-size: 12px; text-align: center;}
.telline ul li span{display: block;width: 70px; height: 70px; overflow: hidden; padding-top: 45px; color: #fff; font-size: 12px; text-align: center;}
.telline ul li dl{display: none;position: absolute;width: 200px; height: auto; overflow: hidden; background: #fff; border: 1px solid #ddd; right: 70px; top: 0; padding: 10px;}
.telline ul li:hover{background: #042b70;}
.telline ul li:hover dl{display: block;}
.tlicon-a{background: url("../img/icon-ta.png") no-repeat center 10px;}
.tlicon-b{background: url("../img/icon-tb.png") no-repeat center 10px;}
.tlicon-c{background: url("../img/icon-tc.png") no-repeat center 10px;}
.tlicon-d{background: url("../img/icon-td.png") no-repeat center 10px;}