body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
}

a:hover {
    text-decoration: underline;
}

html button::-moz-focus-inner {
    border-color: transparent!important;
}

html {
    overflow-x: hidden;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
}

ul,
li,
dl,
dt,
dd,
ol {
    display: block;
    list-style: none;
}

p {
    margin: 5px;
    padding: 0;
}


/*¶¥²¿Ñùʽ*/

.top_up_bg {
    width: 100%;
    height: 30px;
    background: #f5f5f5;
    margin: 0 auto;
    line-height: 30px;
}

.top_up {
    width: 1200px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    color: #333
}

.top_up a {
    color: #333
}

.top_bg {
    width: 100%;
    height: 120px;
    background: url(#) no-repeat center top;
    margin: 0 auto
}

.top {
    width: 1200px;
    height: 120px;
    background: url(../images/top.png) no-repeat;
    margin: 0 auto
}


/*µ¼º½Ñùʽ*/

.Top_menu {
    height: 57px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #0072d8;
    font-family: "΢ÈíÑźÚ"
}

.Top_menu ul {
    list-style: none;
    margin: 0 auto;
    width: 1200px;
    position: relative;
    z-index: 10;
}

.Top_menu ul li {
    float: left;
    width: 120px;
    text-align: center;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
}

.Top_menu ul .li_link {
    width: 1px;
    height: 57px;
}

.Top_menu ul li a:link {
    font-size: 16px;
    color: #fff;
    display: block;
    height: 57px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.Top_menu ul li a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #d81e04
}

.Top_menu ul li a:hover {
    color: #fff;
    background-color: #d81e04
}

.Top_menu ul li a:active {
    color: #fff;
    display: block;
}

#navigation a.here:link,
#navigation a.here:visited,
#navigation a.here:hover,
#navigation a.here:active {
    height: 57px;
    line-height: 57px;
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #d81e04
}


/* ÂÖ»»Çø */


/*ÂÖ»»*/

.banner {
    position: relative;
    height: 498px;
    overflow: hidden;
    border-bottom: 0px #000000 solid;
    clear: both;
    margin-top: 0px;
}

.bwrap {
    position: relative;
    z-index: 0;
}

.bquery {
    position: relative;
    z-index: 0;
    height: 398px;
    margin: 0px;
}

.blist {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 498px;
    font-size: 0;
    line-height: 0;
}

.blist a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.blist img {}


/*.bannerTmpBox{display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 570px; }
.bannerTmpBox a{position: absolute; overflow: hidden; font-size: 0; line-height: 0; }
.bannerTmpBox a img{position: absolute; }*/

.bfilter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 518px;
    font-size: 0;
    line-height: 0;
}

.bfilter a {
    position: absolute;
    top: 0;
    left: 0;
    width: 5%;
    height: 498px;
    overflow: hidden;
}

.bfilter a img {
    position: absolute;
    left: 0;
    top: 0;
}

.bctrl {
    position: absolute;
    bottom: 24px;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 24px;
}

.bctrli {
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.bctrli a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 3px;
    background: url(../images/banner_control.png) no-repeat left center;
}

.bctrli a:hover,
.bctrli a.curr {
    background-position: right center;
}

.bctrli a {
    *display: inline;
    *zoom: 1;
}

a.menu:link,
a.menu:visited {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    width: 120px;
    height: 53px;
    line-height: 53px;
    display: block;
    font-family: "΢ÈíÑźÚ";
}

a.menu:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d81e04;
}

a.dimenu:link,
a.dimenu:visited {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    width: 110px;
    font-family: "΢ÈíÑźÚ";
    display: block;
}

a.dimenu:hover {
    color: #CCCCCC;
}

.about1 {
    font-size: 26px;
    line-height: 35px;
    color: #0f4c83;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: normal;
}

.about1 span {
    color: #333;
}

.about2 {
    font-size: 18px;
    line-height: 40px;
    color: #999999;
    text-decoration: none;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}

#main {
    width: 1200px;
    padding: 0px;
    margin: 0 auto;
}

#left {
    float: left;
    width: 2760px;
    padding: 0px;
}

#prolist {
    float: left;
    width: 2760px;
    padding: 0px;
}

