﻿blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

address, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left;
    font-weight: 400
}

abbr, body, fieldset, html, iframe, img {
    border: 0
}

img {
    display: inline-block;
    vertical-align: middle;
}

address, cite, dfn, em, i, var {
    font-style: normal
}

[hidefocus], summary {
    outline: 0
}

li {
    list-style: none
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%
}

sub, sup {
    font-size: 83%
}

code, kbd, pre, samp {
    font-family: inherit
}

q:after, q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label, summary {
    cursor: default
}

a, button {
    cursor: pointer
}

b, em, h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700
}

a, a:hover, del, ins, s, u {
    text-decoration: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body, button, input, keygen, legend, select, textarea {
    font: 14px/24px 微软雅黑;
    color: #333333;
    outline: 0
}

a, a:hover {
    color: #000
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

img {
    max-width: 100%!important;
}

.clearfix:after, .container:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.ib {
    display: inline-block
}

.dn {
    display: none
}

.db {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.pr {
    position: relative
}

.prz {
    position: relative;
    zoom: 1
}

.pt-sm {
    padding-top: 10px;
}

.pt-md {
    padding-top: 15px;
}

.pt-lg {
    padding-top: 20px;
}

.pl-sm {
    padding-left: 10px;
}

.pl-md {
    padding-left: 15px;
}

.pl-lg {
    padding-left: 20px;
}

.pr-sm {
    padding-right: 10px;
}

.pr-md {
    padding-right: 15px;
}

.pr-lg {
    padding-right: 20px;
}

.pb-sm {
    padding-bottom: 10px;
}

.pb-md {
    padding-bottom: 15px;
}

.pb-lg {
    padding-bottom: 20px;
}

.p-sm {
    padding: 10px;
}

.p-md {
    padding: 15px;
}

.p-lg {
    padding: 20px;
}

.mt-sm {
    margin-top: 10px;
}

.mt-md {
    margin-top: 15px;
}

.mt-lg {
    margin-top: 20px;
}

.mr-sm {
    margin-right: 10px;
}

.mr-md {
    margin-right: 15px;
}

.mr-lg {
    margin-right: 20px;
}

.mb-sm {
    margin-bottom: 10px;
}

.mb-md {
    margin-bottom: 15px;
}

.mb-lg {
    margin-bottom: 20px;
}

.ml-sm {
    margin-left: 10px;
}

.ml-md {
    margin-left: 15px;
}

.ml-lg {
    margin-left: 20px;
}

.oh {
    overflow: hidden
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.m-sm-x {
    margin-left: 10px;
    margin-right: 10px;
}

.m-md-x {
    margin-left: 15px;
    margin-right: 15px;
}

.m-lg-x {
    margin-left: 20px;
    margin-right: 20px;
}

.m-sm-y {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-md-y {
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-lg-y {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p-sm-x {
    padding-left: 10px;
    padding-right: 10px;
}

.p-md-x {
    padding-left: 15px;
    padding-right: 15px;
}

.p-lg-x {
    padding-left: 20px;
    padding-right: 20px;
}

.p-sm-y {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-md-y {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-lg-y {
    padding-top: 20px;
    padding-bottom: 20px;
}

.white, .white a {
    color: #fff;
}

.fs-sm {
    font-size: 16px;
}

.fs-md {
    font-size: 18px;
}

.fs-lg {
    font-size: 20px;
}

.fwn {
    font-weight: normal;
}

.ti {
    text-indent: 2em;
}

.ml40 {
    margin-left: 40px;
}

.mb30 {
    margin-bottom: 30px;
}

.pt30 {
    padding-top: 30px !important;
}

.transition {
    transition: all 0.3s linear;
}

.bgf {
    background: #fff;
}

.clear {
    clear: both;
    overflow: hidden;
}

.elip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body {
    background: #fff;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
}

.header_top {
    background: #f2f2f2;
}

.header_top_wrap {
    height: 30px;
    line-height: 30px;
}

.header_top_welcome {
    float: left;
    color: #999;
    font-family: Arial;
    font-size: 12px;
}

.header_top_ico a {
    float: right;
    margin-left: 5px;
}

.header_info {
    height: 40px;
    color: #999;
    font-size: 16px;
    line-height: 1;
    padding-left: 40px;
    margin-left: 29px;
    padding-top: 26px;
}

.header_info span {
    font-size: 12px;
    -webkit-transform: scale(0.8);
}

.header_top_ico_wx {
    position: absolute;
    width: 112px;
    max-width: initial;
    left: -34px;
}

.header_top_ico .pr:hover .header_top_ico_wx {
    display: block;
}

.header_nav {
    background: #D52855;
}

.header_nav li {
    float: left;
    width: 127px;
    margin-right: 35px;
}

.header_nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-indent: -20px;
}

.header_nav li.on {
    background: url(../images/navbg.png) 0 0 no-repeat;
}

.header_nav li.on a {
    color: #53268a;
}

.fullSlide {
    height: 880px;
    position: relative;
    overflow: hidden;
}

.fullSlide .bd {
    position: relative;
    z-index: 0;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 880px;
}

.fullSlide .bd li a {
    position: absolute;
    width: 100%;
    height: 880px;
    display: block;
    z-index: 1;
}

.fullSlide .cell {
    position: absolute;
    bottom: -8px;
    right: 20px;
    width: 44px;
    height: 20px;
    background: url(../images/zy.png) 0 0 no-repeat;
}

.fullSlide .cell a {
    display: inline-block;
    width: 19px;
    height: 20px;
}

.fullSlide .hd {
    position: absolute;
    z-index: 4;
    bottom: 95px;
    left: 0;
    height: 10px;
    line-height: 5px;
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    right: 0;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    background: #fff;
    *display: inline;
    zoom: 1;
    opacity: .5;
    width: 65px;
    height: 9px;
    overflow: hidden;
    line-height: 9999px;
    margin: 3px;
    margin-left: 5px;
    border-radius: 20px;
}

.fullSlide .hd ul .on {
    opacity: 1;
    transition: all 0.3s linear;
}

.online {
    position: fixed;
    top: 221px;
    right: 0px;
    z-index: 999999;
}

.online-1 {
    background: url(../images/online-1.png) 0 0 no-repeat;
    width: 50px;
    height: 883px;
    position: absolute;
    right: 0;
    top: 0;
}

.online-1-but {
    background: url(../images/lx.png) 0 0 no-repeat;
    width: 36px;
    height: 140px;
    position: absolute;
    left: -36px;
    top: 414px;
    cursor: pointer;
}

.online-1 a {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 100px;
}

.online_container {
    opacity: 0;
    background: url(../images/c.png) 0 0 no-repeat;
    position: absolute;
    right: -300px;
    height: 880px;
    width: 264px;
    box-sizing: border-box;
    padding-left: 74px;
}

.online_item_1 {
    height: 201px;
    padding-top: 20px;
}

.online_item_1 span {
    line-height: 1.5;
    display: block;
    color: #999;
}

.online_item_2 {
    height: 98px;
    line-height: 98px;
}

.online_item_3 {
    height: 98px;
}

.online_item_3 p {
    padding-top: 32px;
}

.online_item_3 span {
    font-size: 18px;
    color: #dc214c;
    line-height: 1;
}

.online_item_4 {
    padding-top: 25px;
    line-height: 1.5;
}

.online_item_5 {
    background: url(../images/cco.jpg) 0 0 no-repeat;
    width: 36px;
    height: 140px;
    position: absolute;
    left: -36px;
    top: 314px;
    cursor: pointer;
}

.box1 {
    /*min-width: 1899px;*/
    width: 90%;margin: 0 auto;
}

.box1_nav {
    /*width: 592px;*/
    width: calc(25% - 1px);
    border-left: 1px #f2f2f2 solid;
    /*margin-left: 100px;*/
}

.box1_nav li {
    border-top: 1px #f2f2f2 solid;
    position: relative;
    cursor: pointer;
}

.box1_nav li:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url(../images/dd.jpg) 0 0 no-repeat;
    top: 140px;
    left: -10px;
    display: none;
}

.box1_nav li.on:before {
    display: block;
}

.box1_nav_item {
    padding-left: 63px;
    padding-top: 93px;
    padding-bottom: 96px;
}

.box1_nav_item img {
    float: left;
    margin-right: 30px;
}

.box1_nav_item h3 {
    font-size: 16px;
    font-weight: normal;
    padding: 40px 0 10px 0;
}

.box1_nav_item p {
    font-size: 14px;
    color: #999;
}

.box1_content_wrap {
    padding-top: 35px;
}

.box1_content_container {
    /*width: 1125px;*/
    width: calc(75% - 20px);
    padding-top: 36px;
}

.box1_content_item_nav li {
    float: left;
    width: 31.3%;
    height: 190px;
    margin:0 0.7%;
    border: 2px #f2f2f2 solid;
    position: relative;
}

.box1_content_item_nav li:before {
    content: '';
    width: 28px;
    height: 19px;
    position: absolute;
    background: url(../images/sj.jpg) 0 0 no-repeat;
    bottom: -19px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}

.box1_content_item_nav li.on:before {
    display: block;
}

.box1_content_item_nav li.on {
    border-color: #fccc15
}

.box1_content_item_nav_pic {
    width: 100%;
    height: 190px;
    overflow: hidden;
}

.box1_content_item_list {
    padding-top: 25px;
}

.box1_content_item_list li {
    height: 600px;
    overflow: hidden;
}
.box1_content_item_list li a img{width: 100%}
.box2 {
    background: #f2f2f2 url(../images/rz1.jpg) bottom right no-repeat;
    padding: 73px 0;
}

.box2_container {
    width: 90%;
    margin: 0 auto;
}

.box2_left {
    width: 50%;
    /*width: 675px;*/
}
.box2_right{width: 45%}
.box2_left_title1 {
    font-size: 48px;
    line-height: 1.75;
    font-weight: bold;
}

.box2_left_title2 {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
}

.box2_left_content p {
    text-align: justify;
    padding: 25px 0 -1px;
}

.box22 {
    background: #f2f2f2 url(../images/rz.jpg) bottom right no-repeat;
    padding: 73px 0;
}

.box22_container {
    width: 85%;
    margin: 0 auto;
}

.box22_left {
    width: 675px;
}

.box22_left_title1 {
    font-size: 48px;
    line-height: 1.75;
    font-weight: bold;
}

.box22_left_title2 {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
}

.box22_left_content p {
    text-align: justify;
    padding: 25px 0 -1px;
}

.box3 {
    background: url(../images/xpbg.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 672px;
}

.box3_title {
    font-size: 28px;
    color: #fcde15;
    text-align: center;
    padding-top: 78px;
    line-height: 1;
}

.box3_content {
    width: 1200px;
    margin: 290px auto 0;
    position: relative;
}

.box3_content li {
    width: 566px;
    height: 394px;
    border: 5px #f2f2f2 solid;
    transition: transform 0.5s ease-in-out;
    overflow: hidden;
}

.box4 {
    padding-top: 78px;
}

.box4_title {
    text-align: center;
    font-size: 28px;
    color: #333;
}

.box4_title a {
    display: inline-block;
    background: url(../images/d.jpg) 0 0 no-repeat;
    height: 14px;
    line-height: 14px;
    padding-left: 25px;
    font-size: 14px;
    color: #6BB661;
}

.box4_desc {
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 35px;
}

.box4_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.box4_content_item {
    width: 25%;
    overflow: hidden;
    float: left;
    position: relative;
    max-height: 600px;
    transition: width .4s;
}

.box4_content_item img {
    width: 100%;
    min-height: 100%;
}

.box4_content_item_on {
    width: 34%;
}

.box4_content_item_inact {
    width: 22%;
}

.box4_item_title {
    background: url(../images/d.png) top center no-repeat;
    font-size: 28px;
    color: #D52855;
    top: 64px;
    left: 55px;
    width: 28px;
    position: absolute;
    padding-top: 35px;
    line-height: 1.1;
    font-weight: bold;
    text-shadow: 0 0 10px #fff;
}

.box4_shade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: url(../images/tm.png);
    width: 100%;
    height: 100%;
}

.box4_shade_content {
    padding-top: 255px;
    text-align: center;
}

.box4_shade_content img {
    margin: 0 auto;
    width: auto;
}

.box4_shade_content_title {
    font-size: 28px;
    color: #fff;
    padding: 20px 0
}

.box4_shade_content_more {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    border: 1px #fff solid;
    padding: 5px 10px;
}

.box4_content_item:hover .box4_item_title {
    display: none;
}

.box4_content_item:hover .box4_shade {
    display: block;
}

.box5 {
    width: 90%;
    margin: 76px auto;
}

.box5_title {
    font-size: 28px;
    color: #333;
}

.box5_title a {
    display: inline-block;
    background: url(../images/d.jpg) 0 0 no-repeat;
    height: 14px;
    line-height: 14px;
    padding-left: 25px;
    font-size: 14px;
    color: #6BB661;
}

.box5_content_item {
    float: left;
    width: 33.1%;
    border-left: 2px #f2f2f2 solid;
}

.box5_content {
    padding-top: 48px;
}

.box5_content_item_info {
    padding-left: 38px;
}

.box5_content_item_info_time {
    font-size: 14px;
    color: #999;
    padding-top: 27px;
}

.box5_content_item_info_title {
    font-size: 16px;
    color: #333;
    padding: 15px 0
}

.box5_content_item_pic {
    padding-top: 45px;
    height: 347px;
    overflow: hidden;
}

.box5_content_item_pic img {
    width: 100%;
}

.box6_content {
    padding-top: 35px;
}

.box6_content_item {
    width: 15.6%;
    text-align: center;
    float: left;
    line-height: 2;
    margin-right: 1%;
}

.box6_content_item p {
    font-size: 22px;
}

.products {
    padding-top: 56px;
}

.products_nav {
    text-align: center;
    border-bottom: 2px #f2f2f2 solid;
    margin-bottom: 32px;
    padding-bottom: 15px;
}

.products_nav_item {
    height: 101px;
    width: 250px;
    display: inline-block;
    padding-left: 140px;
    text-align: left;
    position: relative;
}

.products_nav_item h3 {
    font-size: 24px;
    line-height: 1;
    padding: 25px 0 10px;
}

.products_nav_item p {
    color: #999;
}

.products_nav_item:before {
    display: none;
    content: "";
    height: 18px;
    width: 18px;
    background: url(../images/dd.jpg) 0 0 no-repeat;
    position: absolute;
    bottom: -25px;
    left: 47px;
}

.products_nav_item_1 {
    background: url(../images/product_4.png) 0 0 no-repeat;
}

.products_nav_item_2 {
    background: url(../images/product_2.png) 0 0 no-repeat;
}

.products_nav_item_3 {
    /*background: url(../images/product_3.png) 0 0 no-repeat;*/
}
.products_nav_item_4 {
    background: url(../images/product_1.png) 0 0 no-repeat;
}

.products_nav_item_1.on, .products_nav_item_1:hover {
    background: url(../images/product_4_4.png) 0 0 no-repeat;
}

.products_nav_item_2.on, .products_nav_item_2:hover {
    background: url(../images/product_2_2.png) 0 0 no-repeat;
}

.products_nav_item_3.on, .products_nav_item_3:hover {
    background: url(../images/product_3_3.png) 0 0 no-repeat;
}
.products_nav_item_4.on, .products_nav_item_4:hover {
    background: url(../images/product_1_1.png) 0 0 no-repeat;
}

.products_nav_item.on:before {
    display: block;
}

.products_list {width: 85%;margin: 0 auto;}
.products_list ul {overflow: hidden;zoom: 1;}
.products_list li {width: calc(33.3% - 20px);padding: 13px;box-sizing: border-box;background: #f2f2f2;margin:0 10px 10px;float: left;}
.products_list .xj {height: 67px;background: url(../images/xj.png) center no-repeat;}
.products_list .products_list_pic {height: 398px;overflow: hidden;background: #fff;}
.products_list .products_list_pic img {width: 100%;height:100%;}

.products_list_title {text-align: center;
    height: 52px;
    position: relative;
    line-height: 52px;
    background: #fff;
    /*padding-left: 67px;*/
    font-size: 18px;
}

.products_list_title:before {
    content: "";
    background: url(../images/s.jpg) 0 0 no-repeat;
    width: 37px;
    height: 17px;
    position: absolute;
    left: 15px;
    top: 20px;
}

.products_list_title:after {
    content: "";
    background: url(../images/a1.png) 0 0 no-repeat;
    width: 70px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 20px;
}

.products_list li:hover .products_list_title:after {background: url(../images/a2.png) 0 0 no-repeat}

.products_list li:hover {
    background: #feea60;
}

.page {
    text-align: center;
    padding-bottom: 35px;
}

.page a, .page span {
    display: inline-block;
    border: 1px #d9d7d7 solid;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 5px;
}

.page .current {
    background: #fcc800;
    color: #fff;
}

.case_title {
    padding-top: 45px;
    text-align: center;
    padding-bottom: 30px;
}

.case_title h3 {
    font-size: 28px;
    line-height: 2;
}

.case_title p {
    color: #999;
}

.case_nav {
    text-align: center;
    width: 1760px;
    margin: 0 auto;
    border-bottom: 2px #e5e5e5 solid;
    padding-bottom: 22px;
    margin-bottom: 42px;
}

.case_nav_item {
    position: relative;
    display: inline-block;
    width: 116px;
    height: 32px;
    margin: 0 157px;
    line-height: 32px;
    border: 2px #000 solid;
    border-radius: 5px;
    font-weight: normal;
}

.case_nav_item:before {
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    bottom: -35px;
    display: none;
    background: url(../images/dd.jpg) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
}

.case_nav_item.on {
    border-color: #9e59ff;
}

.case_nav_item.on a {
    color: #9e59ff;
}

.case_nav_item.on:before {
    display: block;
}

.case_container {
    background: #f2f2f2;
}

.case_list {
    width: 1680px;
    padding-right: 80px;
    margin: 0 auto;
}

.case_list_title {
    height: 40px;
    padding: 35px 0
}

.case_list_title h3 {
    float: left;
    padding-left: 53px;
    background: url(../images/s.jpg) left center no-repeat;
    font-size: 30px;
    color: #7338ac;
}

.case_list_container {
    width: 1760px;
    margin: 0 auto;
    position: relative;
    height: 752px;
    background: url(../images/x.png) left bottom no-repeat;
}

.case_list_content_w {
    position: absolute;
    top: 0;
    right: 205px;
}

.case_list_content {
    width: 1176px;
    height: 680px;
    position: relative;
}

.case_list_content li {
    width: 1176px;
    height: 680px;
    overflow: hidden;
}

.case_list_content li img {
    width: 100%;
}

.case_list_content .next {
    position: absolute;
    bottom: 56px;
    right: -124px;
}

.case_list_container .zt {
    position: absolute;
    left: 0;
    top: 118px;
    z-index: 99;
}

.case_info {
    padding: 54px;
    text-align: center;
}

.about {
    background: #ffffff;
}

.logo2 {
    padding-bottom: 20px;
}

.about2 {
    padding-top: 55px;
}

.about2 .fr {
    width: 1027px;
}

.about2 .fr p {
    padding-bottom: 15px;
    text-align: justify;
}

.news_banner {
    /*background: url(../images/news.jpg) top center no-repeat;*/
    /*height: 575px;*/
}

.news {
    width: 90%;
    margin: 0 auto;
}

.news .box5_content {
    padding: 0;
    position: relative;
    top: 0px;
    background: #fff;
}

.news .box5_content_item {
    margin-bottom: 54px;
    border: 1px #f2f2f2 solid;
}

.contact {
    background: url(../images/contact.jpg) top center no-repeat;
    height: 536px;
}

.contact_content {
    width: 584px;
    margin: 0 auto;
    padding-top: 264px;
}

.new-content {
    margin: 0 auto;
    width: 1200px;
    padding: 50px 0;
}

.new-content h1 {
    font-size: 32px;
    color: #000;
    text-align: center;
    font-weight: normal;
    padding-bottom: 20px;
}

.time {
    text-align: center;
    padding-bottom: 20px;
}

.new-content .content {
    border-bottom: 1px #f2f2f2 solid;
    padding-bottom: 20px;
    text-align: justify;
    line-height: 2;
}

.content_img {
    text-align: center;
}

.content_img p {
    padding-bottom: 20px;
}

.new-content .next {
    padding: 20px 0;
}

.new-content .next li {
    padding-bottom: 10px;
}

.footer {
    background: #D52855;
    padding: 22px 0;
}

.footer_container {
    width: 90%;
    margin: 0 auto;
    color: #fff;
}

.footer_item {
    width: calc(33.3% - 40px);
    border-right: 2px #fff solid;
    padding-top: 12px;
    height: 117px;
}

.footer_item_2 {
    padding-left: 114px;
}

.footer_item_3 {
    border-right: none;
}

.footer_item_code {
    text-align: center;
    margin-left: 35px;
}

.footer_bottom {
    background: #f2f2f2;
    text-align: center;
    padding: 10px;
}

.footer_bottom span, .footer_bottom span a {
    color: #999;
}

.list_page {
    text-align: center;
    margin: 10px;
    display: block;
}

.list_page:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.list_page ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}

.list_page ul li {
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 4px;
}

.list_page ul a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
    background: #fff;
}

.page_group ul {
    border-right: solid 1px #ddd;
    border-radius: 4px;
}

.page_group ul li {
    border-right: none;
    border-radius: 0;
    float: left;
}

.page_group ul li:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.page_group ul li:first-child {
    border-radius: 4px 0 0 4px;
}

.page_group ul li:last-child {
    border-radius: 0 4px 4px 0;
}

.page_group ul .active a {
    background: #f3f3f3;
    border-radius: 0;
}

.box1_m {
    padding: 5px;
    display: none
}

.box1_m_column {
}

.box1_m_column ul {
    overflow: hidden
}

.box1_m_column ul li {
    float: left;
    border: 2px #eeeeee solid;
    padding: 5px;
    width: calc(25% - 14px);
}

.box1_m_column ul li:hover {
    border-color: #fcc800;
}

.box1_m_column ul li a {
    display: block;
    width: 100%;
    text-align: center
}

.box1_m_column ul li a img {
    margin: auto;
}

.box1_m_column ul li a span {
    display: block
}

.box1_m_list {
    margin-top: 20px;
}

.box1_m_list ul {
    overflow: hidden
}

.box1_m_list ul li {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.box1_m_list ul li a {
    display: block;
    width: 100%;
    text-align: center
}

.box1_m_list ul li a img {
    margin: auto;

}

.box1_m_list ul li a span {
    display: block
}

#box-m-2 {
    display: none
}

#box-m-3 {
    display: none
}

#id2 {
    display: none
}

#id3 {
    display: none
}
#id4 {
    display: none
}
.box2_m {
    display: none
}

.box6 {
    display: none
}
.contet{display: none}
@media only screen and (max-width: 1800px) {
.products_list .products_list_pic{height: 250px;}
}
@media only screen and (max-width: 640px) {
    .box1_m {
        display: block
    }

    .box1 {
        display: none
    }

    .box2 {
        display: none
    }

    .online {
        display: none
    }

    .fullSlide .bd li a {
        height: 173px;
    }

    .fullSlide .bd li {
        height: 173px;
        background-size: 100% !important;
    }

    .fullSlide {
        height: 173px;
    }

    .fullSlide .hd {
        width: 100%;
        bottom: 9px;
    }

    .fullSlide .cell {
        display: none
    }

    .fullSlide .hd ul li {
        width: 15px;
        height: 2px;
    }

    .header_top {
        display: none
    }

    .header_logo {
        width: 100%
    }

    .header_logo img {
        width: 100%
    }

    .w1300 {
        width: 100%;
    }

    .header_phone {
        display: none
    }

    .header_address {
        display: none
    }

    .header_nav li {
        width: 25%;
        margin: 0;
    }

    .header_nav li.on {
        background-size: 100% 100%;
    }

    .header_nav li a {
        height: 40px;
        line-height: 40px;

    }
    /*.products{display: none}*/
    .box2_m {
        width: 100%;
        margin-top: 10px;
        display: block;
    }

    .box2_m .case_list {
        width: 100%;
        padding: 0;
    }

    .box2_m .case_list ul {
        overflow: hidden
    }

    .box2_m .case_list ul li {
        float: left;
        width: 48%;
        margin: 0 1%;
    }

    .box2_m .case_list ul li a {
        display: block;
        width: 100%;
        text-align: center
    }

    .box2_m .case_list ul li a img {
        width: 100%
    }

    .box2_m .case_list ul li a span {
        display: block
    }

    .box2_m .case_column {
    }

    .box2_m .case_column a {
        display: block;
        overflow: hidden;
        padding: 0 10px;
    }

    .box2_m .case_column a h4 {
        background: url(../images/d1.png) left no-repeat;
        float: left;
        background-size: 8px 8px;
        padding-left: 10px;
    }

    .box2_m .case_column a p {
        float: right;
        float: right;
        font-size: 0.2933rem;
        color: #a86bfe;
        padding-top: 0.1333rem;
    }

    .box2_m .case_column a p span {
        margin-left: 5px;
    }

    .box3 {
        display: none
    }

    .box4 {
        display: none
    }

    .box5 {
        display: none
    }

    .box2_m .new_list {
    }

    .box2_m .new_list ul {
    }

    .box2_m .new_list ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .box2_m .new_list ul li p {
        overflow: hidden;
        padding: 0 10px;
        text-align: left;
    }
.case{display: none}
    .box2_m .new_list ul li p span {
        float: right;
        text-align: left;
    }
    .box5_content_item_info_more{
        text-align: left;
        padding:0 10px;
    }
    .box6 {
        background: #53268a;
        padding-top: 0.2rem;
    }

    .box6_content p {
        padding-left: 2rem;
        padding-top: 0.3333rem;
        font-size: 0.32rem;
        color: #ffffff;
        line-height: 1.75;
    }

    .box6_list {
        padding: 0.6667rem 0.5067rem 0.72rem;
    }

    .box6_list ul {
        display: flex;
        justify-content: space-between;
    }

    .box6_list ul li {
        width: 30%;
    }

    .box3_title {
        padding: 0.2667rem;
    }

    .box3_title h3 {
        background: url(../images/d1.png) left center / 0.24rem 0.24rem no-repeat;
        padding-left: 0.36rem;
        font-size: 0.3733rem;
        float: left;
    }

    .footer {
        display: none
    }

    .contet {
        /*padding-top: 0.4rem;*/
        padding: 5px 10px;
    }

    .d {
        background: url(../images/d1.png) top left no-repeat;
        background-position-y: 10px;
        padding-left: 10px;
        background-size: 8px 8px;
    }

    .box_title h2 {
        font-size: 14px;
    }

    .box_title h3 {
        font-size: 12px;
        line-height: 1.5;
        padding-top: 0.1333rem;
    }

    .about_content {
        padding: 0.36rem;
        text-align: justify;
        font-size: 12px;
        line-height: 1.5;
    }
    .news_banner{background-size: 100% 100%!important; height: 120px;}
    .contact{background-size: 100% 100%!important;    background: url(../images/contact_m.jpg) top center no-repeat;    height: 400px;}
    .contact_content{width: 100%;    padding-top: 140px;}
    /*.products_nav{display: none}*/
    .products_list{width: 100%}
    .products_list ul{overflow: hidden;zoom: 1;margin-right:0;}
    .products_list li{width:47%;margin: 5px 1.5%;}
    .products_list .products_list_pic{height: auto}
    .products_list .xj{    background: url(../images/xj.png) center no-repeat;
        background-size: 260%;}
    .products_list .products_list_pic img{height:120px; }
    .products_list_title{height: 25px;line-height: 25px;background: #f2f2f2;padding-left: 0;font-size: 12px;text-align: center;}
    .products_nav_item_1{background: none}
    .products_nav_item_2{background: none}
    .products_nav_item_3{background: none}
    .products_nav_item{height: auto;
        width: 32.6%;padding-left: 0}
    .products_nav_item h3{font-size: 16px;text-align: center;    padding: 0px 0 10px;}
    .products{padding-top: 0}
    .box22_container{width: 100%;}
    .box22_left{width: 100%;}
    .box22_left_title1{font-size: 18px;}
    .box22_left_title2{font-size: 18px;}
    .box22_left_content p{font-size: 12px;}
    .box22{padding: 73px 10px;}
    .about2 .fr{width: 100%}
.products_nav{display:none}
.box1_m_list ul li a img{height:135px}
.box1_m_list ul li a span{overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;}
.box1_m_column ul li a span{overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;}
.new-content{
    width: calc(100% - 20px);
    padding: 50px 10px;
}
}









