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

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

img{ width:100%;}

.top_bg{ height:10px; background:#0081cd;}
#head{ height:50px; overflow:hidden; background:#fff;}
#head .logo{ width:100px; margin:8px 0 0 10px;}

#head a.menu{ width:50px; height:50px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle; 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:50%;}

/***************** banner *****************/
.box_swipe{ position:relative; overflow:hidden;}
.box_swipe ul{ -webkit-padding-start:0px;}
.box_swipe ol{ width:100%; text-align:center; position:absolute; z-index:10; bottom:10px;}
.box_swipe ol li{ display:inline-block; margin:0 3px; width:6px; height:6px; background:#fff; border-radius:8px;}
.box_swipe ol li.on{ background:#0081cd;}

/***************** tool *****************/
.tool_bg{ width:100%; background:#f6f6f6; z-index:999;}
.tool{ width:100%; height:50px; padding:0 10px; color:#666; box-sizing:border-box;}
.tool a{ color:#666;}
.tool a:hover{ text-decoration:underline;}

.news{ margin-top:10px; overflow:hidden; float:left; position:relative;}
.news .bn-title{ padding-left:28px; line-height:28px; float:left; font-size:14px; background:url(../images/notice.png) no-repeat 0 center;}
.news ul{ padding:0; margin:0; display:block; list-style:none; position:absolute;}
.news ul li{ line-height:28px; font-size:14px; display:none;}
.news ul li a{ float:left; overflow:hidden;}
.news ul li span.data{ margin-left:10px; font-size:12px; color:#bbb;}

/***************** content *****************/
.box{ width:100%; padding:10px; box-sizing:border-box;}
.box .title{  text-align:center;}
.box .title h3{ font-size:20px; color:#0081cd; font-weight:normal;}
.box .title h3 span.gray{ color:#342b2b; margin-left:10px; font:normal 20px/40px Arial, Helvetica, sans-serif;}
.box .title .more{ float:right; margin-top:10px;}
.box .more a{ line-height:20px; color:#f18816;}
.box .more a i{ width:20px; height:20px; margin-right:5px; float:left; background:#f18816 url(../images/more.png) no-repeat center center; border-radius:100%;}
.box .more a:hover{ text-decoration:underline;}
.box .con{ margin-top:10px; line-height:24px;}

.service_list ul{ width:100%; padding:20px 0; text-align:center;}
.service_list li{ width:30%; display:inline-block; color:#999; font-size:12px;vertical-align: top;}
.service_list li .pic{ width:60px; height:60px; margin:0 auto; display:block; background-color:#0081cd; border-radius:100%; background-image:url(../images/icon01.png); background-repeat:no-repeat; background-position:center center; background-size:50%;}
.service_list li h3{ font-size:16px; font-weight:normal; line-height:40px;}
.service_list li h3 a{ color:#0081cd;}
.service_list li h3 a:hover{ color:#0081cd;}

.service_list li.li2 .pic{ background-image:url(../images/icon02.png);}
.service_list li.li3 .pic{ background-image:url(../images/icon03.png);}

/* about */
.about_bg{ background:#f5f5f5;}
.about{}
.about .title{ margin-bottom:10px;}
.about .a_pic{ margin-bottom:10px;}
.about a.detail{ width:50%; line-height:40px; display:block; text-align:center; color:#fff; background:#0081cd; margin:25px auto;}
.about a.detail:hover{ background:#0081cd;}

/* products */
#sort_menu{ background:#fff; margin-top:15px;}
#sort_menu li{ width:31.33%; float:left; font-size:14px; margin-bottom:10px;}
#sort_menu li:nth-child(3n+2){ padding:0 3%;}
#sort_menu li a{ line-height:40px; text-align:center; display:block; color:#666; background:#E6E6E6 url(../images/arrow1.gif) no-repeat 190px center;}
#sort_menu li a.more{ color:#fff; text-decoration:none; background:#0081cd url(../images/arrow2.gif) no-repeat 190px center; }

ul.pro_list{}
ul.pro_list li{ width:48%; margin-bottom:20px; display:block; float:left; text-align:center;}
ul.pro_list li:nth-child(2n){ float:right;}
ul.pro_list li a.case_pic{ width:100%; border:1px #3f3333 solid; display:block; overflow:hidden;}
ul.pro_list li a.case_pic:hover{}
ul.pro_list li a.case_name{ display:block; color:#666; text-align:center; line-height:32px; font-size:14px;}
ul.pro_list li:hover a.case_name{ text-decoration:underline;}

/* case */
.case_bg{ background:#f5f5f5;}

.focus{ margin:20px 0;}
.focus div.info{ line-height:24px; padding:20px; display:block; color:#fff; background:#0081cd;}
.focus div.info h3{ font-size:16px; font-weight:normal; color:#fff; line-height:32px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.focus div.info p{ color:#fff}

#case_menu li{ width:48%; float:left; font-size:14px; margin-bottom:10px;}
#case_menu li:nth-child(2n){ float:right;}
#case_menu li a{ line-height:40px; text-align:center; display:block; color:#fff; background:#0081cd url(../images/arrow1.gif) no-repeat 190px center;}

.slider{ position:relative; width:100%; height:auto; overflow:hidden;}
.slides{ height:auto; overflow:hidden; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; -webkit-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide{ height:auto; float:left; clear:none;}

.slider-arrows{}
.slider-arrow{ position:absolute; display:block; margin-bottom:-20px; width:30px; height:60px; line-height:60px; text-decoration:none; text-align:center; color:#fff; font-size:1.5em; background-color:#333; background-color:rgba(50,50,50,.3);}
.slider-arrow-right{ top:25%; right:0;}
.slider-arrow-left{ top:25%; left:0;}

.slider-nav{ display:none; position:absolute; bottom:30px;}
.slider-nav_item{ width:12px; height:12px; float:left; clear:none; display:block; margin:0 5px; background:black; border-radius:100%;}
.slider-nav_item:hover{ background:#ccc;}
.slider-nav_item-current{ background:#ccc;}

/* message */
.message p label{ line-height:40px;}
.message p .text,.message p textarea{ width:100%; height:40px; font-size:14px; padding-left:14px; background:#f7f7f7; border:1px #ddd solid; box-sizing:border-box;}
.message p textarea{ width:100%; height:112px; padding-top:10px;}
.message .submit,.message .reset{ width:48%; height:40px; margin:15px 1% 0; display:inline-block; font-size:18px; line-height:40px; text-align:center; color:#fff; background:#0081cd; border-radius:5px;}
.message .submit{}
.message .reset{ color:#666; background:#e6e6e6;}
.message a:hover{ color:#fff; background:#0081cd;}

/* news */
.news_box .news_list{ margin-top:10px;}
.news_list li{ padding:10px 15px; line-height:24px; background:#f5f5f5;}
.news_list li.li_on{ background:#0081cd;}
.news_list li.li_on a{ color:#fff;}
.news_list li a:hover{ text-decoration:underline;}

/* focus_ad */
.focus_ad{ margin-top:20px;}
.focus_ad div.info{ padding-left:10px; display:block; color:#fff; background:#fff; padding:30px; border:15px #0081cd solid;}
.focus_ad div.info .tl{ height:80px; border-bottom:1px #666 dashed;}
.focus_ad div.info .tl i{ width:80px; height:60px; margin-right:20px; float:left; line-height:60px; font-style:normal; display:block; text-align:center; font-size:60px; background:#0081cd; font-family:Arial;}
.focus_ad div.info .tl h3{ font-size:24px; margin-bottom:10px; color:#0081cd; font-weight:normal;}
.focus_ad div.info .tl span{ font-size:14px; color:#666;}
.focus_ad div.info div.text{ display:block; line-height:24px; margin-top:20px; color:#666;}

.slider1{ position:relative; width:100%; height:auto; overflow:hidden;}
.slides1{ height:auto; overflow:hidden; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; -webkit-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide1{ height:auto; float:left; clear:none;}

.slider-arrows1{}
.slider-arrow1{ position:absolute; display:block; margin-bottom:-20px; width:30px; height:60px; line-height:60px; text-decoration:none; text-align:center; color:#fff; font-size:1.5em; background-color:#333; background-color:rgba(50,50,50,.3);}
.slider-arrow-right1{ top:25%; right:0;}
.slider-arrow-left1{ top:25%; left:0;}

.contact{ padding:15px; background:#0081cd; border-top:3px #0081cd solid}
.contact .title h3{ font-size:18px; color:#fff; margin-bottom:20px;}
.contact .con p{ color:#fff; font-size:18px; line-height:24px; margin-bottom:20px;}
.contact .con p b{ padding-left:25px; margin-bottom:5px; float:left; font-weight:normal; background:url(../images/tel.png) no-repeat 0 center;
display: block;
    width: 100%;
}
.fax{display: none;}
.contact .con p.fax b{ background:url(../images/fax.png) no-repeat 0 center;}
.contact .con p span,.contact .con p a{ font-size:18px; color:#fff;}

/***************** foot *****************/
#foot{ height:80px; padding:15px 0; margin-bottom:50px; line-height:24px; text-align:center; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;}

/* bottom btn*/
#position{ width:100%; height:50px; position:fixed; bottom:0; z-index:10;}
.btn_nav_bg{ background:#0081cd;}
ul.btn_nav{ padding-top:7px;}
ul.btn_nav li{ width:25%; float:left; text-align:center;}
ul.btn_nav li a{ color:#fff; font-size:12px;}
ul.btn_nav li a span{ width:20px; height:20px; display:block; margin:0 auto; position:relative;}
ul.btn_nav li a i{ width:20px; height:20px; text-align:center; font-style:normal; border-radius:100%; background:#f60; position:absolute; top:-10px; right:-15px;}

/***************** insidpage *****************/
#i_content{ padding:50px 2% 2%;}

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

.box-sty{ background:#fff none repeat scroll 0 0; border-radius:5px; box-shadow:0 1px 1px #dbdbdb; margin:0 auto 10px; overflow:hidden; position:relative;}

.page-topfont,.video-topfont{}
.about-pubbox{ padding:10px;}

ul.i_case_list li{ padding-bottom:15px; margin:0 0 15px; border-bottom:1px #f3f3f3 solid;}
ul.i_case_list li .pic{ width:30%; float:left; overflow:hidden;}
ul.i_case_list li h3{ font-size:16px; font-weight:normal;}
ul.i_case_list li h3 a{ color:#000;}
ul.i_case_list li h3 a:hover{ text-decoration:underline;}
ul.i_case_list li .n_info{ width:65%; float:right; position:relative;}
ul.i_case_list li p{ color:#666;}

.case_box p{ font-size:16px; margin-top:10px;}

.tab_title{ height:40px; margin:30px 0 10px; padding-top:5px; background:#0081cd;}
.tab_title ul#tab_btn{}
.tab_title ul#tab_btn li{ width:120px; height:40px; color:#0081cd; font-size:16px; line-height:40px; margin:0 5px; display:block; text-align:center; background:#fff;}

.pro_con{ line-height:2em; height:auto !important; height:100px; min-height:100px;}

.news-wz{ margin-top:20px;}
.news-wz p{ line-height:40px; overflow:hidden;}
.news-wz p a{ color:#0083cd; display:block; margin-left:50px;}
.news-wz p span{ display:block; float:left;}

.back{ margin:20px 0; line-height:2.5em; text-align:center;}
.back a{ width:50%; height:40px; text-align:center; line-height:40px; color:#fff; border-radius:5px; display:inline-block; background:#0081cd;}

.i_message h3{ font-size:20px; font-weight:normal;}
.i_message h4{ font-size:14px; font-weight:normal; color:#b8b8b8; line-height:20px;}
.i_message .con{ width:100%; margin-top:20px;}
.i_message .con p{ margin-bottom:10px; color:#f00;}
.i_message .con p input.text,.i_message .con p textarea{ width:100%; height:36px; padding-left:5px; border:1px #dedede solid; background:#f8f8f8; box-sizing:border-box;}
.i_message .con p textarea{ width:100%; height:135px; padding-top:8px;}
.i_message .con p a{ width:48%; height:40px; line-height:40px; font-size:18px; display:block; float:left; background:#0081cd; color:#fff; text-align:center; border-radius:5px;}
.i_message .con p a.reset{ float:right; color:#666; background:#e6e6e6;}

.i_zs_list{ width:100%;}
.i_zs_list figure{ width:48%; margin-bottom:20px; float:left;}
.i_zs_list figure:nth-child(2n){ float:right;}
.i_zs_list figure a.pro_pic{ display:block; overflow:hidden;}
.i_zs_list figure figcaption{ padding:10px 15px; font-size:12px; line-height:18px; text-align:center; display:block; color:#666;}

.pro_about{ margin-top:20px;}
.pro_about .pro_name{ font-size:20px; text-align:center; line-height:30px; color:#0081cd;}
.pro_about .pro_info{ height:300px; font-size:14px; line-height:24px;display: none;}
.pro_about .pro_info div{ padding-top:10px;}
.pro_about .pro_info b{ color:#000; float:left; font-weight:normal;}
.pro_about .pro_info span{ width:80%; float:right;}
.pro_about .pro_info span a{ float:left; margin-right:15px;}

.order_box{ margin-top:25px; padding:20px; border:1px #c6c6c6 solid; background:#f8f8f8;}
.order_box .tl{ font-size:18px; margin-bottom:25px;}
.order_box .message label{ width:80px; padding-right:10px; text-align:right;}
.order_box .message p .text,.order_box .message p textarea{ width:100%; background:#fff;}

.recommended_products{ margin-top:20px;}
.recommended_products .title{ padding:20px 0 10px; border-bottom:1px #ededed solid;}
.recommended_products .title h3{ font-size:16px; color:#0081cd;}

.news-listbox li{ border-bottom:1px solid #f2f2f2; line-height:20px; overflow:hidden; padding:10px; position:relative;}
/*.news-listbox li:last-child{ border:medium none;}*/
.news-listbox li a, .news-listbox li a.news-listbox:link li a:visited{ display:block; color:#666;}
.news-time{ color:#b3b3b3;}

.news-detail-tt{ background:#e8e8e8 none repeat scroll 0 0; margin-bottom:10px; border-radius:6px; padding:10px 15px; text-align:center;}
.news-detail-tt h3{ color:#1a1a1a; font-size:16px; font-weight:normal;}
.news-detail-list{ overflow:auto;}
.news-detail-list p{ line-height:22px; padding:10px 0 5px; text-align:justify;}

ul.logo_list li{ width:48%; display:block; margin-bottom:20px; float:left; text-align:center;}
ul.logo_list li:nth-child(2n){ float:right;}
ul.logo_list li a.case_pic{ border:1px #efefef solid; display:block; overflow:hidden;}
ul.logo_list li a.case_pic:hover{ border:1px #05437d solid;}
ul.logo_list li a.case_name{ display:block; text-align:center; line-height:32px; font-size:14px;}
ul.logo_list li:hover a.case_name{}

.event_year{ width:60px; border-bottom:2px solid #DDD; text-align:center; float:left; margin-top:10px;}
.event_year li{ height:40px; line-height:40px; background:#F3F3F3; margin-bottom:1px; color:#828282; cursor:pointer;}
.event_year li label{ cursor:pointer;}
.event_year li.current{ width:60px; background:#0081cd url('../images/jian.png') 60px 0 no-repeat; color:#fff; padding-right:9px;}

.event_list{ width:77%; float:right; background:url(../images/dian3.png) 17px 0 repeat-y; margin:10px 0 20px 0;}
.event_list>div{ margin-bottom:20px;}
.event_list h3{ margin:0 0 0 10px; font-size:20px; font-family:Georgia; color:#0081cd; padding-left:25px; background:url(../images/jian.png) 0 -45px no-repeat; height:38px; line-height:35px;}
.event_list li{ padding-left:25px; background:url(../images/jian.png) 136px -80px no-repeat;}
.event_list li span{ margin:0 0 10px 12px; display:block; float:left; font-size:14px;}
.event_list li p{ width:100%; display:inline-block; padding-left:10px; background:url(../images/jian.png) -21px 0 no-repeat; _float:left; box-sizing:border-box;}
.event_list li p span{ width:100%; text-align:left; border-bottom:2px solid #fff; padding:8px 15px; background:#f3f3f3; margin:0; box-sizing:border-box;}

.event_year li.current{ display:block; position:relative;}
.event_year li.current>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
.event_year li.current>.arrow{ border-width:7px;}
.event_year li.current.right>.arrow{ right:-7px; top:50%; margin-top:-7px; border-left-color:#05437D; border-right-width:0;}

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

左侧弹出导航

-------------------------------- */
.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:#0081cd;
	 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:#ffffff;
	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:10px; margin-top:10px;
}
.logout {
    color:#fff;
    margin-left:10px;
}
.red {
    color:#f2f2f2;
    margin-left:2px;
}

@media screen and (max-width:500px) {
	.news ul {
    width: 91%;
}
	.news ul li a {
	  float: left;
	  display: inline-block;
	  max-width: 60%;
	  overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

}

.sdugud{float: right;margin-top: 14px;}
.sdugud a{margin: 0 3px;display: inline-block;}