.topbar{ background: #1E63A5; color:#F7F7F7; height: 15px;}
.topbar .tleft i{ margin-right: 10px; }
.topbar .icon-big{ background: #10508E; display: inline-block; padding: 10px; 8px;  font-size: 26px; vertical-align: -5%; }
.topbar span{ margin-right: 10px;  line-height: 45px; }

/*新的*/
.language {float:right; margin-top:25px;}
.language a{color:#333; font-size:12px;}

/*老的*/
/*.language{ margin-left: 15px;background: #10508E;  padding: 12px 8px; }
.language a{color:#f7f7f7; }
.share-icon{ margin-top: 7px; }
.share-icon a {display: inline-block; text-align: center; width:26px; height: 26px; line-height: 24px; background: #10508E; 
color:#3B94EB; font-size: 16px; margin: 2px 6px;transition: all 0.5s;}
.share-icon a:hover{ color:#f7f7f7;  }
*/
.logo{ margin-top: 20px; margin-bottom: 20px; }
.navbar{ margin-left: 50px; }
.navbar a{display:inline-block; color:#333; border-bottom: #fff 4px solid; transition: all 0.5s; }
.navbar a:hover{ color:#1E63A5; border-bottom: #1E63A5 4px solid; text-decoration: none;}
.navbar a.on{ color:#1E63A5; border-bottom: #1E63A5 4px solid; text-decoration: none;}

/*手机导航*/
.logo-mobile{ margin-top:10px; padding-bottom: 10px; margin-left: 10px;}
.mobile-menu{ padding:5px 0;}
.mobile-menu h1{font-size:20px; color:#fff;}
.uk-nav-offcanvas>li>a {
  color: #ccc;
  padding: 10px 15px;
  border-top: 1px solid rgba(0,0,0,.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.uk-nav-offcanvas .uk-nav-divider {
  border-top: 1px solid rgba(255,255,255,.01);
  margin: 0;
  height: 4px;
  background: rgba(0,0,0,.2);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}
.uk-nav-sub li a{ padding:5px 0; }



.search-box img{ margin-top: 29px; cursor: pointer; }
.search-box .search-input{border:#1E63A5 1px solid; width: 270px; height: 50px; right: 80px; top:12px; display:none; }
.search-box .search-input input{border:none; line-height: 48px; width: 205px; padding-left:15px;outline:none; }

/*banner*/
.banner li{ /*height: 525px;*/ padding-top: 1px;}
.banner h1{ font-size: 72px; color:#fff; margin-top: 125px; font-weight: bold;}
.banner h2{font-size: 30px; color:#fff; font-weight: bold; margin-top: 45px;}
.m-banner li{ /*height: 240px;*/ padding-top: 1px;}
.m-banner h1{ font-size: 30px; color:#fff; margin-top: 35px; font-weight: bold;}
.m-banner h2{font-size: 16px; color:#fff; font-weight: bold; margin-top: 10px;}
/*
application
*/
.short-line{display: inline-block;width: 77px; height: 2px; background: #1E63A5;}
.index-title h2{font-size: 36px; font-weight: bold; color:#1a1a1a; margin-bottom: 9px;}
.index-title h3{font-size: 18px; font-weight: bold; color:#1a1a1a; margin-top: 9px;}
.index-title { margin-bottom: 30px; }

.application{ padding-top: 50px;  padding-bottom: 40px; background: #F9F9F9; }
.application figure figcaption{font-size:18px; color:#393939; font-weight: bold; margin-top: 20px;}
.application figure p{line-height: 1.8em; margin-top: 10px; font-size: 12px;}
.application figure a.more{border:#535353 1px solid; border-radius: 4px; font-size: 12px; color:#333; padding: 4px 18px;transition: all 0.5s;}
.application figure a:hover{text-decoration: none; border:#26A465 1px solid; color:#26A465;}

/*
commend-product
*/
.commend-product{ padding: 40px 0; }
.b-shadow{box-shadow: 0 0 6px #ccc;}
.commend-product .pro-title h2{font-size: 30px; color:#292929; font-weight: bold; padding-left: 6px;}
.commend-product .pro-title h2 a{display: inline-block;width: 110px; height: 36px; font-size: 18px; text-align: center; color: #fff;  
	font-weight: 100; background: #26A465; line-height: 34px;}
.commend-product .pro-title{ margin-bottom: 30px; }
.commend-product .pro-canshu {border-left: #eaeaea 4px solid; padding-left: 15px;padding-top:1px;}
.commend-product .pro-canshu h2{color: #387CC1; margin-top: -5px; margin-bottom: 10px;}
.pro-canshu-list span{color: #387CC1;}
.pro-canshu-list p{line-height: 2.6em; font-size: 12px;}
.pro-note{ border-top: #E0E0E0 1px dashed; padding-top: 10px; margin-bottom: 0; line-height: 2em; }

/*
Technology
*/
.technology{ background: #F9F9F9; padding: 40px 0; }
.technology .subcontent{ font-size: 16px; color: #1a1a1a; line-height: 2em; margin-top: -10px; margin-bottom: 30px; }
.technology-box{ padding: 52px; transition: all 0.7s;}
.technology-box h3{font-size: 18px; color:#1a1a1a; font-weight: bold;}
.technology-box p{font-size: 14px; line-height: 2em;}
.technology-box:hover{background: url(../images/tech-bg.jpg) no-repeat top center;}
.technology-box:hover h3, .technology-box:hover p{color:#fff;}


.braze{ background: url(../images/braze.jpg) repeat-x; height: 19px; }
/*
about
*/
.about{ padding: 40px 0; background:#f9f9f9 url(../images/index-about-bg.jpg) no-repeat; }
.about .about-content{ background: url(../images/2016-01-05_134030.jpg); color:#fff; padding:40px 45px; line-height: 2em; z-index: 22;}
.about .more{ display: block; width: 120px; height: 36px; line-height: 34px; background: #26A465; color:#fff; text-align: center; margin-top: 45px; transition: all 0.5s;}
.about .more:hover{text-decoration: none;}
.index-about-a{ bottom: 0; left: 78px;  z-index: 20;}
.index-about-b{ bottom: 6px; left: 130px;  z-index: 22;}

/*
learning
*/
.learning{ padding: 50px 0; }
.learning-content{ border:#D2D2D2 1px solid; padding: 70px 0;  }
.learning-box{ padding: 0 46px; }
.learning-box p{font-size:12px; color:#666; line-height: 2.4em;}
.learning-box h4{font-size: 14px; margin-top: 6px;}
.learning-box h5{ margin-top: 25px; margin-bottom: 0;}
.learning-box .more{display: inline-block; margin-top: 10px; border:#535353 1px solid; border-radius: 5px; padding: 6px 30px; color: #333;transition: all 0.5s; }
.learning-box:hover .more{border:#5A92CA 1px solid; color: #5A92CA;}

/*
footer
*/
.footer-line-bg{ background: url(../images/bottom-line.png) no-repeat 15% 0; }
footer{ background: #353535; padding-top: 50px; padding-bottom: 30px; }
.bottom-nav dl {text-align: center;}
.bottom-nav dl dt{font-size: 14px; color: #D5D5D5; margin-bottom: 10px;}
.bottom-nav dl dd a{ font-size: 12px; color: #D5D5D5; line-height: 28px; }
address{ margin-left:45px; color: #D5D5D5; }
address i{ background: #262525; color: #6C6C6C; margin-right: 15px; transition: all 0.5s;}
.b-contact img{ margin-bottom: 15px; }
.b-contact p{color: #D5D5D5; margin: 5px 0;}
.b-share-icon{ margin-top: 15px; }
.b-share-icon  a{ margin-right: 10px; }
.b-share-icon  a i{ box-sizing: border-box;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #262525;
  line-height: 28px;
  color: #353535;
  font-size: 16px;
  text-align: center;
  transition: all 0.5s;	
	}
 .b-share-icon a i:hover{ color: #fff; }
.b-bottom{ background: #252525; padding: 22px 0; }
.b-bottom p{ margin: 0; color: #D5D5D5; font-size:12px;}

/*
pagebanner guide
*/
.guide{height: 56px; line-height: 56px; margin-top: -56px; background-color: rgba(255,255,255,0.7); position: relative; z-index: 40;}
.guide h3{color: #10508e; font-size: 18px;  font-weight: bold; line-height: 56px;}
.breadcrumbs{ font-size:12px; margin-right:15px;}
.breadcrumbs a{color:#666;}


/*侧边列表*/
aside h4{ height: 48px; line-height: 48px; margin: 0; font-size: 14px; cursor: pointer; transition: all 0.5s;}
aside h4 span:after,aside h4 a:after{
	content:'>>';
	font-size: 14px;
	font-family: "宋体";
	margin-left: 6px;
}
aside h4.onright{background: #024098; color:#fff;}
aside h4.onright span{display: block; background: url(../images/icon-q.png) no-repeat 20% center; }

aside h4 a{color:#333;}
aside h4.onright a{display: block; background: url(../images/icon-q.png) no-repeat 20% center; color:#fff;}

aside h4.on{background: #024098; color:#fff;}
aside h4.on span{display: block; background: url(../images/icon-q.png) no-repeat 20% center; }
aside h4.on span:after{
	content:url(../images/as-down.png);
	margin-left: 6px;
	margin-top: 4px;
}

aside ul{ margin: 0; background: #26A465; display:none;}
aside ul li a{display: block; color:#fff; font-size: 12px; line-height: 34px; transition: all 0.5s; margin:1px;}
aside ul li a:hover{ text-decoration: none; color: #000; background: #fff; }
aside ul li a.hover{ text-decoration: none; color: #000; background: #fff; }
.contact-box{ margin-top: 20px; margin-bottom: 20px; padding: 20px 10px; background: url(../images/small-map.jpg) center center no-repeat; }
.contact-box p{font-size: 12px;}

/*
产品
*/
.plist-note{font-size: 12px; line-height: 3em; margin-top: 25px;}
.plist-list h5{font-size: 18px; color: #024098; border-bottom:#024098 2px solid; font-weight: bold; padding-bottom:8px;}
.plist-list .h5-title{font-size: 14px; margin-top: 10px;}
.plist-list .h5-title a{color:#333;}
.plist-list .h5-title .more{ float: right; display: inline; padding: 2px 14px; border-radius: 2px; background: #989898; color:#f9f9f9; font-size: 12px; }
.plist-list li:hover > .h5-title > .more{background: #26A465;}
.uk-pagination{ margin-top: 25px; }

.pcontent h1{font-size: 24px; font-weight: bold; color: #024098; background: #eeeeee; padding: 20px 40px; margin: 0;}
.pcontent .p-canshu ul li{line-height: 44px; border-bottom: #eee 1px dashed; color:#333;}
.pcontent .p-canshu ul li span{color:#024098;}


.pcontent .blue-title span{ font-size: 18px; background: #26A465; color: #fff; padding: 6px 30px;}
.pcontent .blue-title{ border-bottom: #26A465 1px solid; padding-bottom: 6px; margin-top: 20px; }
.pcontent-text p{line-height: 3em;}
.down-btn{ background: #26A465; padding: 8px 20px; color: #fff; transition: all 0.5s }
.down-btn:hover{color: #fff; text-decoration: none;}
.down-btn:hover i{}

/*
about
*/
.about-left{background: url(../images/about-bg.jpg);}
.about-left .about-text{color: #fff; padding: 38px;}
.about-left .about-text h1{ color:#fff;}
.about-text p{ line-height: 3em; }

/*技术原理*/
.tech-h1{ background: #26a465; color: #fff; font-size: 18px; font-weight: bold; padding: 6px 22px; }
.tech-text{ padding: 20px; }
.nextpage a{ color:#666; }

/*联系地址*/
.addresslist h2{ color: #fff; background: #26a465; padding: 14px 25px;  }
.addresslist .address-panel{ padding:15px 25px; line-height: 2em; }

/*表单*/
.form-btn button{ width: 100px; height: 42px; line-height: 40px; border:none;  font-size: 16px;  font-weight: bold; margin-right: 15px; border-radius: 3px; cursor: pointer;}
.form-btn .submit{ background: #219F60; color: #fff; } 
.form-btn .reset{ background: #f2f2f2; }

/*
搜索
*/
.search-page-input{ margin-top: 40px; }
.search-page-input input{ height: 36px; }
.search-list li { margin-top: 40px; margin-bottom: 35px; }
.search-list li h3{font-weight: bold;}
.search-list li p{font-size: 12px; color: #666;}
.search-list li a{ color: #333; }

/*news*/
.news-box{border:#E5E5E5 1px solid; transition: all 0.5s; margin-bottom: 40px;}
.news-box h3 a { color:#3c3c3c; font-weight: bold;}
.news-box p{line-height: 2em; color: #666;}
.news-box .date-box span{color: #959595; font-size: 12px; }
.news-box .date-box .more{ font-size: 12px; color: #fff;  background: #999999; padding: 6px 15px; transition: background 0.5s;}
.news-box:hover{border:#26A465 1px solid;}
.news-box:hover h3 a { color:#26A465;}
.news-box:hover .date-box .more{ background:#26A465; text-decoration: none;}

.article-note{ background: #F3F3F3; font-size: 12px; color: #525252; padding: 15px 25px; }
.article-text{line-height: 2em; font-size: 12px;}
.article-nextpage{ font-size: 12px; color: #333; margin: 5px 0; }
.article-nextpage a{color: #666;}

/*
学术交流
*/
.xueshu-list{ margin-bottom: 25px; }
.xueshu-list h2{ background: url(../images/xs-h2-bg.png) no-repeat left; height: 50px; line-height: 42px; margin-left: -8px; margin-top: 20px; cursor:pointer;}
.xueshu-list h2 span{ color: #fff; font-weight: bold; text-align: center; display: inline-block; width: 160px; }
.xueshu-list h2 i{right:30px; top:0; color:#024098;}
.xueshu-inner-box{ padding:10px 10px 20px;  margin-bottom: 10px; border-bottom: #EDEDED 1px solid; }
.xueshu-inner-box:last-child{ border-bottom: none; }
.xueshu-inner-box h3{ margin-bottom: 0; }
.xueshu-inner-box h3 a{font-weight: bold; color: #000; text-decoration: none;}
.xueshu-inner-box p{font-size: 12px; line-height: 2em; margin-top: 10px;}
.xueshu-inner-box .readmore{display: inline-block; color: #333; padding: 5px 30px; border:#666 1px solid; border-radius: 4px;  margin-top: 20px;  }
.xs-on{ background: #f9f9f9!important; border-bottom: none; }
.xs-on h3 a{ color:#219F60!important; }
.xs-on .readmore { background:#219F60!important; color: #fff!important; border:#219F60 1px solid!important;  }

.xushu-article{ margin: 20px; }
.xushu-article p{ color: #666; line-height: 2em; font-size: 12px; }

/*
faq
*/
.faq-list{ padding: 20px; border:#F0F0F0 1px solid;  margin-bottom: 30px; transition: border 0.5s; }
.faq-list:hover{border:#024098 1px solid;}
.faq-list dt{ font-size: 18px; font-weight: bold; color: #024098; padding-bottom: 10px; border-bottom: #ddd 1px dotted; }
.faq-list dt span{display: inline-block; width: 36px; height: 36px;line-height: 34px; text-align: center;  color: #fff; border-radius: 50%; background:  #024098; margin-right: 20px; }
.faq-list dd{ padding-top: 10px; }
.faq-list dd span{display: inline-block; width: 36px; height: 36px;line-height: 34px; text-align: center;  color: #fff; border-radius: 50%; background:  #219F60; margin-right: 20px;
}
.faq-list dd p{   margin-left: 56px;  margin-top: -30px;}