/* CSS Document */



#header{ border-bottom: 3px solid #007acd;}

/* CSS Document */
#header{ box-shadow:0px 3px 5px rgba(0,0,0,0.06)}
.brand-img{ padding:0; height:auto; float:none;}
.logo{ float:left;padding-top: 10px; height: 80px;}

#naver{ float:right; margin-top:20px;}

.nav-lan ul li{ float:right; margin-left:12px; margin-right:20px; list-style: none;}
.nav-lan ul li img{ margin-right:5px;}
.nav-lan ul li a{ color:#555555;}
#cssmenu ul li.nav-lan-en,#cssmenu ul li.nav-lan-cn{ display:none;}
.nav-lan-en a,.nav-lan-cn a{ display:none;}

.pro-list-btn{ float:none; color:#ffffff;}
.pro-list-bg{ background:#004ba0; min-height:35px; margin-bottom:0px;}
.navbar-default .top-pro-list>li>a{ color:#eeeeee;}

.navbar-nav>li>a{ padding-top:0px; padding-bottom:0px; line-height:35px;}

.pro-list-bg .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #004ba0;
}
.pro-list-bg .navbar-toggle .icon-bar {
background-color: #fff;
}
.pro-list-bg .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .top-pro-list>li>a:hover{ color:#ffffff;}
.pro-list-btn{padding: 3px 5px;margin-right: 0px;}
.pro-list-btn .icon-bar {height: 1px;width: 15px;}

.top-title{ text-align: center; margin-bottom:0.5em; }
.top-title h2{ color: #363636; margin: 0; padding: 0;}
.top-title span{ display: block; font-size: 14px; color: #727272; line-height: 22px;}
.top-title img{ margin-top: -10px;}
#index-pro{ margin-top: 4em;}
.index-pro-conner { padding: 4px; width: 25%; float: left;}
.index-pro-conner a{ display: block; position: relative;}
.index-pro-conner a img{ width: 100%;}
.index-pro-conner a .index-pro-name{position: absolute; width: 100%; height: 100%; background: rgba(11,113,182,0.88); top: 0; left: 0; text-align: center; color: #ffffff; font-size: 16px; padding-top: 25%; display: none;}
.index-pro-conner a:hover .index-pro-name{ display: block;}
.index-pro-conner a .index-pro-name hr{ margin: 5px auto; width: 58px; border: 0; border-bottom: 1px solid #8cb7d2;}
.index-pro-more{ margin-top: 40px; margin-bottom: 40px;}
.index-pro-more a{ display: block; width: 180px; height: 54px; text-align: center; color: #0b71b6; margin: auto; border: 2px solid rgba(11,113,182,0.56); border-radius: 27px; -moz-border-radius:27px; /* 鑰佺殑 Firefox */ line-height: 54px;}
.index-pro-more a:hover{ text-decoration: none;}
#index-about{ position: relative; width: 100%; overflow: hidden; margin-top: 2em; }
.index-about-bg{ background: url(../images/about-bg_06.jpg) #217ebd no-repeat left; position: absolute; height: 100%; width: 50%; z-index: -1;}
#index-about .container{ position: relative; min-height: 540px; }
.index-about-img-bg{position: absolute; width: 200%; top: 7px; bottom: 7px; background: #f4f4f4; left: 100%;}
.index-about-img{ position: absolute; right: 0; top:88px; width: 59%; }
.index-about-img-con{ position: relative;}
.about-img{border: 7px solid #ffffff;}
.index-about-img-1{ position: absolute; top: -54px; right: 12px; width: 90%; text-align: right;}
.index-about-con{ width: 37%; padding-top: 88px;}
.index-about-conner{color: #ffffff;}
.index-about-title h2{font-weight: bold; color: #ffffff; margin: 0;}
.index-about-title hr{margin: 0; padding: 0; border: 0; border-top:3px solid #ffffff; width: 70px; margin-top: 1em; margin-bottom: 1em;}
.index-about-more{ margin-top: 2em;}
.index-about-more a{ display: block; width: 180px; height: 54px; text-align: center; color: #ffffff; border: 2px solid rgba(255,255,255,0.56); border-radius: 27px; -moz-border-radius:27px; /* 鑰佺殑 Firefox */ line-height: 54px;}
.index-about-more a:hover{ text-decoration: none;}
#index-contact{ margin-top: 6.4em;}
.contact-con{ width: 100%; }
.contact-con .container{ text-align: right; height: 250px;}
#foot{ background: #1c71aa;border-top: 1px solid #0b71b6;}
.foot-conner ul li{ list-style: none;}
.foot-conner ul li a{color: #ffffff;opacity: 0.7;}
.foot-conner ul li a:hover{ opacity: 0.9; text-decoration: none;}
.foot-title{ font-size: 18px;color: #ffffff;}
.foot-1{ padding-top: 60px; padding-bottom: 80px;}
.foot-1-conner{ width: 20%; float: left; padding-left: 30px;}
.foot-1{ border-bottom: 1px solid #5995bc;}
.foot-1-erwm{width: 17%;}
.foot-erwm{ }
.foot-2-con{ text-align: center; color: #ffffff; padding-top: 15px; padding-bottom: 15px;}
.foot-2-con a{ color: #ffffff;}
.foot-2-con a:hover{ opacity: 0.8; text-decoration: none;}

#banner-img img{ width:100%; max-width: none;}
#contian{ margin-bottom: 6em;}
.container-r{ width: 73%; float: right; margin-top: -60px; position: relative;background: #ffffff; border: 1px solid #eeeeee; padding: 30px 2.5% 3em; min-height: 600px;}
.container-l{ width: 25%; float: left; margin-top: -60px; position: relative;}
.container-l-nav{background: #1e7cbc;padding-bottom: 2em;}
.container-r-title{ background: url(../images/title-bg_05.jpg) repeat-x bottom; margin-bottom: 15px; padding-bottom: 12px;}
.container-r-title-con{ padding-right: 15px; font-size: 24px; display: inline-block;}

.container-r-conner{ min-height: 200px;}
.container-l-nav-title{ position:relative;}
.container-l-nav-title-con{ font-size: 16px; color: #ffffff; padding: 20px 20px; position: relative; letter-spacing: 1px;}
.container-l-nav-title-con h2{margin: 0; padding: 0;}
.container-l-nav-title-con span{ display: block;}
.container-l-nav-title-con hr{ margin: 10px 0 0; padding: 0; border: 0; border-top: 3px solid #ffffff; width: 40px;}
.contianer-l-nav-conner{}
.contianer-l-nav-conner .nav-pills>li.active>a, .contianer-l-nav-conner .nav-pills>li.active>a:focus, .contianer-l-nav-conner .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #1568a0;
}
.contianer-l-nav-conner .nav-pills>li.active>a .ico-nav, .contianer-l-nav-conner .nav-pills>li.active>a:focus .ico-nav, .contianer-l-nav-conner .nav-pills>li.active>a:hover .ico-nav {
    color: #fff;
}
.contianer-l-nav-conner .nav-pills>li>a {
    border-radius: 0px;
	background:none;
	color:#ffffff;
}

.contianer-l-nav-conner .nav-stacked>li {
    margin-top: 0;
    margin-left: 0;
	line-height:20px;
}
.contianer-l-nav-conner .nav>li>a:focus, .contianer-l-nav-conner .nav>li>a:hover {
    text-decoration: none;
    background-color: #1568a0;
	color:#FFF;
}
.contianer-l-nav-conner .nav>li>a:focus .ico-nav, .contianer-l-nav-conner .nav>li>a:hover .ico-nav{
	color:#FFF;
}
.contianer-l-nav-conner .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 50px 15px 40px;
	
}
.contianer-l-nav-conner .nav>li>a .ico-nav{ position:absolute; right: 24px; font-size: 24px; color: #a5a5a5; }

.honor-gallery .honor-a{ width: 33%; padding:5px 12px; display: block; float: left;}
.honor-gallery .honor-a:hover{ text-decoration: none; color: #1c71aa;}
.honor-gallery .honor-a .honor-a-img{ padding: 3px; border: 1px solid #ebebeb;}
.honor-gallery .honor-a span{ text-align: center; display: block; padding: 3px;}

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

.feedback-con{ max-width: 700px; margin: auto;}
.feedback-con .feedback-p{padding: 5px 15px 15px; font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.feedback-con .form-group{
	margin-bottom:0px;
}
.feedback-con .form-group label{
	margin-bottom:0px;
}
.feedback-con .feedback-title{
	font-size:16px;
	color:#333333;
	font-weight:normal;
	margin-top:3px;
}
.feedback-con .feedback-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #fff;
background-image: none;
border: 1px solid #a9a9a9;
}	
.feedback-con .feedback-textfield{
	width: 100%;
	padding: 2px 5px;
	margin: 0px 0px 10px;
	height: 220px;
	border: 1px solid #a9a9a9;
	padding: 6px 12px;
}
.feedback-con input[type="submit"] {
text-transform: uppercase;
float: right;
padding:9px 40px;
color: #ffffff;
background-color: #1c71aa;
border-radius: 5px;
cursor: pointer;
font-size:1.4em;
}

.pro-contain{text-align:center;width:33%; float:left;padding:10px;}
.pro-con{ display:block;  position: relative; padding-bottom: 3px;}

.pro-con:hover{ text-decoration:none; color: #1c71aa;}
.pro-con-title{ padding: 10px 0 3px 0;}

.pro-view-img-big{ text-align:center }
.pro-view-img{ float:left; width:44.7%;}
.pro-view-jj{ float:right; width:50%;}
.pro-view-img-more ul li{ border:1px solid #ddd; width:23%; float:left; margin-right:2%; margin-bottom:10px; list-style: none;}
.pro-view-img-more ul li a img{ width:100%;}

.pro-view-title{ font-size:16px;}
.pro-view-jj-con{ margin-top:10px; color:#89a014;}
.pro-view-con{ margin-top:20px;}
.pro-view-con-title{  background: #f1f1f1; border-left: 3px solid #1c71aa; font-size: 17px; padding: 8px 16px;margin-bottom: 0.5em;}

.news ul li{ list-style:none;padding:20px 0; overflow:hidden; border-bottom:dashed 1px #ccc;}
.news ul li:hover{ border-bottom:dashed 1px #1e7cbc;}
.news-content{padding:10px 0;}
.news-content .name{ font-size:20px; color:#1e7cbc; letter-spacing:1px; font-weight:bold;}
.news-content p{ text-indent:28px;}
.news-content span{ display:block;}
.news-content .time{ color:#666; float:left;}
.news-content .more{ float:right; color:#1e7cbc;}
.news-content .more:hover{ text-decoration:underline;}

.newstop{ padding:10px 0; border-bottom:dashed 1px #1e7cbc;text-align:center; position:relative;}
.newstop .name{color:#1e7cbc; font-weight:bold;  font-size:20px;}
.newstop .time{ color:#999;}
.back{color:#1e7cbc; position:absolute; top:20%; left:0; display:block;}

.newscont{ padding:20px 0;}
.newscont p{ text-indent:28px;}
.newscont img{ margin:10px 0;}

#yema{ margin-top:40px; overflow:hidden;}
#yema ul li{ float:left; border:solid 1px #1e7cbc; width:4%; margin:0 8px; padding:0; text-align:center; list-style:none;}
#yema ul li a{ color:#1e7cbc;}
#yema ul .active{background:#1e7cbc;}
#yema ul .active a{color:#fff;}
#yema ul li:hover{ background:#1e7cbc;}
#yema ul li:hover a{color:#fff;}
@media (max-width: 1200px){
.logo{ height: 60px; width: auto;}
.logo .brand-img img{ height: 100%; width: auto;}
}
@media (max-width: 1024px){
.logo{ height: 80px; width: auto;}
.logo .brand-img img{ height: 100%; width: auto;}
}
@media (max-width: 768px){
	#index-about .container { padding: 0;}
	.index-about-bg{ background: none; position: absolute; height: 100%; width: 100%; z-index: -1;}
	.index-about-img{ position: relative; right: 0; top:88px; width: 100%; }
	.index-about-con{ width: 100%;background: url(../images/about-bg_06.jpg) #217ebd no-repeat left; padding: 40px 5%;}
	.foot-1-conner{ display: none;}
	.foot-1-link-con{ width: 100%; display: block; text-align: center; padding-left: 0;}
	.foot-1-erwm{width: 100%; display: block; text-align: center; padding-left: 0;}
	.foot-1{ padding-top: 40px; padding-bottom: 40px;}
	.container-r{ width: 100%; float: none; margin-top: 36px;}
	.container-l{ width: 100%; float: none; margin-top: 36px;}
}
@media (max-width: 640px){
.logo{ height: 60px;}
#naver{margin-top:10px;}
.nav-lan ul li{ float:none}
.nav-lan{ display:none;}
#cssmenu ul li.nav-lan-en,#cssmenu ul li.nav-lan-cn{ display:block;}
.index-pro-conner { padding: 4px; width: 50%; float: left;}
.honor-gallery .honor-a{ width: 50%; padding: 3px 5px;}
.clear1{ display:none;}
.clear2{ display:block;}
.pro-contain{ width:50%;}
.pro-view-img{ float:none; width:100%;}
.pro-view-jj{  float:none; width:100%; margin-top:20px;}
}