body {background-image: url(../images/body-bg.png);background-repeat: repeat-x;text-align:center;margin:0px;font-size: 13px;font-family:"Microsoft YaHei";}

/*------------ҳͷ����-------------------*/
.index-head {width: 100%}
.top-bg {background-image:url(../images/head-bg.png);position:relative;width:100%;height:184px;background-position:right;background-repeat: no-repeat;}
.top-box {position: relative; width: 1004px; height: 184px; margin-left: auto; margin-right: auto}
.logo {position: absolute; top: 50px; left: 0px}
/*.logo img{width:90px;}*/
.c-name {position: absolute; color: #fff; font-size: 28px; top: 60px;text-align: left; font-weight: bold; left: 120px;font-family:"Microsoft YaHei";letter-spacing:8px;}
.e-name {position: absolute; color: #fff; font-size: 18px; top: 115px;  left: 120px;}
.menu {width: 100%; height: 38px}
.menu-box {background-image: url(../images/menu-bg.png); position: relative; text-align: left; width: 1004px; height: 38px; margin-left: auto; margin-right: auto}
.menu-list {position: absolute; line-height: 38px; width: 468px}
.menu-item {text-align: center; line-height: 37px; width: 127px; float: left; color: #fff; font-weight: bold;cursor:pointer;font-size:15px;}
.menu-sel {color: #2e8dff}
.message-box {position: absolute; width: 536px; height: 38px; right: 0px}
.hot-line {position: absolute; line-height: 38px; right: 20px;font-size:12px;}


/*------------ҳ�Ų���-------------------*/
.foot {margin-top: 20px; width: 100%}
.foot-link {width: 1004px; margin-left: auto; margin-right: auto}
fieldset {border-bottom: #b3d5e8 2px solid; border-left: #b3d5e8 2px solid; line-height: 30px; border-top: #b3d5e8 2px solid; border-right: #b3d5e8 2px solid; border-radius: 5px;padding-top:10px;padding-bottom:20px;}
legend {text-align: left; color: #127eff; font-weight: bold}
.link-box {position: relative; width: 100%}
.link-item {width: 130px; display:inline-block;cursor:pointer;}
.cop {margin-top: 20px; width: 1004px; height: 50px; color: #a7a8a9; margin-left: auto; margin-right: auto}
.cop-company {position: relative}
.addr {margin-top: 5px}


/*------------��ҳҳ�岿��-------------------*/
.index {width: 1004px; margin-left: auto; margin-right: auto}
.index-box1 {position: relative; text-align: left; margin-top: 10px; width: 100%; height: 420px}
.left-box {position: absolute; width: 365px; height: 420px}

.title {position: absolute; color: #fff; font-weight: bold; left: 50px}
.r-title {position: absolute; color: #2e8dff; font-weight: bold; left: 30px}


/*������������ҳ��¼���֡�����������*/
.logon {border-bottom: #b4d5e8 1px solid;text-align:center;border-left: #b4d5e8 1px solid; background-color: #fff; width: 100%; height: 208px; border-top: #b4d5e8 1px solid; border-right: #b4d5e8 1px solid}
.logon-title-box {background-image: url(../images/logon-title.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.username-box {border-bottom: #b4d5e8 1px solid; position: relative; text-align: left; border-left: #b4d5e8 1px solid; background-color: #e7f6fe; margin-top: 10px; width: 80%; height: 38px; margin-left: auto; border-top: #b4d5e8 1px solid; margin-right: auto; border-right: #b4d5e8 1px solid}
.username-box .img {margin-top: 8px; float: left; margin-left: 10px}
.username-box .ti {line-height: 30px; margin-top: 5px; float: left; color: #a2a0a0; margin-left: 10px; font-weight: bold}
.username-box .titxt {float: left; margin-left: 10px}
.username-box .titxt input {line-height: 38px;outline:none; border-right-width: 0px; background-color: transparent; width: 230px; border-top-width: 0px; border-bottom-width: 0px; height: 38px; border-left-width: 0px}
.password-box {border-bottom: #b4d5e8 1px solid; position: relative; border-left: #b4d5e8 1px solid; background-color: #e7f6fe; margin-top: 10px; width: 80%; height: 38px; margin-left: auto; border-top: #b4d5e8 1px solid; margin-right: auto; border-right: #b4d5e8 1px solid}
.password-box .img {margin-top: 8px; float: left; margin-left: 10px}
.password-box .titxt {float: left; margin-left: 10px}
.password-box .titxt input {line-height: 38px;outline:none; border-right-width: 0px; background-color: transparent; width: 230px; border-top-width: 0px; border-bottom-width: 0px; height: 38px; border-left-width: 0px}
.message-box{ position: relative; text-align: right; width: 80%; height: 15px; margin-left: auto; margin-right: auto;}
.btn-box {margin-top: 10px}

/*������������ҳ���沿�֡�����������*/
.notice {border-bottom: #b4d5e8 1px solid; border-left: #b4d5e8 1px solid; background-color: #fff; margin-top: 10px; width: 100%; height: 198px; overflow: hidden; border-top: #b4d5e8 1px solid; border-right: #b4d5e8 1px solid}
.notice-title-box {background-image: url(../images/notice-title.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.notice-list {position: relative; width: 90%; margin-left: auto; margin-right: auto}
.notice-item {position: relative; line-height: 38px; width: 100%; height: 38px}
.notice-item .img {position: absolute; top: 14px; left: 10px}
.notice-item .content {position: absolute; left: 45px;cursor:pointer; width: 180px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.notice-item .date {position: absolute; left: 240px;color:#707070;font-size:12px;}

/*������������ҳ��̬���֡�����������*/
.right-box {border-bottom: #b4d5e8 1px solid; position: absolute; border-left: #b4d5e8 1px solid; background-color: #fff; width: 629px; height: 418px; border-top: #b4d5e8 1px solid; border-right: #b4d5e8 1px solid; left: 375px}
.news-title-box {background-image: url(../images/title-bg.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.news-list {position: relative; width: 100%; height: 380px}
.big-img-box {position: absolute; width: 490px; height: 380px;cursor:pointer;}
.bimg {margin: 10px; width: 470px; height: 360px}
.bimg img{width:100%;height:100%;}
.img-title {position: absolute; filter: alpha(opacity=80); line-height: 38px; background-color: #20221a; margin-left: 10px; width: 470px; height: 40px; color: #fff; overflow: hidden; top: 330px; opacity: 0.8; -moz-opacity: 0.8;text-align:center;}
.img-title span{padding-left:10px;padding-right:10px;}
.small-img-list {position: absolute; margin-top: 15px; width: 109px; height: 360px; left: 500px}
.small-img-box {position: relative; width: 109px; margin-bottom: 10px; height: 81px ;cursor:pointer;}
.small-img-box .img {position: absolute; width: 90px; height: 65px; top: 8px; left: 15px}
.small-img-box .img img {width: 100%;height: 100%;}

.pic-sel {background-image: url(../images/pic-bg1.png)}
.pic-nosel {background-image: url(../images/pic-bg2.png)}
.pic-nosel img {filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6}

/*������������ҳרҵ������Ŀ���֡�����������*/
.index-box2 {cursor:pointer;border-bottom: #b4d5e8 1px solid; border-left: #b4d5e8 1px solid; margin-top: 10px; width: 1004px; height: 420px; margin-left: auto; border-top: #b4d5e8 1px solid; margin-right: auto; border-right: #b4d5e8 1px solid}
.index-box2 .box2-title-box {background-image: url(../images/title-bg.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.index-box2 .project-list {position: relative; width: 100%}
.index-box2 .project-box {position: relative; text-align: left; margin: 20px 10px 0px 20px; width: 460px; float: left; height: 100px}
.index-box2 .project-box .img {position: absolute}
.index-box2 .project-box .pro-title {position: absolute; color: #6bb1e2; top: 0px; left: 150px}
.index-box2 .project-box .pro-remark {position: absolute; text-align: left; width: 310px; height: 65px; overflow: hidden; top: 25px; left: 150px;line-height:20px;font-size:12px;}



/*------------רҵ������Ŀ����-------------------*/
.prdouct-introduce-box {cursor:pointer;border-bottom: #b4d5e8 1px solid; border-left: #b4d5e8 1px solid; margin-top: 10px; width: 1004px; height: 530px; margin-left: auto; border-top: #b4d5e8 1px solid; margin-right: auto; border-right: #b4d5e8 1px solid;background-color:#fff;}
.prdouct-introduce-box .box2-title-box {background-image: url(../images/title-bg.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.prdouct-introduce-box .project-list {position: relative; width: 100%; height:500px;}
.prdouct-introduce-box .project-box {position: relative; text-align: left; margin: 20px 10px 0px 20px; width: 460px; float: left; height: 100px}
.prdouct-introduce-box .project-box .img {position: absolute}
.prdouct-introduce-box .project-box .pro-title {position: absolute; color: #6bb1e2; top: 0px; left: 150px}
.prdouct-introduce-box .project-box .pro-remark {position: absolute; text-align: left; width: 310px; height: 65px; overflow: hidden; top: 25px; left: 150px ;  line-height:20px;font-size:12px;}


/*------------�������Dz���-------------------*/
.about-us-box {border-bottom: #b4d5e8 1px solid; border-left: #b4d5e8 1px solid; background-color: #fff; margin-top: 10px; width: 1004px; margin-left: auto; border-top: #b4d5e8 1px solid; margin-right: auto; border-right: #b4d5e8 1px solid}
.about-us-box .about-title-box {background-image: url(../images/title-bg.png); position: relative; line-height: 38px; width: 100%; height: 38px}
.about-us-box .about-list {position: relative; width: 100%}
.about-us-box .msg {text-align: left; margin: 20px 10px 10px; width: 984px}
.about-us-box .msg .msg-title {color: #2e8dff; font-weight: bold}
.about-us-box .msg .msg-content {margin-top: 10px; margin-left: 30px}
.about-us-box .msg .img{width:100%;text-align:center;margin-top:10px;}

/*------------��ҳ------------------------*/
.page-box{position:relative;clear:both;width:100%;height:30px;margin-top:10px;}
.page-box .page{height:30px;}
.page-box .page .num{float:center;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;line-height:30px;cursor:pointer; }
.numnosel{box-shadow:2px 2px 2px #999;}
.numsel{background-color:#2E88EA;color:#fff;}