* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body {
    font-size: 14px;
    font-family: "5FAE8F6F96C59ED1", "Microsoft Yahei", "Arial", "5B8B4F53" !important;
    color: #333333;
}

a {
    text-decoration: none;
    color: #333333;
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.common {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

p {
    line-height: 24px;
    text-align: left;
}

img {
    border: none;
}

h1 {
    font-size: 24px;
    height: 25px;
    line-height: 25px;
}

h2 {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}

h3 {
    font-size: 18px;
}

.mt20{
	margin-top: 20px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.maxContent {
    width: 1200px;
}

.maxContent.autoCenter {
    margin: 0 auto;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** �������� ***/

.header {
    min-width: 1200px;
    min-width: 1200px;
    background: #fff;
}

.header .top {
    height: 35px;
    line-height: 35px;
    min-width: 1200px;
    background-color: #eee;
}

.header .top p {
    line-height: 35px;
    font-family: "΢���ź�";
    font-size: 12px;
    color: #7f7f7f;
    float: left;
}

.header .top ul {
    float: right;
}

.header .top ul li {
    float: left;
    font-size: 12px;
    margin-left: 15px;
}

.header .top ul li a {
    color: #7f7f7f;
}

.sign {
    height: 135px;
}

.sign .logo {
    display: block;
    float: left;
    background: url(../images/logo2.png) left center no-repeat;
    width: 526px;
    height: 135px;
    text-indent: -9999px;
}

.sign span {
    display: block;
    float: right;
    height: 45px;
    padding: 45px 0;
    padding-left: 55px;
}

.sign span .p2 {
    font-size: 26px;
    font-weight: bolder;
	color: #fe6b03;
}

.sign span .p1 {
    line-height: 15px;
    height: 20px;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
	font-weight: bolder;
}

.sign span h1 {
    height: 25px;
    line-height: 25px;
    color: #ff9600;
}

.sign .logoRight {
    float: left;
    display: inline-block;
    width: 310px;
    height: 78px;
    margin-top: 25px;
    position: relative;
    background: url(../images/companyYear.png) left center no-repeat;
}

.sign .logoRight::before {
    content: "";
    position: absolute;
    border: 1px solid #ececec;
    height: 52px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -16px;
}


/*** ������������ ***/

.fixed-nav {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.pc-navbox {
    border-top: 1px solid #e5e5e5;
    background: #0176bb;
    position: relative;
    box-shadow: 0px 5px 5px #d0d0d0;
}

.pc-nav {
    width: 1200px;
    height: 45px;
    margin: auto;
    margin-top: -1px;
}

.pc-search {
    position: absolute;
    left: 50%;
    margin-left: 579px;
    top: 10px;
    cursor: pointer;
    width: 16px;
}

.pc-nav ul:after {
    clear: both;
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.pc-nav .lv1-box {
    font-size: 16px;
    line-height: 45px;
    float: left;
    display: inline-block;
}

.pc-nav .lv1 {
    color: #fff;
    display: block;
    padding: 0 1.6em;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.pc-nav .lv1-box.on,
.pc-nav .lv1:hover {
    color: #fff;
    background: #fe6b03;
}

.pc-nav .lv1-box.on .lv1 {
    color: #fff;
    font-weight: bold;
}

.pc-nav .lv2-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 100;
    line-height: 1;
    display: none;
    border-top: 1px solid #f2f2f2;
}

.pc-nav .lv2-box.noborder {
    border-top: none;
}

.pc-nav .lv2-box ul {
    width: 100%;
    margin: auto;
    text-align: center;
}

.pc-nav .lv2-box ul li {
    display: inline-block;
    line-height: 30px;
    margin: 3.125em 1.25em 1.1875em 1.25em;
}

.pc-nav .lv2-box ul li a {
    color: #fff;
    display: block;
}

.pc-nav .lv2-box img {
    width: 8.4375em;
}

.pc-nav .lv2-box .name {
    font-size: 0.875em;
    line-height: 2.429em;
    color: #666666;
}

.pc-nav .lv2-box ul li:hover .name {
    color: #0176bb;
}


/*** ������������ ***/

.search {
    height: 50px;
}

.search p {
    float: left;
    line-height: 50px;
    font-size: 12px;
    color: #666;
}

.search p a {
    margin-left: 5px;
}

.search p a:hover {
    text-decoration: underline;
    color: #0176bb;
}

.search .ss {
    float: right;
    margin-top: 12px;
}

.search .ss input {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    border: none;
    font-size: 12px;
}

.search .ss .text_input {
    width: 155px;
    padding-left: 15px;
    background: #e8e8e8;
}

.search .ss .text_button {
    width: 60px;
    background: #ff9600;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 15px !important;
    margin-left: -5px;
}

.icon {
    display: inline-block;
    width: 1em !important;
    height: 1em !important;
    vertical-align: middle;
    margin-top: -0.15em;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.h4,
.h5,
h6 {
    font-family: "΢���ź�", "Arial";
    font-weight: normal;
    font-size: 1.2em;
    margin: auto;
    line-height: inherit;
}

.icon-arrow-white {
    background-image: url(/images/arrow-white.png);
}

.product-hd {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    overflow: hidden;
}

.product-hd .title {
    font-size: 28px;
    text-align: center;
}

.product-hd .label {
    color: green;
}

.product-hd .desc {
    font-size: 14px;
    text-align: center;
    color: #adadad;
    margin-top: 20px;
}

.product-hd a {
    float: right;
    color: #000;
    font-size: 1.4em;
    margin-top: 0.4em;
}

.product-hd h4 {
    float: left;
    font-size: 2em;
    width: 100%;
    margin-right: -8em;
}

.product-bd {
    width: 1200px;
    margin: 10px auto;
}

.product-bd ul {
    white-space: nowrap;
    letter-spacing: -0.35em;
    text-align: center;
    margin: 0 -1%;
}

.product-bd li {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    margin: 0 0.84%;
    white-space: normal;
    position: relative;
    letter-spacing: 0;
}

.product-bd li a {
    display: block;
}

.product-bd li a img {
    width: 100%;
    margin-top: 76px;
}

.product-bd li:hover .word {
    padding: 5em 0;
}

.product-bd li .word {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 1.2em 0;
    text-align: center;
    color: #fff;
    transition: padding 300ms 100ms;
}

.product-bd li .word h4 {
    font-size: 1.25em;
}

.product-bd li.product-6 .word {
    background: #0fb7d4;
}

.product-bd li.product-7 .word {
    background: #ffc742;
}

.product-bd li.product-20 .word {
    background: #0b78bd;
}

.product-bd li.product-125 .word {
    background: #0fb7d4;
}

.product-bd li.product-126 .word {
    background: #ff0000;
}

.product-bd li.product-127 .word {
    background: #ccc;
}

.footin {
    min-width: 1200px;
    margin: 0 auto;
}


/************************************************************************************************************/


/************************************************************************************************************/


/************************************************************************************************************/


/* �ײ����� */

.footer-box {
    margin: 0 auto;
}

.footer-nav {
    background: #323232;
    padding-top: 2.75em;
    padding-bottom: 2.125em;
}

.fnav-mian {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    display: flex;
}

.foot-logo {
    width: 300px;
    margin-right: 30px;
    text-align: center;
}

.foot-logo img {
    width: 100px;
}

.foot-logo .p1 {
    margin-top: 10px;
    font-weight: bold;
    color: #dfdfdf;
    font-size: 22px;
    text-align: center;
}

#top_gg {
    width: 300px;
    color: #dfdfdf;
    font-size: 22px;
    margin-top: 15px;
    font-weight: bold;
}

#top_gg p {
    background: url(../images/txtBg.png) no-repeat;
    width: 300px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}

#top_gg p i {
    font-size: 16px;
    color: #efefef;
    text-align: center;
    width: 100px;
    font-weight: normal;
    float: left;
}

.foot-logo .p3 {
    font-size: 24px;
    color: #efefef;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.left-nav {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    flex: 1;
    margin-left: 40px;
}

.left-nav li {
    width: 25%;
}

.left-nav .lv1 {
    color: #efefef;
    display: block;
    margin-top: 0;
    font-size: 16px;
    text-align: center;
    position: relative;
}

.left-nav .lv1::before {
    content: "";
    position: absolute;
    bottom: -8px;
    width: 70%;
    left: 15%;
    height: 1px;
    border-bottom: 1px solid #a5a5a5;
    right: 0;
}

.left-nav dl {
    margin-top: 25px;
    margin-bottom: 0;
    text-align: center;
}

.left-nav dd {
    margin-bottom: 10px;
}

.left-nav dd a {
    color: #c1c1c1;
    text-align: left;
    font-size: 14px;
}

.left-nav dd a:hover {
    color: #ff9600;
}

.footer-infobox {
    background: #eee;
    padding: 11px 0;
}

.footer-info {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    line-height: 26px;
    color: #4c4c4c;
    font-size: 14px;
}

.foot-link {
    float: right;
}

.foot-link .mores {
    display: inline-block;
}

.foot-link a {
    color: #4c4c4c;
    border-right: 1px solid #8c8a89;
    padding-right: 7px;
    margin-left: 7px;
}

.foot-link a:hover {
    text-decoration: underline;
    color: #ff9600;
}

.foot-link a:first-child {
    margin-left: 0;
}

.foot-link a:last-child {
    border-right: none;
}

.foot-link em {
    margin-left: 5px;
    display: inline-block;
}

.foot-copy {
    float: left;
}

.foot-copy .text {
    float: left;
}

.foot-copy .text a {
    color: #4c4c4c;
}

.foot-copy .text a:hover {
    text-decoration: underline;
}

.foot-support {
    float: left;
    margin-left: 14px;
}

.foot-support a {
    color: #4c4c4c;
}

.foot-support .title {
    float: left;
}

.foot-jszc {
    float: left;
    width: auto;
}

.foot-jszc li {
    text-align: left;
    height: 26px;
}

.foot-jszc li a:hover {
    text-decoration: underline;
    color: #a66428;
}

.link {
    width: 1200px;
    margin: 40px auto;
    overflow: hidden;
}

.link .title {
    font-size: 20px;
    color: #0076bc;
    border-bottom: 2px solid #0076bc;
    display: flex;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px;
}

.link .title span {
    flex: 1;
}

.link .title label {
    font-size: 12px;
    color: #888;
    text-align: right;
}

.link .title label:hover {
    text-decoration: underline;
    color: #0069a7;
    cursor: pointer;
}

.link .common a {
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    line-height: 35px;
}

.link .common a:hover {
    color: #fe6b03;
}


/************************************************************************************************************/

.banner_swiper {
    height: 500px;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: 410px;
    margin-top: 1px;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 410px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .bd li a {
    display: block;
    height: 410px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 11px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
    background: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.5;
    line-height: 999px;
    border-radius: 60%;
}

.fullSlide .hd ul .on {
    background: #2687e5;
}

.fullSlide .prev,
.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 5%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 5%;
    background-position: -6px -137px;
}


/************************************************************************************************************/


/* brandbox */

.brandbox {
    width: 1200px;
    margin: 0 auto;
}

.brandbox ul li {
    float: left;
}

.brandbox ul li.brand_item {
    width: 300px;
    height: 262px;
}

.brand_item a {
    display: block;
    width: 300px;
    height: 262px;
}

.brand_item a:hover {
    text-decoration: none;
}

.brand_item a span {
    display: block;
    width: 300px;
    text-align: center;
}

.footer-product {
    padding: 10px 0;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.footer-product a {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.footer-product a:hover {
    color: #ff9600;
    text-decoration: underline;
}


/*** ��ҳ��Ʒ����������� ***/

.i0 {
    padding-top: 5px;
    border-top: solid 1px #ddd;
    height: 300px;
    min-width: 1200px;
}

.i1 {
    padding-top: 15px;
    border-top: solid 1px #e9e9e9;
    margin-bottom: 40px;
    min-width: 1200px;
}

.i1 .fl {
    width: 230px;
}

.i1 .fr {
    width: 950px;
}

.i1 .fl .ititle {
    background: #0176bb;
    color: #fff;
    text-align: center;
    height: 40px;
    padding: 30px 0 20px 0;
}

.i1 .fl .ititle p {
    text-transform: uppercase;
}

#Sort {
    width: 219px;
    float: left;
    margin-top: 0;
}

#Sort1 {
    width: 219px;
    float: left;
}

#Sort_t {
    width: 219px;
    height: 76px;
    background-color: #0176bb;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 24px;
    padding-top: 10px;
}

.Sort_h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 16px;
}

.Sort_h2 {
    font-size: 18px;
    line-height: 40px;
}

#Sort_d {
    width: 200px;
    margin: 0 auto;
    border-top: none;
    padding: 2px 8px 12px 11px;
    background: #0176bb;
}

#classimgshow1 {
    margin-top: 10px;
    padding-left: 35px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #fff;
    position: relative;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center;
    padding-right: 40px;
}