#prolisttitle {
    float: left;
    width: 2760px;
    padding: 0px;
    background-image: url(../images/left1.jpg);
    height: 82px;
}

.bigprolist {
    float: left;
    list-style: none;
    background-image: url(../images/dlbg.png);
    width: 250px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

a.bigprolist:hover {
    float: left;
    list-style: none;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #FFFF00;
}

.smallprolist {
    float: left;
    list-style: none;
    width: 115px;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    margin: 0px 0px;
    text-align: left;
    padding-left: 10px;
    color: #FFFFFF;
    border-bottom: 1px dashed #c6e5fa;
}

a.smallprolist:hover {
    float: left;
    list-style: none;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #FFFF00;
}

.prolist {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: normal;
}

.prolist span {
    font-size: 22px;
    line-height: 40px;
    color: #FFFF00;
    text-decoration: none;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}

.prolist1 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: normal;
}

.prolist1 span {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: normal;
}

.case1 {
    font-size: 18px;
    line-height: 35px;
    color: #105DD1;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: normal;
}

.case1 span {
    font-size: 26px;
    line-height: 25px;
    color: #FF0000;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

.case3 {
    font-size: 24px;
    line-height: 60px;
    color: #000;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

.case11 {
    font-size: 36px;
    line-height: 60px;
    color: #669900;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

.case11 span {
    font-size: 36px;
    line-height: 25px;
    color: #008CDA;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

.case2 {
    font-size: 22px;
    line-height: 40px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

.case2 span {
    font-size: 28px;
    line-height: 20px;
    color: #009900;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    font-weight: bold;
}

#prolistcon {
    float: left;
    width: 260px;
}

#prolistcon ul {
    margin: 0px;
    padding: 0px;
}

#prolistcon ul li {
    float: left;
    list-style: none;
    background-image: url(../images/index_14.jpg);
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px 0px;
}

.pro {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #333;
    font-family: "΢ÈíÑźÚ";
}

a.pro:hover {
    color: #1e61ba;
}

#contact {
    float: left;
    width: 260px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#contacttitle {
    float: left;
    width: 260px;
    padding: 0px;
    background-image: url(../images/left2.jpg);
    height: 66px;
}

#contactcon {
    float: left;
    width: 246px;
    padding-left: 10px;
    padding-right: 4px;
    background: url(../images/index_16.jpg);
}

.cc1 {
    float: left;
    height: 15px;
}

#right {
    float: left;
    width: 899px;
    padding: 0px 0px 0px 15px;
}

#about {
    float: left;
    width: 899px;
    padding: 0px;
}

#abouttitle {
    float: left;
    width: 899px;
    padding: 0px;
    background-image: url(../images/r1.png);
    line-height: 55px;
}

#aboutcon {
    float: left;
    width: 879px;
    background-color: #ffffff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

#product {
    float: left;
    width: 899px;
    padding: 6px 0px;
}

#producttitle {
    float: left;
    width: 899px;
    padding: 0px;
}

#productcon {
    float: left;
    width: 899px;
    padding: 0px;
    background-color: #ffffff;
}

#productcon ul {
    margin: 0px;
    padding: 0px;
}

#productcon ul li {
    float: left;
    list-style: none;
    width: 205px;
    padding-top: 0px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 10px;
}

#news {
    float: left;
    width: 1200px;
    padding: 0px;
}

#lfnews {
    float: left;
    width: 600px;
    padding: 0px;
}

#rtnews {
    float: left;
    width: 585px;
    padding: 0px 0px 0px 15px;
}

#newstitle {
    float: left;
    width: 600px;
    padding: 0px;
}

#newscon {
    float: left;
    width: 564px;
    padding: 3px 8px;
    background-color: #ffffff;
}

#newscon ul {
    margin: 0px;
    padding: 0px;
}

#newscon ul li {
    float: left;
    list-style: none;
    background-image: url(../images/index_27.jpg);
    background-repeat: no-repeat;
    width: 564px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

#case {
    float: left;
    width: 1200px;
    padding: 6px 0px;
}

#casetitle {
    float: left;
    width: 1200px;
    padding: 0px;
    line-height: 55px;
    height: 55px;
    background-image: url(../images/r1.png);
}

