/*
	ECYSM CSS2.0
	Author：seo.Ash Katchum 2015.10.22
*/

/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}
/* 全局 */
.eycms-body{visibility:hidden}
.eycms-bg{background:rgba(0,0,0,.2);display:none;position:fixed;top:0;z-index:9998;width:100%;height:100%}
.eycms-wx{background:rgba(0,0,0,.2);display:none;position:fixed;top:0;z-index:9998;width:100%;height:100%}
.eycms-wx img{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;border:5px solid #FFF}
.eycms-header{position:relative;top:-3px}
.eycms-load{background:#016FB7;color:#FFF;position:fixed;top:0;width:100%;height:100%;z-index:9999}
.eycms-load span{background:#035B93;font-size:150%;display:block;position:relative;top:40%;padding:10px 0}
.black{background:#016FB7;color:#FFF;opacity:.8;border-radius:50%;display:none;bottom:25%;right:5px;width:40px;height:40px;line-height:40px}
html{overflow-x:hidden}
section{margin:96px 0 106px 0}
.mbox{max-width:640px;margin:0 auto;overflow:hidden}
.mnav{padding:30px 0}
.mnav i{font-size:350%}
.mnav p{font-size:200%}
.mnav li{float:left;width:160px}
.mnav li a{color:#016FB7;display:inline-block;padding:12px 25px;background:#EEE;border-radius:50%;border:12px solid #DDD}
.mtitle{position:relative;font-size:200%;background:#EEE;padding:12px 0}
.mtitle span{background:#016FB7;color:#FFF;padding:12px 24px}
.mtitle a{color:#016FB7;position:absolute;top:0;right:0;padding:12px 24px}
.mitem ul li{float:left;width:300px;margin-top:30px;margin-left:20px}
.mitem ul li img{width:100%}
.mitem ul li:nth-child(odd){margin-left:0;margin-right:20px}
.mitem ul li p{font-size:150%}
.mtitle-two{margin-top:30px}
.mnews{font-size:150%}

/* 幻灯 */
.slideBox{position:relative;overflow:hidden}
.slideBox .hd{position:relative;top:-21px;margin-bottom:-21px}
.slideBox .hd li{background:#016FB7;display:inline-block;width:8px;height:8px;border-radius:50%;text-indent:-9999px;margin:0 2px}
.slideBox .hd li.on{background:#FC0}

/* 头部和底部 */
header{background:#FFF;box-shadow:0 0 4px 4px rgba(0,0,0,.2);position:fixed;top:0;width:100%;z-index:9998}
footer{background:#016FB7;position:fixed;bottom:0;width:100%;z-index:9998}
footer,header{font-size:350%;height:96px;line-height:96px}
header span a{color:#016FB7;display:inline-block;padding:0 25px}
header .logo{width:240px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
footer ul li{border-right:1px solid #014774;float:left;width:160px}
footer ul li:last-child{border-right:0}
footer ul li a{display:block;color:#FFF}

/* 导航 */
nav{background:#016FB7;position:fixed;top:0;right:-230px;z-index:9999;overflow:auto;width:230px;height:100%}
nav a{color:#FFF}
nav ul{margin:15px 0}
nav ul li{border-bottom:1px solid #176511;height:42px;line-height:42px;margin:0 15px}
nav ul li:last-child{border-bottom:0}
nav ul li a{display:block;font-size:150%}
nav ul li a.active{background:#176511}

/* 内页 */
.eycms-box{padding:20px;font-size:150%}
.eycms-about{margin-top:20px;line-height:200%}

/* 分页 */
.eycms-pages span{background:#016FB7;color:#FFF;padding:10px 20px;margin:20px 5px 0 5px}
.eycms-pages a{background:#EEE;display:inline-block;padding:10px 20px;margin:20px 5px 0 5px}

/* 分类 */
.eycms-title{background:#016FB7;color:#FFF;padding:10px;font-size:120%}
.eycms-nav2{background:#016FB7;display:none}
.eycms-nav2 ul li{border-top:1px solid #176511}
.eycms-nav2 ul li a{background:#016FB7;color:#FFF;display:block;padding:10px;font-size:120%}
.eycms-nav2 ul li a.active{background:#FC0}
.eycms-nav2 ul li ul li a{background:#176511}

/* 图片列表 */
.item{margin-top:1%}
.item .cell{float:left;width:48%;margin:1%;margin-bottom:1.5%}
.item .cell img{width:100%}
.item .cell p{background:#f2f2f2;color:#666;width:100%;padding:5%;margin-top:-1%;}

/* 加载页面 */
.eycms-load-pages img{width:35px;margin:0 auto}
.eycms-load-cpages{background:#EEE;margin-top:20px;padding:15px}
.eycms-load-cpages a{display:block}

/* 描述 */
.page-show{border-bottom:1px solid #EEE}
.page-show h1{font-size:150%;padding:20px 0}
.page-show p{padding-bottom:20px}
.page-show-banner{margin-top:20px}
.page-show-banner img{width:100%}
.page-show-banner .nhd{position:relative;top:-20px}
.page-show-content{line-height:2;margin-bottom:15px}
.pages-show-nav span{border-radius:5px}
.pages-show-nav span a{background:#016FB7;color:#FFF;display:block;border-radius:5px;padding:10px 15px}
.pages-show-nav .nonav{background:#EEE}

/* 列表 */
.eycms-list ul{margin:20px 0}
.eycms-list ul li{position:relative;padding:15px 1em}
.eycms-list ul li .txt{padding-right:15%}
.eycms-list ul li .time{position:absolute;top:15px;right:1em}
.eycms-list ul li:nth-child(odd){background:#EEE}

/* 列表描述 */
.eycms-list-show{margin-top:10px}

/* 评论 */
.pages-show-comment{border-top:1px solid #EEE;padding-top:20px;margin-top:20px}
.pages-show-comment ul{margin-top:-20px}
.pages-show-comment ul li{background:#FAFAFA;border-left:.3em solid #016FB7;position:relative;border-radius:5px;margin-top:20px}
.pages-show-comment ul li div{padding:1em}
.pages-show-comment ul li div span{position:absolute;right:1em}
.pages-show-comment ul li div img{border-radius:50%}
.pages-show-comment ul li div p{border-top:1px solid #EEE;margin-top:1em;padding-top:1em}
.pages-show-comment ul .admin-reply{border-left:.3em solid #176511}

/* 评论 */
.form_comment{background:#FAFAFA;border:1px solid #EEE;position:fixed;z-index:9998;bottom:0;width:100%}
.form_comment div{position:relative;width:95%;padding:30px 0;margin:0 auto}
.form_comment input{border:1px solid #EEE;border-radius:0;padding:0 15px;width:100%;height:43px;-webkit-appearance:none}
.form_comment input:focus{border:1px solid #016FB7}
.form_comment button{background:#016FB7;color:#FFF;position:absolute;top:30px;right:0;height:43px;border:0;padding:0 15px;-webkit-appearance:none}

/* 响应 */
@media screen and (max-width:639px){section{margin:46px 0 56px 0}
footer,header{height:46px;line-height:46px;font-size:200%}
header .logo{width:35%}
nav{width:180px}
nav ul li{height:42px;line-height:42px}
nav ul li a{font-size:120%}
footer ul li{width:25%}
.eycms-header{top:0}
.eycms-box{padding:10px;font-size:100%}
.eycms-pages span{padding:2% 5%;margin:5% 1% 0 1%}
.eycms-pages a{padding:2% 5%;margin:5% 1% 0 1%}
.eycms-about{margin-top:10px}
.form_comment div{padding:5px 0}
.form_comment button{top:5px}
.item .cell p{bottom:4px}
.eycms-list ul{margin:10px 0 20px 0}
.mnav{padding:15px 0}
.mnav i{font-size:200%}
.mnav p{font-size:100%}
.mnav li{width:25%}
.mnav li a{padding:10px 16px;border:5px solid #DDD}
.mtitle{font-size:150%;padding:12px 0}
.mtitle span{padding:12px 16px}
.mtitle a{padding:12px 16px}
.mitem ul li{margin-top:4%;width:48%;margin-left:2%}
.mitem ul li:nth-child(odd){margin-left:0;margin-right:2%}
.mitem ul li p{font-size:100%}
.mtitle-two{margin-top:8%}
.mnews{font-size:100%;margin-bottom:-10px}
.mbox-p{padding:0 4%}
}
@media screen and (min-width:479px) and (max-width:480px){
.mnav li{width:25%}
.mnav li a{padding:16px 24px;border:5px solid #DDD}
}                                                                                



/* 优势 */
.advantage { background: #1881b7; height: auto; padding-top: 36px; margin-top:20px;  padding-bottom: 36px;}
.advantageTitle { text-align: center; color: #fff; background: url(../images/adTopBg.png) no-repeat; width: 210px; height: 84px; margin: 0 auto; }
.advantageTitle h2 { font-weight: bold; font-size: 32px; line-height: 36px; padding-top: 9px; }
.advantageTitle h3 { font: bold 18px/22px Arial; opacity: 0.5; filter: alpha(opacity = 50); letter-spacing: 1px; }
.advantageTxt { margin-bottom: 40px; }
.advantageTxt .item { background: url(../images/adBg.png) no-repeat; width: 100%; height: 180px; padding: 18px; }
.advantageTxt img { border: 3px solid #1881b7; }
.advantageTxtWrap { width: 70%; padding-left: 12px; color: #fff; }
.advantageTxtWrap h3 { margin-bottom: 0px; font-size: 22px; font-weight: bold; line-height: 30px; padding-top: 0px; }
.advantageTxtWrap p { line-height: 25px; font-size: 15px; }

.advantageWrap {     color: #fff; width: 100%; overflow: hidden; padding-top: 32px; }
.advantageWrap ul { width: 100%; }
.advantageWrap li {    float: left; display: inline-block; width: 44%; margin-right: 3%; margin-left: 3%; margin-bottom: 40px;}
.advantageWrap h3 { position: relative; padding-left: 76px; font-weight: bold; font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 22px; }
.advantageWrap img { position: absolute; top: 2px; left: 0; }
.advantageWrap p { line-height: 20px; font-size: 13px; }
.fl {float:left;}
.fr {float:right;}