/* header */
.header{ width:100%; padding:20px 0px; position:relative;background:#28a2fc; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;background-size: cover;}
.header .logo{display:block;width:85%;height:auto; margin-left:5%; font-size:1.4em; color:#fff;}
.header .logo img{display:block;width:90%;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:60%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#ff7800;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.dl-menuwrapper {width: 100%;max-width: 100px;float: right;position: absolute;top:18px;right:0;padding-top: 55px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:10px;right:10px;cursor: pointer;outline: none;background: url(../images/nav-icon.png) no-repeat center center;background-size:60%; }
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {}
.dl-menuwrapper ul {background: #01b2f6;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding:7px 0px;font-size: 14px;line-height: 20px;font-weight: 300;color: #fff;border-top: 1px solid #0197ee;outline: none;text-decoration:none;text-align:center;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(1,168,239,0.2);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
/*焦点�*/
.focus{ position:relative; width:100%;  margin:0 auto; height:auto; clear:both;  }  
.focus .shadow .title{width:60%; height:40px; padding-left:10px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:15px; font-weight:bolder; overflow:hidden; }
.focus .fPic{left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height:40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:15px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; display:none; background:#000  }  
.focus .fcon img{ width:100%;height:240px;display:block; }  
.focus .fbg{bottom:10px; right:2%; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.nlist{ padding:0px;}
.nlist li{font: normal 14px/32px "微软雅黑"; color:#666;}
.nlist li a{ color:#666666;}
.nlist li a:hover{ color:#000;}
.news-list li{ width:100%; clear:both; float:left;font:normal 14px/24px "微软雅黑";}
.news-list li h3{ font:normal 14px/26px "微软雅黑";color:#0168b3;}
.news-list li h3 a{color:#0168b3;}
h2.title{height:45px; width:100%; clear:both; padding:0 10px; border-bottom:2px solid #eee; font: normal 16px/45px "微软雅黑"; color:#cd0102;}
h2.title a{color:#000;}
h2.title i.fa { height:50px; font-size:30px;line-height:50px; float:left; margin-right:8px; overflow:hidden;color: #dc1610;}
section{ padding:0 10px;}
.so{ width:100%; background:#fff; height:42px; border:1px solid #e7e7e7; border-radius:8px; margin-bottom:10px;}
.so input{ width:78%; display:block; padding:3px 10px 3px 45px; float:left; line-height:32px; background:#fff url(../images/icon_search.png) 10px center no-repeat; border-radius:8px; color:#999;}
.so #search-btn{width:50px;height:40px;background: #096bbd;text-align: center;float:right; line-height:40px; font-size:14px;color:#fff;cursor: pointer; border:none; border-radius:0 8px 8px 0;}

.title-tab-nav{ width:100%; clear:both; border-bottom:2px solid #eee; height:40px;}
.title-tab-nav li { width:25%; float: left; text-align: center;position: relative; font: normal 14px/38px "微软雅黑";}
.title-tab-nav li a{ display:block; height:30px; line-height:30px; padding:0 10px; color:#000; word-spacing:normal; }
.title-tab-nav li a:hover{ color:#000;}
.title-tab-nav li.hover::after{content:""; position: absolute; left: 50%; margin-left: -3px; bottom:-10px; border:5px solid; border-color: #188add transparent transparent ; }
.title-tab-nav li.hover a{ background:#188add; color:#fff;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  -webkit-box-shadow:#0091da 0 0 10px inset;-moz-box-shadow:#0091da 0 0 10px inset;box-shadow:#0091da 0 0 10px inset;}
/* 加载更多按钮 */
.cateBtn a{ display: block; height: 34px; text-align: center; line-height: 34px; font-size:14px; border-radius:5px; background:#f3e4e1; color:#000;}
.cateBtn a:hover{ display: block; height: 34px; text-align: center; line-height: 34px; font-size:14px; border-radius:5px; background:#1b99e8; color:#fff;}
.zwgk-list{ display:block; background:#d9e5ed; overflow:auto; padding:10px 0px; border-radius:5px;}
.zwgk-list li{ text-align:center; width:25%; float:left; line-height:150%;}
.zwgk-list li img{ width:60%; margin:0 auto; display:block; }
.zwgk-list li:hover img{-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.list li { line-height:32px; padding-left:12px; background: url(../images/dian.gif) no-repeat left center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list li.last { border: none; }
.list li span { float: right; color: #bfbfbf;}
.list li a:hover { color: #2e8ce7; }
.cp-list li{ width:48%; float:left; margin-left:2%; margin-top:15px; text-align:center;font:normal 14px/28px "微软雅黑";}
.cp-list li a{ color:#000;}
.cp-list li a:hover{ color:#0168b3;}
.cp-list li img{ width:90%; display:block; padding:1%; border:1px solid #eee;}
.ico-list{}
.ico-list li{ width:31%; height:106px; padding-top:10px; margin-left:2%; font-size:16px; margin-bottom:12px; background:#3cbad3; float:left; text-align:center; border-radius:5px;}
.ico-list li a{color:#fff; }
.ico-list li i{ width:56px; display:block; margin:0 auto; font-size:36px; text-align:center; line-height:52px; color:#1b99e8; color:#fff;}
.ico-list li:nth-child(2){background:#cf2513;}
.ico-list li:nth-child(3){background:#f5731d;}
.ico-list li:nth-child(4){background:#1fa0ff;}
.ico-list li:nth-child(5){background:#e15f5d;}
.ico-list li:nth-child(6){background:#00937f;}
.ico-list li:hover{ background:rgba(0,0,0,0.6);}
.h-about{ padding:10px 0;}
.h-about img{ width:45%; float:left; margin-right:3%;}
.h-aboutp{ width:60%; float:right;}
.list-about li{ width:30%; margin-left:2.8%; float:left; margin-bottom:10px; background:#1b99e8;font: normal 14px/30px "微软雅黑"; color:#fff;border-radius:5px; text-align:center;}
.list-about li a{color:#fff; }
.list-about li i{ width:50px; height:50px; display:block; margin:20px auto 0; font-size:32px; background:#ffffff; border-radius:50%; text-align:center; line-height:50px; color:#1b99e8;}
.list-about li:nth-child(2){background:#f5731d;}
.list-about li:nth-child(2) i{color:#f5731d;}
.list-about li:nth-child(3){background:#ef3636;}
.list-about li:nth-child(3) i{color:#ef3636;}
/* 底部 */
.footer { width:100%;clear:both; padding:20px 0px; background:#f7f7f7; border-top:5px solid #1fa0ff; font-size:14px; line-height:160%; text-align:center; }
.footer, .footer a{color:#333; }
a.more-but{ display:block; width:95%;border-radius: 8px; margin:0 auto; height:35px; background:#ddd; text-align:center;font:normal 14px/35px "Microsoft Yahei"; color:#fff;}
a.more-but:hover{ background:#ff7f0d; text-decoration:none;}
.container h1{ font-size:1.4em;}
.head{ width:100%; height:auto;/* position:fixed; top:0px; right:0px; z-index:1004*/}
.info{height:60px; padding:0px; background:#1fa0ff; line-height:60px;}
.info h2{font-size:1.5em; height:60px; color:#fff; display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.info i.fa { padding:0 5px; height:60px;font-size:1.5em; overflow:hidden;color: #fff;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.info a{ color:#fff;}
.post-text { padding-bottom:10px; font: 14px/26px "Microsoft Yahei";  color: #404040;}
.post-text img{ width:90%; margin:0 auto; display:block;}
.post-text > h2 {  font: 16px/26px "Microsoft Yahei";  color: #404040;  margin: 20px 0 0;}
.post-text > p { font: 14px/26px "Microsoft Yahei"; color: #404040;  text-indent: 2em;  margin:15px 0 0;}
.post-text a{ color:#0072ff;}
.bdsharebuttonbox{ padding:5px 0;}
/*---responsive media quaries---*/
@media only screen and (max-width:480px){
.zwgk-list li{font-size:14px;}
.title-tab-nav li a{ display:block; height:30px; line-height:30px; padding:0 5px; color:#000;}
.dl-menuwrapper button {top:-3px; }
h2.ld-title a{width:90px;}
.cp-list li img{ width:90%; height:120px; display:block; padding:1%; border:1px solid #eee;}
.ico-list li{ width:47.5%; height:86px; padding-top:10px; margin-left:2%; font-size:14px; margin-bottom:12px; background:#3cbad3; float:left; text-align:center; border-radius:5px;}
.ico-list li i{ width:56px; display:block; margin:0 auto; font-size:30px; text-align:center; line-height:42px; color:#1b99e8; color:#fff;}
}
@media only screen and (max-width:320px){
.zwgk-list li{ text-align:center; width:50%; float:left; font-size:14px;}
.title-tab-nav li a{ display:block; height:30px; line-height:30px; padding:0 5px; color:#000;}
.dl-menuwrapper button {top:0px;}
h2.ld-title a{width:90px;}
.header .logo{display:block;width:80%;height:auto; margin-left:5%; font-size:1.2em; color:#fff;}
.cp-list li img{ width:90%; height:120px; display:block; padding:1%; border:1px solid #eee;}
.ico-list li{ width:47.5%; height:86px; padding-top:10px; margin-left:2%; font-size:14px; margin-bottom:12px; background:#3cbad3; float:left; text-align:center; border-radius:5px;}
.ico-list li i{ width:56px; display:block; margin:0 auto; font-size:30px; text-align:center; line-height:42px; color:#1b99e8; color:#fff;}
}