@charset "utf-8";
* {
    font-family: "微软雅黑";
}

body,
div,
ul,
li,
a,
span,
img,
input {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #000000;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
}

.header {
    width: 980px;
    height: 114px;
    margin: 0px auto;
}

.header_left {
    float: left;
}

.header_right {
    float: right;
    padding-top: 85px;
}

.header_right .a_left {
    font-size: 12px;
    padding: 0px 5px;
    float: left;
    display: block;
    border-right: 1px solid #000;
}

.header_right .a_right {
    font-size: 12px;
    padding: 0px 5px;
    float: left;
    display: block;
}

.header_right a:hover {
    color: #001392;
    text-decoration: underline;
}

.menu_bg {
    width: 100%;
    height: 35px;
    background: #ffcc00;
    overflow: hidden;
}

.menu {
    width: 980px;
    margin: 0px auto;
    height: 35px;
    overflow: hidden;
}

.menu ul {
    width: 700px;
    margin: 7px 0px;
    float: left;
    border-left: 2px solid #000000;
}

.menu ul li {
    padding: 0px 8px;
    border-right: 2px solid #000000;
    float: left;
}

.menu ul li a {
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    padding: 0px 8px;
    display: block;
}

.menu ul li a:hover {
    color: #ffcc00;
    padding: 0px 8px;
    display: block;
    background: #000;
}

.menu ul li.hover a {
    color: #ffcc00;
    padding: 0px 8px;
    display: block;
    background: #000;
}

.search {
    width: 200px;
    margin: 4px;
    float: right;
}

.search_left {
    float: left;
    height: 28px;
    overflow: hidden;
}

.search_left input {
    width: 147px;
    padding-left: 5px;
    height: 29px;
    line-height: 29px;
    background: url(search.jpg) no-repeat left top;
}

.search_right {
    float: left;
    height: 28px;
}

.search_right input {
    width: 30px;
    height: 28px;
    background: url(search.jpg) no-repeat right top;
    cursor: pointer;
}

.banner_bg {
    width: 100%;
    margin-top: 10px;
    background: url(banner_bg.jpg) repeat-x top center;
}

.banner {
    width: 980px;
    height: 348px;
    margin: 0px auto;
}

.banner img {
    height: 348px;
}


/*幻灯片*/


/* slider */

#demopage {
    width: 980px;
    height: 348px;
    overflow: hidden;
}

.slider {
    width: 980px;
    height: 348px;
    margin: 0px auto;
    position: relative;
}

.switcher {
    position: absolute;
    top: 320px;
    right: 5px;
    z-index: 99;
}

.switcher a {
    width: 20px;
    height: 20px;
    margin: 4px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #001392;
    background: #ffcd04;
    cursor: pointer;
    float: left;
    display: block;
}

.switcher a.cur,
.switcher a:hover {
    background: #001392;
    color: #ffcd04;
}


/* slider3 淡隐淡现 */

#slider3 .conbox div {
    /*height:280px;*/
    position: absolute;
}

.con_bg {
    width: 100%;
    height: 41px;
    margin-top: 10px;
    background: url(con_bg.jpg) repeat-x top center;
    overflow: hidden;
}

.con {
    width: 930px;
    margin: 0px auto;
    height: 41px;
    background: #ffcc00;
    padding: 0px 25px;
}

.con img {
    float: left;
}

.con a {
    font-size: 13px;
    color: #001392;
    line-height: 41px;
    float: right;
}

.con a:hover {
    color: #FFFFFF;
}

.company {
    width: 950px;
    margin: 0px auto;
    padding: 15px;
    padding-bottom: 0px;
}

.company_left {
    width: 311px;
    height: 219px;
    float: left;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.company_right {
    width: 625px;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    text-indent: 2em;
    float: right;
}

.case {
    width: 950px;
    margin: 0px auto;
    padding: 25px 15px;
    padding-bottom: 0px;
}


/*---产品切换---*/

.pcont {
    width: 900px;
    margin-left: 25px;
    overflow: hidden;
}

#ISL_Cont_1 li {
    float: left;
    width: 190px;
    padding: 0px 20px;
    text-align: center;
}

#ISL_Cont_1 li span {
    width: 190px;
    font-size: 14px;
    line-height: 25px;
    display: block;
}

.ScrCont {
    width: 300000px;
    overflow: hidden;
}

#List1_1,
#List2_1 {
    float: left;
}

.LeftBotton {
    width: 12px;
    height: 133px;
    float: right;
    background: url(btn_r.jpg) no-repeat 0 0;
}

.RightBotton {
    width: 12px;
    height: 133px;
    float: left;
    background: url(btn_l.jpg) no-repeat 0 0;
}

.img img {
    cursor: pointer;
    border: none;
}


