@charset "utf-8";

/* CSS Document */

ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}

header,article,footer,nav,section,aside,menu{ display:block;}

table{ border-collapse:collapse; border-spacing:0;}

img{ border: 0px; currentColor; max-width: 100%;}

a:link,a:visited{text-decoration:none;outline:none;}

a:active,a:hover{color:#000; text-decoration:none;}

a,button,input,span{-webkit-tap-highlight-color:rgba(255,0,0,0);}

body{ margin:0;padding:0;font:13px/22px \5FAE\8F6F\96C5\9ED1;/* font-size:1em; line-height:1.571em;*/ min-width:303px;}

.fl{ float:left;}

.fr{ float:right;}

.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}

.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}

.fix{*zoom:1;}

.bg{ background:#F5F5F5;}
/**============ topimg  ===============**/
.banner_aa {
	width: 100%;
}
@media all and (min-width:640px)
{
.main {
	margin: 0px auto; width: 640px;
}
}

/**============ Reset End ===============**/

.navbar1{ background:url(mobile_topbg.jpg) no-repeat;}

.navbar1 .ico-home,.navbar1 .ico-nav{float:left;width:17%;height:92px;overflow:hidden;text-indent:-9999em;background:#963 url(ico-home.png) center center no-repeat;}
.navbar1 .ico-bz {float:left;width:75%;height:92px;overflow:hidden;text-indent:-9999em;background:url(mobile_logo.png) left no-repeat; margin-left:5px;}
.navbar1 .ico-nav{float:right;background:url(ico-back.png) center center no-repeat;}

.navbar1 #title{float:left;width:58%;height:92px;margin:0 1%;font-size:3.142em;font-weight:normal;color:#fff;line-height:100px;text-align:center;overflow:hidden;-webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out;transition:font-size 0.2s ease-out;}

.header .description{height:58px;font-size:1.7em;font-weight:normal;line-height:58px;text-align:center;-webkit-transition:font-size 0.2s ease-out;-moz-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; transition:font-size 0.2s ease-out;}

.header .description span{padding:2px 5px;overflow:hidden;color:#ffea00;font-weight:bold;background:#339ee2;border-radius:1em;}

/**============= 通用标题 =========**/

.index-hd{height:68px;line-height:68px;padding:18px 20px 0 70px;border-bottom:3px solid #339ee2;background:url(ico-tt.png) 20px 38px no-repeat;}

.index-hd .more{float:right;font-size:24px;}

.index-hd h3{display:inline;font-size:32px;font-weight:normal;}

.index-hd strong{color:#cbcbcb;font-size:24px;font-weight:normal;text-transform:uppercase;}

.links{margin-top:30px;}

.links h3{height:90px;padding:0 0 0 20px;line-height:90px;background:#339EE2;font-size:28px;font-weight:normal;color:#fff;}

.links .bd{padding:20px;}

.links .bd a{margin:0 10px;font-size:24px;color:#666;}

/**============底部=================**/

.copyright{text-align:center;font-size:1.5em; line-height:1.6em;color:#6f6f6f; background:#ffffff; padding:10px 0;}

.copyright a{color:#999;}

.footer{height:109px;width:100%;}
.footer-hua{width:100%;height:170px;position:fixed; z-index:90; right:0; bottom:0;font-size:1.2em;font-weight:normal;color:#fff;text-align:center;overflow:hidden;-webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out;transition:font-size 0.2s ease-out; padding-top:10px;background: -webkit-linear-gradient(#0e4669, #2c6588 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0e4669, #2c6588 50%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0e4669, #2c6588 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0e4669, #2c6588 50%); /* 标准的语法（必须放在最后） */ }
.footer-hua span {font-size:0.9em;}
.footer-hua span a { color:#FFF;}
.footer-hua span a:hover { color:#5beeff;}
.footer-con{width:100%;height:108px;position:fixed; z-index:100; right:0; bottom:0;background:#002c46;border-top:1px solid #002033;-webkit-transition:right .5s ease;transition:right .5s ease;}

.footer li{ float:left; width:25%;}

.footer li a,.footer li span{display:block;height:44px;padding:74px 0 0 0;text-align:center;font-size:24px;color:#fff;cursor:pointer;}

.footer li.zx a{background:url(ico-mess.png) center 15px no-repeat;}

.footer li.tel a{background:url(ico-tel2.png) center 15px no-repeat;}

.footer li.yy a{background:url(ico-yy.png) center 15px no-repeat;}

.footer li.dh a{background:url(ico-nav2.png) center 15px no-repeat;}

/**==================弹出导航菜单==============**/

#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}

.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav1{position:fixed;top:0;right:-480px;z-index:9999;width:480px;height:100%;background:#393939;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openMenu{right:480px;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav1 h3{padding:20px 0 30px 25px;font-size:3.142em;font-weight:normal;color:#fff;line-height:50px;}

.nav1 h3 a { color:#fff;}

.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}

.scroller {position: absolute;width:100%;padding:0 0 30px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

/**============= 菜单 ========================**/

.nav1 ul li a{display:block;overflow:hidden;padding:0 0 0 24px;line-height:90px;color:#dcdcdc;font-size:2em;border-bottom:1px solid #272727;}
.nav1 ul li ul li a{display:block; overflow:hidden;padding:0 0 0 64px;line-height:60px;color:#dcdcdc;font-size:1.6em;border-bottom:1px solid #272727; background:#464646;}
.home ul li span{ display:block;float:left;width:100px;height:90px;margin:0 1.2em 0 0;background:url(nav.png);}

.home ul li:nth-of-type(1) span{background-position:0 0;}

.home ul li:nth-of-type(2) span{background-position:-90px 0;}

.home ul li:nth-of-type(3) span{background-position:-186px 0;}

.home ul li:nth-of-type(4) span{background-position:-286px 0;}

.home ul li:nth-of-type(5) span{background-position:-370px 0;}

.home ul li:nth-of-type(6) span{background-position:-458px 0;}

.home ul li:nth-of-type(7) span{background-position:-432px 0;}

.home ul li:nth-of-type(8) span{background-position:-504px 0;}

.home ul li:nth-of-type(9) span{background-position:-576px 0;}

.home ul li:nth-of-type(10) span{background-position:-648px 0;}

.home ul li:nth-of-type(11) span{background-position:-720px 0;}

.home ul li:nth-of-type(12) span{background-position:-792px 0;}

.home ul li:nth-of-type(13) span{background-position:-864px 0;}

/**================ 简介 =====================**/

.i-news-about{padding:15px;max-height:495px; overflow:hidden;font-size:2em; line-height:1.8em;}

.i-news-about .i-news-about-pic{ float:left; width:240px; border:2px solid  #efe5cf; margin:0 10px 0 0;}

.i-news-about p { font-size:2em; line-height:1.8em;}

.moreinfo { font-size:1.8em; text-align:right;}



/**======================== 菜单 ==================**/

.ks-nav dl{overflow:hidden;clear:both;padding:30px 50px;border-top:1px solid #454545;}

.ks-nav dl dt{padding:0 0 30px 20px;font-size:2.5em;color:#fffc00; text-shadow:0 0 1px #000;}

.ks-nav dl dt a{color:#fffc00;}

.ks-nav dl dd{float:left;width:50%;}

.ks-nav dl dd a{display:block;width:140px;margin:8px auto;padding:4px 8px;color:#000;font-size:1.5em;line-height:1.5em;text-align:center;background:#ffffff;border-radius:30px;box-shadow:0 0 10px #4b4b4b;}

#gotop{display:none;position:fixed;z-index:777;width:82px;height:110px;right:10px;bottom:130px;background:url(top.png) no-repeat;cursor:pointer;}



/**===================专家====================**/

.des p { height:88px; overflow:hidden;}

@media screen and (max-width: 640px){
	.navbar1{ background-size:100% 100%;}
	.navbar1 .ico-bz{height:90px;background-size:383px 90px;}
	.navbar1 .ico-home,.navbar1 .ico-nav{height:90px;}
    .navbar1 .ico-nav{background-size:66px 40px;}

	.navbar1 #title{height:50px;font-size:1.571em;line-height:50px;}	

	.header .description{height:29px;font-size:0.9em;line-height:29px;}	

	.header .description span{padding:2px 5px;color:#ffea00;border-radius:1em;}	

	

	.index-hd{height:34px;line-height:34px;padding:9px 10px 0 35px;border-bottom:1px solid #339ee2;background:url(ico-tt.png) 10px 19px no-repeat; background-size:14px 14px;}

	.index-hd .more{float:right;font-size:12px;}

	.index-hd h3{display:inline;font-size:16px;font-weight:normal;}

	.index-hd strong{color:#cbcbcb;font-size:12px;font-weight:normal;text-transform:uppercase;}

	

	.links{margin-top:15px;}

	.links h3{height:45px;padding:0 0 0 10px;line-height:45px;font-size:14px;}

	.links .bd{padding:10px;}

	.links .bd a{margin:0 5px;font-size:12px;}



	.copyright{font-size:0.9em; padding:10px 9%; }

	.footer{height:60px}
    .footer-hua{height:104px; font-size:0.9em; padding-top:3px;}
	.footer-hua span{font-size:0.9em;}
	.footer .footer-con{height:59px;}

	.footer li{ float:left; width:25%;}

	.footer li a,.footer li span{height:22px;padding:37px 0 0 0;font-size:12px;line-height:18px;}

	.footer li.zx a{background:url(ico-mess.png) center 7px no-repeat;background-size:29px 25px;}

	.footer li.tel a{background:url(ico-tel2.png) center 7px no-repeat;background-size:25px 25px;}

	.footer li.yy a{background:url(ico-yy.png) center 7px no-repeat;background-size:30px 23px;}

	.footer li.dh a{background:url(ico-nav2.png) center 7px no-repeat;background-size:23px 25px;}

	/**==================== 菜单 ===============**/	

	.nav1{width:280px;}

	.nav1 h3{padding:0px 0px 0px 12px;font-size:1.571em;font-weight:normal;color:#fff;line-height:52px;}	

	.nav1 ul li{clear:both;}
     
	.nav1 ul li a{display:block;padding:0 0 0 12px;line-height:45px;font-size:1.3em;}

    .nav1 ul li ul li{clear:both;}

	.nav1 ul li ul li a{display:block; padding:8px 0 8px 39px; line-height:24px; font-size:1.0em;}

	.home ul li span{width:48px;height:45px;background:url(nav-320.png);}

	.home ul li:nth-of-type(1) span{background-position:0 0;}

	.home ul li:nth-of-type(2) span{background-position:-48px 0;}

	.home ul li:nth-of-type(3) span{background-position:-96px 0;}

	.home ul li:nth-of-type(4) span{background-position:-150px 0;}

	.home ul li:nth-of-type(5) span{background-position:-192px 0;}

	.home ul li:nth-of-type(6) span{background-position:-236px 0;}

	.home ul li:nth-of-type(7) span{background-position:-216px 0;}

	.home ul li:nth-of-type(8) span{background-position:-252px 0;}

	.home ul li:nth-of-type(9) span{background-position:-288px 0;}

	.home ul li:nth-of-type(10) span{background-position:-324px 0;}

	.home ul li:nth-of-type(11) span{background-position:-360px 0;}

	.home ul li:nth-of-type(12) span{background-position:-396px 0;}

	.home ul li:nth-of-type(13) span{background-position:-432px 0;}	

	.i-news-about { max-height:230px; line-height:22px; font-size:14px;}

	.i-news-about .i-news-about-pic { width:160px;}

	.i-news-about p { font-size:1em;}

	.moreinfo { font-size:14px;}



	.ks-nav dl{overflow:hidden;clear:both;padding:15px 25px;border-top:1px solid #454545;}

	.ks-nav dl dt{padding:0 0 15px 10px;font-size:1.2em;color:#fffc00; text-shadow:0 0 1px #000;}

	.ks-nav dl dd{float:left;width:50%;}

	.ks-nav dl dd a{display:block;width:70px;margin:4px auto;padding:2px 4px;color:#000;font-size:1em;line-height:1.5em;text-align:center;background:#ffffff;border-radius:15px;}

	#gotop{width:41px;height:55px;right:0;bottom:65px;background-size:41px 55px;}	
	
	.nav1{right:-280px}
	.openMenu{right:280px;}
	.openNav{right:0;}
}
@media screen and (max-width: 420px){
.navbar1 .ico-bz{height:60px;background-size:255px 60px;}
.navbar1 .ico-home,.navbar1 .ico-nav{height:60px;}
.navbar1 .ico-nav{background-size:50px 30px;}
}
@media screen and (max-width: 380px){
.navbar1 .ico-bz{height:50px;background-size:213px 50px;}
.navbar1 .ico-home,.navbar1 .ico-nav{height:50px;}
.navbar1 .ico-nav{background-size:42px 26px;}
}
@media screen and (max-width: 320px){
.copyright{font-size:0.9em; padding:10px 3%;}
}
.swipe {
  overflow: hidden;
  position: relative;
  width:100%;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  color:#FFF;
}
.swipe-wrap > div img { display:block;}


#position {
text-align: center;
font-size: 20px;
line-height: 1.1em;
color: #ddd;
display: block;
}
#position em {
display: inline-block;
padding: 0 3px;
font-style: normal;
font-family: \5FAE\8F6F\96C5\9ED1;
font-size:2em;
}
#position em.on {
color:#CC0000;
}

/* 1. General */


.disabled{display:none;}

.larger-font{
    font-size:13px;
    line-height:30px!important;
}

.larger-font li{
    font-size:13px;
    line-height:30px!important;
}

::-webkit-scrollbar { 
    display: none; 
}
/*div, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
	overflow:hidden;
}
Bottom Ball Menu*/

.menu-wrapper-background{
    position:fixed;
    z-index:99999;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
}

/*Top Sliding Menu*/

.menu-top{
    position:fixed!important;
    z-index:999999999;
    max-height:428px;
    width:300px!important;
    left:50%;
    margin-left:-150px;
    border:solid 1px #cacaca;
}


.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#2ecc71!important;
    margin-top:26px;
}


.menu-top li{list-style:none; margin-bottom:0px;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}


.page-content{
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    transition:all 350ms ease;
}

.menu-top{
    border-top:solid 1px rgba(0,0,0,0.1);   
    background-color:rgba(255,255,255,1);
    position:absolute;
    width:100%;
    z-index:99999999;
    height:100%;
    top:-500px;
    overflow:scroll!important;
    -webkit-overflow-scrolling: touch!important;
    transition:all 350ms ease;
    border-radius:10px;
}

.show-menus{
    top:50%;
    margin-top:-210px;
    transition:all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01); 
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position:absolute;
    margin-top:24px;
    margin-left:-40px;
    font-size:14px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:29px;
}

.menu-top .fa-angle-right{  
    position:absolute;
    left:40px;
    top:-3px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:11px;
    margin-top:27px;
    transition:all 350ms ease;
}

.menu-top a{
    font-size:14px;
    font-weight:500;
    padding-left:70px;
    color:#3b4043;
    line-height:60px;
    border-bottom:solid 1px rgba(0,0,0,0.1); 
	display: block;
    position: relative;
    overflow: hidden;
}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:500px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size:12px;
    line-height:60px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}

.submenu .fa-angle-right{
    margin-left:26px;
    margin-top:27px;
}

.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important; 
    -webkit-transform: rotate(135deg)!important; 
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:25px!important;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:28px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:20px;
}

/*Header*/

.mheader{
    width:100%;
    z-index:99999;
    background:#094576;
}

.mheader-clear{
    height:45px;
}

.mheader-clear-big{
    height:90px;
}

.mheader-logo{
    float:left;
    background-image:url(logo.png)/*tpa=http://demo.jq22.com/web-150607104454/images/logo.png*/;
    width:70px;
    height:15px;
    background-size:70px 15px;
    margin-top:22px;
    margin-left:30px;
}

.mheader-navigation{
    float:right;
    color:#FFFFFF;
    height:45px;
    width:45px;
    text-align:center;
    line-height:45px;
}

.mheader-navigation i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.mheader-navigation:hover{
    color:#FFFFFF;
    background-color:rgba(255,255,255,0.1);
}

@media screen and (max-width: 420px){
.mheader-navigation{height:39px;line-height:39px;}
.mheader-navigation i{height:39px;line-height:39px;}
}
@media screen and (max-width: 375px){
.mheader-navigation{height:35px;line-height:35px;}
.mheader-navigation i{height:35px;line-height:35px;}
}

/*	Preloader  */ 

#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}

#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(status.gif)/*tpa=http://demo.jq22.com/web-150607104454/images/status.gif*/; 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 
}

#status p{
	top:60%;
}

#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}