#casecon {
    float: left;
    width: 1200px;
    padding: 5px;
    background-color: #FFFFFF;
}

#link {
    float: left;
    width: 1200px;
    padding: 0px 0px 6px 0px;
}

#linktitle {
    float: left;
    width: 1200px;
    padding: 0px;
}

#linkcon {
    float: left;
    width: 1180px;
    padding: 5px;
    background-color: #FFFFFF;
}

#foot {
    width: 1200px;
    padding: 30px 0px 10px 0px;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 30px;
}

.link {
    font-family: "΢ÈíÑźÚ";
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 18px;
}

.foot {
    font-family: "΢ÈíÑźÚ";
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 33px;
    font-weight: normal;
}

a.foot:hover {
    color: #ff0000;
}

.foottel {
    font-family: Impact;
    font-size: 28px;
    color: #ECECEC;
    text-decoration: none;
    line-height: 33px;
    font-weight: normal;
}

#title {
    float: left;
    width: 889px;
    background-image: url(../images/r1.png);
    height: 55px;
    line-height: 55px;
    padding-left: 10px;
    font-size: 18px;
    color: #004D99;
}

#con {
    float: left;
    width: 869px;
    background-color: #ffffff;
    padding: 20px 0px 20px 20px;
}

#con ul {
    margin: 0px;
    padding: 0px;
}

#con ul li {
    list-style: none;
    background-image: url(../images/index_37.png);
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 845px;
}

#con1 {
    float: left;
    width: 869px;
    background-color: #ffffff;
    padding: 20px 0px 20px 20px;
}

#con1 ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 869px;
    background-image: url(../images/index_377.jpg);
    height: 199px;
    line-height: 199px;
}

#con1 ul li title {
    list-style: none;
    padding-left: 20px;
    font-size: 18px;
    color: #009933;
}

.title {
    font-size: 24px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #000000;
    padding-left: 30px;
}

.title1 {
    font-size: 22px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #0072d8;
    text-align: center;
}

.title span {
    font-size: 20px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #999999;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#page {
    float: left;
    width: 851px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#productscon {
    float: left;
    width: 885px;
    padding: 0px;
    background-color: #ffffff;
}

#productscon ul {
    margin: 0px;
    padding: 0px;
}

#productscon ul li {
    float: left;
    list-style: none;
    width: 265px;
    padding-top: 12px;
    padding-right: 15px;
    padding-left: 15px;
}

