/* CSS Document */



#top{box-shadow:16px 0 16px 0 rgba(0,0,0,0.1); z-index: 999; position: relative; }
.top-con{position: relative; height:103px; }
.top-brand img{ height: 72px; width: auto; max-width: none; }
.top-brand{ position:absolute;  width:30%; max-width:250px; top:20px;}
.top-lang .btn-language{
    padding: 3px 12px;
    font-size: 12px;
    background: none;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
}
.top-lang .btn-language.active, .top-lang .btn-language:active, .top-lang .open>.dropdown-toggle.btn-language {
    background-image: none;
    background: none;
	border: 1px solid #1c94c2;
}
.top-lang .dropdown-menu {
	left: auto;
	right: 0;
	top: 25px;
    font-size: 12px;
	background: rgba(255,255,255,0.6);
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-lang .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: #333;
    white-space: nowrap;
}
.top-lang .language-ico{
	margin-right: 10px;
}
.top-lang .dropdown-menu>li>a:focus, .top-lang .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(28,148,194,0.9);
}

.nav-con{ width:800px; float: right; margin-top:45px; margin-right: 50px;}
.navbar-collapse-1{ text-align:center;}
.navbar-nav-1{ float:none; display:inline-block;}
.top-r{ position:absolute; right:0px;}
.top-lang{ height: 80px; padding: 12px 20px;}
.top-lang{ padding-top: 40px;}
.top-lang .top-language-2{ display: none;}
.top-language-1 { color: #333333; font-weight: normal; font-size: 12px;}
.top-language-1 a{ color: #ffffff; font-weight: normal;}
.top-lang-ico{ margin-right: 9px;}
.top-lang a{ color:#36ace1; font-weight:bold; font-size: 16px; }
.top-lang a:hover{ text-decoration:none;}
.top-navbar-header .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav-1>li>a { display:inline; color:#333333; padding-left: 20px; padding-right: 20px;}
.navbar-nav-1>li>a:focus, .navbar-nav-1>li>a:hover {
    text-decoration: none;
    background:none;
	color:#1c94c2;
	font-weight:bold;
}
.navbar-nav-1 .open>a, .navbar-nav-1 .open>a:focus, .navbar-nav-1 .open>a:hover {
	background:none;
	 border:none;
}
.top-navbar-header .navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.nav-con .dropdown-menu{ background:rgba(255,255,255,0.6); }

#index-pro{ margin-top: 60px;}
.contain-top{ text-align: center; margin-bottom: 20px;}
.contain-top h1{ font-size: 40px; color: #1c94c2; text-transform: uppercase; font-weight: bolder; margin: 0; padding: 0;}
.contain-top h2{ margin: 0; padding: 0; font-size: 30px; color: #1c94c2; margin-top: -28px; font-weight: bolder; letter-spacing: 3px;}
.contain-top hr{ border: none; margin: 14px auto; padding: 0;  border-bottom: 4px solid #1c94c2; width: 75px;}

.index-pro-conner{ position: relative; padding-bottom: 80px;}
#owl-pro .item{ text-align: center;}

#owl-pro .item a:hover{ text-decoration: none;}
#owl-pro .item a .item-pro-name h4{ color: #333333;}
#owl-pro .item a:hover .item-pro-name h4{ color: #1c94c2;}
#owl-pro .item a .item-pro-name span{ color: #8e8e8e;}
.item-pro-name h4{ margin: 0; padding: 0; margin-bottom: 5px; font-weight: bold; font-size: 18px;}

.pro-btn{ position: absolute; bottom: 0; right: 0;}
.pro-btn .pro-btn-a{ border-radius: 0; opacity: 0.8; display: block; display: inline-block; cursor: pointer;}
.pro-btn .pro-btn-a:hover{ opacity: 1;}
.pro-btn .next{ background: #1c94c2; }

#index-adv{ background: url(../images/adv-bg_08.jpg) no-repeat center; background-size: cover; }
.index-adv-con{ padding-top: 60px; padding-bottom: 60px;}
.index-adv-conner{ color: #ffffff; border-left: 5px solid #ffffff; padding-left: 30px; margin-left: 15px;}
.index-adv-conner h2{ font-weight: bolder; text-transform: uppercase; margin: 0; margin-bottom: 5px; letter-spacing: 3px;}
.index-adv-conner span{ text-transform: uppercase;}

#index-about{ margin-bottom: 96px;}
.index-about-l{ float: left; width: 50%;}
.index-about-r{ float: right; width: 50%; padding-left: 25px; margin-top: 100px;}
.index-about-p{ line-height: 30px;}
.index-about-more{ margin-top: 15px;}
.contain-more{ }
.contain-more a{ display: block; border: 2px solid #1c94c2; width: 138px; padding: 5px 15px; position: relative;}
.contain-more a:hover{ text-decoration: none; color: #1c94c2;}
.contain-more a span{ color: #ffffff; background: #1c94c2; width: 40px; top: 0; bottom: 0; right: 0; display: block; position: absolute; font-size: 26px; padding: 3px 10px;}

#index-news{ background: #f7f7f7; padding-top: 60px; padding-bottom: 40px; }
.index-news-conner{ margin-left: -10px; margin-right: -10px;}
.news-con{ padding: 0 15px 20px 15px;}
.news-con a{}
.news-con a:hover{ text-decoration: none;}
.news-con a .news-con-name{ border-left: 6px solid #1c94c2; padding-left: 16px; font-size: 20px; color: #333333; padding-top: 5px; padding-bottom: 5px;}
.news-con a .news-con-name span.news-con-time{display: block; margin-bottom: 3px;}
.news-con a .news-con-jj{ padding-left: 22px; margin-top: 10px; line-height: 26px; color: #333333;}
.news-con a .news-con-more{ color: #1c94c2; padding-left: 22px; margin-top: 16px;}
.news-con a:hover .news-con-more{ font-weight: bold;}
.news-con a:hover .news-con-name span.news-con-time{ color: #1c94c2; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #1c94c2;
}

#index-partner{}
.index-partner-con{ padding-top: 20px; padding-bottom: 20px;}


#foot{ background: url(../images/foot-bg_11.jpg) no-repeat; background-size: cover;  color: #ffffff;}
.foot-con{ padding-top: 78px;}
#foot a{ color: #ffffff; }
.foot-1{ margin-bottom: 85px;}
.foot-nav{ float:left; width: 65%;}
.foot-contact{ float:left; width: 35%; border-left: 1px solid #747474; padding-left:6%; padding-bottom: 20px; padding-top: 5px;}

.foot-1-title{border-left: 6px solid #1c94c2; color: #ffffff; font-size: 20px; padding-left: 16px; margin-bottom: 20px; }
.foot-1-title span{color: #a0a0a0; font-size: 16px; margin-left: 16px;}

.foot-nav-con{ float: left; width: 40%;}
.foot-nav-conner{ padding-left: 22px;}
.foot-nav-conner ul li{ margin-bottom: 3px; list-style: none;}

.foot-contact-follow{ margin-top: 40px;}
.foot-contact-follow ul li{ list-style: none; display: inline-block; margin-right: 10px;}
.foot-contact-follow ul li a{ display: block; width: 40px; height: 40px; background: #4a4a4a; opacity: 0.91; border-radius: 50%; font-size: 14px; text-align: center; line-height: 40px; }
.foot-contact-follow ul li a:hover{ opacity: 1;}

.foot-2{ border-top: 1px solid #747474; padding-top: 30px; padding-bottom: 30px;}
.foot-2-brand{ float: left;}
.foot-2-copyright{ float: right; text-align: right;}

#contain{ margin-top: 60px; margin-bottom: 120px;}
.container-con{ min-height: 400px;}

.news-container{ float: left; width: 33.33%; margin-top: 15px;}

.news-view-title{ text-align:center; color:#333333;}
.news-view-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-view-conner{ margin-top:15px; }

.pro-contain-img{ text-align: center; margin-bottom: 30px;}
.pro-contain-jj{ }

#tags{ padding:0; overflow:hidden; list-style: none;}
#tags li{ float:left; margin:0.6%; font-size:16px;}
#tags li a{ color:#333333;padding:8px 20px; display: block;border:solid 1px #d2d2d2; background: #d2d2d2;  }
#tags .selectTag a{background:#1c94c2; color: #ffffff; text-decoration: none;border:solid 1px #1c94c2;  }
#tags li a:hover{ background:#1c94c2; color: #ffffff; text-decoration: none;border:solid 1px #1c94c2;  }

.tagContent {PADDING: 10px; DISPLAY: none;}
.selectTag {DISPLAY: block}

.clear1{ display: block;}
.clear2{ display: none;}
.clear3{ display: none;}
@media screen and (max-width: 1200px){
	.index-about-r{ margin-top: 80px;}
}

@media screen and (max-width: 1100px){
.nav-con{ width:700px; float: right; margin-top:15px; margin-right: 10px;}
.nav>li>a {
    position: relative;
    display: block;
	padding-left: 15px;
	padding-right: 15px;
}
	#index-about{ margin-bottom: 60px;}
	.foot-nav-con{ float: left; width: 50%;}
}
@media screen and (max-width: 992px){
#top {height: 107px;}
.top-lang{ height: 60px; padding: 8px 20px;}
.top-lang{ padding-top: 20px;}
.nav-con {
    position: absolute;
	width:100%;
	left:0;
	top:60px;
	margin:0;
	z-index: 999;
	border-top:1px solid #f1f1f1;
}
.top-brand {
    position: absolute;
	top:5px;
    left: 20px;
    width: 40%;
    max-width: 250px;
}
.top-brand img{ height: 50px; width: auto; max-width: none;}

.navbar-nav-1{ display:block;}
.navbar-nav-1>li{ border-bottom:1px solid rgba(0,0,0,0.1); padding:5px 10px;}
.navbar-nav-1>li>a { padding-left:8px; padding-right:8px; padding-top: 8px; padding-bottom: 8px;}

	#index-pro{ margin-top: 50px;}
	
	.contain-top h1{ font-size: 30px;}
.contain-top h2{ font-size: 30px; margin-top: -25px;}
	
	.index-about-l{ float: none; width: 100%;}
	.index-about-r{ float: none; width: 100%; margin-top: 15px; padding-left: 0;}
	
	.foot-con{ padding-top: 60px;}
	#contain{ margin-top: 50px; margin-bottom: 100px;}
	
	.news-container{width: 50%;}

.clear1{ display: none;}
.clear2{ display: block;}
.clear3{ display: none;}
}
@media screen and (max-width: 767px){
	#top{ height:60px;}
.top-navbar-header{ float:left; border-left: 1px solid #cecece; height: 60px; padding: 20px 20px;}
	.top-lang{ float: left;border-left: 1px solid #cecece;}
	.nav-con{background:rgba(255,255,255,0.9);}
	.nav-con .dropdown-menu>li>a {
	text-align:center;
    color: rgba(0,0,0,0.8);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #1c94c2;
}
	.top-lang .top-language-2{ display: block;}
	.top-lang .top-language-1{ display: none;}
	
		#index-pro{ margin-top: 40px;}
		
	.contain-top h1{ font-size: 24px;}
.contain-top h2{ font-size: 26px; margin-top: -20px;}
	.pro-btn .pro-btn-a img{ width: 70px;}
	#contain{ margin-top: 40px; margin-bottom: 80px;}
}

@media screen and (max-width: 680px){
.nav-about-conner{ padding-left: 0; padding-right: 0;}
.nav-about-ul li{ width: 50%; float: left; border-bottom: 1px solid #e6e6e6; }
.nav-about-ul li:nth-last-of-type(1),.nav-about-ul li:nth-last-of-type(2){ border-bottom: none;}
.nav-about-ul li:nth-last-of-type(2),.nav-about-ul li:nth-last-of-type(4){border-right: 1px solid #e6e6e6;}
.top-brand img{ height: 50px;}
	
.foot-con{ padding-top: 50px;}
	.foot-1{ margin-bottom: 30px;}
	.foot-nav{ float:none; width: 100%;}
	.foot-contact{ float:none; width: 100%; border-left: none;border-top: 1px solid #747474; padding-left:0; margin-top: 20px; padding-top: 30px; }
	
		.news-container{width: 100%;}

.clear1{ display: none;}
.clear2{ display: none;}
.clear3{ display: block;}
}

@media screen and (max-width: 550px){
	.foot-con{ padding-top: 50px;}
	.foot-nav-con{ float: none; width: 100%;  margin-top: 15px;}
	.foot-2-brand{ float: none; text-align: center;}
.foot-2-copyright{ float: none; text-align: center; margin-top: 15px;}
}