body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left;font-family:"Microsoft YaHei";}
ul,ol {list-style:none;}
body{margin:0px; padding:0px; color:#555;}
a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #4BACF1; text-decoration: none;}
a:active{color: #333; text-decoration: none;}
a img {border:0px;}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix:after {
    content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix {
    zoom: 1;
}
/* header begin */
#header {
    width: 100%;
	background: #fff;
}
.header-content {
    width: 940px;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
}
.header-content .logo {
    display: inline-block;
}
#site-slogan {
    display: inline-block;
	margin-left: 50px;
}
.header-search {
    float: right;
}
.header-search .lang-sel {
    margin-top: 6px;
	text-align: right;
}
.header-search li {
    float: right;
	margin-left: 1em;
	font-size: 16px;
}
.header-search li a {
    color: #83C6F6;
}
.header-search li a:visited, .header-search li a:hover, .header-search li a:active {
    color: #83C6F6;
}
.header-search li.active a {
    color: #333;
} 
.search-region {
    padding-top: 16px;
	clear: right;
}
.search {
    background: #e2e2e2;
	padding:5px 15px;
	border-radius: 15px;
}
#kwd {
    border: none;
	background: #e2e2e2;
	width: 190px;
}
#top-submit {
    border: none;
	width: 18px;
	background: #e2e2e2 url(../images/search-button-bg.png) center no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.nav-wrap {
    background: #1292ED;
    background: -moz-linear-gradient(top, #4BACF1, #1292ED);
    background: -webkit-linear-gradient(top, #4BACF1, #1292ED);
    background: -o-linear-gradient(top, #4BACF1, #1292ED);
    background: -ms-linear-gradient(top, #4BACF1, #1292ED);
    background: linear-gradient(to bottom, #4BACF1 0%, #1292ED 100%);
}
.header-nav {
    width: 980px;
    margin: 16px auto 0;
    background: #1292ED;
    background: -moz-linear-gradient(top, #4BACF1, #1292ED);
    background: -webkit-linear-gradient(top, #4BACF1, #1292ED);
    background: -o-linear-gradient(top, #4BACF1, #1292ED);
    background: -ms-linear-gradient(top, #4BACF1, #1292ED);
    background: linear-gradient(to bottom, #4BACF1 0%, #1292ED 100%);
}
.header-nav .menu {
    height: 40px;
    position: relative;
}
.header-nav .menu li a {
    color: #fff;
}
.header-nav .menu > li {
    float: left;
	width: 125px;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	font-size: 16px;
	text-align:center;	
}
.submenu {
    position: absolute;
	margin-left: -62px;
	background: #1292ED;
	display:none;
	z-index: 9999;
}
.header-nav .menu .submenu li {
    height: 35px;
	line-height: 35px;
    border-top: 1px solid #83C6F6;
	padding: 0 15px;
    text-align: left;
    font-size: 14px;
}
.header-nav .menu .submenu li:hover {
    background: #4487bb;
}
.submenu li a:hover {
    color: #fff;
}
/* header end */
/* index carousel begin */
#slider {
    background: #83C6F6;
	width: 100%;
	height: 100%;
}
.slider-bg {
    width: 100%;
	background: #535353;
}
.slider-wrap {
    max-width: 990px;
	margin: 0 auto;
	position:relative;
}
.slider-fade1 {
    position:absolute;
	width: 5%;
	height: 100%;
	top: 0;
	left: 0;
    background: -moz-linear-gradient(left, #535353, transparent);
    background: -webkit-linear-gradient(left, #535353, transparent);
    background: -o-linear-gradient(left, #535353, transparent);
    background: -ms-linear-gradient(left, #535353, transparent);
	background: linear-gradient(to right, #535353 0%, transparent 100%);
	opacity: 1;
}
.slider-fade2 {
    position:absolute;
	width: 5%;
	height: 100%;
	top: 0;
	right: 0;
    background: -moz-linear-gradient(right, #535353, transparent);
    background: -webkit-linear-gradient(right, #535353, transparent);
    background: -o-linear-gradient(right, #535353, transparent);
    background: -ms-linear-gradient(right, #535353, transparent);
	background: linear-gradient(to left, #535353 0%, transparent 100%);
	opacity: 1;
}
.bxslider {
    
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
	text-align:center;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #535353;	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-controls {
    position: absolute;
    height: 40px;
    width: 100%;
    background: #83C6F6;
}
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 40px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
}

.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #222;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 30%;
	background: url(../images/previous-bg.png) no-repeat center;
}

.bx-wrapper .bx-next {
	right: 30%;
	background: url(../images/next-bg.png) no-repeat center;
}

.bx-wrapper .bx-prev:hover {
	background-position: center;
}

.bx-wrapper .bx-next:hover {
	background-position: center;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 4px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* IMAGE CAPTIONS */
.bx-wrapper .captionwrap {
    position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(83, 83, 83, 0.8);
}
.bx-wrapper .bx-caption {	
    position: relative;
	width: 760px;
	margin:0 auto;
	padding: 30px 200px 30px 20px;
}

.bx-wrapper .bx-caption span {
	display: block;
}
.bx-wrapper .bx-caption span.title {
    font-size: 1.5em;
	margin-bottom: 16px;
	line-height: 1;
}
.bx-wrapper .bx-caption span.title a, .bx-wrapper .bx-caption span.title a:visited, .bx-wrapper .bx-caption span.title a:hover, .bx-wrapper .bx-caption span.title a:active {
    color: #1292ED;
	font-weight: bold;
}
.bx-wrapper .bx-caption span.des {
    font-size: 100%;
	color: #fff;
}
.bx-wrapper .bx-caption span.url {
    position: absolute;
	right: 20px;
	bottom: 40px;
	font-size: 0.75em;
    text-align: right;
}
.bx-wrapper .bx-caption span.url a {
    display: inline-block;
	padding: 6px 24px;
	background: #1292ED;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
/* index carousel end */
/* index content begin */
.super-content {
    background: #fff;
}
.super-content ul {
    width: 980px;
    margin: 0 auto;
	padding: 40px 0 20px;
}
.super-content ul li {
    float: left;
	width: 320px;
	margin-bottom:20px;
}
.super-content ul li img {
    width: 320px;
}
.super-content ul li:nth-child(3n+2) {
    margin:0 10px;
}
.super-content ul li h2 {
    height: 35px;
	font-size: 14px;
	line-height: 35px;
	padding-left: 10px;
}
.super-content ul li h2 a:hover {
    color: #1292ED;
}
/* index content end */
/* index service and news start */
.sub-content {
    background: #fff;
	padding: 20px 0;
}
.content-wrap {
    width: 950px;
    padding: 0 15px;
	margin: 0 auto;
}
.subcon-head {
    height: 30px;
	line-height: 30px;
    border-left: 32px solid #1292ED;
    border-bottom: 2px solid #1292ED;
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
}
.ind-service li {
    position: relative;
    width: 465px;
    height: 135px;
    padding: 20px 5px;
	border-bottom: 1px dashed #666;
    float: left;
}

.ind-news li {
    position: relative;
    padding: 10px 5px;
    clear: both;
	border-bottom: 1px dashed #666;
}
.ind-service li:last-child,.ind-service li:nth-child(3), .ind-news li:last-child {
    border-bottom: none;
}
.ind-service li img {
    width: 135px;
	height: 135px;
	margin-right: 15px;
	float: left;
}
.sub-content h2 {
    padding: 5px 0;
    font-size: 12px;
}
.sub-content .ind-news h2 {
    font-weight: normal;
}
.sub-content p {
    line-height: 1.5;
	font-size: 14px;
	margin-bottom: 5px;
    text-align: justify;
}
.ind-service li span, .ind-news li span.readmore {
    position: absolute;
	right: 10px;
	bottom: 20px;
    padding: 2px 15px;
	background: #1292ED;
	font-size: 14px;
	font-weight: normal;
	border-radius: 12px;
	margin-top: 10px;
}
.ind-service li span a, .ind-news li span.readmore a{
    color: #fff;
}
.ind-news li span.pub-time {
    position: absolute;
	right: 5px;
	bottom: 15px;
}
/* index service and news end */
/* footer begin */
#footer {
    background: #fff;
}
.footer-wrap {
    width: 980px;
	margin: 0 auto;
	padding: 30px 0 10px;
	color: #222;
    border-top: 2px solid #1292ED;
}
.footer-wrap a {
    color: #222;
}
.footer-wrap a:hover {
    color: #4BACF1;
}
.footer-nav ul {
	clear: left;
}
.footer-nav ul li {
    float: left;
	width: 230px;
	padding: 0 10px;
}
.footer-nav ul li.w230 {
	width: 230px;
}
.footer-nav ul li.w290 {
	width: 227px;
}
.footer-nav ul li.w172 {
	width: 235px;
}
.footer-nav ul li.w230 dt, .footer-nav ul li.w290 dt, .footer-nav ul li.w172 dt {
    height: 30px;
    text-indent: 5em;
    font-weight: bold;
    color: #1292ED;
}
.footer-nav ul li:last-child {
    width: 180px;
}
.footer-nav dd {
    height: 30px;
	line-height: 30px;
}
.footer-nav dd h6, .footer-nav dd p {
    display: inline-block;
}
.footer-nav dt {
    height: 50px;
}
.footer-nav dt i {
    display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
}
.footer-nav dt i a {
    display: block;
}
.footer-powered {
    padding: 18px 0;
	text-align: center;
	margin-top: 18px;
	border-top: 2px solid #1292ED;
}
.footer-powered p {
    line-height: 1.8;
    text-align: center;
}
/* footer end */
/* single page banner start */
.banner {
   width: 100%;
   background: linear-gradient(to right, #535353 0%, #fff 30%, #fff 70%, #535353 100%);
}
.ban-wrap {
   width: 980px;
   margin: 0 auto;
}
.ban-wrap img {
   display: block;
   width: 980px;
}
/* single page banner end */
/* breadcrumb start */
#breadcrumb {
    background: #83C6F6;
}
.thepath {
    width: 980px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	font-size: 14px;
}
/* breadcrumb end */
/* about and contact wrapper begin */
.wrapbg {
    background: #f6f6f6;
}
.wrapper {
    width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}
.wrapper .sidebar {
    width: 280px;
	float: left;
}
.wrapper .divider {
	float: left;
	width: 1px;
	height: 650px;
    margin-left:19px;
    background: -moz-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -webkit-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -o-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -ms-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
	background: linear-gradient(to bottom, transparent 0%, #666 50%, transparent 100%);
}
.wrapper .pro-divider {
	float: left;
	width: 1px;
	height: 500px;
    margin-left:19px;
	margin-top: 250px;
    background: -moz-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -webkit-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -o-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
    background: -ms-linear-gradient(top, transparent 0%, #666 50%, transparent 100%);
	background: linear-gradient(to bottom, transparent 0%, #666 50%, transparent 100%);
}
.wrapper .con-block {
    width: 665px;
	float: right;
	padding: 20px 0px 20px 10px;
}
.sidebar-block img {
    display: block;
	width: 260px;
	height: 203px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}
.sidebar-block h3{
    width: 230px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	border-left: 20px solid #83C6F6;
	border-bottom: 2px solid #83C6F6;
	font-size: 14px;
}
.sidebar-block ul {
	margin:10px 0;
}
.sidebar-block ul li {
    line-height: 2;
	font-size: 12px;
	padding-left: 15px;
}
.con-block h1 {
    text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.con-block .aboutus p {
    font-size: 14px;
	line-height: 2;
	margin: 15px;
	text-align: justify;

}
.con-block .aboutus ul {
    margin: 10px 5px;
    padding-left: 50px;
    list-style-type: square;
}
.con-block .aboutus ul li {
	font-size: 14px;
	line-height: 2;
    text-align: justify;
}
.con-block .product p {
    font-size: 14px;
	line-height: 2;
	margin: 15px;
	text-align: justify;

}
.con-block .product img {
    max-width: 600px;
	padding: 35px;
}
.con-block .product ul {
    margin: 10px 5px;
    padding-left: 50px;
    list-style-type: square;
}
.con-block .product ul li {
	font-size: 14px;
	line-height: 2;
}
.con-block .product table {
    margin: 0 auto;
}
.contactinfo {
    margin: 0 10px;
	padding: 20px 0;
	border-bottom: 1px dashed #666;
}
.contactinfo:last-child {
    border-bottom: none;
}
.contactinfo .contactpoint {
    width: 600px;
    float: left;
    margin-top: 15px;
}
.contactinfo .contactpoint h1,.contactinfo .contactpoint h2,.contactinfo .contactpoint h3,.contactinfo .contactpoint h4,.contactinfo .contactpoint h5,.contactinfo .contactpoint h6 {
    font-size: 16px;
	height: 35px;
}
.contactinfo .contactpoint p {
    font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}
.contactinfo dl {
    width: 600px;
    float: left;
	margin-top: 15px;
}
.contactinfo dl dt {
    font-size: 16px;
	font-weight: bold;
	height: 35px;
}
.contactinfo dl dd {
    font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}
.contactinfo .map {
    width: 280px;
    padding: 0 30px;
	float: right;
	border-left: 1px dashed #666;
}
.contactinfo .map img {
    width: 280px;
	height: 200px;
	border: 1px solid #ddd;
}
/* about and contact wrapper end */
/* product list begin */
.product-list li {
    position: relative;
    width: 50%;
    float: left;
	margin: 20px 0;
    background: -moz-linear-gradient(left, #9edcb9 0%, #fff 100%);
    background: -webkit-linear-gradient(left, #9edcb9 0%, #fff 100%);
    background: -o-linear-gradient(left, #9edcb9 0%, #fff 100%);
    background: -ms-linear-gradient(left, #9edcb9 0%, #fff 100%);
	background: linear-gradient(to right, #9edcb9 0%, #fff 100%);
}
.product-pic, .product-intro {
    float: left;
}
.product-pic img {
    display: block;
    width: 200px;
	height: 156px;
}
.product-intro {
    width: 260px;
	padding: 0 15px;
}
.product-intro h2 {
    height: 25px;
	font-size: 12px;
    padding-bottom: 10px;
}
.product-intro p {
    line-height: 1.5;
    text-align: justify;
}
.product-intro span {
    position: absolute;
	right: 20px;
	bottom: 5px;
	padding: 2px 15px;
	background: #1292ED;
	font-size: 12px;
	font-weight: normal;
	border-radius: 12px;
}
.product-intro span a {
    color: #fff;
} 
/* product list end */
/* article list start */
.artlist li {
    position: relative;
    height:100px;
	margin:15px 0;
	padding:20px 15px;
	border:1px solid #ddd;
}
.artlist .date {
    width: 60px;
	height: 60px;
	margin: 20px;
	float: left;
	background: #83C6F6;
	text-align: center;
}
.artlist .date i {
    display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #666;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	
}
.artlist .newstitle {
    width: 830px;
	float: right;
}
.artlist .newstitle h3 {
    height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.artlist .newstitle p {
    line-height: 1.5;
	font-size: 14px;
}
.artlist .readmore {
    position: absolute;
	right: 25px;
	bottom: 25px;
	padding: 2px 15px;
	background: #1292ED;
	font-size: 12px;
	border-radius: 12px;
}
.artlist .readmore a {
    color: #fff;
}

.artlist dt {
    width:150px;
    float:left;
}
.artlist dt a img {
    width:150px;
}
.artlist dd {
    margin-left:30px;
	width:788px;
    float:left;
	position:relative;
}
.artlist dd h3 {
    height:30px;
	line-height:30px;
	font-size:18px;
	padding-right:125px;
}
.artlist dd p {
    height:60px;
	line-height:20px;
	text-indent:2em;
	padding-right:125px;
}
.artlist dd h4 {
    height:25px;
	line-height:25px;
	background:url(../images/arrow.png) 0 center no-repeat;
	padding-left:15px;
}
.artlist dd span {
    display:block;
	width:60px;
	height:60px;
    position:absolute;
	top:0;
	right:0;
	padding:20px;
	font-size:14px;
	color:#c6c6c6;
	text-align:center;
}
.artlist dd span i {
    display:block;
	border-bottom:1px solid #c6c6c6;
	font-size:30px;
	font-style:normal;
}
.pagecode {
    text-align: center;
}
.pagecode a{
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px;
    background: #1292ED;
    color: #fff;
}
/* article list end */
/* news detail start */
.pdt20 {
    padding-top: 20px;
}
.newswrap {
    width: 920px;
    padding: 30px;
    border: 1px solid #ddd;
}
.newswrap h1 {
	line-height: 50px;
	font-size: 20px;
	text-align: center;
}
.newswrap .newsinfo {
    height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.newswrap .newsinfo span {
    margin: 5px;
}
.newswrap .news-content {
    padding: 0 30px;
}
.newswrap .news-content img {
    max-width: 920px;
	margin: 20px 0;
}
.newswrap .news-content p {
    line-height: 1.8;
	font-size: 14px;
	margin: 20px 0;
}
.wrapbg .prenext {
    width: 960px;
	height: 40px;
	line-height: 40px;
	margin: 5px auto 15px;
	padding: 0 10px;
}
.wrapbg .prenext li {
    width: 50%;
}
/* news detail end */
.sseeoo {
    width: 100px;
	display: inline-block;
	color: #fff;
	text-indent: -3000px;
}