#classimgshow1::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fe6b03;
    transform: rotate(45deg);
    margin: auto;
    left: 20px;
    top: 0;
    bottom: 0;
}

#classimgshow1 a {
    color: #333;
    text-decoration: none;
}

#classimgshow2 {
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin-top: 2px;
    padding-right: 40px;
    text-align: center;
}

#classimgshow2:hover {
    background: #0069a7;
    transition: all 0.3s;
}

#classimgshow2 a {
    color: #fff;
    text-decoration: none;
}

.icontainer .tree {
    width: 220px;
}

.icontainer .tree ul li {
    border-top: 1px dashed #ddd;
    height: 35px;
    padding-left: 35px;
    line-height: 35px;
}

.icontainer .tree li a {
    display: block;
    color: #333;
}

.icontainer .tree li a.tree-parent {
    background: #ffedd4 url(../images/li1.jpg) 20px center no-repeat;
    margin-top: 5px;
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.icontainer .tree li a.tree-parent-collapsed {
    background: #ffedd4 url(../images/li2.jpg) 20px center no-repeat;
}

.icontainer .tree ul li a {
    font-size: 12px;
    color: #333;
}

.icontainer .tree ul li a:hover {
    color: #0176bb;
}

.icontainer .tree ul.tree-group-collapsed {
    display: none;
}


/*** ��ҳ��Ʒ����-�ұ�������� ***/

.i1 .fr .ititle {
    background: #f38435;
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
    color: #fff;
}

.i1 .fr .ititle span {
    float: left;
    font-weight: bold;
}

.i1 .fr .ititle a {
    float: right;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
}

.i1 .fr .cp li {
    width: 230px;
    height: 208px;
    margin: 20px 10px 0 0;
    padding: 10px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.3 ease;
    overflow: hidden;
}

.i1 .fr .cp li:hover {
    box-shadow: 0px 0px 5px #d3d3d3;
}

.i1 .fr .cp li:hover p {
    color: #fe6b03;
}

.i1 .fr .cp li:nth-child(4n) {
    margin-right: 0;
}

.i1 .fr .cp li a {
    display: block;
}

.i1 .fr .cp li img {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.i1 .fr .cp li p {
    margin-top: 10px;
    line-height: 1.54;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.i1 .fr .cp li p:hover {
    color: #333;
}


/*** ��ҳ��Ʒ����-�ں�������� ***/

.i1 .i {
    margin-top: 25px;
    margin-bottom: 35px;
}

.i1 .i h1 {
    font-size: 25px;
    height: 55px;
    color: #5f5f5f;
    line-height: 30px;
    font-weight: normal;
    margin-left: 130px;
}

.i1 .i h1.h1 {
    margin-top: 60px;
    margin-left: 280px;
}

.i1 .i h1 span {
    vertical-align: bottom;
    *zoom: 1;
    display: inline-block;
}

.i1 .i h1 span.font1 {
    font-size: 40px;
    color: #0176bb;
    height: 45px;
    line-height: 45px;
    margin-left: 10px;
}

.i1 .i h1 span.font2,
.i1 .i h1 span.font3 {
    color: #d7d7d7;
    font-family: "����";
    text-transform: uppercase;
    margin: 0 10px;
}

.i1 .i h1 span.font3 {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
}

.i1 .i h1 span.font4 {
    color: #ff9600;
}

.ii {
    margin-top: 5px;
    margin-bottom: 35px;
    text-align: center;
}

.ii h1 {
    font-size: 25px;
    height: 55px;
    color: #5f5f5f;
    line-height: 30px;
    font-weight: normal;
}

.ii h1 span {
    vertical-align: bottom;
    *zoom: 1;
    display: inline-block;
}

.ii h1 span.font1 {
    font-size: 40px;
    color: #0176bb;
    height: 45px;
    line-height: 45px;
    margin-left: 10px;
}

.ii h1 span.font2,
.ii h1 span.font3 {
    color: #d7d7d7;
    font-family: "����";
    text-transform: uppercase;
    margin: 0 10px;
}

.ii h1 span.font3 {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
}

.ii h1 span.font4 {
    color: #ff9600;
}


/*** ��ҳ��Ʒ����������� ***/

.i2 {
    background: url(../images/i2_bg.jpg) center no-repeat;
    height: 525px;
    min-width: 1200px;
}

.i2 .common {
    background: url(../images/i2.jpg) left center no-repeat;
    position: relative;
    height: 100%;
}

.i2 .common div {
    float: right;
    width: 570px;
    margin-right: 80px;
    *margin-right: 45px;
}

.i2 h3 {
    color: #0176bb;
    height: 20px;
    line-height: 20px;
}

.i2 p {
    margin-top: 15px;
    line-height: 20px;
}

.i2 .i21 {
    margin-top: 65px;
}

.i2 .i22 {
    margin-top: 35px;
    width: 525px !important;
}

.i2 .i23 {
    margin-top: 25px;
    width: 525px !important;
}

.i2 .i24 {
    margin-top: 25px;
}

.i7 {
    padding: 40px 0 60px 0;
}

.i9 h1,
.i8 h1,
.i7 h1 {
    margin-bottom: 15px;
    text-align: center;
}

.i8 .desc,
.i7 .desc {
    text-align: center;
    margin-bottom: 40px;
    color: #888;
    font-size: 14px;
}

.i7 .iconBox {
    display: flex;
    margin: 0 auto;
    text-align: center;
}

.i7 .iconBox .item {
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    transition: .5s;
}

.i7 .iconBox .item:hover .round {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.i7 .iconBox .item p {
    text-align: center;
}

.i7 .iconBox .item .p1 {
    font-size: 16px;
    margin: 15px 0 5px 0px;
    font-weight: 600;
}

.i7 .iconBox .item .p2 {
    color: #8b8b8b;
}

.i7 .iconBox .item .round {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
    transition: all 0.2s ease;
    background: linear-gradient(to top right, #0176bb, #39b6ff);
}

.i7 .iconBox .item:hover .round {
    background: linear-gradient(to top right, red, orange);
}

.i7 .iconBox .item:hover .p1 {
    color: #fe6b03;
}

.i7 .iconBox .item .round svg {
    width: 40px;
    display: block;
    fill: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.i8 {
    margin-bottom: 30px;
    background: #fafafa;
    padding: 40px 0;
}

.i8 .service {
    display: flex;
    padding-top: 15px;
}

.i8 .service .left {
    width: 800px;
    padding-left: 15px;
}

.i8 .service .right {
    flex: 1;
    width: 383px;
    height: 317px;
    background-image: url(../images/serviceBg2.png);
    background-size: 100%;
    background-position: center center;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.i8 .item {
    display: flex;
    padding: 20px;
    font-size: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.i8 .item:hover {
    box-shadow: 0 0 21px #d2d2d2;
    margin-left: 15px;
}

.i8 .item .number {
    width: 65px;
    height: 65px;
    background: #0076bc;
    border-radius: 10px;
    line-height: 65px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-right: 20px;
    text-align: center;
}

.i8 .item:hover .number {
    background: #fe6b03;
}

.i8 .item .p1 {
    color: #333;
    font-weight: 600;
    font-size: 16px;
}

.i8 .item .p2 {
    color: #888;
}

.i8 .right .p1 {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 45px;
}

.i8 .right .p2 {
    color: #888;
    line-height: 2;
}

.i9 {
    position: relative;
    height: 680px;
    background: #0176bb;
    margin-bottom: 45px;
}

.i9 .title {
    color: #333;
    font-size: 24px;
}

.i9 .desc {
    color: #888;
    text-align: center;
    font-size: 14px;
}

.i9 .top {
    padding-top: 50px;
    background-color: #fff;
    height: 380px;
}

.i9 .box {
    /* position: absolute;
  width: 1485px;
  height: 500px;
  top: 115px;
  display: flex;
  margin: 0 auto;
  right: 0;
  box-shadow: 0 0 8px 6px #0a813d; */
    position: absolute;
    width: 1231px;
    height: 500px;
    top: 180px;
    display: flex;
    margin: 0 auto;
    right: 0;
    left: 0;
    box-shadow: 0 0 18px 3px #d4d4d4;
}

.i9 .box .left {
    width: 580px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 45px 45px 25px 45px;
}

.i9 .box .title {
    font-size: 25px;
    color: #029441;
    margin-bottom: 10px;
}

.i9 .box .p1 {
    font-size: 18px;
    margin-bottom: 25px;
}

.i9 .box .p2 {
    font-size: 14px;
    line-height: 2;
    text-align: left;
    color: #888;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.i9 .box .right {
    flex: 1;
    background: url(../images/indexRight.jpg) center no-repeat;
    background-size: 100%;
}

.i9 .box .left .btn {
    margin-top: 20px;
    text-align: left;
}

.i9 .box .left .btn button {
    width: 110px;
    height: 36px;
    border: none;
    color: #fff;
    border-radius: 2px;
    margin: 0 15px;
    cursor: pointer;
}

.i9 .box .left .btn a {
    width: 100px;
    height: 36px;
    border: none;
    color: #fff;
    border-radius: 2px;
    margin: 0 15px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 36px;
}


.i9 .box .left .btn button:first-child {
    margin-left: 0;
}

.i9 .box .left .btn button:hover {
    opacity: 0.8;
}

.i9 .box .left .btn .orange {
    background: #fe6b03;
}

.i9 .box .left .btn .blue {
    background: #0176bb;
}

.i3 {
    background: url(../images/hx.jpg) center top repeat-x;
}

.i3 .common {
    background: url(../images/xx.jpg) center top no-repeat;
}

.i3 h2 {
    color: #0176bb;
    margin-bottom: 15px;
    padding-top: 25px;
    text-align: left;
}

.i3 h2 span {
    color: #bbb;
    font-size: 12px;
    font-weight: normal;
    margin-left: 15px;
    text-transform: uppercase;
}

.i3 .common div {
    padding-top: 45px;
}

.i3 .i31 img {
    float: right;
    height: 340px;
    width: 480px;
    margin-left: 20px;
}

.i3 .i32 img {
    float: left;
    height: 270px;
    width: 410px;
    margin-right: 90px;
}

.i3 .common div p span {
    color: #ff9600;
}


/*�ɹ�����*/

.case {
    background: #fafafa;
    overflow: hidden;
    margin-top: 5px;
}

.case h2 {
    text-align: center;
    font-size: 28px;
    color: #1f1a17;
    margin: 40px 0;
}

.case h2 a {
    color: #1f1a17;
}

.case_slide_hd {
    height: 44px;
    margin-bottom: 37px;
    overflow: hidden;
}

.case_slide_hd li {
    width: 15%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-left: 13px;
    margin-right: 12px;
    border: 1px solid #000000;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.case_slide_hd li.on {
    background: #fe6b03;
    color: #fff;
    border: none;
    height: 44px;
    line-height: 44px;
}

.case_slide_hd li.none {
    margin-right: 0;
}

.case_slide_bd,
.case_list {
    height: 464px;
    overflow: hidden;
}

.case_slide_bd dl {
    width: 592px;
    height: 464px;
    float: left;
    overflow: hidden;
    background: #fff;
}

.case_slide_bd dl.case_right {
    float: right;
}

.case_slide_bd dt {
    width: 592px;
    height: 349px;
    overflow: hidden;
}

.case_slide_bd dt img {
    display: block;
    width: 592px;
    height: 349px;
}

.case_slide_bd dd {
    padding: 26px 30px 0 30px;
    overflow: hidden;
}

.case_slide_bd dd p {
    font-size: 18px;
    line-height: 30px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.case_slide_bd dd p em {
    font-style: initial;
    font-weight: 500;
    color: #333;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.case_slide_bd dd p span {
    color: #7f7f7f;
    width: 75px;
}

.case_slide_bd dd p em a:hover {
    color: #333;
}

.case_slide_bd dl:hover dd {
    border-bottom: 4px solid #fe6b03;
    height: 85px;
}

.morebtn {
    margin-top: 39px;
    height: 36px;
    text-align: center;
}

.morebtn a {
    width: 178px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fe6b03;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-right: 18px;
}

.morebtn .more {
    background: #1f1a17;
}

.mpro {
    height: 65px;
    line-height: 65px;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #c5c5c5;
}

.mpro .emore {
    float: left;
    text-align: left;
    width: 180px;
    background: #fafafa;
}

.mpro .cmore {
    display: block;
    float: right;
    font-size: 14px;
    color: #868686;
    text-align: right;
    width: 105px;
    text-align: right;
}

.mpro a:hover {
    color: #fe6b03;
}

#company_bu {
    width: 100%;
    height: 490px;
    margin: 0 auto;
    overflow: hidden;
}

.company {
    text-align: center;
    height: 200px;
    background: url(/images/about.jpg) no-repeat center;
}

.company a {
    font-size: 34px;
    color: #0176bb;
    line-height: 150px;
    font-weight: bold;
}

.company_nr {
    width: 690px;
    font-size: 14px;
    line-height: 26px;
}

.company_nrimg {
    width: 418px;
}


/*Partner*/

#Partner_bu {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #f1f1f1;
}

#Partner {
    width: 1200px;
    margin: 0 auto;
}

.Partner {
    text-align: center;
    background: url(/images/hz.jpg) no-repeat center;
    margin: 35px;
    height: 79px;
}

.Partner_nr {
    padding-top: 25px;
    padding-left: 95px;
}

.Partner_nr a {
    font-size: 27px;
    color: #0176bb;
}

.hzhb .hzCont {
    position: relative;
}

.hzhb .hzCont ul {
    margin: 0 auto;
    width: 1048px;
    overflow: hidden;
}

.hzhb .hzCont .btnLeft,
.hzhb .hzCont .btnRight {
    position: absolute;
    top: 1%;
    width: 50px;
    height: 163px;
}

.hzhb .hzCont .btnLeft {
    left: 1px;
    background: url(/images/hzl.jpg) no-repeat center;
}

.hzhb .hzCont .btnRight {
    right: 1px;
    background: url(/images/hzr.jpg) no-repeat center;
}

#hez td div {
    background: #e4e4e4;
    line-height: 36px !important;
    width: 200px;
    margin: 0 auto;
}

#hez td>br {
    display: none;
}


/*�����豸����*/

.device {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    padding-top: 12px;
    margin-bottom: 24px;
}

.d_tit {
    text-align: center;
    border: 2px solid #0176bb;
    width: 318px;
    margin: 20px auto;
    height: 46px;
}

.device .d_more {
    font-size: 12px;
}

.d_name a {
    float: left;
    width: 159px;
    height: 46px;
    font-size: 20px;
    color: #333;
    background-color: #fff;
    line-height: 46px;
    position: relative;
    text-decoration: none;
}

.d_name a:hover,
.d_name a.on {
    color: #fff;
    background-color: #0176bb;
}

.device_con {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    position: relative;
}

.device_con .d_arrow {
    position: absolute;
    top: 115px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.device_con .d_left {
    left: -9px;
}

.device_con .d_right {
    background: url(/images/t_right.png) no-repeat;
    right: -9px;
}

.device_wrap {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}

.device_wrap ul {
    width: 9999px;
}

.device_wrap li {
    float: left;
    width: 286px;
    margin: 0px 6px;
    display: inline;
    padding-top: 15px;
    padding-bottom: 15px;
}

.device_wrap img {
    width: 280px;
    height: 216px;
    border: 1px solid #b6b6b6;
    padding: 2px;
}

.device_wrap span {
    display: block;
    text-align: center;
    margin-top: 8px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i4 {
    min-width: 1200px;
    height: 100%;
}

.i4 .gd {
    margin: 60px auto;
    display: block;
    width: 100%;
    height: 180px;
    background: url(../images/gd.jpg) center no-repeat;
}

.i4 .picScro .al_tit {
    text-align: center;
    color: #0176bb;
    background: url(../images/al_tit.jpg) center no-repeat;
    margin-bottom: 25px;
}

.i4 .picScro .al_tit p {
    font-size: 25px;
    color: #d7d7d7;
    font-family: "����";
    text-transform: uppercase;
    line-height: 25px;
}

.i4 .picScro {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.i4 .picScro a.prev,
.i4 .picScro a.next {
    height: 32px;
    float: left;
    width: 23px;
    text-indent: -9999px;
    position: absolute;
    top: 213px;
    z-index: 9999;
}

.i4 .picScro a.prev {
    background: url(../images/anext.jpg) no-repeat;
    right: 0;
}

.i4 .picScro a.next {
    background: url(../images/aprev.jpg) no-repeat;
    left: 0;
    z-index: 3;
}

.i4 .picScro ul {
    overflow: hidden;
    zoom: 1;
}

.i4 .tempWrap {
    margin: 0 auto;
}

.i4 .picScro ul li {
    float: left;
    width: 228px;
    height: 322px;
    border-right: solid 1px #fafafa;
}

.i4 .picScro ul li a {
    display: block;
    width: 196px;
    height: 308px;
    position: relative;
    padding: 6px;
    text-align: center;
}

.i4 .picScro ul li a:hover {}

.i4 .picScro ul li a img {
    width: 177px;
    height: 243px;
    border: none;
    margin: 10px 0;
}

.i4 .picScro ul li a p {
    height: 24px;
    overflow: hidden;
}


/*** ��ҳ�������������� ***/

.i5 {
    background: #fafafa;
    margin: 30px 0 40px 0;
    padding: 30px 0;
}

.i5 .line {
    height: 35px;
    background: url(../images/hx.jpg) center bottom repeat-x;
    margin-bottom: 20px;
}

.i5 h3 {
    color: #0176bb;
    font-weight: normal;
    padding-bottom: 9px;
    border-bottom: solid 1px #0176bb;
    float: left;
    width: 395px;
}

.i5 h3 span {
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
}

.i5 .more {
    float: right;
    color: #09790d;
    font-size: 12px;
    font-family: Arial;
    line-height: 25px;
}

.i5 .hb {
    height: 210px;
}

.i5 .hb a {
    display: block;
    width: 188px;
    height: 93px;
    border: solid 1px #e7e7e7;
    background: #fff;
    float: left;
    margin: 0 10px 10px 0px;
    *margin-right: 9px;
    text-align: center;
}

.i5 .hb a img {
    margin: 17px 0;
    height: 60px;
}

.i6 .title {
    height: 35px;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    display: flex;
    border-bottom: solid 2px #0176bb;
}


/* 
.i6 .title::before {
  content: '';
  width: 100%;
  border-bottom: 1px solid #ddd;
  height: 34px;
  position: absolute;
} */

.i6 h3 {
    color: #0176bb;
    font-weight: normal;
    padding-bottom: 9px;
    flex: 1;
}

.i6 h3 span {
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
}

.i6 .more {
    float: right;
    color: #888;
    font-size: 12px;
    font-family: Arial;
    line-height: 25px;
}

.i6 .more:hover {
    text-decoration: underline;
    color: #0069a7;
    cursor: pointer;
}

.i6 .fl {
    width: 390px;
    font-size: 14px;
}

.i6 .fa {
    float: left;
    width: 810px;
    font-size: 14px;
}

.i6 .fr {
    width: 360px;
}

.i6 .tempWrap {
    margin: 0 auto;
}

.i6 .fl img {
    width: 200px;
    height: 180px;
    float: left;
    margin-right: 20px;
}

.i6 .fa img {
    width: 255px;
    height: 180px;
    float: left;
    margin-right: 20px;
}

.i6 .picScrolls {
    position: relative;
    height: 180px;
    width: 360px;
    float: left;
}

.i6 .picScrolls ul li {
    width: 260px;
    height: 180px;
    float: left;
    position: relative;
}

.i6 .picScrolls ul li a {
    display: block;
    height: 180px;
}

.i6 .picScrolls img {
    width: 260px;
    height: 180px;
    margin: 0px auto;
}

.i6 .picScrolls p {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: #ff9600;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.i6 .prev,
.i6 .next {
    display: block;
    width: 23px;
    height: 32px;
    background: url(../images/aprev.jpg) no-repeat;
    bottom: 80px;
    position: absolute;
    z-index: 9999;
}

.i6 .next {
    background: url(../images/anext.jpg) no-repeat;
    right: 0;
}

.i6 .headline {
    height: 160px !important;
    overflow: hidden;
    padding-bottom: 14px;
    padding-left: 0 !important;
    background: none !important;
}

.i6 .headline img {
    height: 160px;
}

.i6 .headline p {
    line-height: 20px;
    margin: 10px 0 25px;
    height: 80px;
    overflow: hidden;
    *margin-bottom: 10px;
}

.i6 .headline a {
    color: #ff9600;
    display: inline !important;
    float: none !important;
}

.i6 h2 a {
    font-size: 15px;
    color: #666 !important;
}

.i6 .fl ul li {
    height: 34px;
    border-bottom: dashed 1px #b2b2b2;
    line-height: 34px;
    padding-left: 25px;
    background: url(../images/li3.jpg) 10px center no-repeat;
    text-align: left;
}

.i6 .fl ul li:hover a,
.i6 .fl ul li:hover span {
    color: #fe6b03;
}

.i6 .fl ul li a {
    display: block;
    float: left;
    width: 280px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.i6 .fl ul li span {
    float: right;
    color: #a7a7a7;
}

.i6 .fr .xw {}

.i6 .fr .xw li {
    height: 34px;
    *height: 35px;
    border-bottom: dashed 1px #b2b2b2;
    line-height: 34px;
    padding-left: 25px;
    background: url(../images/li4.jpg) 10px center no-repeat;
    overflow: hidden;
}

.i6 .fr .xw li a {
    display: block;
    width: 225px;
    float: left;
}

.i6 .fr .xw li span {
    float: right;
    font-size: 12px;
    color: #a7a7a7;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ����ҳbanner���� ***/

.banner {
    min-width: 1200px;
}

.banner img{
    width: 100%;
	height:300px;
}

.rightContact{
	margin-top: 30px;
}

.rightContact .box .lx li {
	padding-top: 0px;
	line-height: 1.5;
	margin-top: 15px;
}

.bn1 {
    background: url(../images/bn1.jpg) center no-repeat;
}

.wrap {
    background: #f5f5f5;
    min-width: 1200px;
    padding: 30px 0 45px 0;
}

.wrap .fl {
    width: 250px;
}

.wrap .fr {
    width: 940px;
}

.pic {
    text-align: center;
    text-indent: 0 !important;
    width: 100%;
    height: auto;
}

.wrap1 {
    background: #f5f5f5;
    height: 2px;
    min-width: 1200px;
    margin: 0px auto;
}


/************************************************************************************************************/


/*** ����ҳ��߹������� ***/

.wrap .fl .box {
    width: 230px;
    padding-right: 20px;
}

.wrap .fl h3 {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #0176bb;
}

.wrap .fl h3.h3 {
    background: #ff9600 !important;
}

.box ul {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    background: #fff;
}

.box .tree {
    width: 230px;
    padding-bottom: 20px;
}

.box .tree li {
    margin: 0 5px;
    border-top: dashed 1px #e9e9e9;
}

.box .tree li a {
    display: block;
    color: #333;
    height: 39px;
    line-height: 39px;
}

.box .tree li a.tree-parent {
    padding-left: 30px;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}

.box .tree li a.on {
    color: #0176bb;
}

.box .tree li a.tree-parent:hover {
    color: #0176bb;
}

.box .tree li a.tree-parent-collapsed {
    color: #5f5f5f;
}

.box .tree ul li {
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
}

.box .tree ul li a {
    font-size: 14px;
    color: #333;
    background: #fff url(../images/list1.jpg) 0px center no-repeat;
    padding-left: 15px;
}

.box .tree ul li a:hover {
    color: #0176bb;
}

.box .tree ul.tree-group-collapsed {
    display: none;
}

.box .menu1 {
    padding: 0 5px;
}

.box .menu1 li {
    border-top: dashed 1px #e9e9e9;
}

.box .menu1 li a {
    display: block;
    text-align: center;
    background: #fff url(../images/list1.jpg) 190px center no-repeat;
    height: 39px;
    line-height: 39px;
}

.box .menu1 li a:hover {
    color: #0176bb;
}

.box .tj {
    padding: 15px 20px;
}

.box .tj li {
    text-align: center;
    height: 165px;
}

.box .tj li a {
    display: block;
    width: 190px;
    height: 125px;
}

.box .tj li a img {
    width: 188px;
    height: 123px;
    border: solid 1px #f5f5f5;
}

.box .tj li p {
    height: 24px;
    overflow: hidden;
    font-size: 12px;
}

.box .lx {
    padding: 10px 5px;
}

.box .lx li {
    padding: 20px 25px;
    border-bottom: dashed 1px #e9e9e9;
    font-size: 12px;
    text-align: center;
}

.box .lx li p {
    margin: 5px 0;
}

.box .lx li a {
    display: block;
    width: 130px;
    height: 35px;
    background: url(../images/online.jpg) center no-repeat;
    margin: 5px auto;
}

.box .dt {
    padding: 15px;
    font-size: 12px;
}

.box .dt li a {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 15px;
    background: url(../images/li4.jpg) left center no-repeat;
}

.box .dt li a:hover {
    background: url(../images/li3.jpg) left center no-repeat;
}


/************************************************************************************************************/


/*** ����ҳ�ұ߹������� ***/

.wp .fr {
    float: left;
}

.wp .fl {
    float: right;
}

.wrap .fr .title {
    height: 47px;
    position: relative;
}

.curmbs {
    float: left;
    color: #ff9600;
    font-size: 12px;
    line-height: 39px;
    max-width: 345px;
    overflow: hidden;
    height: 39px;
}

.curmbs span {
    color: #666;
}

.wrap .fr .title h3 {
    float: right;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding-right: 10px;
    color: #0176bb;
}

.wrap .fr .title h3 span {
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
    font-family: "����";
}

.wrap .fr .title .tit {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 15px;
    height: 15px;
}

.wrap .fr .db {
    height: 15px;
    text-align: right;
    margin-top: 30px;
}

.page {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    background-color: #fff;
}

.page a,
.page span {
    display: inline-block;
    padding: 10px;
    border: solid 1px #ddd;
    margin: 20px 5px 0 5px;
    cursor: pointer;
}
.page a:hover,
.page span:hover {
    background: #0176bb;
    border: solid 1px #0176bb !important;
    color: #fff;
}

.page .on,
.page .current {
    display: inline-block;
    padding: 10px;
    background: #0176bb;
    border: solid 1px #0176bb !important;
    color: #fff;
    margin: 20px 5px 0 5px;
}

.page .disabled {
    background-color: #eee;
}

.portact {
    /*height: 100%;*/
    background-color: #fff;
    padding: 20px;
    padding-bottom: 0;
}

.portact li {
    width: 225px;
    padding: 10px;
    text-align: center;
    float: left;
    box-sizing: border-box;
}

.portact li:hover a {
    color: #0076bc;
}

.portact li:nth-child(4n) {
    margin-right: 0;
}

.portact li a {
    display: block;
    border: solid 1px #e7e7e7;
    padding: 10px;
}

.portact li a img {
    max-width: 100%;
    max-height: 158px;
	width: 183px;
    height: 140px;
    overflow: hidden;
    transition: all 0.5s linear;
}

.portact li a p {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding-top: 7px;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ������Ѷ�б�ҳ���� ***/

.news h2 a {
    font-size: 15px;
    color: #666 !important;
}

.news .headline {
    height: 160px !important;
    overflow: hidden;
    margin-top: 20px;
    font-size: 12px;
}

.news .headline img {
    height: 160px;
    float: left;
    margin-right: 20px;
}

.news .headline p {
    line-height: 20px;
    margin: 10px 0 25px;
    height: 80px;
    overflow: hidden;
    *margin-bottom: 10px;
}

.news .headline a {
    color: #ff9600;
    display: inline !important;
    float: none !important;
}

.news li {
    margin-top: 20px;
    border: solid 1px #ddd;
    height: 78px;
}

.news li div {
    float: left;
    width: 80px;
    height: 80px;
    background: #999;
    margin: -1px 30px 0 -1px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.news li:hover div {
    background: url(../images/jb.jpg) center repeat-x;
}

.news li div h1 {
    margin-top: 25px;
}

.news li div span {
    display: block;
    width: 48px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin: 0 auto;
}

.news li h3 {
    font-size: 14px;
    margin-top: 20px;
}

.news li p {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 435px;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ���������� ***/

.partner {
    padding: 10px 0;
    height: 100%;
}

.partner a {
    display: block;
    width: 190px;
    text-align: center;
    height: 125px;
    margin: 20px 0 0 25px;
    *margin: 10px 14px;
    float: left;
}

.partner a img {
    width: 188px;
    height: 93px;
    border: solid 1px #e7e7e7;
}

.partner a:hover img {
    border: solid 1px #0176bb;
}

.partner a p {
    height: 25px;
    overflow: hidden;
}

.partner a:hover p {
    color: #0176bb;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ������ ***/

.albums {
    height: 100%;
}

.albums li {
    width: 195px;
    float: left;
    margin: 20px 12px 0 15px;
    *margin: 20px 12px 0 12px;
    text-align: center;
}

.albums li img {
    width: 195px;
    height: 125px;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** �������ʴ��� ***/

.honer {
    height: 100%;
}

.honer li {
    text-align: center;
    float: left;
    margin: 20px 6px 0 7px;
}

.honer li a {
    display: block;
    width: 195px;
    height: 185px;
    padding: 6px;
    background: url(../images/h_bg.jpg) center no-repeat;
}

.honer li a img {
    border: solid 1px #e7e7e7;
    width: 193px;
    height: 183px;
}

.honer li p {
    height: 24px;
    overflow: hidden;
}

#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#mbOverlay.mbOverlayFF {
    background: transparent url(80.png) repeat;
}

#mbOverlay.mbOverlayIE {
    position: absolute;
}

#mbCenter {
    height: 557px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
}

#mbCenter.mbLoading {
    background: #fff url(i/WhiteLoading.gif) no-repeat center;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#mbImage {
    left: 0;
    top: 0;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px;
}

#mbImage a,
#mbImage a:link,
#mbImage a:visited {
    color: #ddd;
}

#mbImage a:hover,
#mbImage a:active {
    color: #fff;
}

#mbBottom {
    min-height: 20px;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 10px 10px;
}

#mbTitle {
    display: inline;
    color: #999;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
}

#mbNumber {
    background: url(../images/mbNumber_bg.gif) no-repeat center;
    display: inline;
    color: #c00;
    line-height: 26px;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
    width: 65px;
    height: 26px;
}

#mbCaption {
    display: block;
    color: #999;
    line-height: 14px;
    font-size: 10px;
}

#mbPrevLink,
#mbNextLink,
#mbCloseLink {
    display: block;
    float: right;
    height: 20px;
    margin: 0;
    outline: none;
}

#mbPrevLink {
    width: 34px;
    height: 64px;
    background: transparent url(../images/CustomBlackPrevious.png) no-repeat center;
    position: absolute;
    top: 38%;
    left: -80px;
    display: block !important;
}

#mbNextLink {
    width: 34px;
    height: 64px;
    background: transparent url(../images/CustomBlackNext.png) no-repeat center;
    position: absolute;
    top: 38%;
    right: -80px;
    display: block !important;
}

#mbCloseLink {
    width: 24px;
    background: transparent url(../images/CustomBlackClose.gif) no-repeat center;
    position: absolute;
    top: 10px;
    right: 10px;
}

#mbError {
    position: relative;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#mbError a,
#mbError a:link,
#mbError a:visited,
#mbError a:hover,
#mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ��ϵ���Ǵ��� ***/

.contact {
    padding-top: 30px;
}

.contact h1 {
    height: 35px;
    font-size: 25px;
}

.contact p {
    height: 18px;
    line-height: 18px;
    margin-top: 15px;
}

.contact p img {
    vertical-align: middle;
    margin-right: 15px;
}

.contact_us {
    min-width: 1200px;
    padding: 30px 0 40px 0;
}

.contact_us .title {
    height: 47px;
    position: relative;
}

.contact_us .title h3 {
    float: right;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding-right: 10px;
    color: #0176bb;
}

.contact_us .title h3 span {
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
    font-family: "����";
}

.contact_us .title .tit {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(../images/xt1.jpg) center no-repeat;
    width: 15px;
    height: 15px;
}

.contact_us .db {
    background: url(../images/nhx.jpg) center repeat-x;
    height: 15px;
    text-align: right;
    margin-top: 30px;
}

.contact_us .us {
    width: 920px;
    margin: 35px auto;
    height: 100%;
}

.contact_us .us div {
    width: 460px;
    float: left;
}

.contact_us .us .us1 {
    width: 380px !important;
    padding-left: 80px;
}

.contact_us .us .us1 h1 {
    margin-bottom: 20px;
    font-weight: normal;
    height: 45px;
}

.contact_us .us .us1 h1 p {
    font-size: 22px;
    font-family: "΢���ź�";
    margin: 0 !important;
}

.contact_us .us .us1 h1 span {
    font-size: 12px;
    font-family: "����";
    color: #aaa;
    display: block;
    margin-top: 0px;
}

.contact_us .us .us1 p {
    margin-top: 15px;
    height: 18px;
    line-height: 18px;
}

.contact_us .us .us1 p img {
    vertical-align: middle;
    margin-right: 15px;
    width: 18px;
    height: 18px;
}

.contact_us .us .us2 {
    color: #767676;
}

.contact_us .us .us2 img {
    display: block;
}

.contact_us .us .us2 h3 {
    font-size: 16px;
    margin: 30px 0 10px 20px;
    _margin-top: 50px;
}

.contact_us .us .us2 p {
    margin-left: 20px;
}

.contact_us ul {
    height: 50px;
    width: 920px;
    margin: 0 auto;
}

.contact_us ul li {
    float: left;
    height: 46px;
}

.contact_us ul li img {
    float: left;
    margin-right: 15px;
}

.contact_us ul li p {
    font-size: 12px;
    color: #8b8b8b;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** �������Ǵ��� ***/

.about p {
    margin-top: 20px;
    text-align: left;
    line-height: 30px;
}

.about p span {
    color: #ff9600;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** �������Դ��� ***/

.message h3 {
    height: 95px;
    line-height: 95px;
    font-weight: normal;
    text-align: center;
    color: #0176bb;
    border-bottom: solid 1px #f7f7f7;
    margin-bottom: 30px;
}

.message table tr {
    height: 45px;
}

.message table tr span {
    color: #e45858;
    vertical-align: middle;
    margin-right: 5px;
}

.message input {
    width: 208px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

.message textarea {
    width: 398px;
    max-width: 398px;
    height: 78px;
    border: solid 1px #ddd;
    margin: 10px;
}

.message .keys {
    width: 118px;
}

.message #infoKeyImg {
    vertical-align: middle;
    margin-left: 15px;
}

.message .submit,
.message .reset {
    width: 128px;
    height: 38px;
    cursor: pointer;
    background: none;
}

.message .submit:hover,
.message .reset:hover {
    background: #ff9600;
    color: #fff;
    border: solid 1px #ff9600;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ��������ҳ���� ***/

.newstext {}

.newstext h2 {
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-weight: normal;
    border-bottom: dashed 1px #e9e9e9;
}

.newstext .ftitle {
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
    color: #939393;
}

.newstext .content {
    padding-bottom: 45px;
}

.newstext .content p {
    margin-top: 25px;
    text-indent: 2em;
}

.newstext .news_n span {
    float: left;
    line-height: 28px;
    font-size: 12px;
}

.newstext .db {
    margin-top: 0px !important;
}

.newstext .sxb {
    margin-top: 30px;
	padding-bottom: 40px;
    font-size: 13px;
    position: relative;
	display: flex;
    width: 100%;
    text-align: center;
}

.newstext .sxb span {
    flex: 1;
}

.newstext .sxb span:hover a{
	color: #0176bb;
}

.newstext .sxb span.left {
    text-align: right;
	margin-right: 15px;
}
.newstext .sxb span.right {
    text-align: left;
	margin-left: 15px;
}

.newstext .sxb .lb {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 88px;
    height: 33px;
    border: solid 1px #ddd;
    border-radius: 3px;
    line-height: 33px;
    text-align: center;
    *right: 30px;
}

.newstext .fg {
    height: 80px;
    background: url(../images/nhx.jpg) center repeat-x;
    margin: 0 -30px;
}

.newstext .ntitle {
    height: 30px;
    line-height: 20px;
    font-size: 12px;
    background: url(../images/nhx.jpg) center bottom repeat-x;
}

.newstext .ntitle h3 {
    height: 29px;
    line-height: 20px;
    float: left;
    border-bottom: solid 1px #0176bb;
    color: #0176bb;
    font-weight: normal;
    width: 255px;
}

.newstext .ntitle h3 span {
    font-size: 12px;
    color: #bbb;
    font-family: "����";
    text-transform: uppercase;
}

.newstext .ntitle .more {
    float: right;
    color: #0176bb;
    font-family: Arial;
}

.newstext .xw {
    padding-top: 20px;
    height: 100%;
}

.newstext .xw li {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    float: left;
    width: 250px;
    margin-right: 65px;
    *margin-right: 35px;
    padding-left: 20px;
    background: url(../images/li4.jpg) left center no-repeat;
}

.newstext .tj {
    margin-top: 30px;
    height: 100%;
}

.newstext .tj li {
    width: 195px;
    float: left;
    text-align: center;
    height: 150px;
    overflow: hidden;
    margin: 0 12px;
}

.newstext .tj li a {
    display: block;
    height: 125px;
}

.newstext .tj li img {
    width: 193px;
    height: 123px;
    border: solid 1px #f5f5f5;
}


/************************************************************************************************************/


/************************************************************************************************************/


/*** ��Ʒ����ҳ���� ***/

.ny1 {
    margin-top: 20px;
    /*height:290px;*/
    height: 100%;
}

.ny1 .nypic {
    width: 285px;
    position: relative;
    float: left;
}

.ny1 .nypic .lbd {
    height: 210px;
    font-size: 0;
}

.ny1 .nypic .lbd img {
    display: block;
}

.ny1 .nypic .lhd {
    position: relative;
    height: 38px;
    padding: 0px 15px;
}

.ny1 .nypic .lhd img {
    cursor: pointer;
    margin: 0 5px;
    float: left;
    width: 50px;
    height: 38px;
}

.ny1 .nypic .lhd .tempWrap {
    width: 100% !important;
}

.ny1 .nypic .lhd img.on {
    border: 2px solid #5dc2d0;
    width: 46px !important;
    height: 34px !important;
}

.ny1 .nypic .lhd .prev,
.ny1 .nypic .lhd .next {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 14px;
    height: 24px;
}

.ny1 .nypic .lhd .prev {
    left: 0;
    background: url(../images/prev.jpg) no-repeat;
}

.ny1 .nypic .lhd .next {
    right: 0;
    background: url(../images/next.jpg) no-repeat;
}

.Shop_img {
    width: 285px;
    height: 290px;
    float: left;
}

.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 380px !important;
    height: 290px !important;
    background: #ffffff;
    border: 1px solid #cccccc;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.spec-preview {
    width: 283px;
    height: 188px;
    border: 1px solid #f5f5f5;
}

.spec-preview .img1 {
    max-width: 283px;
    max-height: 188px;
    height: auto;
    zoom: expression( function(e) {
        if(e.width>e.height) {
            if (e.width>283) {
                e.height=e.height * ( 188 / e.width);
                e.width=283;
            }
        }
        else {
            if (e.height>188) {
                e.width=e.width * ( 283 / e.height);
                e.height=188;
            }
        }
        e.style.zoom="1";
    }
    (this));
    overflow: hidden;
}

.spec-scroll {
    clear: both;
    width: 100%;
    height: 55px;
    margin-top: 15px;
}


/*.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:17px;height:55px; cursor:pointer;text-decoration:none;background:url(../images/prev.jpg) no-repeat center;}
.spec-scroll .next{background:url(../images/next.jpg) center no-repeat;}*/

.spec-scroll .items {
    float: left;
    position: relative;
    width: 285px;
    height: 55px;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    height: 56px;
}

.spec-scroll .items ul li {
    float: left;
    width: 57px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

.spec-scroll .items ul li img {
    width: 47px;
    height: 44px;
    padding: 2px;
    border: solid 1px #e7e7e7;
}

.spec-scroll .items ul li.on img {
    border: 1px solid #ff7200;
}

.ny1 .nywords {
    width: 315px;
    float: right;
    /*height:290px;*/
    position: relative;
    color: #000;
    padding: 5px 15px;
}

.ny1 .nywords table td {
    padding-top: 10px;
    vertical-align: top;
}

.ny1 .nywords h2 {
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    border-bottom: dashed 1px #e9e9e9;
    margin-bottom: 10px;
    overflow: hidden;
}

.ny1 .nywords p {
    height: 72px;
    overflow: hidden;
    margin-bottom: 25px;
}

.ny1 .nywords span {
    color: #333;
    display: block;
    border-bottom: dashed 1px #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.ny1 .nywords span img {
    vertical-align: middle;
}

.ny1 .nywords a {
    display: block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #228726;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ny1 .nywords a img {
    vertical-align: middle;
    margin-right: 5px;
    *zoom: 1;
}

.ny1 .ck {
    line-height: 28px;
    display: block;
    background: url(../images/ck.jpg) left center no-repeat;
    padding-left: 20px;
    color: #0176bb;
}

.ny2 {
    height: 28px;
    border-bottom: solid 1px #ededed;
    margin: 20px -30px 30px -30px;
    padding: 0 30px 10px 30px;
}

.ny2 .p_n {
    width: 240px;
    float: left;
}

.ny2 .p_n span {
    float: left;
    line-height: 28px;
}

.ny2 .rx {
    float: right;
    display: block;
    height: 28px;
    line-height: 28px;
}

.ny2 .rx img {
    vertical-align: middle;
}

.ptext .fg {
    height: 80px;
    margin: 0 -30px;
}

.ptext .ptitle {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    margin-bottom: 25px;
}

.ptext .ptitle h3 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    float: left;
    font-weight: normal;
    width: 293px;
}

.ptext .ptitle .more {
    float: right;
    color: #0176bb;
    font-family: Arial;
}

.ny3 {
    padding: 0 15px;
}

.ny3 h2 {
    font-weight: normal;
}

.ny3 p {
    margin-top: 30px;
    text-align: left;
}

.ny4 {
    padding: 0 15px;
    position: relative;
    height: 210px;
}

.ny4 img {
    width: 640px;
    height: 210px;
    margin: 0 auto;
    display: block;
}

.ny4 div {
    position: absolute;
    top: 0;
    right: 15px;
    width: 235px;
    height: 180px;
    color: #fff;
    padding: 30px 37px 0 38px;
    background: rgba(34, 135, 38, 0.9) !important;
    filter: Alpha(opacity=90);
    background: #228726;
    /*��ʹ��IEר���˾�ʵ��IE����͸��*/
}

.ny4 div p {
    position: relative;
    margin-top: 15px;
}


/*ʵ��IE���ֲ�͸��*/

.ny6 {
    padding: 0 15px;
    position: relative;
    height: 210px;
}

.ny6 img {
    width: 640px;
    height: 210px;
    margin: 0 auto;
    display: block;
}

.ny6 div {
    position: absolute;
    top: 0;
    right: 15px;
    width: 235px;
    height: 180px;
    color: #fff;
    padding: 30px 37px 0 103px;
    background: url(../images/bz.png) center no-repeat;
}

.ny6 div p {
    position: relative;
    margin-top: 12px;
}


/*ʵ��IE���ֲ�͸��*/

.ny7 {
    padding: 0 15px;
}

.ny7 p {
    margin-top: 15px;
}

.ny7 img {
    vertical-align: middle;
    margin-left: 10px;
}

.ny7 div {
    background: url(../images/fw.jpg) left center no-repeat;
    padding: 25px 0 25px 165px;
}

.ny7 div p {
    font-size: 12px;
    color: #228726;
    margin-top: 5px;
}

.ptext .zj {
    height: 100%;
}

.ptext .zj h2 {
    text-align: center;
    color: #228726;
}

.ptext .zj p {
    width: 165px;
    text-align: center;
    float: left;
    margin: 20px 20px 0 28px;
}

.ptext .zj p img {
    width: 165px;
    height: 125px;
    display: block;
}

.ptext .zj span p {
    height: 24px;
    overflow: hidden;
    display: block;
    line-height: 24px;
}

.ptext .purchase {
    margin-top: 30px;
}

.ptext .purchase .bt {
    padding: 0 15px;
    height: 40px;
    background: #228726;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
}

.ptext .purchase .bt p {
    float: left;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.ptext .purchase .bt span {
    float: right;
}

.ptext .purchase table tr {
    height: 45px;
}

.ptext .purchase table tr span {
    color: #e45858;
    vertical-align: middle;
    margin-right: 5px;
}

.ptext .purchase input {
    width: 208px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

.ptext .purchase textarea {
    width: 398px;
    max-width: 398px;
    height: 78px;
    border: solid 1px #ddd;
    margin: 10px;
}

.ptext .purchase .keys {
    width: 118px;
}

.ptext .purchase #infoKeyImg {
    vertical-align: middle;
    margin-left: 15px;
}

.ptext .purchase .submit,
.ptext .purchase .reset {
    width: 128px;
    height: 38px;
    cursor: pointer;
    background: none;
}

.ptext .purchase .submit:hover,
.ptext .purchase .reset:hover {
    background: #ff9600;
    color: #fff;
    border: solid 1px #ff9600;
}

.ptext .tj {
    margin-top: 30px;
    height: 100%;
}

.ptext .tj li {
    width: 195px;
    float: left;
    text-align: center;
    height: 150px;
    overflow: hidden;
    margin: 0 12px;
}

.ptext .tj li a {
    display: block;
    height: 125px;
}

.ptext .tj li img {
    width: 193px;
    height: 123px;
    border: solid 1px #f5f5f5;
}

.new-right-co {
    width: 100%;
    background-color: #fff;
    padding: 0 20px;
}

.new-right-co li {
    border-bottom: #eee solid 1px;
    width: 100%;
    margin-top: 20px;
}

.new-right-co li:last-child {
    border-bottom: none;
}

.new-right-co li a {
    display: flex;
    position: relative;
    align-items: flex-start;
    margin-bottom: 20px;
}

.new-right-co li .right {
    flex: 1;
    margin-left: 15px;
}

.new-right-co li .imgDiv {
    width: 180px;
    height: 120px;
    overflow: hidden;
}

.new-right-co.question li .imgDiv {
    width: 120px;
    height: 120px;
}

.new-right-co li .imgDiv img {
    width: 100%;
}

.new-right-co li .name {
    width: 90%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 18px;
    color: #2c2c2c;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.new-right-co li .content {
    width: 90%;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
    padding-top: 5px;
}

.new-right-co li .time {
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.new-right-co li:hover .name {
    color: #fe6b03;
}


.textList {
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 0 20px;
	box-sizing: border-box;
}

.textList li {
    border-bottom: #eee solid 1px;
    width: 100%;
	padding: 15px 0;
}

.textList li:last-child {
    border-bottom: none;
}

.textList li a {
    display: flex;
    position: relative;
    align-items: flex-center;
}

.textList li a:hover p,
.textList li a:hover span{
	color: #0176bb
}

.textList li a p{
	flex: 1;
}

.textList li a span{
	width: 140px;
	text-align: right;
}

.map {
    margin-top: 20px;
}

.map ul {
    height: 100%;
    margin: 10px 0;
}

.map ul span {
    display: block;
    float: left;
    line-height: 30px;
}

.map ul span a {
    color: #0176bb;
    font-weight: bold;
}

.map ul li {
    float: right;
    width: 590px;
    line-height: 30px;
}

.map ul li a {
    margin: 0 15px;
}

.map ul a:hover {
    color: #0176bb;
}

.ptext .pxw .headline {
    height: 160px !important;
    overflow: hidden;
    padding-bottom: 14px;
    padding-left: 0 !important;
    background: none !important;
}

.ptext .pxw .headline img {
    height: 160px;
    float: left;
    width: 255px;
    margin-right: 20px;
}

.ptext .pxw .headline p {
    line-height: 20px;
    margin: 10px 0 25px;
    height: 80px;
    overflow: hidden;
    *margin-bottom: 10px;
}

.ptext .pxw .headline a {
    color: #ff9600;
    display: inline !important;
    float: none !important;
}

.ptext .pxw h2 a {
    font-size: 15px;
    color: #666 !important;
    height: 20px !important;
    line-height: 20px !important;
}

.ptext .pxw li {
    height: 34px;
    border-bottom: dashed 1px #b2b2b2;
    line-height: 34px;
    padding-left: 25px;
    background: url(../images/li3.jpg) 10px center no-repeat;
}

.ptext .pxw li a {
    display: block;
    float: left;
    width: 520px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.ptext .pxw li span {
    float: right;
    color: #a7a7a7;
}

.fr .fg {
    height: 80px;
    margin: 0 -30px;
}

.fr .ptitle {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../images/nhx.jpg) center bottom repeat-x;
    margin-bottom: 25px;
}

.fr .ptitle h3 {
    height: 40px;
    line-height: 40px;
    float: left;
    font-weight: normal;
    width: 290px;
}

.fr .ptitle h3 span {
    font-size: 12px;
    color: #bbb;
    font-family: "����";
    text-transform: uppercase;
}

.fr .ptitle .more {
    float: right;
    color: #0176bb;
    font-family: Arial;
}

.fr .pxw .headline {
    height: 160px !important;
    overflow: hidden;
    padding-bottom: 14px;
    padding-left: 0 !important;
    background: none !important;
}

.fr .pxw .headline img {
    height: 160px;
    float: left;
    width: 255px;
    margin-right: 20px;
}

.fr .pxw .headline p {
    line-height: 20px;
    margin: 10px 0 25px;
    height: 80px;
    overflow: hidden;
    *margin-bottom: 10px;
}

.fr .pxw .headline a {
    color: #ff9600;
    display: inline !important;
    float: none !important;
}

.fr .pxw h2 a {
    font-size: 15px;
    color: #666 !important;
    height: 20px !important;
    line-height: 20px !important;
}

.fr .pxw li {
    height: 34px;
    border-bottom: dashed 1px #b2b2b2;
    line-height: 34px;
    padding-left: 25px;
    background: url(../images/li3.jpg) 10px center no-repeat;
}

.fr .pxw li a {
    display: block;
    float: left;
    width: 520px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.fr .pxw li span {
    float: right;
    color: #a7a7a7;
}

.bannerCenter {
    margin: 0px auto;
    background: #0176bb;
    height: 200px;
    background-image: url(../images/banner-center.png);
    background-position: center;
}

#shebei {
    margin-top: 10px;
    width: 1200px;
}

.shebei1 {
    background: #0176bb;
    height: 35px;
}

.shebei11 {
    font-size: 16px;
    line-height: 35px;
    font-family: "΢���ź�";
    color: #fff;
    padding-left: 17px;
    font-weight: bold;
}

.shebei12 {
    line-height: 35px;
    color: #fff;
    background: #0176bb;
    width: 60px;
    text-align: center;
}

#shebei2 {
    margin-top: 10px;
}

#shebei2 img {
    padding: 2px;
    border: 1px solid #ccc;
}

#shebei2 a:hover img {
    padding: 2px;
    border: 1px solid #b2050e;
}

#lxwm {
    height: 104px;
    max-width: 1200px;
    margin: 0 auto;
}

.lxwm1 {}

.lxwm2 {
    padding-left: 15px;
    font-family: "΢���ź�";
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    color: #fff;
}

.lxwm3 {
    padding-right: 15px;
    font-family: "΢���ź�";
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    color: #fff;
}

.nr {
    padding: 16px 20px 0;
}

.problems3 {
    margin-top: 10px;
}

.problems3>.p1 {
    line-height: 24px;
    margin-top: 5px;
    font-weight: 600;
    background: url(../images/wen.jpg) 0 2px no-repeat;
    padding-left: 30px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.problems3>.p2 {
    line-height: 24px;
    margin-top: 5px;
    background: url(../images/da.jpg) 0 2px no-repeat;
    padding-left: 30px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.nr ul .kk {
    width: 216px;
    height: 33px;
    line-height: 33px;
    margin-top: 10px;
}

.nr ul .kk .xm1 {
    width: 60px;
    height: 33px;
    float: left;
}

.nr ul .kk .xm {
    width: 150px;
    height: 31px;
    border: #ccc 1px solid;
    float: right;
}

.nr ul .ll {
    width: 216px;
    height: 66px;
    line-height: 33px;
    margin-top: 10px;
}

.nr ul .ll .ly1 {
    width: 60px;
    height: 33px;
    float: left;
}

.nr ul .ll .ly {
    float: right;
    width: 150px;
    *width: 150px;
    height: 60px;
    border: #ccc 1px solid;
}

.nr ul .tjcz {
    width: 216px;
    height: 33px;
    margin: auto;
    margin-top: 10px;
}

.findrow input,
.findrow textarea {
    box-sizing: border-box;
}

.findrow input.err,
.findrow textarea.err {
    border: 1px solid #ff0000 !important;
}

.pa {
    width: 293px;
    height: 40px;
    line-height: 40px;
    display: block;
    background: #0176bb;
    color: #ffffff;
    text-align: center;
    float: left;
    margin-right: 1px;
}

.paA {
    width: 293px;
    height: 40px;
    line-height: 40px;
    display: block;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    float: left;
    margin-right: 1px;
}

.tabbox1 {
    float: left;
    position: relative;
    width: 876px;
    height: auto;
}

.tabbox1 div.tabtitle {
    width: 876px;
    height: 40px;
    background: #0176bb;
}

.tabbox1 div.tabtitle h6 {
    float: left;
    position: relative;
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 0;
    font-size: 14px;
    color: white;
}

.tabbox1 div.tabtitle h6.now {
    color: #fff;
    z-index: 3;
}

.tabbox1 div.tabtitle h6 a {
    color: #fff;
    height: 40px;
    line-height: 40px;
    display: block;
}

.tabbox1 div.tabtitle h6 a:hover,
.tabbox tabtitle h6.now a {
    color: white;
    font-weight: bold;
}

.tabbox1 div.tabcont {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 668px;
    height: 238px;
    background: white;
    z-index: 2;
    padding: 15px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

.tabbox400 {
    height: auto;
}

.i10 {
    width: 1200px;
    margin: 40px auto;
    overflow: hidden;
}

.i10 .title {
    font-size: 20px;
    color: #0176bb;
    border-bottom: 2px solid #0176bb;
    display: flex;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px;
}

.i10 .title span {
    flex: 1;
}

.i10 .title a {
    font-size: 12px;
    color: #888;
    text-align: right;
}

.i10 .title a:hover {
    text-decoration: underline;
    color: #0069a7;
    cursor: pointer;
}

.i10 .certificate_swiper {
    margin: 0 auto;
    overflow: hidden;
}

.i10 .certificate_swiper .swiper-wrapper {
    height: 165px;
}

.i10 .swiper-slide {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.i10 .swiper-slide img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.i10 .swiper-slide a:hover {
    color: #fe6b03;
}

.i10 .swiper-slide a span {
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 10px 0;
}

.i10 .swiper-button-next,
.i10 .swiper-button-prev {
    top: 41%;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

#company.show,
#certificate.show,
#about.show {
    display: block;
}

#company.hide,
#certificate.hide,
#about.hide {
    display: none;
}

.newsContent {
    background-color: #fff;
}

.newsContent .details {
    margin: 0 45px;
    padding-bottom: 30px;
}

.newsContent .details p {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.newsContent .details strong img,
.newsContent .details img {
    align-items: center;
    margin: 0 auto;
    display: inherit;
}

.newsContent .h30 {
    height: 30px;
}

.newsContent .details_swiper {
    width: 600px;
    height: 300px;
    margin: 0 auto
}

#faqbox{
	background: #fff;
	padding: 20px;
}

#faqbox .faqline{ text-align:left;margin-bottom: 20px;}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
#faqbox .checkcode_input,
#faqbox .input{
	height: 35px;
	line-height: 35px;
	border: 1px solid #0176bb;
	outline: none;
	padding-left: 5px;
}

.submitBtn{
	width: 80px;
    height: 30px;
    line-height: 30px;
    background: #0176bb;
    color: #fff;
    border: 1px solid #0176bb;
    border-radius: 2px;
    margin-left: 70px;
}

#returntop {
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: url(../images/gotop.png) no-repeat center center;
    background-size: 100%;
    position: fixed;
    bottom: 20%;
    right: 2%;
    cursor: pointer;
    z-index: 999;
}

.hidden {
    display: none;
}