/*---产品切换---*/

.services {
    width: 950px;
    margin: 0px auto;
    padding: 15px;
    padding-bottom: 0px;
}

.services ul {
    width: 900px;
    margin-left: 25px;
    overflow: hidden;
}

.services ul li {
    width: 190px;
    height: 133px;
    margin: 0px 15px;
    float: left;
    overflow: hidden;
}

.ser_pic {
    width: 715px;
    margin: 0px auto;
}

.content {
    width: 980px;
    margin: 15px auto;
}

.content_left {
    width: 230px;
    float: left;
    border: 1px solid #ddd;
}

.content_right {
    width: 735px;
    float: right;
}

.nav_ser {
    margin-bottom: 20px;
}

.ser_title {
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    height: 35px;
    background: #ffcc00;
}

.nav_ser ul {
    width: 200px;
    margin: 15px auto;
    overflow: hidden;
}

.nav_ser ul li {
    padding: 5px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.nav_ser ul li a {
    font-size: 14px;
    line-height: 25px;
    display: block;
}

.nav_ser ul li a:hover {
    color: #fff;
    background: #001392;
}

.nav_ser ul li.hover a {
    color: #fff;
    background: #001392;
}

.contact_title {
    padding-left: 15px;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    height: 35px;
    background: #ffcc00;
}

.contact {
    padding: 15px;
    font-family: "Arial, Helvetica, sans-serif";
    font-size: 13px;
    overflow: hidden;
}

.position {
    padding-left: 15px;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    background: #ffcc00;
}

.position a {
    color: #001392;
}

.position a:hover {
    color: #fff;
}

.list {
    margin-top: 15px;
    padding: 25px;
    border: 1px solid #eee;
    overflow: hidden;
}

.list .list_ul {
    overflow: hidden;
}

.list .list_ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
}

.list .list_ul li a {
    float: left;
}

.list .list_ul li a:hover {
    color: #001392;
}

.list .list_ul li span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ccc;
    float: right;
}

.list .pro {
    overflow: hidden;
}

.list .pro li {
    width: 178px;
    height: 160px;
    margin: 15px 20px;
    text-align: center;
    float: left;
    overflow: hidden;
}

.list .pro li a:hover span {
    color: #001392;
}

.list .pro li img {
    height: 133px;
}

.list .pro li span {
    line-height: 20px;
}

.art {
    margin-top: 15px;
    padding: 25px;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
}

.art h2 {
    text-align: center;
}

.footer_bg {
    width: 100%;
    margin-top: 15px;
    background: url(con_bg.jpg) repeat top center;
}

.footer {
    width: 950px;
    margin: 0px auto;
    padding: 30px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #ffcc00;
}

.footer a {
    color: #ffcc00;
}


/*---page.begin---*/

.pages {
    margin-top: 15px;
    overflow: hidden;
}

.pages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.pages ul li {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin-right: 6px;
    border: 1px solid #E9E9E9;
}

.pages ul li a {
    float: left;
    padding: 2px 4px 2px;
    color: #555;
    display: block;
}

.pages ul li a:hover {
    color: #fff;
    background: #001392;
    text-decoration: none;
    padding: 2px 4px 2px;
}

.pages ul li.thisclass,
.pages ul li.thisclass a,
.pagebox ul li.thisclass a:hover {
    background-color: #F8F8F8;
    padding: 2px 4px 2px;
    font-weight: bold;
}

.pages .pageinfo {
    line-height: 21px;
    padding: 12px 10px 12px 16px;
    color: #999;
}

.pages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}


/*---page.end---*/

.context {
    margin-top: 15px;
    float: left;
}

.context ul li {
    font-size: 13px;
    line-height: 29px;
    color: #555;
}

.context ul li a {
    color: #999;
}

.context ul li a:hover {
    color: #001392;
}


/*---search---*/

.r_up1 {
    height: 22px;
    font-size: 12px;
    color: #949393;
    float: left;
    border-bottom: 3px solid #db0000;
    overflow: hidden;
}

.r_up1 a {
    font-size: 12px;
    color: #949393;
}

.list {
    overflow: hidden;
}

.list ul li h4 {
    font-size: 16px;
    font-weight: normal;
}

.list ul li h4 a {
    color: #0CF;
}

.list ul li h4 a:hover {
    color: #001392;
}

.list ul li p {
    line-height: 20px;
    color: #333;
    font-size: 13px;
    width: 650px;
}

.list ul li span {
    line-height: 20px;
    font-size: 12px;
    margin-left: 5px;
    color: #999;
}

.list ul li span a {
    color: #008400;
    font-size: 13px;
}

.list ul li span a:hover {
    color: #001392;
    font-size: 13px;
}