@charset "gb2312";

/*cssReset*/
#header .headCon {width: 1000px;}
#header .mainNav {width: 1000px;}
.mainNav .subNavBox {width: 960px !important; }
#content {width: 1000px !important; overflow: hidden; margin-top: 0;}

/*gotoTop Reset*/
.quickWrap {width: 50px; margin: 0 -600px 0 0;}
.quickLink {width: 50px;}
.quickLink .backTotop {width: 50px; height: 50px; line-height: 50px;}
.quickLink .backTotop a {display: block; background:#f9f9f9 url(imagesgotoTop.png) no-repeat;}
.quickLink .backTotop a:hover {background:#0da2e4 url(imagesgotoTop.png) 0 -50px no-repeat;}

/*content*/
#noSideContent { width:950px; margin: 15px auto 0; padding:35px 24px 24px; border: 1px solid #ddd; border-top: 2px solid #0da2e4; overflow:hidden; background: url(imagescontbg.png) repeat-x; }

/*ÄÏ°¶¸Å¿ö*/
.aboutTab {margin-top: 20px;}
.aboutTab .hd {height: 90px;  overflow: hidden; position: relative;  }
.aboutTab .hd ul {position: absolute; top: 25px; left: 0; width: 100%; z-index: 1;}
.aboutTab .hd li {float: left; width: 166px; font-size: 20px; text-align: center; color: #0da2e4; cursor: pointer; position: relative; }
.aboutTab .hd li em {position: absolute; top:-1px; left: 0; width: 100%; border-top: 2px solid #0da2e4; display: block; z-index: 99;}
.aboutTab .hd li em i {display: block; width: 10px; height: 10px; background: url(imagesaboutIcon.png) center 0 no-repeat; position: relative; top: -6px; left: 0; margin: 0 auto; overflow: hidden;}
.aboutTab .hd li span {display: block; height: 70px; line-height:70px; }
.aboutTab .hd li span a {color: #0da2e4;}
.aboutTab .hd li span a:hover {color: #db321c;}
.aboutTab .hd li.on {color: #df3e1c;}
.aboutTab .hd li.on em { border-color: #dd300c;}
.aboutTab .hd li.on em i {background-position: center -10px;}
.aboutTab .hd b {position: absolute; left: 0;top: 24px; width: 100%; height: 2px; border-top: 2px solid #0da2e4; display: block; z-index: 0; }
.aboutTab .bd .aboutTxt {overflow: hidden;}
.aboutTab .bd .aboutTxt .pic {float: left; width: 510px; height: 280px; margin-right: 20px;}
.aboutTab .bd .aboutTxt .pic img {width: 510px; height: 280px;}
.aboutTab .bd .aboutTxt .cont { }
.aboutTab .bd .aboutTxt h4 {height: 50px; line-height: 50px; display: block; font-size: 24px; color: #0da2e4; }
.aboutTab .bd .aboutTxt h4 a {color: #0da2e4;}
.aboutTab .bd .aboutTxt h4 a:hover {color: #db321c;}
.aboutTab .bd .aboutTxt .intro {font-size: 14px; line-height: 28px; text-indent: 2em;}
.aboutTab .bd .aboutTxt .intro .more {color: #dd300c;}

.loopBox { width: 1013px; }
.loopBox .aboutBox {float: left; width: 240px; border-bottom: 4px solid #f0f0f0; position: relative; margin-top: 20px; margin-right: 13px;}
.loopBox .aboutBox .hd {position: absolute; left: 10px; top: -8px;}
.loopBox .aboutBox .hd h3 {width: 40px; height: 70px; padding: 10px 20px 0 16px; background: url(imagesaboutIcon.png) 0 -20px no-repeat;}
.loopBox .aboutBox .hd h3 a {line-height: 24px;font-size: 20px; color: #fff;}
.loopBox .aboutBox .bd {}
.loopBox .aboutBox .bd .pic {width: 240px; overflow: hidden;}
.loopBox .aboutBox .bd .pic img {width: 240px; height: 100px;}
.loopBox .aboutBox .bd .intro {padding: 15px; background: #f8f8f8; border: 1px solid #ddd; border-top: none; text-indent: 2em; }
.loopBox .aboutBox .bd .intro .more {color: #dd300c;}
.loopBox #red .hd h3 {background-position: 0 -100px;}
.loopBox #brown .hd h3 {background-position: 0 -180px;}


/*µ¥Ò³*/
.nodeNav {overflow: hidden;}
.nodeNav h3 {float: left; width: 245px; height: 155px; background: url(imagesaboutTit.png) 15px 0 no-repeat; margin-right: 20px; text-indent: -9999px;}
.nodeNav li {float: left; width: 100px; height: 34px; line-height: 34px; margin:0 0 12px 14px; text-align: center;}
.nodeNav li a {display: block; font-size: 14px;color: #555; background: #f9f9f9; border: 1px solid #ddd; }
.nodeNav li a:hover {background: #0da2e4; border: none; color: #fff; font-weight: bold;}
.nodeNav li.on a {background: #0da2e4; border: none; color: #fff; font-weight: bold;}

.nodeName {width: 100%; height: 50px;  text-align: center; margin-top: 30px; position: relative;}
.nodeName h3 {width: 200px; margin: 0 auto; padding: 12px 30px; background: #f9f9f9; border: 1px solid #ddd; font-size: 24px; color: #0da2e4; position: relative; z-index: 3;}
.nodeName span {position: absolute; left: 0;top: 24px; width: 100%; border-bottom: 1px solid #ddd; }

.articleCon { }
.articleCon .conTxt {margin-top: 25px; color:#555; font-size:14px; line-height:30px; width:100%; overflow:hidden; }
.articleCon .conTxt img{max-width:600px;height:auto;}