/***************** universal *****************/
#page{ margin:0 auto; background:#f5f5f5;}

.fl{ float:left;}
.fr{ float:right;}

img{ width:100%;}
#head{ height:50px; overflow:hidden; background:#fff;}
#head .logo{ width:90px; margin:10px 0 0 10px;}

#head a.menu{ width:50px; height:50px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle;}
#head a.cd-nav-trigger{ background:url(../images/icon4.png) no-repeat center center; background-size:50%;}
#head a.cd-search-trigger{ background:url(../images/icon3.png) no-repeat center center; background-size:40%;}


/* 头部弹出菜单 */
.show-menu-info{ width:100%; height:0; position:fixed; background:rgba(255,255,255,0.8); z-index:1000; right:0; top:50px; opacity:0; -webkit-transform:scale(0); transform:scale(0);-webkit-transform-origin:86% -12px; -ms-transform-origin:86% -12px; transform-origin:86% -12px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.show-menu-info:before{ content:""; display:block; position:absolute; width:0; height:0; border-color:transparent; border-width:8px; border-style:solid; bottom:100%; right:65px; border-bottom-color:rgba(29,140,157,1);}
.show-menu-info.show{ height:auto; opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

.search_box{ width:100%; padding:10px; box-sizing:border-box;}
.search_box a.search_btn{ width:20%; line-height:42px; font-size:16px; color:#fff; float:left; text-align:center; display:block; background:#1d8c9d; border:none;}
.search_box a.search_btn:hover{ color:#f90;}
.search_box input{ width:80%; padding-left:10px; box-sizing:border-box; line-height:42px; float:left; color:#000; font-size:14px; border:none; border-bottom:1px #fff solid;}


/***************** banner *****************/
.box_swipe{ position:relative; overflow:hidden;}
.box_swipe ul{ -webkit-padding-start:0px;}
.box_swipe>ol{ width:100%; height:16px; text-align:center; position:absolute; right:0; bottom:15px;}
.box_swipe>ol>li{ display:inline-block; margin:5px 5px 0 5px; width:8px; height:8px; border-radius:5px; border:1px #fff solid;}
.box_swipe>ol>li.on{ background:#fff;}

/***************** content *****************/
#content{}

.box-sty{ background:#fff none repeat scroll 0 0; overflow:hidden; position:relative;}

.hp-dhmenu{ width:100%; font-size:0; padding-top:1%;}
.hp-dhmenu li{ display:inline-block; margin:6px 0; width:25%;}
.hp-dhmenu i{ animation:1s ease 0.2s normal both 1 running flip; background-color:#f0f0f0; border-radius:100%; display:block; height:50px; margin:0 auto; width:50px;}
.hp-dhmenu .dh1{ background:#4c8bd9 url(../images/i01.png) no-repeat center center; background-size:55%;}
.hp-dhmenu .dh2{ background:#ffce29 url(../images/i02.png) no-repeat center center; background-size:65%;}
.hp-dhmenu .dh3{ background:#f56976 url(../images/i03.png) no-repeat center center; background-size:60%;}
.hp-dhmenu .dh4{ background:#51cf34 url(../images/i04.png) no-repeat center center; background-size:55%;}
.hp-dhmenu .dh5{ background:#f36d32 url(../images/i05.png) no-repeat center center; background-size:60%;}
.hp-dhmenu .dh6{ background:#28c2e8 url(../images/i06.png) no-repeat center center; background-size:55%;}
.hp-dhmenu .dh7{ background:#b96ab8 url(../images/i07.png) no-repeat center center; background-size:60%;}
.hp-dhmenu .dh8{ background:#d7ba58 url(../images/i08.png) no-repeat center center; background-size:55%;}
.hp-bt{ color:#666; display:block; font-size:12px; line-height:24px; text-align:center; width:100%;}
.hp-dhmenu li a{ display:block;}

.box{ background:#fff;}
.box .title{ padding:20px 15px 30px; position:relative;}
.box .title h3{ font-size:24px; color:#1d8c9d; font-weight:blod;}
.box .title span{ font-size:24px; color:#bbb; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif}
.box .title span.line{ width:95px; height:2px; display:block; margin:5px 0 0; background:#1d8c9d;}
.box .con{ line-height:24px; overflow:hidden;}
.box span.more{ position:absolute; right:15px;}
.box span.more a{ font-size:14px; margin-top:12px; float:right; text-align:center; display:block; color:#666;}
.box span.more a:hover{ text-decoration:underline;}

.box .more a{ width:30px; height:30px; margin:0 auto; border-radius:50%; display:block; margin-top:20px; background:#1D8C9D url(../images/more.png) no-repeat center center; text-indent:-9999px; overflow:hidden; background-size:15px;}
.box .more a:hover{ background:#0DC1D8 url(../images/more.png) no-repeat center center;  background-size:15px;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;}
	@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}
@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.box .con ul{ width:100%; padding:0 15px; box-sizing:border-box;}
.box .con ul li{ width:48%; float:left; padding-bottom:20px;}
.box .con ul li:nth-child(2n){ float:right;}
.box .con ul li h3{ font-size:18px; text-align:center; line-height:50px; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.box .con ul li h3 a{ color:#000;}
.box .con ul li h3 a:hover{ text-decoration:underline;}
.box .con ul li span.data{ color:#999;}
.box .con ul li p{ color:#999; font-size:14px; line-height:18px; margin-bottom:15px;}
.box .con ul li a.detail{ font-size:14px; color:#000; padding-right:30px; background:url(../images/hot_img_arrow.png) no-repeat right center;}
.box .con ul li a.detail:hover{ text-decoration:underline;}

.i_about p{}

.solution{ margin-top:15px;}
.solution .con ul{ width:100%; padding:0 15px; box-sizing:border-box;}
.solution .con ul li{ width:48%; float:left;}
.solution .con ul li:nth-child(2n){ float:right;}

.case .tab_box{ width:auto; position:absolute; right:15px; top:20px;}
.case ul#tab_btn li{ float:left;}
.case ul#tab_btn li a{ padding:0 10px; color:#fff; font-size:14px; line-height:44px; margin:0 0 0 10px; display:block; cursor:pointer; text-align:center; background:#c4c4c4; border-radius:10px;}
.case ul#tab_btn li.hover a{ color:#fff; background:#1d8c9d;}

.case ul#tab_btn li.hover div.sub_arrow{ display:block; position:relative;}
.case ul#tab_btn li.hover div.sub_arrow>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
.case ul#tab_btn li.hover div.sub_arrow>.arrow{ border-width:7px;}
.case ul#tab_btn li.hover div.bottom>.arrow{ bottom:-7px; right:50%; margin-left:-7px; border-top-color:#1d8c9d; border-bottom-width:0;}

.case{ padding-bottom:30px;}
.case .con ul li{ width:100%; padding:0; text-align:center;}
.case .con ul li img{ display:block;}

.case .owl-theme .owl-controls .owl-page span{ background:#999;}
.case .owl-theme .owl-controls .owl-page.active span,.case .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#ef7b26;}


.list-paddingleft-2 {
	width:100%;
	margin-left:20px;
}
ul.list-paddingleft-2 li {
	width:42%;
	float:left;
	text-align:left;
	list-style-type:disc;
	font-size:14px;
	line-height:1.5em;
	height:50px;
}
ul.list-paddingleft-2 li:nth-child(2n){ float:right;}
ul.list-paddingleft-2 li a.none{ color:#999;}

.i_contact .list-paddingleft-2 {
	width:100%;
	margin-left:0;
}
.i_contact ul.list-paddingleft-2 li {
	width:600px;
	float:left;
	text-align:left;
	list-style-type:none;
}


#foot{ background:#37383a;}
.accordion{ width:100%; height:50px; line-height:50px; margin-top:1px; position:relative; display:inline-block; color:#a5a5a5; vertical-align:middle; border-bottom:1px #333 solid;}
.accordion .icon{ width:22px; height:22px; position:relative; float:right; border-radius:100%; /*border:1px #fff solid;*/ margin:14px 15px 0 0; background:url(../images/jia.gif) no-repeat center center; background-size:10px; opacity: 0.3;}
.accordion.active .icon{ background:url(../images/jian.gif) no-repeat center center; background-size:10px;}
.accordion h4{ color:#999; float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion.active h4{ color:#fff;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none;}
.accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#1D8C9D; transition:0.3s;}

.accordion-desc{ z-index:2; font-size:14px; padding:10px 20px;}
.accordion-desc ul li{ line-height:40px; border-bottom:1px #666 solid;}
.accordion-desc ul li a{ color:#999;}

.two_wm{ width:70%; margin:30px auto;}
.two_wm li{ width:40%; text-align:center; float:left; margin:0 5%;}

.foot_info{ background:#292a2c; padding:20px; text-align:center; line-height:24px;}
.foot_info img{ width:30px; margin:5px auto; display:block;}



/***************** insidpage *****************/
.h2-topfont{ background:#fff none repeat scroll 0 0; border-top:1px solid #e8e8e8; color:#666; font-size:16px; font-weight:bold; height:40px; line-height:40px; text-align:center; width:100%;}
.h2-topfont a{ width:38px; height:38px;}
.h2-topfont .pre-icon{ background:url(../images/arrow1.png) no-repeat center center; background-size:50%; float:left;}
.h2-topfont .main-icon{ background:url(../images/home.png) no-repeat center center; background-size:50%; float:right;}

.hide-t{ line-height:9999px; overflow:hidden;}

#i_content{ margin-top:10px; padding:20px 15px 50px; background:#fff;}


.sort_nav{ width:100%; margin:0 auto; background:#fff; box-sizing:border-box;}
.sort_nav li a{ padding:0 30px; float:left; margin:0 10px 0 0; line-height:36px; display:block; color:#fff; background:#ddd; border-radius:3px;}
.sort_nav li a:hover,.sort_nav li a.current{ background:#ef7b26;}

.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.wrapper01 { position:relative; height:36px; width: 100%; overflow: hidden; margin:0 auto 15px;}
.wrapper01 .scroller { position:absolute}
.wrapper01 .scroller li { float: left; text-align: center}
.wrapper01 .scroller li a{ padding:0 30px; float:left; margin:0 1px 0 0; line-height:36px; display:block; color:#fff; background:#9f9f9f;}
.wrapper01 .scroller li.cur a{ background:#1d8c9d;}


.sub_sort{ width:100%; height:60px; margin:30px auto; text-align:center; font-size:0;}
.sub_sort li{ width:120px; display:inline-block; line-height:42px; text-align:center; box-sizing:border-box;}
.sub_sort a{ width:100%; height:48px; font-size:16px; display:block; border-bottom:2px #dfdfdf solid;}
.sub_sort a.current,.sub_sort a:hover{ border-bottom:2px #1d8c9d solid; color:#1d8c9d; text-decoration:none;}

.i_news_list li{ padding-bottom:20px;}
.i_news_list li .pic{ width:30%; float:left; border:1px #e1e1e1 solid;}
.i_news_list li .n_info{ width:65%; float:right;}
.i_news_list li .n_info p{ display:none;}
.i_news_list li h3{}
.i_news_list li h3 a{ font-size:16px; color:#000;}
.i_news_list li .data{ color:#999; display:block; margin:10px 0;}

.loading, a.loading {
	clear: both;
	width: 100%;
	display: block;
	background: #eee;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999;
	font-size: 12px;
	/*box-shadow: 0 1px 1px #ddd inset;*/
}
.loading b {
	background: url(../images/logining.gif);
	background-size: 12px auto;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.userinfo {
    float:right; color:#fff; margin-right:20px; margin-top:10px;
}
.logout {
    color:#fff;
    margin-left:20px;
}
.red {
    color:#f2f2f2;
    margin-left:2px;
}


.textTitle{ color:#000; font:bold 26px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.subtime{ line-height:24px; margin-top:20px; padding-bottom:10px; border-bottom:1px #e1e1e1 solid; color:#999;}
.subtime span{ color:#b8b8b8;}
.subtime span.down{ padding-left:20px; float:right; background:url(../images/download_pic.gif) no-repeat 0 center;}
.subtime span.down a{ text-decoration:underline;}
.subtime span.down a:hover{ text-decoration:none;}

.summary-box{ background:#f4f4f4; padding:30px; color:#999;}

.article{ padding:30px 0; line-height:2em; font-size:16px;}
.article img{ max-width: 868px;}
.article table td{ border:1px #858585 solid; padding:5px; }
.article table{ border-collapse:collapse;}

.article_info{ line-height:40px; border-bottom:1px #e1e1e1 solid;}


.article-other {
	margin-top: 30px;
	height: 110px;
	clear:both;
	padding-top:20px;
	border-top:1px #e1e1e1 solid;
}
.article-other-item {
	width: 100%;
	line-height: 30px
}
.article-other-item p {
	overflow: hidden;
	font-size: 14px
}
.article-other-item header {
	width: 60px;
	font-size: 14px;
	color: #989898
}
.article-other-item a {
	color: #3b3f40
}
.article-other-item a:hover {
	color: #ef7b26
}
.fn-left {
    float: left;
}
.fn-right {
    float: right;
}



.i_contact ul li{ margin:20px 0;}
.i_contact ul li dl dt{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;}
.i_contact ul li dl dd{ padding-left:25px; line-height:30px; background:url(../images/icon_01.jpg) no-repeat 0 center; background-size:20px;}
.i_contact ul li dl dd:nth-child(3){ background:url(../images/icon_02.jpg) no-repeat 0 center; background-size:20px;}
.i_contact ul li dl dd:nth-child(4){ background:url(../images/icon_03.jpg) no-repeat 0 center; background-size:20px;}

.accordion1{ width:100%; height:50px; line-height:50px; margin-top:1px; position:relative; display:inline-block; color:#a5a5a5; vertical-align:middle; background:#f5f5f5;}
.accordion1 .icon{ width:22px; height:22px; position:relative; float:right; border-radius:100%; /*border:1px #fff solid;*/ margin:14px 15px 0 0; background:url(../images/jia1.gif) no-repeat center center; background-size:10px; opacity: 0.3;}
.accordion1.active .icon{ background:url(../images/jian.gif) no-repeat center center; background-size:10px;}
.accordion1 h4{ color:#999; float:left; padding-left:20px; position:relative; font-size:16px;}
.accordion1.active h4{ color:#fff;}
.accordion1 a{ height:50px; position:relative; display:block; text-decoration:none;}
.accordion1 a:hover,.active a{ text-decoration:none; color:#fff; background-color:#1D8C9D; transition:0.3s;}

.accordion-desc1{ z-index:2; font-size:14px; padding:20px;}
.accordion-desc1 ul li{ line-height:40px; border-bottom:1px #666 solid;}
.accordion-desc1 ul li a{ color:#999;}


.website_con{}

.list-box{ width:100%; margin:0 auto 20px; background:#fff;}
.list-box .title{ font-size:16px; line-height:30px; border-bottom:1px #e8e8e8 solid; margin-bottom:15px;}
.list-box .title h3{ border-left:4px #208D9D solid; color:#208D9D; font-weight:bold; padding-left:10px; margin-bottom:10px;}

.list-box li {
    width: 33.33%;
    height: 45px;
    font-size: 14px;
    color: #333;
    line-height: 45px;
    overflow: hidden;
    cursor: pointer;
	float:left;
}
.list-box li a:hover{ color:#208D9D; text-decoration:underline;}

.link-box .sort {
    position: relative;
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
}
.link-box ul {
    width: 100%;
    overflow: hidden;
}


/* -------------------------------- 

左侧弹出导航

-------------------------------- */
.cd-main-content{
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

.cd-main-content{
  position:relative;
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
@media only screen and (max-width:1920px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(260px);
    -moz-transform:translateX(260px);
    -ms-transform:translateX(260px);
    -o-transform:translateX(260px);
    transform:translateX(260px);
  }
}

.cd-main-content {
	background:#fff;
	min-height:100vh;
	z-index:2;
}


.cd-primary-nav, .cd-primary-nav ul {
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:260px;
  background:#fff;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 20px;
  color:#666;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-bottom:1px solid #ddd;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform, opacity;
  -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
  -moz-transition:-moz-transform 0.3s, opacity 0.3s;
  transition:transform 0.3s, opacity 0.3s;
}
.cd-primary-nav a:active, .cd-primary-nav ul a:active{
	 color:#fff;
	 background:#ef7b26;
	 text-decoration:none;
}
	
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  opacity:0;
}

@media only screen and (max-width:1920px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right:auto;
    left:0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color:#69aa6f;
}
@media only screen and (max-width:1920px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility:hidden;
    -webkit-transition:visibility 0s 0.3s;
    -moz-transition:visibility 0s 0.3s;
    transition:visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility:visible;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:visibility 0s 0s;
    transition:visibility 0s 0s;
  }
}
.has-children > a, .go-back a {
  position:relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content:'';
  position:absolute;
  top:50%;
  margin-top:-1px;
  display:inline-block;
  height:2px;
  width:10px;
  background:#999;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.has-children > a {
  padding-right:40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right:20px;
  -webkit-transform-origin:9px 50%;
  -moz-transform-origin:9px 50%;
  -ms-transform-origin:9px 50%;
  -o-transform-origin:9px 50%;
  transform-origin:9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left:40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left:20px;
  -webkit-transform-origin:1px 50%;
  -moz-transform-origin:1px 50%;
  -ms-transform-origin:1px 50%;
  -o-transform-origin:1px 50%;
  transform-origin:1px 50%;
}


.cd-overlay {
  /* shadow layer visible when navigation is active */
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  cursor:pointer;
  background-color:rgba(0, 0, 0, 0.7);
  visibility:hidden;
  opacity:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:opacity .3s 0s, visibility 0s .3s;
  -moz-transition:opacity .3s 0s, visibility 0s .3s;
  transition:opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay.is-visible {
  opacity:1;
  visibility:visible;
  -webkit-transition:opacity .3s 0s, visibility 0s 0s;
  -moz-transition:opacity .3s 0s, visibility 0s 0s;
  transition:opacity .3s 0s, visibility 0s 0s;
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position:relative;
  height:auto;
  width:100%;
  overflow:visible;
  visibility:visible;
  z-index:2;
}

.no-js .cd-search {
  position:relative;
  top:0;
  opacity:1;
  visibility:visible;
}

@media only screen and (min-width:1170px) {
  .no-js .cd-primary-nav {
    position:absolute;
    z-index:3;
    display:inline-block;
    width:auto;
    top:0;
    right:150px;
    padding:0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position:fixed;
  }
}

.loading, a.loading {
	clear: both;
	width: 100%;
	display: block;
	background: #eee;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999;
	font-size: 12px;
	/*box-shadow: 0 1px 1px #ddd inset;*/
}
.loading b {
	background: url(../images/logining.gif);
	background-size: 12px auto;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.userinfo {
    float:right; color:#fff; margin-right:20px; margin-top:10px;
}
.logout {
    color:#fff;
    margin-left:20px;
}
.red {
    color:#f2f2f2;
    margin-left:2px;
}

/* -------------------------------- 

返回顶部

-------------------------------- */
.backtop{
	width:50px;
	height:50px;
	overflow:hidden;
	display:none;
	/*border-radius:45px;
	-ms-border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;*/
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-moz-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-webkit-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	background:#fff url(../images/top_arrow.png) no-repeat center center;
	filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity: 0.9;  
    opacity: 0.9;  
	background-size:50% auto;
	position:fixed;
	right:10px;
	bottom:100px;
	z-index:9999;
}
.backtop a{
	color:#289bd5;
	display:block;
	
}
.backtop a i{
	line-height:45px;
	width:45px;
	display:block;
	height:45px;
}