@import url("mobile_system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center; width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage .CMS_ConGoPage_page{display:none;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
/* CSS Document */
html{font-size: 62.5%;}
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,h1, h2, h3, h4, h5, h6, a{ box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, big, small{ font-weight: normal; font-size: 100%; }
del, ins, u, s, del, strike{ text-decoration: none; }
abbr, acronym{ border: 0; font-variant: normal; }
sup, sub{ vertical-align: baseline; }
i, cite, em{ font-style: normal }
input, select{ vertical-align:middle; }
ol, ul{ list-style: none;}
img{ border:none;}

.clearfix:after { visibility: hidden; display: block; font-size: 0;content:""; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input{ outline:none; -moz-outline-style:none;}
input[type="text"],input[type="submit"],input[type="password"],input[type="search"],input[type="button"]{-webkit-appearance:none;}
body, input, select{ font-family:Helvetica; }

.reset_ul{ margin: 0; padding: 0;}

body{ background-color:#f5f6f8;}
.mobile_wrap { width: 100%; padding: 40px 0 51px 0; overflow: hidden;}

/*banner*/
.mobile_banner{ width: 100%; overflow: hidden; position: absolute; top: 0; bottom: 0;}
.mobile_banner img{ width: 100%; height: auto;}
.mobile_banner ul{ margin: 0; padding: 0;}

/*全站通用头部*/
header{ position: fixed; top: 0; z-index: 100; left: 0; width: 100%;  background-color: #2c93f2; overflow: hidden;}
header i{ width: 40px; height: 40px;}
header i:nth-of-type(1){ float: left; background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-houtui.png) no-repeat center center; background-size: 24px auto;}
header i:nth-of-type(2){ float: right; background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-liebiao-bai.png) no-repeat center center; background-size: 24px auto;}

.mobile_idx_header{ background-color: transparent;}
.mobile_idx_header .mobile_idx_webname{ width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin: 50px auto 0; color: #fff; text-align:center; font-size: 22px; font-size: 2.2rem;}
.mobile_idx_header i:nth-of-type(1){ background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-liebiao.png) no-repeat center center; background-size: 24px auto; position: fixed; top:6px; right:10px;  z-index: 101;}

.mobile_header_seacher{ float: left; width: 74%; background-color: #fff; border-radius: 4px; margin-top: 7px;}
.mobile_header_seacher input{ height: 26px; line-height: 26px; border: none; background: transparent;}
.mobile_header_seacher input[type="text"]{ float: left; width: 85%; color: #999999; text-indent: 1em;}
.mobile_header_seacher input[type="submit"]{ float: right; width: 26px; background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-sousuo.png) no-repeat center center; background-size: 18px auto;}

/*首页导航菜单*/
nav{ position: fixed; top:50%; left: 0; width: 100%; z-index: 1;}
nav ul{ width: 94%; margin: 0 auto !important;}
nav li{ float: left; width: 26%; margin:0 3.666% 10px; }
nav li a{  line-height:110px;display: block; width: 83px; height: 83px; text-align: center; color: #5da8ff;  border-radius: 50%; margin: 0 auto;
-webkit-animation-name: breathe;      
-webkit-animation-duration: 2700ms;  
-webkit-animation-iteration-count: infinite;   
-webkit-animation-direction: alternate;
border:4px solid rgba(255,255,255,0.4) 
}
@-webkit-keyframes breathe {
    0% {border:4px solid rgba(255,255,255,0.1);  box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% {border:4px solid rgba(255,255,255,0.4);  box-shadow:0 1px 40px rgba(255,255,255,0.4);}
}
@keyframes breathe {
    0% {border:4px solid rgba(255,255,255,0.1);  box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% {border:4px solid rgba(255,255,255,0.4);  box-shadow:0 1px 40px rgba(255,255,255,0.4);}
}
nav li:nth-child(1) a{ background:#054b9d url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-chanpin.png) no-repeat center 0; background-size:  66% auto ;}
nav li:nth-child(2) a{ background:#054b9d url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-news.png) no-repeat center 0; background-size:  66% auto ;}
nav li:nth-child(3) a{ background:#054b9d url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-case.png) no-repeat center 0; background-size:  66% auto ;}
nav li:nth-child(4),nav li:nth-child(5){ width: 42.66%;}
nav li:nth-child(4) a{ float: right; margin-right: 5%; background:#054b9d url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-rongyujiangxiang.png) no-repeat center 0; background-size:  66% auto;}
nav li:nth-child(5) a{float: left; margin-left: 5%; background:#054b9d url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-wuyejieshao.png) no-repeat center 0; background-size:  66% auto ;}

/*全站通用侧边栏菜单*/
aside {background-color:#222930; box-shadow: 0px 0px 15px rgba(0,0,0,0.8);  position: fixed; top: 0; height: 100%; z-index: 102; overflow: hidden; opacity: 0; -webkit-transition: all 150ms; -ms-transition: all 150ms; -moz-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; pointer-events:none;}
aside ul ul { display: none; }
aside ul{overflow:auto; width: 100%; margin:0; padding: 0; height: calc(100% - 92px);  }
aside ul li { width: 100%; text-align: center;}
aside ul li a { display: block; line-height: 4; width: 100%; border-bottom: #121212 solid 1px; border-top: #383e44 solid 1px; color: #718597;}

aside ul li:first-child a{ border-top:none;}
aside ul li:last-child a{ border-bottom: #383e44 solid 1px;;}
aside ul li:last-child a:after{content: ""; display: block; border-top: 1px #121212 solid;}

#mobile_channel_menu .mobile_title + ul{ height:-moz-calc(100% - 40px -50px); height:-webkit-calc(100% - 40px - 50px); height:calc(100% - 40px - 50px);}
#mobile_channel_menu { width: 51%; left: -51%; z-index: 999; }
#mobile_channel_menu.open { left: 0; opacity: 1;  pointer-events:auto;}
#mobile_class_menu { width: 50%; left: 0; z-index: 998; }
#mobile_class_menu.open { left: 50%; opacity: 1;  pointer-events:auto;}

aside .mobile_aside_title{border-bottom: 1px solid #121212; box-shadow: 0 2px 3px rgba(255, 255, 255, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);  color: #777777; overflow: hidden; line-height: 40px;  }
aside .mobile_aside_title_name { text-indent: 0.5em; }
#mobile_class_menu .mobile_aside_title_name { text-indent: 0.8em; }
aside .mobile_aside_title_more { float: right; width: 40px; height: 40px; background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-guanbi.png) no-repeat center center; background-size: 40% auto;}


.mobile_system { display:none; }
.mobile_system{ overflow:hidden; position:absolute; width:100%; bottom:0; left:0;  border-top: 1px #121212 solid;}
.mobile_system:before{ content: ""; display: block; border-top: 1px #383e44 solid;}
.mobile_system ol, .mobile_system ol li { margin: 0; padding: 0; list-style: none; }
.mobile_system ol li { float: left; width: 50%; height: 48px; line-height: 48px; text-indent: 26px; font-size: 1.2rem;   color: #777777; }
.mobile_system ol li:first-child { background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-xitongshezhi.png) no-repeat left center; background-size: 24px auto;   border-right: 1px #121212 solid;}
.mobile_system ol li:last-child { background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-tuichu.png) no-repeat 4px center; background-size: 18px auto;   border-left: 1px #383e44 solid;}

/*全站通用底部菜单*/
footer { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 900; height: 50px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#222930), to(#2f2f2f) );  border-top: 1px #121212 solid;}
footer ul li { float: left; width: 25%; height: 50px; text-align: center; border-right: #121212 solid 1px; border-left: 1px #383e44 solid;  color: #000; }
footer ul li a { display:block; width:100%; font-size: 1.2rem;  color: #718597; text-shadow:0px 1px 0px #121212; }
footer ul li a span { display:block; width:100%; height: 34px;}
footer ul li:nth-child(1) a span{ background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-shouye.png) no-repeat center 6px; background-size:25px auto;}
footer ul li:nth-child(2) a span{ background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-yingxiao.png) no-repeat center 6px; background-size:23px auto;}
footer ul li:nth-child(3) a span{ background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-ditu.png) no-repeat center 2px; background-size:34px auto;}
footer ul li:nth-child(4) a span{ background: url(http://file.hedaweb.com/skin/ryqy0012847/img/iconfont-gengduoshouqi.png) no-repeat center 7px; background-size:24px auto;}
footer ul li:first-child { border-left: none; }
footer ul li:last-child { border-right: none;}
footer ul li:last-child a span{ -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out;}
    footer dl { position: absolute; z-index: 223; bottom: 20px; right: 2px; width: 25%; background: #e4e3e2; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #fff; -webkit-background-size: 100%; background-size: 100%;  opacity: 0;pointer-events:none; }
    footer dl:after { content: ""; display: inline-block; position: absolute; z-index: 240; bottom: -7px; left: 50%; width: 18px; height: 9px; background: url(http://file.hedaweb.com/skin/ryqy0012847/img/Free-Converter.com-1-7740342.png) no-repeat; margin-left: -9px; }
    footer dl dd { line-height: 45px; text-align: center; background-color:#222930; }
    footer dl dd:last-of-type {}
    footer dl dd a { font-size: 1.3rem;  color: #718597; text-shadow:0px 1px 0px #121212;  overflow: hidden; }
    footer dl dd a i{ margin-right:4px;}

    footer.open dl{ bottom: 64px; opacity: 1;  pointer-events: auto; -webkit-transition: all 350ms; -ms-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; }
    footer.close dl{ -webkit-transition: all 350ms; -ms-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; }
    footer.open li:last-child a span{ -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}

/* 面包屑 */
.mobile_mbx{ overflow: hidden; background-color: #fff; margin: 15px 0;padding: 10px 0;}
.mobile_mbx .mobile_mbx_name{ float: left; border-left: 4px solid #2c93f2; margin-left: 3%; color: #000; text-indent: 0.8em; font-size: 1.4rem;}

/*翻页样式*/
.mobile_page { text-align: center; line-height: 40px; margin-top: -10px; padding-bottom: 10px; font-size: 16px;  font-size: 1.6rem;}
.mobile_page .JZD_PAGE_PREVIOUS, .mobile_page .JZD_PAGE_NEXT { padding: 10px 26px; background-color: #2c93f2; color: #fff; font-size: 13px;  font-size: 1.3rem;}
.mobile_page a { text-decoration: none; }
.mobile_page .JZD_PAGE_NUMBER{ padding: 0 6px;}

/*新闻内容页 */
.mobile_note_title{ line-height: 2; background-color: #FFFFFF; color: #333; text-align: center; font-size: 16px; font-size: 1.6rem; padding:10px; margin-bottom: 15px;}
.mobile_note_title p{ font-size: 12px; font-size: 1.2rem; color: #999;}
.mobile_note{ padding: 10px; background-color: #fff; overflow: hidden; line-height: 2;}
.mobile_note img { max-width: 98% !important; }

.mobile_proimg{ padding: 10px; background-color: #fff; overflow: hidden; margin-bottom: 15px; text-align:center}
.mobile_proimg img{ max-width: 98%; max-height:200px; }


/* 联系我们 内容页 */
.mobile_contact_note dl { border-bottom: 1px #ccc dotted; overflow: hidden; }
.mobile_contact_note dt, .mobile_contact_note dd { float: left; line-height: 2.6; overflow: hidden; }
.mobile_contact_note dt { width: 24%; }
.mobile_contact_note dd { width: 76%; }

/*
图片列表框架
说明：
1、默认以mobile_piclist开头的样式被此框架占用
2、默认支持 border-box

激活样式：mobile_piclist+数字 (1为一列，2为两列)

拓展样式：dev540     屏幕宽度超过540，会强制把图片列表变为四列
        nopadding  关闭框架自带padding:10px的样式
*/
.mobile_piclist_box [class^="mobile_piclist"], .mobile_piclist_box ul, .mobile_piclist_box ul li, .mobile_piclist_box a, .mobile_piclist_box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.mobile_piclist1, .mobile_piclist2{ padding:10px;}
.mobile_piclist1.nopadding, .mobile_piclist2.nopadding{ padding:0;}
.mobile_piclist1 ul, .mobile_piclist2 ul{ margin:0; padding:0; list-style:none;}
.mobile_piclist1 li {  overflow: hidden; margin: 0 0 10px; text-align: center; }
.mobile_piclist2 li { float: left; overflow: hidden; width: 46%; margin: 0 2% 10px; text-align: center; }

.mobile_piclist_img { width: 100%; display:table; overflow:hidden;}
.mobile_piclist_img a { display: table-cell; vertical-align: middle; }
.mobile_piclist_img img { vertical-align: middle; max-width: 100%; }
.mobile_piclist_name { width:86%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; line-height: 2.5; }

/*默认 iphone4~iphone5*/
.mobile_piclist1 .mobile_piclist_img a { height: 260px; }
.mobile_piclist2 .mobile_piclist_img a{ height: 138px; }
.mobile_piclist2 .mobile_piclist_img img { max-height: 138px; }

@media all and (min-width:360px) { /*sumsung Note2 ~ sumsung s4*/
.mobile_piclist1 .mobile_piclist_img a { height: 320px; }
.mobile_piclist2 .mobile_piclist_img a { height: 160px; }
.mobile_piclist2 .mobile_piclist_img img { max-height: 160px; }
}
@media all and (min-width:375px) { /*iphone6*/
.mobile_piclist1 .mobile_piclist_img a { height: 340px; }
}
@media all and (min-width:384px) { /*Google Nexus4*/
.mobile_piclist1 .mobile_piclist_img a { height: 320px; }
}
@media all and (min-width:412px) { /*Google Nexus6 - iphone6plus*/
.mobile_piclist1 .mobile_piclist_img a { height: 340px; }
.mobile_piclist2 .mobile_piclist_img a { height: 180px; }
.mobile_piclist2 .mobile_piclist_img img { max-height: 180px; }
}
@media all and (min-width:540px) { /*other*/
.mobile_piclist2 .mobile_piclist_img a { height: 230px; }
.mobile_piclist2 .mobile_piclist_img img { max-height: 230px; }
.dev540 li{ float:left; width: 21%; margin: 0 2% 10px;}
.dev540 .mobile_piclist_img a{ height: 120px; }
.dev540 .mobile_piclist_img img { max-height: 120px; }
}

/*图片列表补充*/
.mobile_piclist2 { padding-top: 0;}
.mobile_piclist2 li{ background-color: #fff;}


/*新闻列表框架
 说明：
1、默认以mobile_news1Xn开头的样式被此框架占用
2、默认支持 border-box

激活样式：mobile_news1Xn

拓展样式： nopadding  关闭框架自带padding:10px的样式

 */
.mobile_news1Xn [class^="mobile_news1Xn"], .mobile_news1Xn ul, .mobile_news1Xn ul li, .mobile_news1Xn a, .mobile_news1Xn { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.mobile_news1Xn{ padding:10px;}
.mobile_news1Xn.nopadding{ padding:0;}
.mobile_news1Xn ul { margin:0; padding:0; list-style:none;}
.mobile_news1Xn ul li { text-align: left; overflow: hidden; width: 100%; margin: 0 0 10px; background-color:#fff; padding-bottom: 10px; }/*1列*/
.mobile_news1Xn li img { float: left; width: 100px; height: 64px; margin: 15px; }/*1列下缩略图*/

.mobile_news1Xn .mobile_news_title, .mobile_news1Xn .mobile_news_info { width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; }
.mobile_news1Xn .mobile_news_title { line-height: 2; color: #333333; font-size: 1.4rem; margin-top: 12px; }
.mobile_news1Xn .mobile_news_info { line-height: 1.8; color: #999999;}

@media all and (min-width:360px) { /*sumsung Note2 ~ sumsung s4*/
.mobile_news1Xn .mobile_news_title, .mobile_news1Xn .mobile_news_info { width:56%;}
}
@media all and (min-width:375px) { /*iphone6*/
.mobile_news1Xn .mobile_news_title, .mobile_news1Xn .mobile_news_info { width:60%;}
}
@media all and (min-width:384px) { /*Google Nexus4*/

}
@media all and (min-width:412px) { /*Google Nexus6 - iphone6plus*/
.mobile_news1Xn .mobile_news_title, .mobile_news1Xn .mobile_news_info { width:65%;}
}
@media all and (min-width:540px) { /*other*/
.mobile_news1Xn .mobile_news_title, .mobile_news1Xn .mobile_news_info { width:70%;}
}



/*全局适配 */
@media all and (min-width:360px) { /*sumsung Note2 ~ sumsung s4*/
.mobile_header_seacher{width:77%}
}
@media all and (min-width:375px) { /*iphone6*/
.mobile_proimg img{ max-height:290px}
}
@media all and (min-width:384px) { /*Google Nexus4*/
.mobile_header_seacher{width:78%}

}
@media all and (min-width:412px) { /*Google Nexus6 - iphone6plus*/
.mobile_header_seacher{width:80%}
.mobile_proimg img{ max-height:360px}
}
@media all and (min-width:540px) { /*other*/
.mobile_header_seacher{width:84%}
.mobile_proimg img{ max-height:400px}
}