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

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

img{ width:100%;}
#head{ width:100%; height:50px; overflow:hidden; background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; z-index:999;}
#head .logo{ margin:15px 0 0 10px;}
#head .logo img{ width:auto; height:25px;}

#head a.menu{ width:28px; height:28px; margin:6px 8px 0 0; background-color:#5c5c5c; border-radius:8px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle; background:#5c5c5c url(../images/icon1.png) no-repeat center center; background-size:48%;}
#head a.menu{ width:50px; height:50px; margin:0; border-radius:0; background:url(../images/icon4.png) no-repeat center center; background-size:50%;}

#head a.cd-nav-language{ font-size:20px; color:#333; line-height:50px; background:none;}

#head.mini {
	z-index: 99999;
	/*background: #fff;
    background: rgba(255, 255, 255, 1);*/
    padding-top: 0px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    background: rgba(255,255,255,0.9);
}
#head.mini a.menu{ background:url(../images/icon5.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%; height:16px; text-align:center; position:absolute; right:0; bottom:15px;}
.box_swipe>ol>li{ display:inline-block; margin:5px 5px 0 5px; width:10px; height:10px; background:#fff; border-radius:100%;}
.box_swipe>ol>li.on{ background:#3695ab;}

/***************** content *****************/
#content{ background:url(../images/bg.gif) no-repeat center bottom; background-size:120%;}

.box{ width:100%; padding:0 15px; box-sizing:border-box;}
.box .title{ margin:20px 0;}
.box .title h3{ font-size:20px; color:#000;}
.box .title h3 span.gray{ color:#d8d8d8; margin-left:10px; font:normal 16px/40px Arial, Helvetica, sans-serif;}

.box .more{ float:right;}
.box .more a{ width:67px; height:30px; line-height:30px; font-size:13px; color:#fff; display:block; padding-left:15px; border-radius:2px; margin-top:5px; background:#3795ab url(../images/more.gif) no-repeat 60px center;}
.box .more a:hover{ text-decoration:none;}
.box .con{ margin:10px 0 0; line-height:24px;}


.about{ padding-bottom:30px;}
.about .a_pic{ width:100%; margin-bottom:15px;}
.about .a_pic img{ width:100%;}

.products_bg{ background:#EBF4F6; margin:20px 0;}

.products{ overflow:hidden;}
.products .title h3{ font-size:24px;}
.products .title h3 span.gray{ color:#8e8e8e;}


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

ul.i_pro_list li a.case_name{ color:#666;}


.news_box{ padding:0;}
.news_box .title{ padding:0 15px;}
#news_scr .owl-pagination{ margin-top: 10px;}
.owl-carousel#news_scr .owl-wrapper-outer{ width:100%; margin:0 auto;}
#news_scr .owl-buttons div{ position: absolute; top:25%; left:0; margin: -25px 0 0 0; width:20px; height:50px; padding:3px 5px; display:none; text-indent: -9999px; border-radius:0; background:#000 url(../images/l-btn.png) no-repeat center center;}
#news_scr .owl-buttons div.owl-next{ left:auto; right:0; background:#000 url(../images/r-btn.png) no-repeat center center;}
#news_scr .owl-buttons div:hover{}
#news_scr .owl-buttons div.owl-next:hover{}

.news-list-bot ul{ width: 100%; padding:0 5px; box-sizing:border-box;}
.news-list-bot li{ padding:0 8px; text-align:center;}
.news-list-bot li .pic{ width: 100%;overflow: hidden;}
.news-list-bot li h2{ font-size: 16px; font-weight:normal; color: #333; line-height: 44px; overflow: hidden; height: 44px; transition:color 0.3s;}


ul.news_list{ width:100%;}
ul.news_list li{ width:100%; padding:10px; float:left; margin:0 20px 20px 0; line-height:20px; background:#f5f5f5; box-sizing:border-box;}
ul.news_list li span.data{ width:80px; height:80px; margin-right:20px; float:left; text-align:center;}
ul.news_list li span.data .day,ul.news_list li span.data .month{ display:block; color:#eee; line-height:30px;  font-size:14px; font-weight:bold; background:#757575;}
ul.news_list li span.data .day{ font-size:36px; line-height:50px; color:#fff; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background:#989898;}
ul.news_list li .info a{ font-size:16px; display:block; margin-bottom:8px;}
ul.news_list li .info p{ font-size:12px; color:#999; line-height:18px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

ul.news_list li:hover{ background:#0052cb;}
ul.news_list li:hover span.data .day{ color:#c5af6c; background:#fff;}
ul.news_list li:hover span.data .month{ color:#fff; background:#c5af6c;}
ul.news_list li:hover a{ color:#fff;}
ul.news_list li:hover p{ color:#a8cbff;}




/***************** foot *****************/
#foot{ padding:15px; font-size:12px; text-align:center; color:#fff; background:#333; word-wrap:break-word;}
#foot a{ color:#fff;}


.foot_link{ margin-bottom:20px;}
.foot_link a{ display:inline-block; color:#fff;}
.foot_link span{ margin:0 10px;}
.foot_link a:hover{ color:#ef7b26; text-decoration:underline;}


#foot .footer-guanzhu{
	text-align:center;
}

#foot .footer-guanzhu .fenxiang a{
	position: relative;
	display:inline-block;
	width:30px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    font-size: 0;
    color: rgba(255, 255, 255, .9);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	color:#fff;
    background: #b9b9b9 !important;
	background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin: 0 15px 0 0 !important;
}

.footer-guanzhu .fenxiang a i{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	line-height: 30px !important;
	text-align: center;
	background: none !important;
}

.footer-guanzhu .fenxiang a.share-sinaWb i,
.footer-guanzhu .fenxiang a.share-weixin i{
	font-size: 20px;
}

.footer-guanzhu .fenxiang a.share-qqIm i{
	font-size: 18px;
}

#foot .footer-guanzhu .fenxiang a:hover{
	background-color: #0085ed !important;
    border: 1px solid #0074ce;
    color: #fff;
    text-decoration: none;
}

.foot .fenxiang img{ box-shadow: 0px -8px 20px rgba(96, 120, 234, 0.2);}



/***************** 内页样式 *****************/
.i_banner{ padding-top:50px;}



/* 面包屑 */
.navCur{ background:#fff; height:40px; font-size:0; width:100%;}
.icoHome{display:inline-block; background:url(../images/icoHome.png) center no-repeat; background-color:#f9f9f9; width:40px; height:40px; vertical-align:middle}
/*.icoHome:hover{background:url(../images/icoHomeHover.png) center no-repeat;}*/
.curL span{display:inline-block; height:40px; vertical-align:middle}
.curL span a{display:inline-block; background:url(../images/icoCur.png) left center no-repeat; height:40px; line-height:40px; padding:0 0 0 15px; margin-right:15px; font-size:12px; color:#888}
.curL span a:hover{background:url(../images/icoCurHover.png) left center no-repeat;color:#ffb619; }
.curL .on{ background:url(../images/icoCurHover.png) left center no-repeat!important;color:#ffb619!important; }


.wrapper01 { padding:10px; box-sizing:border-box; border-top:1px #f9f9f9 solid; background:#fff; position:relative; height:56px; width: 100%; overflow: hidden;}
.wrapper01 .scroller { position:absolute}
.wrapper01 .scroller li { float: left; text-align: center}
.wrapper01 .scroller li a{ padding:0 20px; float:left; line-height:36px; display:block; color:#666; border-radius:3px;}
.wrapper01 .scroller li.cur a{ color:#fff; background:#3695ab;}


.i_about_box{ padding:0 10px; margin:20px 0 10px;}
.i_about_box .con_con{ padding:20px 0; line-height:24px; color:#666; overflow:hidden;}
.i_about_box .con_con .title h3{ font-size:16px; margin-bottom:10px; color:#062a68; font-weight:bold;}
.i_about_box .con_con a.more{ width:100px; padding-left:20px; margin:30px auto 0; line-height:36px; display:block; color:#062a68; background:url(../images/arrow.png) no-repeat 80px 0; border:1px #062a68 solid;}
.i_about_box .con_con a.more:hover{ text-decoration:underline;}


.i_title{ margin:30px 0;}
.i_title h3{ width:200px; font-size:18px; text-align:center; font-weight:bold; padding-bottom:10px; color:#3695ab; margin:0 auto;}
.i_title:after{ width:30px; height:2px; margin:0 auto; background:#3695ab;}

.article{ padding:0 10px; font-size:16px; line-height:30px; color:#666;}


.video_box ul{ width:100%; padding:0 10px; box-sizing:border-box;}
.video_box ul li{ width:48.5%; margin-bottom:15px; overflow:hidden; float:left;}
.video_box ul li:nth-child(2n){ float:right;}
.video_box ul li a{ display:block; background:#000; position:relative;}
.video_box ul li span{ font-size:14px; padding:10px 0; display:block; line-height:20px;}
.video_box ul li p{ width:100%; position:absolute; top:50%; margin-top:-18px; color:#fff; text-align:center; z-index:999;}
.video_box ul li p img{ width:20%;}
.video_box ul li a>img{ opacity:0.8; transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.video_box ul li:hover a>img{ opacity:1; transform: scale(1.1);}


/**** 人才招聘 ****/
.concept_box{ width:100%; padding:10px; box-sizing:border-box; overflow:hidden;}
.concept_box .concept_pic{ width:100%; float:right;}
.concept_box .concept_info{ color:#fff; line-height:24px; float:left; padding:30px; background:#3695ab;}
.concept_box .concept_info h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.concept_box .concept_info h2{ font-size:16px; margin-bottom:20px;}
.concept_box .concept_info p{ color:#c0e7f0;}

.accordion-container{ width:100%; padding:0 10px; box-sizing:border-box;}
.accordion{ width:100%; height:50px; line-height:50px; margin-top:10px; position:relative; display:inline-block; color:#666; vertical-align:middle;}
.accordion .icon{ width:28px; height:28px; position:relative; float:right; border-radius:100%; border:2px #fff solid; margin:9px 15px 0 0; background:url(../images/jia.gif) no-repeat center center;}
.accordion.active .icon{ background:url(../images/jian.gif) no-repeat center center;}
.accordion h4{ float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none; background:#e6e6e6;}
.accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#3695ab; transition:0.3s;}

.accordion-desc{ background-color:#fff; color:#666; z-index:2; font-size:14px; line-height:2em; padding:10px;}
.accordion-desc ul{ width:100%; padding-bottom:30px;}
.accordion-desc ul li{ width:50%; float:left;}
.accordion-desc ul li span{ color:#999;}
.accordion-desc h3{ font-weight:bold; padding-top:30px; margin-bottom:15px; border-top:1px #c4c4c4 dotted;}
.accordion-desc .apply_for{ width:100px; font-size:18px; color:#fff; padding:0 40px; margin-top:30px; line-height:50px; text-align:center; display:block; background:#3695ab url(../images/fj.png) no-repeat 40px center;}


/* 联系我们 */
.i_contact_box{}
.i_contact_box .con{ width:100%; height:auto; padding:0 10px; overflow: hidden; background:url(../images/i_con_pic2.jpg) no-repeat center 30px; background-size:110%; box-sizing:border-box;}
.i_contact_box .con>.text{ width:100%; text-align:center; margin:30px 0;}
.i_contact_box .con .text h3{ font-size:20px; display:inline-block; vertical-align:middle; color: black;font-weight: bold;}

.i_contact_box ul{ width:100%; margin:0 auto; font-size:0; vertical-align:top; margin-bottom:30px; padding-left:0; box-sizing:border-box;}
.i_contact_box ul li{ width:100%; display:inline-block; box-sizing:border-box; padding-bottom:20px;}
.i_contact_box ul li dl{}
.i_contact_box ul li dl dt{ margin:0 10px; float:left;}
.i_contact_box ul li dl dd p{ font-size:16px; line-height:24px;}
.i_contact_box ul li dl dt img{ width:25px;}

.i_message_bg{ padding:30px 0; background:url(../images/message_bg.jpg) no-repeat center center;}
.i_message{ width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.i_message h3{ font-size:20px; color:#000; margin-bottom:10px;}
.i_message li{ width:100%; padding:10px 0; float:left;}
.i_message li:nth-child(2n){ float:right;}
.i_message li:nth-child(5),.i_message li:nth-child(6){ width:100%;}
.i_message li .text,.i_message li textarea{ width:100%; line-height:50px; font-size:14px; padding-left:14px; background:#fff; border:1px #ddd solid; box-sizing:border-box;}
.i_message li textarea{ width:100%; height:112px; padding-top:10px; line-height:24px;}
.i_message .submit{ display:block; width:100%; height:60px; font-size:24px; line-height:60px; text-align:center; color:#fff; background:#3695ab;}
.i_message .submit:hover{ color:#fff; background:#FFBA00;}


/** 集团动态 **/
.i_news_pic_list li{ width:100%; padding:20px 10px; position:relative; border-bottom:1px #eee solid; box-sizing:border-box;}
.i_news_pic_list li .pic{ width:100%;}	
.i_news_pic_list li .info{ width:100%; padding:0; float:none;}
.i_news_pic_list li .info .n_title{ font-size:18px; color:#000; margin:15px 0 0;}
.i_news_pic_list li .info .description{ width:100%; line-height:24px; font-size:14px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.i_news_pic_list li .info .date{ margin:10px 0;}


/* 新闻详情 */
.i_news_show_box{ width: 100%; text-align:justify; padding:20px 15px; box-sizing:border-box;}
.i_news_show_box .left{ width: 100%; box-sizing:border-box;}
.i_news_show_box .left h2{font-size:20px; color: #000000;line-height: 30px; position: relative;}

.i_news_show_box .subtime{ padding:20px 0 10px; font-size:12px; border-bottom:1px #f3f3f3 solid; color:#999; margin-bottom: 30px;}
.i_news_show_box .subtime .info span{ display:inline-block; margin:0 30px 0 0; color:#b1b1b1;}
.i_news_show_box .subtime .info span.time{ padding-left:18px; background:url(../images/i1.gif) no-repeat 0 center;}
.i_news_show_box .subtime .info span.num{ padding-left:18px; background:url(../images/i2.gif) no-repeat 0 center;}

.i_news_show_box .left .time{ font-size: 14px;color: rgba(51,51,51,.5);line-height: 30px; display:block; margin-top:10px; text-align:center;}
.i_news_show_box .left p{font-size: 16px;color: #666666;line-height:2em;}
.i_news_show_box .left img{max-width: 100%; height: auto !important;}

.i_news_show_box .right{ width:100%; margin-top:50px; box-sizing:border-box;}
.i_news_show_box .right h2{ font-size: 22px; font-weight:normal; color: #333;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;}
.i_news_show_box .right a{display: block; width: 100%; font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 15px; background: url(../images/case23.png) no-repeat left 17px; transition: background 0.3s,color 0.3s; box-sizing:border-box;}
.i_news_show_box .right a:hover{ color:#0085ed; background: url(../images/case23_h.png) no-repeat left 17px;}
.i_news_show_box .right a.link{width: 100%;height: 55px;line-height: 55px;background: #0c5181 url(../images/news04.png) no-repeat 80% center;color: #fff;font-size: 18px;padding: 0 0 0 21%;transition: background 0.3s,color 0.3s,padding 0.3s;margin-top: 30px; box-sizing:border-box;}
.i_news_show_box .right a.link:hover{ background: #0c5181 url(../images/news04.png) no-repeat 85% center; color: #fff; padding: 0 0 0 15%;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #f3f3f3 solid;}
.tool_box a{ padding:0 25px; height:40px; line-height:40px; text-align:center; margin-right:10px; font-size:16px; float:left; color:#fff; background:#37383A;}
.tool_box a:hover{ background:#FFA200;}
.tool_box a:hover{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0; background:#FFA200;}



.loading, a.loading {
	clear: both;
	width: 100%;
	display: block;
	background: #e4e7e3;
	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;
}


.form_box ul li{ padding:10px 0;}
.form_box ul li label{ width:100%; display:block; height:40px; line-height:40px; margin-right:8px;}
.form_box ul li input.text,.form_box ul li textarea.text{ width:100%; height:40px; padding-left:8px; border:1px #dbdbdb solid; background:#fff; box-sizing:border-box;}
.form_box ul li textarea.text{ width:100%; height:120px; padding:10px; box-sizing:border-box;}
.form_box ul li img{ width:auto; height:40px;}
.form_box ul li a.save_btn{ width:100%; line-height:50px; display:block; text-align:center; font-size:18px; display:block; color:#fff; background:#ff8400;}
.form_box ul li a.save_btn:hover{ background:#ff6600;}

.apply_for{ width:100%; line-height:60px; display:block; text-align:center; margin:0 auto; font-size:18px; display:block; color:#fff; background:#ff8400;}
.apply_for:hover{ background:#ff6600;}


.i_contact_way b{ font-size:16px;}


.pro_about{ width:100%; line-height:2em; font-size:14px;}
.pro_about .i_pro_name{ text-align:center; font:normal 24px/30px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#000; padding:15px 0;}

.tab_title{ height:56px; margin-top:15px; background:#f3f3f3; position:relative;}
.tab_title ul#tab_btn{ position:absolute; left:10px; top:10px;}
.tab_title ul#tab_btn li{ width:150px; height:46px; color:#000; font-size:18px; line-height:46px; margin:0 2px; display:block; cursor:pointer; text-align:center; background:#fff;}
.pro_con{ padding:25px 0; line-height:2em; height:auto !important; height:100px; min-height:100px;}


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

左侧弹出导航

-------------------------------- */
.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:#3695ab;
	 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:#f00;
    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;
}