.bk {
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.neirong {
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

.neironga {
    font-size: 14px;
    line-height: 30px;
    color: #0072D8;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

.neirong2 {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

.neirongd {
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

.neirong1 {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    background-color: #009900;
    width: 120px;
    height: 40px;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
    text-align: center;
    display: block;
    float: left;
}

a.neirong1:hover {
    color: #FFFF00;
}

.wneirong {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

a.wneirong:hover {
    color: #FFFF00;
}

.wneirongd {
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    font-family: "΢ÈíÑźÚ";
}

.wneirong img {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
}

.unnamed2a {
    font-size: 14px;
    line-height: 40px;
    color: #000000;
    text-decoration: none;
    width: 118px;
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: "΢ÈíÑźÚ";
}

a.unnamed2a:hover {
    color: #ffffff;
    background: url(../images/bc.jpg);
}

a {
    font-size: 14px;
    color: #000;
    text-decoration: none
}

div {
    margin: 0 auto;
}

a:hover {
    color: #FF0000;
    text-decoration: none
}

img {
    border: none
}

.aboutpic {
    border: 1px solid #B2C2E3;
    padding: 3px;
    margin: 8px
}

.img:visited img {
    border: 1px solid #B2C2E3;
}

.img img {
    border: 1px solid #B2C2E3;
    padding: 5px;
}

.img:hover img {
    border: 1px solid #7ca3f4;
}

.img:hover {
    color: #B2C2E3;
}


/*products*/

.cpfl1 {
    font-size: 12px;
    color: #ffffff;
}

a.cpdl:link,
a.cpdl:visited {
    float: left;
    display: block;
    width: 145px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    font-family: "microsoft yahei";
    text-align: center;
    background-image: url(../images/lbb1.png);
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}

a.cpdl:hover {
    display: block;
    line-height: 35px;
    color: #fff;
    font-family: 'microsoft yahei';
    text-align: center;
    background-image: url(../images/lbb.png);
}

#cpfl {
    display: block;
    width: 24%;
    float: left;
    height: 30px;
    text-align: center;
    margin: 0.4% 0.4%;
    text-align: center;
    font: 12px/30px 'microsoft yahei';
    color: #a7c0ff;
    text-shadow: 1px 1px 1px #ffffff;
    background: #e5e5e5
}

a.cpfl:link,
a.cpfl:visited {
    display: block;
    line-height: 30px;
    color: #006633;
}

a.cpfl:hover {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #006633;
}

#cpflwz {
    width: 100%;
    text-align: center;
    height: 24px;
}


/***********¹¤×÷·þ¶¨×ö***********/

.index_gzf {
    padding: 35px 0;
}

.index_gzf01 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.index_gzf02 {
    padding-top: 35px;
    width: 103%;
    overflow: hidden;
}

.index_gzf02 a {
    width: 100px;
    line-height: 28px;
    height: 28px;
    text-align: center;
    display: block;
    overflow: hidden;
    border: #e7e7e7 solid 1px;
    color: #6b6b6b;
    font-size: 14px;
    margin: 0 11px 11px 0;
    float: left;
}

.index_gzf02 a:hover {
    border: #212226 solid 1px;
    color: #212226;
}

.index_gzf03 {
    padding: 21px 0 0;
    overflow: hidden;
}

.index_gzf04 {
    float: left;
    width: 595px;
    height: 405px;
    background: #f3f3f3;
    text-align: center;
}

.index_gzf04 img {
    height: 100%;
    max-width: 100%;
}

.index_gzf04:hover img {}

.index_gzf05 {
    overflow: hidden;
}

.index_gzf05 ul li {
    float: left;
    width: 291px;
    height: 200px;
    overflow: hidden;
    background: #f3f3f3;
    margin: 0 0 0 8px;
    text-align: center;
}

.index_gzf05 ul li img {
    height: 100%;
    max-width: 100%;
}

.index_gzf06 {
    float: left;
    background: #f3f3f3;
    width: 590px;
    height: 195px;
    margin: 8px 0 0 8px;
    text-align: center;
}

.index_gzf06 img {
    height: 100%;
    max-width: 100%;
}

.index_gy07 {
    padding-top: 31px;
}

.index_gy07 a {
    margin: 0 auto;
    width: 156px;
    height: 36px;
    color: #6b6b6b;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    display: block;
    border: #dcdcdc solid 2px;
}

.index_gy07 a:hover {
    border: #000 solid 2px;
    color: #000;
}


/***********ÐÂÎÅ×ÊѶ***********/

.index_news {
    height: 452px;
    padding-top: 6px;
}

.index_news01 {
    width: 1180px;
    margin: 0 auto;
}

.index_news03 {
    overflow: hidden;
    width: 103%;
}

.index_news03 dl {
    float: left;
    cursor: pointer;
    position: relative;
    height: 142px;
    width: 562px;
    background: #fff;
    margin: 0 20px 21px 0;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.index_news03 dl dt {
    float: left;
    width: 154px;
    height: 115px;
    overflow: hidden;
    background: #f3f3f3;
    margin: 14px 0 0 14px;
}

.index_news03 dl dt img {
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.index_news03 dl dd {
    float: left;
    width: 297px;
    font-size: 14px;
    color: #6b6b6b;
    line-height: 25px;
    padding: 29px 0 0 14px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.index_news03 dl dd span {
    display: block;
    font-size: 20px;
    color: #313136;
    height: 25px;
    margin-bottom: 7px;
    overflow: hidden;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.index_news03 dl:hover {
    background: #212226;
}

.index_news03 dl:hover dd {
    color: #fff;
}

.index_news03 dl:hover dd span {
    color: #fff;
}

.index_news04 {}

.index_news04 a {
    margin: 0 auto;
    width: 158px;
    height: 38px;
    color: #222;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    display: block;
    border: #676b70 solid 1px;
}

.index_news04 a:hover {
    border: #000 solid 1px;
    color: #000;
}