/* 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: 64px; 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 #043c75;
}
.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(4,60,117,0.9);
}

.nav-con{ width:600px; 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:#043c75;
	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); }

.contain-top{ text-align: center; margin-bottom: 20px;}
.contain-top h1{ font-size: 44px; color: rgba(51,51,51,0.16); text-transform: uppercase; font-weight: bolder; margin: 0; padding: 0;}
.contain-top h2{ margin: 0; padding: 0; font-size: 30px; color: #043c75; margin-top: -28px; font-weight: bolder; letter-spacing: 3px;}
.contain-top hr{ border: none; margin: 14px auto; padding: 0;  border-bottom: 4px solid #043c75; width: 75px;}

.contain-top.white h1{color: rgba(238,238,238,0.16);}
.contain-top.white h2{color: #ffffff;}
.contain-top.white hr{  border-bottom: 4px solid #ffffff;}

.contain-more{ display: inline-block; color: #ffffff; background: #043c75; padding: 0 15px; min-width: 148px;}
.contain-more:hover{ color: #ffffff; background: #04376b; text-decoration: none;}
#index-pro{ position: relative; overflow: hidden;}
#index-pro:before{ content: ""; position: absolute; width: 268px; height: 268px; background: url(../images/cl-icon.png) no-repeat; background-size: cover; animation:rotating 15s linear infinite; left: -140px; top: -140px; z-index: 1;}
#index-pro:after{ content: ""; position: absolute; width: 400px; height: 400px; background: url(../images/cl-icon.png) no-repeat; background-size: cover; animation:rotating 15s linear infinite; right: -220px; bottom: -140px; z-index: 1;}

.index-pro-con{ padding-top: 40px; padding-bottom: 80px;}
.pro-item{ text-align: center; padding: 0 15px; position: relative;}
.index-pro-conner .owl-item:first-child:after{ content: ""; width: 1px; height: 350px; background-size: cover;background: url(../images/pro-line.png); position: absolute; right: 0; top: 0;}

.pro-item a:hover{ text-decoration: none;}
.pro-item a .item-pro-name{ margin-top: 20px; margin-bottom: 10px;}
.pro-item a .item-pro-name h4{ color: #043c75;}
.pro-item a:hover .item-pro-name h4{ color: #043c75;}
.item-pro-name h4{ margin: 0; padding: 0; margin-bottom: 5px; font-weight: bold; font-size: 18px;}

@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}

#index-about{background: #e8e8e8; position: relative;}
.index-about-bg{ background: url(../images/index-about-bg.jpg) no-repeat; background-size: cover; position: absolute; top: 0; bottom: 206px; width: 100%;}

.index-about-con{ position: relative; z-index: 1; padding-top: 40px;}
.index-about-p{ max-width: 745px; margin: auto; color: #ffffff;}
.index-about-video{ max-width: 1048px; margin: auto; margin-top: 30px;}

.index-video-conner{ position: relative;}
.index-video-conner:hover{ cursor: pointer;}
.index-video-play{background: url(../images/play-icon.png) no-repeat; background-size: cover; top: 50%; left: 50%; z-index: 1; }
.index-video-conner .index-video-play{  width: 110px; height: 110px; position: absolute; margin-top: -54px; margin-left: -54px; opacity: 0.62; transition: 0.5s; }
.index-video-conner:hover .index-video-play{ opacity: 1; transform: scale(1.1);}

.videos{ display:none;background: rgba(0,0,0,0.9); position:fixed; left:0; right: 0; top:0; bottom: 0; width:100%;z-index: 10000; }
.videos-con{border: 1px solid #080808; position:fixed; width: 100%; height: 100%;}
.videos-con video{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }

#index-news{ background: #e8e8e8; }
.index-news-con{ padding-top: 40px; padding-bottom: 40px;}
.index-news-conner{ margin-left: -10px; margin-right: -10px;}
.news-con{ padding: 0 15px 30px 15px;}
.news-con a{}
.news-con a:hover{ text-decoration: none;}
.news-con a .news-con-name{ border-left: 6px solid #043c75; 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: #043c75; padding-left: 22px; margin-top: 16px;}
.news-con a:hover .news-con-more{ }
.news-con a:hover .news-con-name span.news-con-time{ color: #043c75; }
.news-con-more{ text-align: right;}
.news-con a .news-con-more .contain-more{min-width: 112px; text-align: center;}
.news-con a:hover .news-con-more .contain-more{background: #04376b;}


#index-adv{ background: url(../images/adv-bg.jpg) no-repeat; background-size: cover; }
.index-adv-con{ padding-top: 40px; padding-bottom: 40px;}
.index-adv-conner{ text-align: center;}
.adv-item{ display: inline-block; padding: 10px 3%;}
.adv-item a{ color: #ffffff; text-align: center;display: block;}
.adv-item a:hover{ text-decoration: none;}
.adv-item a img{ transition: 0.8s;}
.adv-item a:hover img{ transform: rotateY(360deg);}
.adv-item a span{ display: block; margin-top: 5px;}

.index-adv-more{ text-align: center; margin-top: 10px;}

#foot{ background: url(../images/foot-bg.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 rgba(255,255,255,0.35); padding-left:5%; padding-bottom: 20px; padding-top: 5px;}

.foot-1-title{border-left: 6px solid #ffffff; color: #ffffff; font-size: 20px; padding-left: 16px; margin-bottom: 20px; }
.foot-1-title span{color: #ffffff; 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: #00458c; 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 rgba(255,255,255,0.35); padding-top: 30px; padding-bottom: 30px;}
.foot-2-brand{ float: left;}
.foot-2-copyright{ float: right; text-align: right;}

#contain{ padding-top: 40px; padding-bottom: 100px;}

.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-con{ float: left; width: 50%;padding-bottom: 30px;}

.pro-view-img{ float:left; width:55%;}
.pro-view-jj{ float:right; width:45%; padding-left: 40px;}
.pro-view-title{ }
.pro-view-title h2{ margin-bottom: 15px; font-size:22px; font-weight: bold;}
.pro-view-jj-con{ margin-top:10px;}
.pro-view-con-title{ font-size:18px; background:#dddddd; padding:10px 20px; position: relative; padding-left: 50px;}
.pro-view-con-title span{ color:#8a8a8a; margin-right:10px;  color: #043c75; font-size: 22px; position: absolute; left: 15px; top: 12px;}
.pro-view-con{ margin-top: 2em;}
.pro-view-conner{ padding: 15px 2%;}

.pro-contact-back{ margin-top:50px;}
.pro-contact-back .pro-btn{ width:150px; height:46px; display:block; text-align:center; color:#ffffff;float:left; margin:0 20px 0 0; line-height:46px; font-size:1.25em;}
.pro-contact-back .pro-btn:hover{ text-decoration:none; background: #043c75;}
.pro-contact-back .btn-back{ background:#cccccc; }
.pro-contact-back .back-ico{ margin-right: 10px; margin-top: -5px;}

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

@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-pro:before{  width: 168px; height: 168px; left: -88px; top: -88px;}
	#index-pro:after{  width: 300px; height: 300px; right: -160px; bottom: -160px;}
	
	.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: 10px;
    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;}


.contain-top h1{ font-size: 40px;}
.contain-top h2{ font-size: 30px; margin-top: -25px;}
	
		#index-pro:before{  width: 100px; height: 100px; left: -55px; top: -55px;}
	#index-pro:after{  width: 250px; height: 250px; right: -120px; bottom: -120px;}
	
	.index-pro-conner .owl-item:first-child:after{ display: none;}
	
	.foot-con{ padding-top: 60px;}
	
	.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: #043c75;
}
	.top-lang .top-language-2{ display: block;}
	.top-lang .top-language-1{ display: none;}
	
	
	.contain-top h1{ font-size: 36px;}
.contain-top h2{ font-size: 26px; margin-top: -20px;}
	
			#index-pro:before{  width: 50px; height: 50px; left: -25px; top: -25px;}
	#index-pro:after{  width: 100px; height: 100px; right: -50px; bottom: -50px;}
	
	.index-about-bg{ bottom: 10%;}
	
	.pro-con{ float: none; width: 100%;}
}

@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: 36px;margin-top: 9px;}
	
.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 rgba(255,255,255,0.35); padding-left:0; margin-top: 20px; padding-top: 30px; }
	
	.news-container{width: 100%;}
	
.pro-view-img{ float:none; width:100%;}
.pro-view-jj{ float:none; width:100%; padding-left: 0px;}
	
.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;}
}