﻿
*{margin:0;padding:0;}
body{
	/*background: url("static/images/body-bg.jpg") repeat-y scroll center top #1f2677;*/
	width: 100%;
	height: 500px;
	color: #636363;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.72222;
	background:#f3d5c0;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #f8fafb;
    border-bottom-color: #f8fafb;
}

#compDynr{ padding-left:10px;}
#compDynr img{ max-width:100%;}
li{list-style-type: none;}
a{color: #666666;}
a:hover, a:focus {
color: #1abc9c;
text-decoration: none;
}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px;}
.container{background: #ffffff}
.top{
width: 100%;
height: 140px;
margin: auto;
background: url("static/images/top.gif") top center no-repeat ;
}
.mtop{
width: 100%;
height: 100%;
margin: auto;
}
.mtop img{
width: 100%;
height: auto;
margin: auto;
}
.logo {
width: 659px;
height: 97px;
margin-top: 30px;
margin-left: 30px;
float: left;

}
.top-time {
line-height: 24px;
background: url("static/images/angle.gif") left no-repeat;
color: #1f2677;
padding-left: 10px;
margin-top: 46px;
font-weight: bold;
}
.top-title {
height: 24px;
overflow: hidden;
margin-top: 16px;
padding-top: 6px;
}
.top-title ul{padding-left: 0}
.top-title a{color: #636363;background: url("static/images/angle.gif") left no-repeat;padding-left: 15px;}
/*NAV*/
.navbar{ margin: 0 3px}
.navbar-inverse{background-color:#EF680A;}
/*SLIDER*/
#slider{margin: 10px 0;}
#slider img{width: 1140px;}
/*ABOUT*/
.about-right {
width: 100%;
height: 246px;
border: 1px solid #dee0ef;
float: left;
margin-right: 16px;
}
.title {
width: 100%;
height: 42px;
margin: auto;
overflow: hidden;
}
.title ul {
height: 40px;
overflow: hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #dee0ef;
margin: 0px 12px;
}
.title b {
height: 48px;
line-height: 48px;
font-weight: normal;
background: url(static/images/icon.jpg) left no-repeat;
font-weight: bold;
color: #EF680A;
padding-left: 34px;
}
.news-list ul {
width: 88%;
margin: auto;
text-align: center;
padding-top: 4px;
}
.news-list li {
	background: url(static/images/bg_line.gif);
	list-style-type: none;
	line-height: 37px !important;
	height: 37px !important;
	_line-height:35px;
	_height: 35px;
	text-align: left;
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
	padding-left: 18px;
	_padding-top: 2px;
	    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news-list li a{color: #666666}
.news-list li a:hover{color: #1abc9c;}
.about-center {
width: 100%;
height: 246px;
border: 1px solid #dee0ef;
float: left;
}
.about-txt ul {
margin: 14px;
height: 174px;
overflow: hidden;
line-height: 22px;
}
.about-txt img {
width: 160px;
overflow: hidden;
float: left;
margin-right: 8px;
}
.about-left {
width: 100%;
height: 246px;
border: 1px solid #dee0ef;
overflow: hidden;
float: right;
background: url(static/images/box-bg.jpg) top left repeat-x;
}
.about-links {
width: 60%;
margin: auto;
margin-top: 28px;
line-height: 22px;
color: #3f8aa7;
}
.about-links img {
width: 48px;
height: 49px;
margin-right: 10px;
float: left;
}
/*PRODUCT*/
.product-left {
width: 100%;
min-height: 320px;
border: 1px solid #dee0ef;
overflow: hidden;
margin-top: 10px;
float: left;
}
.product-box {
width: 90%;
float: left;
overflow: hidden;
margin: 8px 0px 18px 20px;
}
.product-title {
	height: 36px;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	background-image: url(static/images/news-title.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0px;
}
.product-title li {
padding-left: 40px;
color: #1F2677;
font-weight: bold;
line-height: 28px;
}
.product-title span {
float: right;
font-weight: normal;
}
.news-list2 ul {
width: 100%;
margin: auto;
text-align: center;
padding-top: 4px;
}
.news-list2 img {
width: 296px;
height: 82px;
border: 1px solid #dee0ef;
padding: 6px;
margin: 6px 0px 6px 0px;
}
.news-list2 li {
background: url(static/images/bg_line.gif);
line-height: 27px !important;
height: 27px !important;
_line-height: 25px;
_height: 25px;
text-align: left;
background-position: left center;
background-repeat: no-repeat;
clear: both;
padding-left: 18px;
_padding-top: 2px;
}
.news-list2 li a{ float:left;}
.news-list2 li span{ float:right;}
.right-box3 {
width: 100%;
height: 320px;
border: 1px solid #dee0ef;
margin-top: 10px;
padding-bottom: 10px;

padding-bottom: 119px;
float: right;
}
.right-box3 li{
	list-style-type: none;
	padding-left: 10px;
}
.links {
border: 1px solid #dee0ef;
margin-top: 10px;
margin-bottom: 16px;
}
.product-img {
width: 98%;
padding: 20px 0px 0px 0px;
margin: auto;
overflow:hidden;
}
#Aaaa #outer {
height: 170px;
width: 100%;
position: relative;
padding-top: 0px;
overflow: hidden;
}
#Aaaa #left {
width: 40px;
display: block;
float: left;
height: 160px;
position: absolute;
left: 0px;
z-index: 2;
opacity: 0.05;
filter: alpha(opacity=5);
overflow: hidden;
}
.product-img img {
width: 223px;
height: 133px;
padding: 2px;
border: 1px solid #dee0ef;
overflow: hidden;
margin-right: 8px;
}
#Aaaa #right {
width: 40px;
display: block;
float: left;
height: 160px;
position: absolute;
right: 0;
z-index: 2;
overflow: hidden;
opacity: 0.05;
filter: alpha(opacity=5);
}
#Aaaa table{width: 100%}
.links-title {
height: 36px;
overflow: hidden;
background: url(static/images/links-bg.jpg);
line-height: 36px;
color: #160062;
font-weight: bold;
padding-left: 16px;
}
.links-box {
width: 96%;
padding: 8px 8px 15px;
margin: auto;
}
.links-box li {
line-height: 24px;
margin-right: 10px;
float: left;
list-style-type: none;
}
.footer {
background: none repeat scroll 0% 0% rgb(43,43,43);
color: rgb(129,129,129);
}
.footer ul {
/*height: 97px;*/
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dee0ef;
padding-top: 15px;
}
.footer li {
line-height: 34px;
text-align: center;
}
.right-box2 {
border: 1px solid #dee0ef;
padding-bottom: 10px;
}
.title ul {
height: 40px;
overflow: hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #dee0ef;
margin: 0px 12px;
}

.news-list li span {
float: right;
}
.page ul li {
margin: auto;
width: 96.7%;
line-height: 24px;
padding: 18px 0px 12px 0px;
list-style-type: none;
text-align: center;
font-size: 100%;
font: 100%/1.5 "Microsoft YaHei","黑体"，Arial,Lucida,Verdana,Helvetica,sans-serif;
}
.page span {
text-align: center;
padding: 10px;
color: #1F2677;
font-size: 14px;
}
.right-box {
border: 1px solid #dee0ef;
margin-bottom: 16px;
padding-bottom: 10px;
}

.sub-title ul {
width: 94%;
margin: auto;
margin-top: 10px;
}
.sub-title li {
height: 30px;
background: url(static/images/Sub_navs.gif) center no-repeat;
line-height: 30px;
margin-bottom: 10px;
list-style-type: none;
text-align: center;
color: #1F2677;
}
.sub-title a:hover {
text-decoration: none;
color: #F60;
}
.sub-title a:link {
color: #1F2677;
text-decoration: none;
}
.sub-title a:visited {
text-decoration: none;
color: #1F2677;
}
.right-box4 {
border: 1px solid #dee0ef;
padding-bottom: 10px;
background: url(static/images/cnt.jpg) bottom right no-repeat;
padding-bottom: 133px;
}
.right-box4 li{
	list-style-type: none;
	padding-left: 10px;
}
.newss_title {
margin: auto;
text-align: center;
font-size: 14px;
color: #1F2677;
font-weight: bold;
padding: 20px 0px 10px 0px;
}
.newss_titles {
margin: auto;
text-align: center;
color: #333;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #999;
width: 94%;
padding: 10px 0px 20px 0px;
}
.news-text {
line-height: 24px;
padding: 10px 20px 0px 20px;
}
.open > .dropdown-menu{
margin-top: 0px !important;
}
.open > .dropdown-arrow{
margin-top:-7px;}
.container{ max-width:998px;}
.fenge{ clear:both; height:10px; overflow:hidden; background-color:#fff; width:100%;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background-color: rgb(227,101,1);

}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color: rgb(227,101,1);
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus{
	background-color: rgb(227,101,1);
}