/* CSS Document */

body {
    margin: 0 auto;
    font-size: 15px;
    font-family: "微软雅黑", "Microsoft Yahei";
    color: #222;
    background: #ffffff;
    line-height: 28px;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
abbr,
del,
dfn,
em,
img,
ins,
strike,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
object,
col,
colgroup,
caption,
summary,
tbody,
tfoot,
thead,
th {
    margin: 0;
    padding: 0;
    border: 0;
}

input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    -webkit-appearance: none;
}

ul,
li,
ol,
li {
    list-style: none;
}

body {
    font-style: normal;
    font-variant: normal;
    width: 100%;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

a {
    text-decoration: none;
    outline: none;
    color: #222;
}

a:hover {
    color: #ea0000
}

li {
    list-style: none
}

a {
    cursor: pointer
}

dl,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

img {
    vertical-align: middle;
}

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

dl,
li,
ol,
ul {
    list-style: none
}

ul,
li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

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

.clearfix:after {
    clear: both
}

element.style {
    height: auto !important
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

textarea {
    resize: none;
}

#LRdiv0 {
    display: none !important;
}

* {
    -webkit-appearance: none;
}


/*head*/

.top {
    overflow: hidden;
    margin: 0px auto;
    max-width: 1200px;
    margin-bottom: 10px;
    margin-top: 8px;
}

.top .logo {
    float: left;
}

.top .tel {
    float: right;
    margin-top: 20px;
}

.nav-right,
.daohang {
    width: 100%;
    background: #0066cc;
    overflow: hidden;
}

.nav {
    max-width: 1200px;
    margin-top: 15px;
    margin: 0 auto;
    overflow: hidden;
}

.nav li {
    float: left;
    font-weight: bolder;
    width: 12.9%;
    text-align: center;
    line-height: 47px;
    margin: 0 6px;
}

.nav li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 15px
}

.nav li a:hover,
.nav li a.hover {
    background: #F00;
    color: #fff;
}

.ingzyl {
    width: 710px;
    background: url(/template/images/sonline.jpg) right bottom no-repeat;
    margin-bottom: 30px;
    margin-top: 20px;
}

.ingzyl div {
    width: 310px;
    margin: 0 19px;
    display: inline-block;
    line-height: 27px;
}

.ingzyl img {
    margin-top: 40px;
    border: #ccc 1px solid;
}

.waper {
    width: 1000px;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    border: 1px solid #f0f0f0;
}

.index {
    overflow: hidden;
    margin-bottom: 30px;
}

.inpro {
    overflow: hidden;
    padding-bottom: 30px;
}

.inpro li {
    width: 22.8%;
    float: left;
    margin-right: 7px;
    border: 1px solid #eee;
    padding: 0px 7px;
}

.inpro li:hover {
    border: 1px solid #ea0000;
}

.inpro li a {
    font-size: 15px;
    line-height: 30px;
}

.inpro .title-sy {
    text-align: center;
    font-weight: 700
}

.inpro li img {
    margin-bottom: 5px;
}

.inpro li p {
    line-height: 28px;
    margin-bottom: 7px;
}

.inpro li p span {
    color: #ea0000;
}


/*.................移动站  新添加................................*/

.footer-telephone {
    display: none;
}

#map_canvas {
    max-width: 1200px;
    margin: 20px auto
}

.banner-index {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: none;
}

.psyp2 a,
.pxyp,
.psyp2 span {
    width: 100%
}

.product-title ul li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: inline-block;
    width: 95%;
}

.product-title .timely_news_title {
    font-size: 15px;
    color: #de0000;
    padding-left: 10px;
}

.float-left .timely_news_title {
    font-size: 17px;
    font-weight: 900;
    border-bottom: #d8d8d8 1px dotted;
    line-height: 35px;
}

.flexslider {
    position: relative;
    height: 520px;
    overflow: hidden;
    background: url(/template/images/loading.gif) 50% no-repeat;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 520px;
}

.slides li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    text-indent: -9999px
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    left: 47.5%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    float: left;
    height: 14px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
}

.flex-control-nav a:hover {
    background: #FC0
}

.flex-control-nav .flex-active {
    background-position: 0 0;
    background: #FC0;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 200px;
    background: url(/template/images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 200px;
    background: url(/template/images/next.png) center center no-repeat;
}


/*20170616*/

.banner_1 {
    display: none;
}

#snavbg {
    background: #f0f0f0
}

#gotoTop2 {
    width: 56px;
    height: 56px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    background: url(/template/images/his-totop.png) no-repeat center;
    display: none;
}

#gotoTop2 {
    _position: absolute;
    _right: 4%;
    _bottom: 10%;
    _top: expression_r(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")
}

.clBox {
    border: #e7e7e7 1px dotted;
    width: 100%;
    overflow: hidden;
    background: #f0f0f0;
    padding: 1%
}

.mo-right {
    position: fixed;
    right: 1%;
    top: 70%;
    z-index: 99;
}

.mo-right .tel {
    display: none;
    display: block;
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
    background: url('/template/images/r-tel.gif') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-indent: -9999px;
    display: none;
}


/*20170803*/

.content {
    max-width: 1200px;
    margin: 30px auto;
    overflow: hidden;
}

.prduct_text {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 35px
}

.prduct_text .text_h1 {
    position: relative;
    display: -webkit-box;
    margin: 0;
    color: #182133;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 30px;
}

.prduct_text .text_h1 h1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    color: #000;
    font-size: 36px;
}

.prduct_text .text_h1:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.prduct_text .text {
    font-size: 17px;
    color: #000;
    margin-bottom: 10px;
    background: url(/template/images/text.png) no-repeat 0px 50%;
    padding-left: 60px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.prduct_img {
    float: left;
    width: 58.3%;
    margin-top: 35px;
}

.prduct_img img {
    width: 100%;
    height: auto
}

.prduct_abstract {
    float: right;
    width: 38%;
    margin-top: 25px;
}

.prduct_abstract p {
    font-size: 15px;
    margin-bottom: 10px
}

.prduct_abstract span {
    color: #ea0000;
    font-size: 16px;
}

.product-introduce table {
    font-size: 13px;
    line-height: 32px
}

.product-introduce p {
    margin-bottom: 10px;
    text-indent: 0em;
}

.product-introduce embed {
    margin-bottom: 10px;
    margin-top: 10px;
}

.product-introduce img {
    margin-bottom: 5px;
}

.prduct_abstract ul {
    margin-top: 30px;
    overflow: hidden;
    margin-left: -1.5%
}

.stone li {
    width: 18.3%;
    float: left;
    text-align: center;
    margin-left: 1.5%
}

.stone li img {
    width: 100%;
    height: auto
}


/*.stone .stone_more{ background:#eee; font-size:40px;display: inline-block; line-height:65px; }*/

.stone .stone_more a {
    color: #999
}

.business {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}

.business .click_1 {
    background: #272636;
    line-height: 50px;
    cursor: pointer;
    float: left;
    width: 45%;
}

.business .click_1 a {
    background: url(/template/images/line_equipment.png) no-repeat 30px 50%;
    display: block;
    padding-left: 76px;
    font-size: 18px;
    color: #fff;
}

.business .click_2 {
    background: #ea0000 url(/template/images/hot.png) no-repeat right;
    line-height: 50px;
    cursor: pointer;
    float: right;
    width: 45%
}

.business .click_2 a {
    background: url(/template/images/cone_2.png) no-repeat 20px 50%;
    display: block;
    padding-left: 55px;
    font-size: 18px;
    color: #fff;
}

.prduct_abstract .organizer {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: url(/template/images/organizer.png) no-repeat 0px 50%;
    padding-left: 70px
}

.prduct_abstract .organizer span a {
    font-family: "Impact";
    font-size: 28px;
    color: #ea0000
}

.float_text {
    width: 76%;
    margin-top: 30px;
    float: left
}

.product_nav {
    width: 100%;
    overflow: hidden;
    border-bottom: #f0f0f0 1px solid;
}

.product_nav li {
    width: 20%;
    float: left;
    text-align: center;
    background: #f0f0f0;
}

.product_nav a {
    display: block;
    color: #272636;
    font-size: 17px;
    padding: 12px 0;
    border-right: #fff 2px solid;
    position: relative;
}

.product_nav li.active a {
    background: #272636;
    color: #fff;
    display: block;
}

.pi01 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/template/images/pi01.png) no-repeat;
    margin: 0 auto
}

.pi02 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/template/images/pi02.png) no-repeat;
    margin: 0 auto
}

.pi03 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/template/images/pi03.png) no-repeat;
    margin: 0 auto
}

.pi04 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/template/images/pi04.png) no-repeat;
    margin: 0 auto
}

.pi05 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/template/images/pi05.png) no-repeat;
    margin: 0 auto
}

.product_nav .title_1 {
    display: none !important;
}


/*.product_nav li a:hover{ background:#F00; color:#fff}*/

.product_list {
    width: 21%;
    margin-top: 30px;
    float: right;
    margin-bottom: 30px;
}

.product_list .title {
    font-size: 18px;
    padding-left: 10px;
    background: #ea0000;
    line-height: 45px;
    text-align: center;
    color: #fff;
}

.product_hot {
    background: #f0f0f0;
    overflow: hidden;
    padding: 25px 20px;
}

.product_hot li {
    background: #fff;
    margin-bottom: 15px;
    text-align: center;
    line-height: 32px
}

.product_hot li img {
    width: 100%;
    height: auto
}

.product_news {
    overflow: hidden;
    border: #f0f0f0 1px solid;
    padding: 20px 10px;
}

.product_list .title_news {
    font-size: 18px;
    padding-left: 10px;
    background: #0066cc;
    line-height: 45px;
    text-align: center;
    color: #fff;
}

.product_news li {
    background: url(/template/images/tage.jpg) no-repeat left;
    padding-left: 15px;
    line-height: 32px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 98%
}

.product-introduce {
    width: 100%;
    overflow: hidden;
}

.product-introduce h2 {
    font-size: 24px;
    margin-bottom: 15px;
    /*margin-top:20px*/
    background: url(/template/images/pro_t.png) no-repeat left center;
    padding-left: 35px
}

.product-introduce img {
    margin-bottom: 15px
}

.product-introduce a {
    color: #ea0000
}

.product-introduce h3 {
    margin-bottom: 6px;
    margin-top: 10px;
    color: #ea0000
}

.product-introduce table {
    margin-top: 15px;
}

.related_new {
    margin-top: 36px;
    width: 100%;
    overflow: hidden;
}

.related_new .title {
    font-size: 23px;
    font-weight: 700
}

.related_new ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 15px;
}

.related_new li {
    float: left;
    width: 48.5%;
    margin-left: 1.5%
}

.related_new a {
    line-height: 32px;
    background: url(/template/images/title-01.png) 0px 50% no-repeat;
    padding-left: 15px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 98%
}

.messages {
    width: 98%;
    margin: 30px auto;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    -wekit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.messages::after {
    background: url('/template/images/mes_gc.png') no-repeat;
    width: 213px;
    height: 157px;
    background-size: cover;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
}

.messages .msg_tit {
    padding: 30px 25px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: relative;
}


/* .messages .msg_tit em{ float: left; display: block; width:120px; height: 120px; margin-right: 20px; background: url(/template/images/ico_msg.png) no-repeat;background-size: 120px;} */

.messages .msg_tit::before {
    background: url('/template/images/msg_tit_01.png') no-repeat;
    width: 37px;
    height: 38px;
    display: block;
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
}

.messages .msg_tit::after {
    background: url('/template/images/msg_tit_02.png') no-repeat;
    width: 37px;
    height: 38px;
    display: block;
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
}

.messages .box {
    box-shadow: 0px 3px 20px #eee;
    padding: 30px 40px 30px;
    box-sizing: border-box;
}

.messages .msg_tit b {
    color: #222;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin: 15px 0;
    position: relative
}

.messages .msg_tit b::after {
    background: url(/template/images/ly_jt.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: 20px;
    width: 22px;
    height: 8px;
}

.messages .msg_tit p {
    display: inline;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    margin-left: 40px;
}

.messages .msg_tit p span {
    color: #ff0000;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}

.messages .msg_fill {
    float: left;
    width: 350px;
}

.m_msg_fill {
    display: none
}

.msg_fill .mes_left {
    overflow: hidden;
}

.msg_fill .mes_left .mes_left_h {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.msg_fill .mes_left .mes_left_h span {
    font-size: 26px;
    color: #333;
    margin-right: 5px;
}

.msg_fill .mes_left .mes_left_h span strong {
    font-size: 50px;
    color: #ff0000;
    margin: 0 10px;
    line-height: 50px;
}

.msg_fill .mes_left li {
    margin-bottom: 10px;
}

.msg_fill .mes_left li p {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.msg_fill .mes_left li i {
    position: relative;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin-right: 13px;
    font-weight: normal;
    display: inline-block;
    background: url('/template/images/num_bg.png') no-repeat;
    background-size: cover;
    width: 36px;
    height: 36px;
}

.msg_fill .mes_left li i::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    background: url('/template/images/dian.png') no-repeat;
    height: 30px;
    width: 3px;
    content: "";
    display: block;
}

.msg_fill .mes_left li.last i::after {
    background: none;
}

.msg_fill .mes_left li span {
    font-size: 16px;
    color: #333;
    margin-left: 40px;
}

.messages form {
    overflow: hidden
}

.messages form ul {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

.messages form ul li {
    width: 97%;
    height: auto;
    line-height: normal;
    border-bottom: none;
    margin-bottom: 30px;
    position: relative;
    margin-top: 20px;
}

.messages form ul li::before {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    display: block;
    content: "";
    position: absolute;
    right: -8px;
    top: -8px;
}

.messages form ul li.msg_area {
    width: 97%;
    height: 160px;
}

.messages form ul li.msg_area::before {
    width: 100%;
    height: 160px;
    border: 1px solid #ccc;
    display: block;
    content: "";
    position: absolute;
    right: -8px;
    top: -8px;
}

.messages form ul li textarea {
    clear: both;
    width: 100%;
    color: #333;
    position: relative;
    z-index: 2;
    font-size: 16px;
    height: 160px;
    line-height: 24px;
    border: none;
    border: 1px solid #ccc;
    padding-left: 50px;
    padding-top: 15px;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
}

.messages form ul li input {
    height: 50px;
    line-height: 50px;
    width: 100%;
    color: #666;
    font-size: 16px;
    border: 1px solid #ccc;
    text-indent: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

.messages form ul li .msg_name {
    background: url(/template/images/icon_mag01.png) #FFF no-repeat 10px center;
    background-size: 24px;
}

.messages form ul li .msg_tel {
    background: url(/template/images/icon_mag02.png) #FFF no-repeat 10px center;
    background-size: 24px;
    position: relative;
}

.messages form ul li font {
    position: absolute;
    color: #ff0000;
    right: 10px;
    top: 5px;
    z-index: 20;
    font-size: 24px
}

.messages form ul li .msg_areas {
    background: url(/template/images/icon_mag03.png) #FFF no-repeat 10px 12px;
    background-size: 24px;
}

.msg_btn {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
}

.msg_btn input {
    display: block;
    width: 100%;
    height: 60px;
    color: #FFF;
    font-size: 22px;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    background-color: #ff0000;
}

.messages form ul li.dh {
    position: relative;
}

.messages form ul li.dh::after {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    background-size: cover;
    display: block;
    content: "";
    background: url(/template/images/hxw.png) no-repeat;
    z-index: 10;
}

.msg_btn::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}

.msg_btn:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ECEFF1;
    background-color: rgba(255, 0, 0, 0.8);
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}

.msg_btn:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.product_line {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.product_line .title {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
}

.product_line dl {
    width: 100%;
    overflow: hidden;
    background: #f0f0f0;
    margin-bottom: 15px;
}

.product_line dt {
    float: left;
    width: 25%
}

.product_line dd {
    float: right;
    width: 71%;
    padding: 5px
}

.product_line span {
    color: #ea0000
}

.product_line .tit {
    font-size: 17px;
}

.product_line p {
    margin-bottom: 8px;
}

.product_line img {
    width: 100%;
    height: auto
}

.container_sub {
    width: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.container {
    overflow: hidden;
    line-height: 45px;
    border-bottom: 1px solid #f0f0f0;
    max-width: 1200px;
    margin: 0 auto
}

.container_sub {
    width: 100%;
}

.container a {
    line-height: 32px;
}

.recommend_sub {
    overflow: hidden;
    width: 100%;
    background: #f5f5f5
}

.recommend {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.recommend ul {
    overflow: hidden;
    width: 100%
}

.recommend li {
    width: 31.5%;
    float: left;
    font-size: 15px;
    border: 1px solid #f5f5f5;
    text-align: center;
    line-height: 32px;
    margin: 0 0.7% 20px;
}

.recommend li img {
    width: 100%;
    height: auto
}

.recommend_title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 35px;
}

.recommend_sub {
    overflow: hidden;
    width: 100%;
    background: #f5f5f5
}

.field {
    overflow: hidden;
    padding: 0% 3%;
    margin-bottom: 15px;
}

.field a {
    font-size: 20px;
    font-weight: 700;
}

.field span {
    color: #00479d;
    padding-right: 20px;
}

.field .field_txt {
    color: #003162;
    border-bottom: 1px solid #ccc;
    background: url(/template/images/youshi.png) no-repeat 0px 9px;
    padding-left: 40px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.field p {
    line-height: 32px;
}

.parts_pro {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.parts_pro .title {
    font-size: 18px;
    font-weight: 700;
}

.parts_pro ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 15px
}

.parts_pro li {
    margin-left: 1.5%;
    width: 23.5%;
    float: left;
}

.parts_pro .con {
    background: #f5f5f5;
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 20px;
}

.parts_pro .p1 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.parts_pro img {
    width: 100%;
    height: auto
}

.parts_pro .more {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    background: url(/template/images/more.png) no-repeat 80px 50%;
    display: block;
}

.parts_pro .more:hover {
    background: url(/template/images/more1.png) no-repeat 80px 50%;
    color: #fff
}

.parts_pro .con:hover,
.parts_pro .more a:hover,
.parts_pro .img:hover {
    background: #272636;
    color: #fff;
}

.parts_pro .con:hover .parts_pro .p1 a.p3 {
    color: #fff;
}

.parts_pro li:hover a.p3 {
    color: #fff;
}

.xzh-qm {
    display: none;
}

.innews {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px
}

.innews .title {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 10px;
}

.innews .title .p1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: 700;
    color: #272636;
}

.innews .title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.innews_left {
    float: left;
    width: 37%;
    margin-top: 30px;
}

.innews_left ul {
    padding: 10px 15px;
    margin-top: 15px;
    border: 1px solid #f0f0f0;
}

.innews_left .tit,
.innews_right .tit {
    font-size: 18px;
    font-weight: 700
}

.innews_right .tit a {
    font-size: 14px;
    float: right;
    font-weight: normal
}

.innews_left li {
    line-height: 37px;
    background: url(/template/images/title-01.png) no-repeat 0px 50%;
    padding-left: 20px;
    border-bottom: 1px dashed #f0f0f0;
}

.innews_right {
    float: right;
    width: 60%;
    margin-top: 30px;
}

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

.innews_right li {
    overflow: hidden;
    border-bottom: 1px #d8d8d8 dashed;
    margin-bottom: 15px;
    padding-bottom: 11px;
}

.innews_right li .time {
    float: left;
    font-family: Arial;
    padding: 5px 0;
    width: 80px;
    color: #fff;
    background: #ccc;
    text-align: center;
}

.innews_right li .ri {
    display: block;
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.innews_right li .year {
    display: block;
    font-size: 14px;
}

.innews_right li .intnew {
    float: right;
    width: 85%;
}

.innews_right li .tits {
    padding-bottom: 7px;
    font-size: 20px;
    font-weight: 100;
    color: #333;
}

.innews_right .text {
    color: #999;
    line-height: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.incomp {
    width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 30px;
}

.incomp_title {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    background: url(/template/images/incomp_title.png) no-repeat center;
}

.incomp_title .title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px;
    color: #fff;
}

.incomp_title .tit {
    color: #fff;
    text-align: center;
    padding: 0px 10%;
    font-size: 16px;
    margin-bottom: 15px;
}

.incomp_about {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px
}

.incomp_about dl {
    width: 100%;
    overflow: hidden;
}

.incomp_about dt {
    float: left;
    width: 40%;
    margin-top: 10px
}

.incomp_about dt p {
    margin-top: 25px;
    font-size: 15px
}

.incomp_about dt strong {
    font-size: 18px;
}

.incomp_about dt span {
    font-size: 18px;
    color: #ea0000;
    font-family: "方正综艺简体";
}

.incomp_about dd {
    float: right;
}

.incomp_about dd img {
    width: 100%;
    height: auto
}

.service_title {
    font-size: 18px;
    color: #ea0000;
    font-weight: bold;
    text-shadow: 1PX 1PX 0PX #FFFFFF;
}

.incomp_service {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.service_left {
    width: 38%;
    float: left;
    margin-top: 20px;
}

.service_right {
    float: right;
    margin-left: 1px;
    width: 60%;
    margin-top: 20px;
}

.service_right li:hover {
    background: #0066cc;
    color: #fff
}

.service_right li {
    float: left;
    width: 24.8%;
    margin-left: 1px;
    table-layout: auto;
    background: #ffffff;
    margin-bottom: 1px;
    padding-bottom: 15px;
    padding-top: 5px
}

.service_right li span {
    font-size: 17px;
}

.service_right .con_tent_1 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_11.png) no-repeat center;
    display: block;
}

.service_right .con_tent_2 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_12.png) no-repeat center;
    display: block;
}

.service_right .con_tent_3 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_13.png) no-repeat center;
    display: block;
}

.service_right .con_tent_4 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_14.png) no-repeat center;
    display: block;
}

.service_right .con_tent_5 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_15.png) no-repeat center;
    display: block;
}

.service_right .con_tent_6 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_16.png) no-repeat center;
    display: block;
}

.service_right .con_tent_7 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_17.png) no-repeat center;
    display: block;
}

.service_right .con_tent_8 {
    width: 131px;
    height: 75px;
    margin: 0 auto;
    background: url(/template/images/con_tent_18.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_8 {
    margin: 0 auto;
    background: url(/template/images/con_tent_19.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_7 {
    margin: 0 auto;
    background: url(/template/images/con_tent_20.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_6 {
    margin: 0 auto;
    background: url(/template/images/con_tent_21.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_5 {
    margin: 0 auto;
    background: url(/template/images/con_tent_22.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_4 {
    margin: 0 auto;
    background: url(/template/images/con_tent_23.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_3 {
    margin: 0 auto;
    background: url(/template/images/con_tent_24.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_2 {
    margin: 0 auto;
    background: url(/template/images/con_tent_25.png) no-repeat center;
    display: block;
}

.service_right li:hover .con_tent_1 {
    margin: 0 auto;
    background: url(/template/images/con_tent_26.png) no-repeat center;
    display: block;
}

.bonline {
    max-width: 1200px;
    overflow: hidden;
    margin: 20px auto;
}

.principle {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.bonline dl {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.bonline dt {
    width: 58%;
    float: left
}

.bonline dd {
    width: 36%;
    float: right;
    border: #f0f0f0 1px solid;
    padding: 0px 20px
}

.bonline dd img {
    width: 100%;
    height: auto
}

.bonline .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.bonline_title {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 10px;
}

.bonline_title .p1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: 700;
    color: #272636;
}

.bonline_title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.principle p {
    margin-bottom: 10px
}

.principle img {
    width: 100%;
    height: auto
}

.bonline .model {
    float: left;
    width: 46.5%;
    background: #f5f5f5 url(/template/images/gx_bj.jpg) no-repeat;
    padding: 0px 10px;
    margin-top: 30px;
}

.bonline .model img {
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.bonline .model .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 15px;
}

.bonline .model p {
    margin-bottom: 13px
}

.bonline dt p {
    margin-bottom: 15px;
    padding: 5px 10px;
    border-bottom: #f0f0f0 1px solid;
    background: #f0f0f0
}

.bonline dt .p1 {
    background: #FD9D21;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    float: left;
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 55px
}

.bonline dt .p2 {
    background: #FF6767;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    float: left;
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 55px
}

.bonline dt .p3 {
    background: #61A3EC;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    float: left;
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 55px
}

.scene {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

.scene .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}

.scene ul {
    width: 100%;
    overflow: hidden;
    margin-left: -1.5%
}

.scene li {
    float: left;
    width: 23.4%;
    text-align: center;
    margin-left: 1.5%;
    margin-top: 20px;
    line-height: 28px;
}

.scene img {
    width: 100%;
    height: auto
}

.scene_sub {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: #f0f0f0;
    margin-top: 35px
}

.scene_r {
    width: 90%;
    float: right;
}

.scene_r p {
    font-size: 16px;
}

.scene_l {
    width: 94px;
    height: 99px;
    float: left;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    background: url(/template/images/scene_2.png) no-repeat;
    text-align: center;
    color: #fff;
}

.scene_l a {
    color: #fff
}

.prolist {
    width: 100%;
    overflow: hidden;
}

.prolist ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 30px;
}

.prolist .title {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    text-align: center
}

.prolist li {
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    text-align: center;
    margin-bottom: 20px;
}

.prolist img {
    width: 100%;
    height: auto
}

.prolist_hot {
    width: 100%;
    overflow: hidden;
    margin-top: 10px
}

.prolist_hot ul {
    overflow: hidden;
    margin-top: 30px
}

.prolist_hot li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 35px
}

.prolist_hot .img {
    width: 58.3%;
    float: left;
}

.prolist_hot .img img,
.prolist_hot .img_r img {
    width: 100%;
    height: auto
}

.prolist_hot .prolist_f {
    width: 39%;
    float: right;
    /*background:#f5f5f5;*/
    /*padding:2%; padding-top:0px*/
    padding-bottom: 20px;
}

.prolist_hot .title {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 10px;
}

.prolist_hot .title .p1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: 700;
    color: #272636;
}

.prolist_hot .title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.prolist_f .title_f,
.prolist_l .title_f {
    font-size: 28px;
    font-weight: 700
}

.prolist_f p {
    margin-bottom: 15px;
    font-size: 15px;
}

.prolist_l p {
    margin-top: 14px;
    padding: 0px 20px;
    font-size: 15px;
}

.prolist_f p span,
.prolist_l p span {
    margin-right: 10px;
    color: #ea0000
}

.prolist_f ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 10px;
    margin-bottom: 20px
}

.prolist_l ul {
    overflow: hidden;
    margin-left: 1.5%;
    margin-top: 10px;
    margin-bottom: 10px
}

.prolist_f ul li,
.prolist_l ul li {
    width: 18% !important;
    float: left;
    margin-left: 1.5%;
    text-align: center !important;
    margin-bottom: 0px !important
}

.prolist_f .title_l,
.prolist_l .title_l {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 53px;
    background: #ea0000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px;
}

.prolist_f img,
.prolist_l img {
    width: 100%;
    height: auto
}

.prolist_f .moes,
.prolist_l .moes {
    line-height: 35px;
    cursor: pointer;
    float: left;
    width: 25%;
    border: #272636 1px solid;
    margin-left: 20px;
}

.prolist_f .moes a,
.prolist_l .moes a {
    display: block;
    font-size: 14px;
    background: url(/template/images/more.png) no-repeat 10px 50%;
    text-align: center
}

.prolist_f strong,
.prolist_l strong {
    font-size: 15px;
}

.prolist_f .moes:hover a,
.prolist_l .moes:hover a {
    background: url(/template/images/more01.png) no-repeat 10px 50%;
}

.prolist_hot .img_r {
    width: 58.3%;
    float: right;
}

.prolist_l {
    width: 39%;
    float: left;
    background: #f5f5f5;
    /*padding:2%; padding-top:0px*/
    padding-bottom: 20px;
}

.lina_list ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 20px;
}

.lina_list li {
    width: 31.5%;
    margin-left: 1.5%;
    float: left;
    margin-bottom: 25px;
    border: #f0f0f0 1px solid;
}

.lina_list p {
    margin-bottom: 5px;
    padding: 0px 10px;
}

.lina_list .tit {
    font-size: 17px;
    text-align: center
}

.lina_list span {
    color: #F00;
    font-size: 15px;
}

.lina_list img {
    margin-bottom: 5px;
    width: 100%;
    height: auto
}

.line {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px
}

.line img {
    float: left;
    width: 58.5%;
    margin-top: 35px;
}

.line .line_r {
    float: right;
    width: 38%;
    margin-top: 65px;
}

.line_h1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 5px;
}

.line_h1 h1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 36px;
    font-weight: 700;
    color: #272636;
    line-height: 40px
}

.line_h1:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.line .line_r p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333
}

.line .line_r .organizer {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: url(/template/images/organizer.png) no-repeat 0px 50%;
    padding-left: 70px
}

.line .line_r .organizer span {
    font-family: "Impact";
    font-size: 28px
}

.line .line_r span {
    color: #ea0000;
    font-size: 16px;
}

.line .line_r d {
    color: #000;
    font-weight: bold;
}

.line_title {
    width: 100%;
    overflow: hidden
}

.line_title p {
    margin-bottom: 8px;
    text-indent: 2em;
}

.line_title .title {
    background: #f0f0f0 url(/template/images/line_title.png) no-repeat 0px 0px;
    height: 55px;
    padding-top: 10px;
    margin-bottom: 30px;
    padding-left: 25px;
    font-size: 23px;
    color: #fff;
    font-weight: 700
}

.support_products {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.support_products .title {
    font-size: 15px;
    font-weight: 700;
    font-size: 22px;
    border-bottom: #f0f0f0 1px solid;
}

.support_products ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 20px;
}

.support_products li {
    width: 23.5%;
    float: left;
    margin-left: 1.5%;
    text-align: center
}

.support_products li img {
    width: 100%;
    height: auto
}

.newslist_left {
    overflow: hidden;
    width: 100%;
    /*margin-top:10px;*/
}

.newslist_left li {
    overflow: hidden;
    border-bottom: 1px #d8d8d8 dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.newslist_left li .time {
    float: left;
    font-family: Arial;
    padding: 5px 0;
    width: 80px;
    color: #fff;
    background: #ccc;
    text-align: center;
}

.newslist_left li .ri {
    display: block;
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.newslist_left li .year {
    display: block;
    font-size: 14px;
}

.newslist_left li .intnew {
    float: right;
    width: 88%;
}

.newslist_left li .tit {
    padding-bottom: 7px;
    font-size: 20px;
    font-weight: 100;
    color: #333;
}

.newslist_left .text {
    color: #999;
    line-height: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content_news {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 30px
}

.content_news .title {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 10px;
}

.content_news .title .p1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: 700;
    color: #272636;
}

.content_news .title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.news_sub {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: #f0f0f0;
    margin-top: 15px;
}

.newslist {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.newslist_info {
    width: 36%;
    float: left;
    margin-top: 30px;
    background: #fff;
    padding: 10px
}

.newslist_info .time {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
    color: #333333
}

.newslist_info span {
    float: right;
    color: #888
}

.newslist_info img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.innews_info {
    float: right;
    width: 60%;
    margin-top: 15px;
}

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

.innews_info li {
    margin-bottom: 9px;
    overflow: hidden;
    padding: 14.5px 10px;
    background: #fff
}

.innews_info .img {
    float: left;
    width: 20%;
    margin-right: 15px
}

.innews_info h3 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
    color: #333333
}

.innews_info .word {
    width: 75%;
    float: right
}

.innews_info .data,
.newslist_info .data {
    float: right;
    color: #888;
    font-size: 13px;
}

.news {
    overflow: hidden;
    width: 100%
}

.news h1 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
}

.news p {
    text-indent: 2em;
    line-height: 28px;
    margin-bottom: 10px;
}

.news a {
    color: #ea0000
}

.advisory {
    background: #ea0000;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
}

.news h2,
.news h3 {
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 15px;
    padding-left: 25px;
    background: url(/template/images/news_t.png) no-repeat left center;
    background-size: 20px
}

.pager {
    width: 99%;
    overflow: inherit;
    border: #272636 1px double;
    overflow: hidden;
    margin-top: 30px;
    background: #f5f5f5;
    line-height: 45px;
    padding: 0px 20px;
    font-size: 15px;
}

.pager span {
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pager a:hover {
    color: #eb0000
}

.cone-tel {
    float: left;
    width: 32%;
    overflow: hidden;
    background: url(/template/images/organizer_1.png) no-repeat 0px 50%;
    padding-left: 60px;
}

.cone-tel a {
    font-size: 25px;
    font-family: "Impact";
}

.cone-emai {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.cone-emai .c1 {
    background: #272636;
    line-height: 50px;
    cursor: pointer;
    float: right;
    width: 45%;
}

.cone-emai .c1 a {
    display: block;
    padding-left: 80px;
    font-size: 18px;
    color: #fff;
    background: url(/template/images/line_equipment.png) no-repeat 40px 50%;
}

.cone-emai .c2 {
    background: #ea0000 url(/template/images/hot.png) no-repeat right;
    line-height: 50px;
    cursor: pointer;
    float: right;
    width: 45%;
}

.cone-emai .c2 a {
    background: url(/template/images/cone_2.png) no-repeat 30px 50%;
    display: block;
    padding-left: 71px;
    font-size: 18px;
    color: #fff;
}

.parts {
    width: 100%;
    overflow: hidden;
}

.parts .title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #272636
}

.parts ul {
    overflow: hidden;
    margin-left: -2%;
    margin-top: 30px
}

.parts li {
    float: left;
    width: 29%;
    margin-left: 2%;
    margin-bottom: 30px;
    background: #f5f5f5;
    padding: 0px 8px;
    border: #f0f0f0 1px double;
    border-bottom: #272636 1px double;
}

.parts li:hover {
    background: #fff
}

.parts li p {
    margin-bottom: 10px
}

.parts img {
    width: 100%;
    height: auto
}

.parts .tit {
    font-size: 17px;
    text-align: center;
    font-weight: 700
}

.parts_text {
    width: 100%;
    overflow: hidden;
}

.parts_text h1 {
    color: #000;
    font-size: 25px;
    text-align: center;
    margin-bottom: 25px;
}

.parts_text p {
    line-height: 28px;
    margin-bottom: 10px;
    text-indent: 2em;
}

.parts_text h2 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 20px
}

.text_introduction {
    overflow: hidden;
    background: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 30px;
}

.text_introduction .introduction_l {
    float: left;
    margin-top: 10px;
    font-size: 18px;
    width: 88px;
    height: 52px;
    background: url(/template/images/daodu.png) no-repeat;
    padding-top: 20px;
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    color: #272636
}

.text_introduction .introduction_r {
    width: 86%;
    float: right;
    font-size: 16px;
    line-height: 32px;
    text-indent: 0em;
    margin-top: 10px
}

.contact_sub {
    background: url(/template/images/liuc.jpg) no-repeat center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.contact_list {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
}

.contact_list .title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #272636
}

.contact_list .tit {
    font-size: 16px;
    text-align: center
}

.contact_list ul {
    overflow: hidden;
    margin-left: -1.5%
}

.contact_list li {
    margin-top: 5px;
    margin-left: 1.5%;
    width: 23.5%;
    height: 150px;
    background: #FFF;
    float: left;
    margin-top: 30px;
    position: relative
}

.contact_list .img {
    position: absolute;
    left: 20px;
    top: 35px;
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    overflow: hidden;
    background: #272636
}

.contact_list .p1 {
    font-size: 18px;
    color: #3c3c3c;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 700
}

.contact_list .p2 {
    font-size: 14px;
    color: #898989;
    text-align: left;
    line-height: 25px;
    padding-right: 10px
}

.contact_list li:hover .p1,
.contact_list li:hover .p2 {
    color: #fff !important;
}

.contact_list .titles {
    max-width: 59%;
    position: absolute;
    right: 0px;
    top: 30px
}

.contact_list li:hover {
    background: #272636;
    cursor: pointer;
    color: #fff
}

.contact {
    width: 100%;
    overflow: hidden;
}

.contact .title {
    font-size: 24px;
    font-weight: 700;
    color: #272636
}

.contact dl {
    width: 100%;
}

.contact dd {
    float: left;
    width: 46%;
    font-size: 15px;
}

.contact span {
    font-size: 18px;
    color: #ea0000
}

.contact dt {
    float: right;
    width: 50%;
}

.contact dt img {
    width: 100%;
    height: auto
}

.contact dd p {
    line-height: 32px;
    margin-bottom: 18px;
}

.contact span {
    font-size: 20px;
    color: #ea0000;
    font-weight: 700
}

.contact a {
    padding: 13px 54px;
    background: #0066cc url(/template/images/ann.png) no-repeat 20px 50%;
    color: #FFF;
    font-size: 16px;
    padding-left: 70px
}

#map_canvas {
    overflow: hidden;
    margin-top: 30px;
    width: 100%
}

.contact_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    color: #272636
}

.about {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.about .title {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 20px;
}

.about .title h3 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    color: #272636;
}

.about .title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.about_stren {
    width: 100%;
    margin-top: 15px;
    overflow: hidden
}

.about_stren .title,
.about_cooperation .title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    color: #272636
}

.about_stren ul,
.about_cooperation ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 20px;
}

.about_stren li,
.about_cooperation li {
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    margin-bottom: 20px;
}

.about_stren li img,
.about_cooperation li img {
    width: 100%;
    height: auto
}

.about_cooperation {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.service_workflow {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
}

.service_workflow dt img {
    width: 100%;
    height: auto
}

.service_workflow ul {
    overflow: hidden;
    margin-left: -2%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.service_workflow li {
    width: 21%;
    float: left;
    padding: 10px;
    text-align: center;
    margin-left: 2%;
    background: #fff
}

.service_workflow h3 {
    color: #272636;
    font-weight: bold;
    font-size: 18px;
}

.service_workflow p {
    font-size: 15px;
    margin-bottom: 10px;
}

.service_workflow .img {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border: 2px solid #272636;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
}

.service_workflow dl {
    overflow: hidden;
    background: #FFF;
    border: 2px dashed #f0f0f0;
    padding: 15px;
}

.service_workflow h4 {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #272636
}

.service_workflow dd {
    float: right;
    width: 55%
}

.service_workflow dt {
    float: left;
    width: 42%
}

.service_sub {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    background: #f0f0f0
}

.service_tit {
    width: 100%;
    overflow: hidden;
}

.service_tit .title {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 20px;
}

.service_tit .title .p1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: 700;
    color: #272636;
}

.service_tit .title:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.about ul {
    overflow: hidden;
    margin-left: -1%;
    margin-bottom: 30px;
}

.about li {
    margin-left: 1%;
    width: 19%;
    background: #f5f5f5;
    float: left;
    margin-top: 30px;
    position: relative;
    padding: 15px 0px
}

.about .img .su {
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    overflow: hidden;
    background: #ea0000;
    line-height: 80px;
    font-size: 30px;
    color: #fff;
    font-family: "Impact";
    text-align: center
}

.about .img {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.about .p1 {
    font-size: 16px;
    color: #3c3c3c;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 5px
}

.about li:hover .p1,
.about li:hover .p2 {
    color: #fff !important;
}

.about li:hover {
    background: #0066cc;
    cursor: pointer;
    color: #fff
}

.footer {
    background: #0066cc;
    height: 60px;
    line-height: 50px;
    color: #fff
}

.footer a {
    color: #fff;
    float: right;
    margin-left: 15px;
}

.wap {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.friend_link {
    margin: 20px auto;
    overflow: hidden;
    max-width: 1200px;
    line-height: 28px;
}

.friend_link span {
    font-size: 12px;
    font-weight: 700;
    float: left;
    width: 18%;
}

.friend_link ul {
    width: 81%;
    float: right;
}

.friend_link ul li {
    float: left;
    margin-right: 19px;
    *width: 84px;
    text-align: center;
}

.friend_link a {
    font-size: 12px;
}

.bottom {
    width: 100%;
    overflow: hidden;
    margin: 15px auto;
    background: #f0f0f0;
}

.bottom_sub {
    max-width: 1200px;
    margin: 20px auto;
    overflow: hidden;
    padding: 10px
}

.bottom_l {
    width: 46.3%;
    float: left;
    background: #fff;
    padding: 5px 10px
}

.bottom_l .click_2 {
    background: #ea0000;
    line-height: 50px;
    cursor: pointer;
    float: left;
    width: 40%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.bottom_l .click_2 a {
    background: url(/template/images/cone_2.png) no-repeat 30px 50%;
    display: block;
    padding-left: 71px;
    font-size: 18px;
    color: #fff;
}

.bottom_l .organizer {
    width: 210px;
    float: left;
    margin-top: 20px;
    background: url(/template/images/organizer.png) no-repeat 0px 50%;
    padding-left: 70px;
    margin-bottom: 20px;
}

.bottom_l .organizer span {
    font-family: "Impact";
    font-size: 28px;
    color: #ea0000
}

.bottom_l strong {
    color: #272636
}

.bottom_r {
    width: 51%;
    float: right;
    background: #fff;
}

.bottom_r ul {
    overflow: hidden;
    margin-left: -1.5%
}

.bottom_r li {
    margin-left: 1.5%;
    width: 31.5%;
    height: 161px;
    background: #eee;
    float: left;
    position: relative
}

.bottom_r .img {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.bottom_r .p1 {
    font-size: 18px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 700
}

.bottom_r .p2 {
    font-size: 14px;
    color: #555;
    line-height: 25px;
    padding-right: 10px;
    height: 50px;
}

.bottom_r li:hover .p1,
.bottom_r li:hover .p2 {
    color: #272636 !important;
}

.bottom_r .titles {
    text-align: center;
    width: 100%;
    overflow: hidden
}

.bottom_r li:hover {
    background: #fff;
    cursor: pointer;
    color: #272636
}

.bottom_l .p3 {
    background: url(/template/images/jingao.png) no-repeat 0px 5px;
    padding-left: 25px
}

.product_special {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
}

.incomp_special {
    background: url(/template/images/incomp_title1.png) no-repeat center;
    height: 120px;
    width: 100%;
    overflow: hidden
}

.incomp_special .title {
    font-size: 28px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.incomp_special .tit {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.article_special {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.article_special h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.article_special p {
    margin-bottom: 8px;
}

.article_special embed {
    margin-bottom: 10px;
    margin-top: 10px;
}

.introduce {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.introduce ul {
    overflow: hidden;
    margin-top: 20px;
    background: #f0f0f0
}

.introduce li {
    width: 29%;
    float: left;
    text-align: center;
    background: url(/template/images/introduce.png) no-repeat 0px 40%;
    padding-left: 30px;
    margin-top: 15px;
}

.introduce h3 {
    color: #ea0000;
    font-size: 18px;
    margin-top: 10px;
}

.introduce .yw-tc {
    width: 300px;
    height: 300px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border: 2px solid #272636;
    overflow: hidden;
    margin: 0 auto
}

.advantage {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.advantage dl {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.advantage dt {
    float: left;
    width: 46%;
}

.advantage dt p {
    background: #f0f0f0;
    padding: 12px;
}

.advantage dd {
    float: right;
    width: 52%
}

.advantage dd img {
    width: 100%;
    height: auto
}

.advantage strong {
    font-size: 18px;
    line-height: 32px;
}

.advantage .p1 {
    background: #FD9D21;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px
}

.advantage .p2 {
    background: #FF6767;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px
}

.advantage .p3 {
    background: #61A3EC;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px
}

.advantage .p5 {
    background: #FC3;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px
}

.advantage .p4 {
    background: #99F;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 8px;
    font-family: "Impact";
    line-height: 40px
}


/*.advantage img{ width:100%; height:auto}*/

.pro_principle {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}

.pro_principle dl {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.pro_principle dt {
    float: left;
    width: 38%;
    background: #f0f0f0;
    padding: 10px;
    line-height: 32px;
    margin-top: 10px;
}

.pro_principle dd {
    float: right;
}

.special_sub {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
}

.special_hot {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.special_hot ul {
    overflow: hidden;
    margin-left: -1.5%;
    margin-top: 20px;
}

.special_hot li {
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    text-align: center
}

.special_hot img {
    width: 100%;
    height: auto
}

.special_line {
    width: 50%;
    float: right;
    margin-bottom: 20px;
}

.special_line dl {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}

.special_line dt {
    width: 30%;
    float: left
}

.special_line dd {
    padding: 5px;
    float: right;
    width: 65%;
}

.special_line .tit {
    font-weight: 700;
    font-size: 15px;
}

.special_line span {
    color: #ea0000
}

.special_line img {
    width: 100%;
    height: auto
}

.special_new {
    width: 45%;
    float: left;
    margin-bottom: 20px;
}

.special_new ul {
    overflow: hidden;
    margin-top: 10px;
    margin-left: -2%
}

.special_new li {
    float: left;
    width: 44%;
    background: url(/template/images/title-01.png) no-repeat 0px 50%;
    padding-left: 15px;
    margin-left: 2%;
    line-height: 35px
}

.special_title {
    font-size: 22px;
    color: #ea0000;
    font-weight: bold;
    text-shadow: 1PX 1PX 0PX #000;
    margin-bottom: 10px;
}

.parameter {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.parameter table {
    font-size: 13px;
    margin-top: 15px;
}

.special_h1 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
    display: -webkit-box;
    color: #182133;
    -webkit-box-pack: center;
    background: none;
    margin-bottom: 30px;
}

.special_h1 h1 {
    background-color: #fff;
    z-index: 10;
    position: relative;
    display: block;
    text-align: center;
    padding: 3px 20px;
    color: #000;
    font-size: 36px;
    line-height: 40px;
}

.special_h1:after {
    content: "";
    width: 80%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background: -webkit-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -moz-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -ms-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: -o-linear-gradient(top left, #272636 50%, #ea0000 50%);
    background: linear-gradient(top left, #272636 50%, #ea0000 50%);
    transition: .5s;
    left: 10%;
    -webkit-transform: scaleY(0.5);
}

.special_text {
    width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

.special_text .text {
    width: 100%;
    line-height: 32px;
    padding: 5px;
    font-size: 17px;
    background: #fff url(/template/images/text.png) no-repeat 0px 50%;
    padding-left: 60px;
    color: #ea0000
}

.special_img {
    float: left;
    width: 58.5%;
    margin-top: 35px;
}

.special_abstract {
    float: right;
    width: 38%;
    margin-top: 35px;
    background: #fff;
    padding: 10px
}

.special_abstract p {
    font-size: 15px;
    margin-bottom: 10px
}

.special_abstract span {
    color: #ea0000
}

.special_abstract ul {
    margin-top: 30px;
    overflow: hidden;
    margin-left: -1.5%;
}

.special_abstract .organizer {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: url(/template/images/organizer.png) no-repeat 0px 50%;
    padding-left: 70px;
}

.special_abstract .organizer span {
    font-family: "Impact";
    font-size: 28px
}

.wrong {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
}

.wrong .sorry {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 18px;
}

.wrong .sorry span {
    color: #ea0000
}

.wrong .lianjie {
    float: left;
    padding-right: 10px;
}

.wrong .lianjie a {
    color: #444
}

.reimg {
    margin-bottom: 28px;
}

.news .time {
    margin-top: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

.news .timey {
    float: right;
    margin-left: 25px;
}

.news .times {
    float: right
}

.mpro-pic {
    display: none;
}

.prolist_f .stone_more,
.prolist_l .stone_more {
    text-align: center
}


/*.prolist_f .stone_more a,.prolist_l .stone_more a{color:#999}*/

.banner {
    display: none;
}

.bannn_con img,
.bannn_con {
    width: 100%;
    height: auto
}

.about .del {
    display: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.bottom_sub {
    border: 2px dashed #f0f0f0;
    background: #fff;
}

.product-introduce .wap_para {
    display: none;
}

.innews_info .img img,
.about .del img {
    width: 100%;
    height: auto
}

.introduction_click {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}

.introduction_click .click_1 {
    background: #272636;
    line-height: 45px;
    cursor: pointer;
    float: right;
    width: 20%;
    margin-left: 20px;
}

.introduction_click .click_1 a {
    background: url(/template/images/line_equipment.png) no-repeat 30px 50%;
    display: block;
    padding-left: 45px;
    font-size: 17px;
    color: #fff;
}

.introduction_click .click_2 {
    background: #ea0000;
    line-height: 45px;
    cursor: pointer;
    float: right;
    width: 20%
}

.introduction_click .click_2 a {
    background: url(/template/images/cone_2.png) no-repeat 30px 50%;
    display: block;
    padding-left: 45px;
    font-size: 17px;
    color: #fff;
}

.text_introduction .block {
    display: none;
}

.lina_list .tit,
.lina_list .img {
    padding: 0px
}

.pro_hot {
    display: none;
}

.prolist_f .pro-ys,
.prolist_l .pro-ys {
    background: url(/template/images/text.png) no-repeat 0px 50%;
    padding-left: 60px;
    color: #666
}

.recommend .recent {
    font-size: 16px;
    float: right;
    width: 94%
}

.recent_hot {
    float: left;
    width: 50px;
    margin-bottom: 15px
}

.banner_pro {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.banner_pro img {
    width: 100%;
    height: auto
}

.scene .block {
    display: none;
}

.digg {
    width: 100%;
    overflow: hidden;
    margin: 30px auto;
}

.digg a {
    display: block;
    border: 1px solid #999;
    color: #777;
    padding: 2px 12px;
    text-decoration: none;
    background: #fff;
    margin-right: 6px;
    float: left;
}

.digg a:hover {
    border: 1px solid #272636;
    color: #272636
}

.digg span {
    display: block;
    padding: 2px 12px;
    text-decoration: none;
    overflow: hidden;
    float: left;
    margin-right: 6px;
    border: 1px solid #999;
}

.digg .current {
    background: #272636;
    border: 1px solid #272636;
    color: #fff;
}

.lina_list .title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #272636;
}

.recent_hot {
    margin-top: 8px;
}

#contact .titles,
#contact .tit {
    display: none;
}

#contact_clone {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

#contact_clone .titles {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #272636;
}

#contact_clone .tit {
    font-size: 14px;
    text-align: center;
}

#gotoTop2 {
    right: 3%;
}

.flex-direction-nav li a.flex-prev {
    left: 20px;
}

.flex-direction-nav li a.flex-next {
    right: 20px;
}

#cone d {
    color: #F00;
    font-size: 16px;
}

.wap_para {
    display: none
}

@media screen and (max-width:1758px) {
    #gotoTop2 {
        right: 1%;
    }
    .flexslider {
        height: auto
    }
    /*.slides li{zoom: 0.6;}*/
    .flex-direction-nav li a.flex-prev {
        left: 20px;
    }
    .flex-direction-nav li a.flex-next {
        right: 20px;
    }
}

.prolist_f .moes a,
.prolist_l .moes a {
    padding-left: 20px;
}

@media screen and (max-width:1200px) {
    /*.nav{ width:100%; margin:0 auto;overflow:hidden;}*/
    #map_canvas,
    .content,
    .container,
    .recommend,
    .innews,
    .incomp_title,
    .incomp_about,
    .bonline,
    .scene,
    .content_news,
    .newslist,
    .contact_list,
    .service_workflow,
    .wap,
    .friend_link,
    .bottom_sub,
    .bottom_sub,
    .product_special,
    .special_sub,
    .wrong,
    .top,
    .nav,
    .wrong {
        width: 100%
    }
    #map_canvas,
    .content,
    .container,
    .recommend,
    .innews,
    .incomp_title,
    .incomp_about,
    .bonline,
    .scene,
    .content_news,
    .newslist,
    .contact_list,
    .service_workflow,
    .wap,
    .friend_link,
    .bottom_sub,
    .bottom_sub,
    .product_special,
    .special_sub,
    .wrong,
    .top,
    .nav,
    .bottom,
    .wrong {
        padding: 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    .contact img,
    .about_stren li img,
    .about_cooperation li img,
    .banner img,
    .service_left img {
        width: 100%;
        height: auto
    }
    .nav li {
        width: 12.6%;
    }
    .scene_r {
        width: 87%
    }
    .bottom_r {
        width: 45%
    }
    .bottom_l {
        width: 53%
    }
    .bottom_sub {
        background: none
    }
    .bottom_r li {
        height: auto
    }
    .service_workflow dt img {
        width: 100%;
        height: auto
    }
    .service_workflow dt {
        width: 42%;
        margin-top: 15px;
    }
    .service_workflow p {
        font-size: 14px;
    }
    .contact_list .p3 {
        width: 100%;
        overflow: hidden;
        text-align: center
    }
    .contact_list .titles {
        max-width: 100% !important;
        overflow: hidden;
        position: inherit;
        top: 10px;
        float: none
    }
    .contact_list .p1 {
        text-align: center
    }
    .contact_list .img {
        top: 0px;
        left: inherit;
        position: inherit;
        padding: 30px 0px;
    }
    .contact_list .p2 {
        padding-right: 0px
    }
    .contact_list li {
        height: auto;
        padding: 10px;
        width: 21.5%
    }
    .contact_sub {
        background: #f0f0f0
    }
    #gotoTop2 {
        right: 2%;
    }
    .parts li {
        width: 28.9%;
    }
    .bottom_sub {
        border: 2px dashed #f0f0f0;
        background: #fff;
        padding: 10px;
    }
    .bottom_l {
        padding: 0px
    }
    .bottom_l .click_2 a {
        background: url(/template/images/cone_2.png) no-repeat 10px 50%;
        padding-left: 51px;
    }
    .bottom_l .organizer {
        width: 41%
    }
    .prduct_img img,
    .support_products img {
        width: 100%;
        height: auto
    }
    .cone-emai {
        width: 60%;
    }
    .pager span {
        margin-left: 10px;
        width: 46%;
    }
    .introduction_click .click_2,
    .introduction_click .click_1 {
        width: 25%
    }
    .prolist_hot .img img,
    .prolist_hot .img_r img {
        width: 100%;
        height: auto
    }
    .innews_right li .intnew {
        width: 83%
    }
    .parts_pro .con {
        padding: 0px
    }
    .parts_pro .dele {
        padding: 0px 10px
    }
    .bonline dd {
        width: 44%
    }
    .bonline dt {
        width: 50%
    }
    .bonline_title:after,
    .innews .title:after,
    .prolist_hot .title:after,
    .content_news .title:after,
    .service_tit .title:after {
        width: 100%;
        left: 0%;
    }
    .incomp_about dt {
        width: 36%
    }
    .bottom_l .click_2 {
        width: 45%
    }
    .innews_info .data,
    .newslist_info .data {
        display: none;
    }
}

@media screen and (max-width:999px) {
    .xzh-qm {
        display: block;
    }
    .innews_left,
    .innews_right {
        width: 100%
    }
    .bonline dl,
    .parts_pro,
    .float_text {
        width: 100%;
        overflow: hidden
    }
    .bonline dt {
        width: 100%;
        float: none;
    }
    .bonline dd {
        width: 95.5%;
        float: none;
    }
    .flexslider,
    .friend_link,
    .product_list {
        display: none;
    }
    .banner {
        display: block
    }
    .banner img {
        width: 100%;
        height: auto
    }
    .nav li {
        width: 12%;
    }
    .innews_left li {
        float: left;
        width: 47%;
        padding-left: 15px;
    }
    .innews_left ul {
        border: none;
        padding: 0px;
        line-height: 32px
    }
    /*.about ul{display:none;}*/
    .service_workflow li {
        width: 20%
    }
    .news p {
        text-indent: 0em;
    }
    .pager {
        width: auto
    }
    .time {
        display: none;
    }
    .contact_list .tit {
        font-size: 14px;
    }
    .about_cooperation p,
    .about_stren p {
        font-size: 14px !important;
    }
    .contact_list li {
        width: 21%
    }
    .contact dd p {
        line-height: 28px;
    }
    #map_canvas {
        margin-top: 20px;
    }
    .about .p1 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    .about .img .su {
        font-size: 30px;
    }
    .service_tit .p2,
    .parts .p1 {
        font-size: 14px !important;
    }
    .parts ul {
        margin-left: -1.5%
    }
    .parts li {
        margin-left: 1.5%;
        width: 29.5%
    }
    .parts ul {
        margin-top: 15px;
    }
    .float_text {
        margin-top: 0px;
    }
    .parts_text p {
        text-indent: 0em;
    }
    .text_introduction .introduction_r {
        font-size: 14px;
    }
    .product-introduce p {
        text-indent: 0em;
    }
    .prduct_abstract .organizer {
        display: none;
    }
    .bottom_l .organizer {
        display: none;
    }
    .bottom_l .click_2 {
        float: left;
        width: 60%
    }
    .bottom_l {
        width: 51%
    }
    .line_title p {
        text-indent: 0em;
    }
    .line .line_r .organizer {
        display: none;
    }
    .line .line_r p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .newslist_left li .time {
        display: block;
    }
    #cone {
        overflow: hidden;
        margin-bottom: 30px;
    }
    .product_nav li {
        width: 20%
    }
    .product-introduce {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }
    .newslist_info {
        display: none;
    }
    .innews_info {
        width: 100%;
        overflow: auto;
    }
    .innews_info .img img {
        width: 100%;
        height: auto
    }
    .introduction_click .click_2 a,
    .introduction_click .click_1 a {
        padding-left: 71px
    }
    .introduction_click .click_2,
    .introduction_click .click_1 {
        width: 20%
    }
    .prolist_f .pro-ys,
    .prolist_l .pro-ys {
        display: none;
    }
    .prolist_f .moes,
    .prolist_l .moes {
        width: 30%
    }
    .prolist_f strong,
    .prolist_l strong,
    .prolist_f ul,
    .prolist_l ul {
        display: none;
    }
    .innews_right li .time {
        display: block !important;
    }
    .incomp_title {
        background: #272636
    }
    .incomp_title .tit {
        margin-bottom: 25px;
    }
    .parts_pro .img img {
        width: 100%;
        height: auto
    }
    .parts_pro .img {
        height: 200px;
        border-radius: 0px
    }
    .innews_left li {
        border-bottom: none
    }
    .innews_left li a {
        width: 95%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }
    .incomp_about dd {
        width: 45%
    }
    .recommend .recent {
        overflow: hidden;
        float: none;
    }
    .incomp_about dt {
        width: 50%
    }
    .recommend .recent {
        width: auto
    }
    .recent_hot {
        margin-right: 15px;
    }
    .wap_para {
        display: table;
    }
    #wap_para {
        display: block;
    }
    .pc_para {
        display: none;
    }
    .service_right li p d {
        height: 40px;
        display: block;
        line-height: 20px
    }
}

@media screen and (min-width:768px) and (max-width:999px) {
    .business .click_1 {
        display: none;
    }
    .business .click_2 {
        width: 100%
    }
    .business {
        margin-top: 10px;
    }
    /*.stone .stone_more{ line-height:55%}*/
    .innews_right li .intnew {
        width: 88%
    }
    .service_right li {
        width: 24.5%
    }
}

@media screen and (max-width:800px) {
    .line .line_r {
        width: 100%
    }
    .line_h1 h1 {
        text-align: left;
        padding: 0px;
        font-size: 28px
    }
    .service_workflow dt {
        width: 100%
    }
    .service_workflow dd {
        width: 100%
    }
    .contact_list li {
        width: 20%
    }
    .bonline dt .dele {
        display: none;
    }
    .m_msg_fill {
        display: block;
        margin-bottom: 10px;
    }
    .fd-pf {
        z-index: 10
    }
    .messages .msg_fill,
    .messages::after {
        display: none;
    }
    .m_msg_fill ul {
        overflow: hidden;
    }
    .m_msg_fill li {
        color: #ccc;
        float: left;
        text-align: center;
    }
    .m_msg_fill li.first {
        width: 20%
    }
    .m_msg_fill li.two {
        width: 60%
    }
    .m_msg_fill li.last {
        width: 20%
    }
    .m_msg_fill li p {
        font-size: 24px;
        color: #333;
    }
    .m_msg_fill li span {
        position: relative;
        font-size: 22px;
        display: inline-block;
        background: url('/template/images/m_02.png') no-repeat #fff;
        z-index: 10;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        margin-bottom: 10px;
    }
    .m_msg_fill li span::after {
        position: absolute;
        left: 36px;
        top: 50%;
        background: url('/template/images/m_dian.png') no-repeat;
        width: 180px;
        height: 2px;
        background-size: cover;
        display: block;
        content: "";
    }
    .m_msg_fill li.first span {
        color: #ff0000;
        background: url('/template/images/m_01.png') no-repeat #fff;
    }
    .m_msg_fill li.last span::after {
        display: none;
    }
    .messages .msg_tit b {
        position: relative;
    }
    .messages .msg_tit b::after {
        background: url('/template/images/ly_qb.png') no-repeat;
        background-size: cover;
        content: "";
        display: block;
        position: absolute;
        right: -40px;
        top: 5px;
        width: 28px;
        height: 30px;
    }
    .messages .box {
        margin-top: -30px;
    }
    .messages .msg_tit,
    .messages .box {
        box-shadow: none;
    }
    .messages {
        box-shadow: 0px 3px 20px #eee
    }
    .messages .msg_tit p {
        display: block;
        font-size: 24px;
        color: #222;
        margin-top: 25px;
        line-height: 32px;
        font-weight: 200;
        margin-left: 0
    }
    .messages .msg_tit p span {
        font-size: 24px;
    }
    .messages form ul li input::-webkit-input-placeholder,
    .messages form ul li textarea::-webkit-input-placeholder {
        color: #999;
    }
}

@media screen and (max-width:768px) {
    .business .click_2 {
        background-image: url(/template/images/y-cone2.jpg);
        padding-left: 20px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        -wekit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: transparent;
    }
    .business .click_2 a {
        background-image: url(/template/images/y-cone1.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    .cone-tel {
        -webkit-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -o-background-size: 40px auto;
        background-size: 40px auto;
        padding-left: 45px;
        width: 37%;
    }
    .mo-right .tel {
        display: block;
    }
    .logo {
        display: block;
        width: auto;
        height: 40px;
    }
    .newslist_left li .tit {
        font-weight: bold;
    }
    .bonline_title:after,
    .innews .title:after,
    .prolist_hot .title:after,
    .content_news .title:after,
    .service_tit .title:after {
        display: none;
    }
    .bottom_r {
        display: none;
    }
    .content {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .top {
        float: left;
        width: 85%;
        margin: 5px 0;
    }
    .nav-right {
        background: none;
        float: right;
        width: 30px;
        height: auto;
        margin-top: 10px;
        position: relative;
        right: 10px;
    }
    .nav-right.open {
        right: 200px;
    }
    .top .tel {
        display: none;
    }
    .drawer-main {
        position: fixed;
        top: 0;
        width: 200px;
        height: 100%;
        overflow: hidden;
        z-index: 99999;
        background: #222
    }
    .nav-right.open span {
        z-index: 999;
        background-color: transparent;
    }
    .nav-right.open::after {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99;
    }
    .nav-right.open span::before {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        top: 0;
        right: 2px;
        background-color: #Fff;
    }
    .nav-right.open span::after {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        bottom: 0;
        right: 2px;
        background-color: #fff;
    }
    .nav-right .drawer-main.show {
        right: 0;
    }
    .nav li {
        width: 100%
    }
    .nav li a:hover,
    .nav li a.hover {
        background: #eb0000
    }
    .nav-right .drawer-main {
        right: -200px;
        -webkit-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
        -o-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
        transition: right .4s cubic-bezier(0.19, 1, .22, 1)
    }
    .nav-right.drawer-open .drawer-main {
        right: 0
    }
    .drawer-overlay {
        position: relative
    }
    .nav-right .drawer-overlay,
    .nav-right .drawer-hamberger {
        right: 0;
    }
    .nav-right.drawer-open .drawer-overlay,
    .nav-right.drawer-open .drawer-hamberger {
        right: 200px
    }
    .drawer-overlay-upper {
        position: fixed;
        top: 0;
        z-index: 1100;
        display: none;
        height: 100%;
        background-color: #000;
        background-color: rgba(0, 0, 0, .5)
    }
    .nav-right.drawer-open .drawer-overlay-upper {
        left: 0
    }
    .head_main .nav {
        background-color: #222;
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .5);
        box-shadow: inset 0 0 0 rgba(0, 0, 0, .5)
    }
    .nav+.drawer-overlay {
        background-color: #fff
    }
    .nav .drawer-brand a {
        display: block;
        width: 100%;
        padding: 14px 15px;
        font-size: 22px;
        color: #fdd702;
    }
    .head_main .nav .drawer-brand a:hover,
    .nav .li a:hover {
        color: #eb0000;
        text-decoration: none
    }
    .head_main .nav li {
        display: block;
        font-size: 16px;
        margin: 0;
        border-bottom: 1px solid #2d2d2d;
        border-top: 1px solid #141414;
        width: 100%
    }
    .head_main .nav li a {
        color: #fff;
        padding: 12px 15px;
        display: block;
    }
    .head_main .nav li a:hover {
        background: #eb0000;
    }
    .nav .drawer-nav-list {
        padding: 0;
        margin: 0 0 20px 0;
        list-style: none
    }
    .nav .drawer-nav-list li {
        display: block
    }
    .nav .drawer-nav-list li a {
        display: block;
        padding: 15px;
        color: #888
    }
    .nav .drawer-nav-list li ul a {
        padding: 8px 20px
    }
    .drawer-hamberger {
        float: right;
        z-index: 1100;
        display: block;
        width: 30px;
        height: 30px;
        padding: 3px 0px 0px 0px;
        background-color: transparent;
        border: 0
    }
    .drawer-hamberger span {
        margin-top: 10px
    }
    .drawer-hamberger span,
    .drawer-hamberger span:before,
    .drawer-hamberger span:after {
        position: absolute;
        display: block;
        width: 30px;
        height: 5px;
        cursor: pointer;
        content: '';
        background-color: #222222;
        border-radius: 1px;
        -webkit-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
        -o-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
        transition: all .4s cubic-bezier(0.19, 1, .22, 1);
    }
    .drawer-hamberger span:before {
        top: -10px
    }
    .drawer-hamberger span:after {
        bottom: -10px
    }
    .drawer-open .drawer-hamberger span {
        background-color: transparent
    }
    .drawer-open .drawer-hamberger span:before,
    .drawer-open .drawer-hamberger span:after {
        top: 0
    }
    .drawer-open .drawer-hamberger span:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .drawer-open .drawer-hamberger span:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .drawer-hamberger:hover {
        cursor: pointer
    }
    .drawer-open .drawer-hamberger {
        margin-right: 200px;
    }
    .top-sub-nav,
    .Contentbox-banner {
        display: none;
    }
    /**/
    #LRdiv0,
    #LRdiv1,
    #LRdiv2,
    #LRdiv3 {
        display: none !important;
    }
    .footer-telephone {
        display: block;
        position: fixed;
        left: 5px;
        right: 5px;
        bottom: 0;
        line-height: 36px;
        font-size: 14px;
        color: #333;
        border-radius: 36px;
        border: 1px solid #c7c7c7;
        background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
        background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
        background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
        background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
        background: linear-gradient(to bottom, #fff 0%, #d8d8d8 100%);
        text-align: center;
        z-index: 88;
        display: none;
    }
    .footer-telephone a,
    .footer-telephone span {
        display: block;
        color: #333;
    }
    .footer-telephone li {
        float: left;
        width: 33.33%;
        position: relative;
    }
    .footer-telephone li i {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #ea0000;
        display: inline-block;
        position: relative;
        top: -5px;
        margin-left: 3px;
    }
    .footer-telephone li::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 30px;
        background: -moz-linear-gradient(top, #ddd9d6 0%, #dcdcdc 100%);
        background: -webkit-linear-gradient(top, #ddd9d6 0%, #dcdcdc 100%);
        background: -o-linear-gradient(top, #ddd9d6 0%, #dcdcdc 100%);
        background: -ms-linear-gradient(top, #ddd9d6 0%, #dcdcdc 100%);
        background: linear-gradient(to bottom, #ddd9d6 0%, #dcdcdc 100%);
        margin-top: -15px;
    }
    .footer-telephone li:last-child::after {
        display: none;
    }
    .stone li {
        width: 18.5%;
        margin-right: 1.5%
    }
    .mpro-pic,
    .navs,
    .logos {
        display: block;
    }
    .mpro-pic {
        width: 100%;
        position: relative;
    }
    .mpro-pic img {
        width: 100%;
        height: auto;
    }
    .back {
        width: 10%;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .go-home {
        width: 10%;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .container {
        display: none;
    }
    .contact dt,
    .contact dd {
        width: 100%;
        overflow: hidden
    }
    .contact dt {
        margin-bottom: 15px;
    }
    .contact_list .img {
        width: 100%;
        overflow: hidden
    }
    .contact_list .titles {
        width: 100%;
        overflow: hidden
    }
    .scene li {
        width: 31.5%;
        font-size: 14px;
    }
    .scene_r {
        width: 100%
    }
    .scene_l {
        display: none;
    }
    .scene .block {
        display: block;
        font-size: 25px;
        text-align: center;
        font-weight: 700;
        color: #272636;
    }
    .scene_sub {
        background: none
    }
    .scene .title {
        display: none;
    }
    .scene_r p {
        font-size: 14px;
    }
    .incomp_about dd,
    .incomp_about dtm,
    .service_left,
    .service_right {
        width: 100%;
        overflow: hidden
    }
    .service_title {
        width: 100%;
        text-align: center
    }
    .footer {
        height: auto;
        line-height: 28px;
        text-align: center;
    }
    .footer a {
        display: inline-block;
        float: none;
    }
    .incomp_about dt {
        width: 100%
    }
    .prolist li,
    .about_stren li,
    .about_cooperation li {
        width: 31.5%
    }
    .service_workflow li {
        width: 19.5%
    }
    .service_workflow .img {
        width: 100px;
        height: 100px;
    }
    .about embed {
        display: none;
    }
    .bottom_l,
    .bottom_r {
        width: 100%
    }
    #gotoTop2 {
        width: 35px;
        height: 35px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .contact_list {
        margin-top: 20px;
    }
    .contact_list .dele {
        display: none;
    }
    .about_stren,
    .service_workflow dt {
        margin-top: 0px;
    }
    /*.about .del{display:block;}*/
    .about .dele,
    .about ul,
    .about_cooperation .dele {
        display: none;
    }
    .service_tit .title .p1,
    .about .title h3 {
        line-height: 32px;
        font-size: 22px;
        padding: 0px
    }
    .about {
        margin-top: 0px
    }
    .parts li {
        width: 28.5%;
        margin-bottom: 10px;
    }
    .text_introduction .introduction_r {
        width: 80%
    }
    .bottom_l .organizer {
        display: block;
    }
    .bottom_l .click_2 {
        float: right;
        width: 40%
    }
    .bottom_l {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        /* padding-bottom:15px */
    }
    .product-introduce embed {
        display: none;
    }
    .contact a {
        -webkit-background-size: 22px auto;
        -moz-background-size: 22px auto;
        -o-background-size: 22px auto;
        background-size: 22px auto;
        background-position: 40px center;
        padding: 10px 50px 10px 70px;
    }
    .prduct_img {
        display: none;
    }
    .prduct_abstract {
        width: 100%
    }
    .stone li {
        width: 17%
    }
    /*.prduct_text .text{ font-size:15px; padding:0px;padding-left: 70px;border:none;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;}*/
    .prduct_text .text_h1,
    .line_h1 {
        display: inherit
    }
    .prduct_text .text_h1 h1,
    .line_h1 h1 {
        padding: 0px;
        text-align: inherit;
        line-height: 36px;
    }
    .prduct_text .text_h1 h1 {
        font-size: 22px;
    }
    .prduct_text {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .product_nav {
        display: none;
    }
    .product-introduce p video {
        height: auto;
        width: 100%;
        display: block;
    }
    .product-introduce {
        margin-top: 0;
    }
    .prduct_abstract {
        margin-top: 0;
    }
    .lina_list li {
        width: 47.5%
    }
    .line img {
        display: none;
    }
    .line .line_r {
        margin-top: 10px;
    }
    .line {
        margin-top: 0px;
    }
    .support_products li {
        width: 31.5%;
        margin-bottom: 15px;
    }
    .newslist_left li .intnew {
        width: 83%
    }
    .cone-emai {
        width: 60%
    }
    .cone-tel a {
        font-size: 16px;
    }
    .cone-emai {
        width: 47%;
    }
    .product-introduce .pc_para {
        display: none;
    }
    .product-introduce .wap_para {
        display: inline-table
    }
    .product-introduce #wap_para {
        display: block;
    }
    .innews_info .img {
        width: 30%
    }
    .introduction_click .click_2,
    .introduction_click .click_1 {
        line-height: 36px;
        font-size: 16px;
    }
    .introduction_click .click_2 a,
    .introduction_click .click_1 a {
        -webkit-background-size: 20px auto;
        -moz-background-size: 20px auto;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        padding-left: 55px;
        font-size: 15px;
    }
    #LRfloater0 {
        display: none;
    }
    .introduction_click .click_2,
    .introduction_click .click_1 {
        width: 27%
    }
    .cone-emai .c1 a {
        font-size: 15px;
        -webkit-background-size: 20px auto;
        -moz-background-size: 20px auto;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        padding-left: 68px;
    }
    .product_line dl {
        float: left;
        width: 48.5%;
        margin-right: 1.5%;
        line-height: 36px;
    }
    .cone-emai .c1 {
        line-height: 36px;
        width: 160px;
    }
    .product_line dd,
    .product_line dt {
        width: auto;
        float: none
    }
    .product_line .tit {
        text-align: center
    }
    .prolist_f .moes,
    .prolist_l .moes {
        display: none;
    }
    .prolist_hot .prolist_f,
    .prolist_hot .img,
    .prolist_l,
    .prolist_hot .img_r {
        width: 100%
    }
    .pro_hot {
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .pro_hot ul {
        overflow: hidden;
        margin-left: -1.5%;
        margin-top: 20px;
    }
    .pro_hot li {
        float: left;
        margin-left: 1.5%;
        text-align: center;
        margin-bottom: 15px;
        width: 48.5%;
        font-size: 15px;
    }
    .pro_hot li img {
        width: 100%;
        height: auto
    }
    .prolist_hot ul {
        display: none;
    }
    .prolist_hot .dele,
    .bonline .dele {
        font-size: 14px !important
    }
    .incomp_about embed {
        display: none;
    }
    .service_right {
        overflow: hidden;
        margin-bottom: 10px;
    }
    .recommend .recent span,
    .incomp_about dl,
    .service_title {
        display: none;
    }
    .recommend .recent,
    .bonline_title .dele {
        font-size: 14px;
    }
    .scene li a {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }
    .parts_pro li {
        width: 48.5%;
    }
    .bonline dt,
    .bonline dd {
        width: auto;
        float: none;
        overflow: hidden
    }
    .bonline dt .p1,
    .bonline dt strong {
        display: none;
    }
    .scene_r .tit {
        text-align: center
    }
    .innews_left li {
        width: 46%
    }
    .bonline dt p {
        background: none;
        padding: 0px;
        border-bottom: none
    }
    .bonline .title {
        margin-bottom: 15px
    }
    .bonline dd {
        background: #f0f0f0;
        padding: 10px
    }
    .bonline dd img {
        border: #fff 3px dotted;
    }
    .incomp_title .tit {
        font-size: 14px
    }
    .scene_sub,
    .service_left,
    .incomp_about {
        margin-top: 0px
    }
    .innews {
        margin-top: 10px;
    }
    .prduct_abstract p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .prduct_text .text {
        font-size: 15px
    }
    .prduct_text .text_h1 {
        margin-bottom: 5px;
    }
    .prolist ul {
        margin-top: 20px
    }
    .prolist .title {
        margin-top: 15px;
    }
    .lina_list ul {
        margin-bottom: 0
    }
    .digg {
        margin-top: 20px;
        margin-bottom: 40px
    }
    .digg a {
        margin-bottom: 5px
    }
    .bottom_r {
        margin-bottom: 30px
    }
    #map_canvas {
        margin: 0;
        height: 300px;
    }
    .parts,
    .prolist {
        margin-bottom: 15px;
    }
    .about .del {
        display: block;
    }
    .newslist {
        margin-bottom: 0px
    }
    .innews_info {
        margin-top: 0px
    }
    #cone p {
        font-size: 14px !important;
    }
    #cone {
        padding: 6px !important;
        margin-bottom: 0;
    }
    .news .time {
        display: block;
        margin: 5px 0 0;
    }
    .innews_info .word {
        width: 65%
    }
    .contact_list .tit span {
        display: none;
    }
    .prduct_abstract .organizer,
    .line .line_r .organizer {
        display: inline-block;
        -webkit-background-size: 38px auto;
        -moz-background-size: 38px auto;
        -o-background-size: 38px auto;
        background-size: 38px auto;
        padding-left: 45px;
        width: auto;
    }
    .business {
        margin-top: 20px;
        display: inline-block;
        width: auto;
        margin-left: 20px;
    }
    .ntalk_right {
        display: none;
    }
    .business .click_1 a,
    .business .click_2 a {
        font-size: 15px;
        -webkit-background-size: 25px auto;
        -moz-background-size: 25px auto;
        -o-background-size: 25px auto;
        background-size: 25px auto;
        padding-left: 50px;
        background-position: 14px center;
    }
    .business .click_2 {
        line-height: 36px;
        width: 190px;
    }
    .business .click_1 {
        display: none;
    }
    .bottom_sub {
        display: none;
    }
}

@media screen and (max-width:600px) {
    .recommend li {
        width: 31%;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .service_workflow li {
        width: 43%;
        margin-bottom: 15px;
    }
    .news img,
    .product-introduce img,
    .parts_text img,
    .line_title img {
        width: 100%;
        height: auto
    }
    .contact_list li {
        width: 19.2%
    }
    .parts li {
        width: 44.5%
    }
    .product_line dl {
        border: none
    }
    .product_line dd p {
        display: none;
    }
    .product_line .tit {
        display: block;
        font-size: 14px;
        font-weight: normal
    }
    .related_new {
        margin-top: 25px;
    }
    .lina_list li {
        width: 48.5%;
        border: none;
        margin-bottom: 15px
    }
    .newslist_left li .intnew {
        width: 80%
    }
    .text_introduction .introduction_r,
    .text_introduction .introduction_l {
        display: none;
    }
    .text_introduction .block {
        display: block;
    }
    .introduction_click .click_2,
    .introduction_click .click_1 {
        width: 45%
    }
    .introduction_click .click_1 {
        float: left;
        margin-left: 0px
    }
    .introduction_click {
        margin-top: 15px;
    }
    .lina_list .tit {
        font-size: 14px
    }
    .lina_list .tit,
    .lina_list .img {
        display: block !important;
    }
    .lina_list p,
    .bottom_l .organizer {
        display: none;
    }
    .product_line dl {
        background: none;
        margin-bottom: 0px
    }
    .product_line p {
        margin-bottom: 0px
    }
    .innews_right li .intnew {
        width: 79%
    }
    .service_right d {
        display: none;
    }
    .service_right li span {
        font-size: 15px
    }
    .service_right .con_tent_2,
    .service_right .con_tent_1,
    .service_right .con_tent_3,
    .service_right .con_tent_4,
    .service_right .con_tent_5,
    .service_right .con_tent_6,
    .service_right .con_tent_7,
    .service_right .con_tent_8 {
        zoom: 0.8;
    }
    .service_right li {
        width: 24.7%
    }
    .innews_left li {
        width: 45%
    }
    .bottom_l .click_2 {
        float: left;
        width: 60%;
        margin-top: 15px;
    }
    .news p video {
        width: 100%;
        height: auto;
    }
    .messages .msg_tit b {
        font-size: 26px;
    }
    .m_msg_fill li p,
    .messages .msg_tit p,
    .messages .msg_tit p span {
        font-size: 18px;
    }
    .messages .msg_tit p {
        margin-top: 15px;
    }
    .m_msg_fill li span::after {
        width: 150px;
    }
}

@media screen and (max-width:480px) {
    .recommend li {
        width: 47.5%
    }
    .scene li {
        width: 48.5%
    }
    .innews_left li,
    .related_new li {
        width: 100%
    }
    .prolist li,
    .about_stren li,
    .about_cooperation li {
        width: 48.5%
    }
    .service_workflow ul {
        display: none;
    }
    .contact_list li {
        width: 43.5%
    }
    .service_sub {
        background: none;
        margin-top: 0px;
    }
    .service_workflow dl {
        padding: 0px;
        border: none
    }
    .service_workflow {
        margin-top: 0px;
    }
    .service_tit .p2 {
        display: none;
    }
    .service_tit .title {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .about .title {
        margin-bottom: 10px;
    }
    .bottom_l .organizer {
        display: none;
    }
    .bottom_l .click_2 {
        width: 100%;
    }
    .bottom_l .click_2 a {
        background: url(/template/images/cone_2.png) no-repeat 30px 50%;
        padding-left: 71px;
    }
    .support_products li {
        width: 48.5%
    }
    .newslist_left .text {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }
    .newslist_left li .time {
        width: 60px
    }
    .newslist_left li .ri {
        font-size: 25px;
        line-height: 26px;
    }
    .newslist_left li .tit {
        font-size: 17px;
        color: #222;
        line-height: 22px;
    }
    .cone-emai .c2 {
        background: #ea0000;
    }
    .prduct_abstract ul {
        display: none;
    }
    .pager span {
        width: 100%;
        overflow: hidden
    }
    .product_nav .dele {
        display: none;
    }
    .product_nav li {
        width: 33.3%
    }
    .innews_info .word p {
        display: none;
    }
    .innews_info .word h3 {
        display: block !important;
        font-size: 17px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .parts li .tele {
        padding: 0 8px
    }
    .parts .tit {
        padding: 0 8px
    }
    .parts li {
        padding: 0px;
        width: 47.5%;
    }
    .bottom_r .p1 {
        font-size: 15px;
    }
    .parts .dele,
    .scene_r .tit {
        display: none;
    }
    .innews_right li .time {
        width: 60px
    }
    .innews_right li .ri {
        font-size: 25px;
        line-height: 26px;
    }
    .innews_right li .tits {
        font-size: 15px;
        color: #222;
        line-height: 24px;
        padding-bottom: 0;
        font-weight: bold;
    }
    .parts_pro .dele,
    .bonline .dele,
    .bonline dl .title,
    .innews .dele {
        display: none;
    }
    .parts_pro .p1 {
        font-size: 14px
    }
    .parts_pro .con {
        background: none;
        padding: 0px
    }
    .parts_pro li {
        width: 48.5%;
    }
    .parts_pro .p1 {
        margin-bottom: 0px
    }
    .parts_pro .con {
        margin-bottom: 15px;
    }
    .recommend_title,
    .bonline_title .p1,
    .incomp_title .title,
    .innews .title .p1,
    .prolist_hot .title .p1,
    .prolist .title,
    .contact_list .title,
    .contact_title,
    .content_news .title .p1,
    .parts .title,
    .about_stren .title,
    .about_cooperation .title {
        font-size: 25px
    }
    .bonline_title,
    .incomp_title .title {
        margin-top: 10px
    }
    .bonline dl,
    .scene li,
    .innews_left {
        margin-top: 15px;
    }
    .bonline .title {
        text-align: center
    }
    .scene .block {
        font-size: 18px;
    }
    .bonline {
        margin-bottom: 0px
    }
    .lina_list .tit a,
    .innews_info .word p,
    .innews_right .text {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }
    .news h1 {
        margin-bottom: 20px;
        line-height: 40px;
    }
    .pi01,
    .pi02,
    .pi03 {
        display: none;
    }
    .contact_list li {
        margin-bottom: 20px;
    }
    #contact_clone {
        padding: 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    #contact .titles,
    #contact .tit {
        display: block;
    }
    .contact_list .title,
    .contact_list .tit {
        display: none;
    }
    .contact_sub,
    .contact_list li {
        margin-top: 0px
    }
    .contact dt {
        margin-top: 20px;
    }
    #contact_clone .tit d {
        display: none;
    }
    .contact_sub {
        background: none
    }
    .contact_list li {
        background: #f0f0f0
    }
    .contact_list .p2 {
        color: #666;
        height: 65px;
        line-height: 20px;
    }
    .contact_list {
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 0px
    }
    .prduct_text .text,
    .bottom_r .p2 {
        display: none;
    }
    .bottom_r .p1 {
        font-weight: normal
    }
    .incomp {
        margin-bottom: 0;
    }
    .prduct_abstract .organizer span a,
    .line .line_r .organizer span {
        font-size: 20px;
    }
    .business .click_2 a {
        padding-left: 30px;
        background-position: 0 center;
    }
    /* .business .click_2{width: 110px;background: #ea0000;} */
    .news h2,
    .news h3 {
        background-position: left 5px;
    }
    .m_msg_fill li.first,
    .m_msg_fill li.last {
        width: 25%
    }
    .m_msg_fill li.two {
        width: 50%
    }
    .m_msg_fill li span::after {
        width: 115px;
    }
    .msg_btn,
    .msg_btn input {
        height: 50px;
    }
}

@media screen and (max-width:414px) {
    .contact_list li {
        width: 42.8%
    }
    .product_line .tit a {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }
    .business .click_2 {
        width: 140px;
    }
    .messages .msg_tit b {
        font-size: 24px;
    }
    .m_msg_fill li p,
    .messages .msg_tit p,
    .messages .msg_tit p span {
        font-size: 16px;
    }
    .m_msg_fill li span::after {
        width: 95px;
    }
    .messages .box {
        padding: 30px 15px 30px;
    }
    .msg_btn,
    .msg_btn input {
        height: 45px;
    }
}

@media screen and (max-width:360px) {
    .top {
        width: 80%
    }
    .contact_list li {
        width: 42%
    }
    .parts li {
        width: 99%
    }
    .bottom_l .click_2 {
        width: 100%
    }
    .newslist_left li .intnew {
        width: 75%
    }
    .service_right .con_tent_2,
    .service_right .con_tent_1,
    .service_right .con_tent_3,
    .service_right .con_tent_4,
    .service_right .con_tent_5,
    .service_right .con_tent_6,
    .service_right .con_tent_7,
    .service_right .con_tent_8 {
        zoom: 0.7;
    }
    .service_right li {
        width: 32.7%
    }
}

@media screen and (max-width:320px) {
    .contact_list li {
        width: 41%
    }
    .business .click_1 a,
    .business .click_2 a,
    .cone-emai .c1 a,
    .cone-emai .c2 a,
    .introduction_click .click_1 a,
    .introduction_click .click_2 a {
        background: none;
        text-align: center;
        padding-left: 0px;
        font-size: 16px;
    }
    .cone-emai .c1 {
        width: 100px;
    }
    .cone-emai {
        width: 30%;
    }
    .cone-tel {
        width: 38%;
    }
    .business {
        margin-left: 5px;
    }
    .business .click_2 {
        width: 117px;
        padding-left: 12px;
    }
    .innews_info .word {
        width: 64%;
    }
    .prduct_abstract .organizer span a,
    .line .line_r .organizer span {
        font-size: 18px;
    }
}


/* 底部漂浮 */

.fd-pf {
    display: none;
}

@media screen and (max-width:768px) {
    .fd-pf {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        background-color: #fff;
        padding: 5px 0;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .fd-pf a {
        float: left;
        width: 50%;
        color: #333333;
        text-align: center;
        border-right: 1px solid #f1f1f1;
        line-height: 30px;
        font-size: 15px;
        -wekit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        padding-left: 20px;
    }
    .fd-pf a::after {
        content: "";
        position: absolute;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-left: -50px;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 20px;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        background-size: 20px;
        background-image: url(/template/images/pf-ser.png);
        top: 1px;
    }
    .fd-pf a:last-child {
        border: none;
    }
    .fd-pf a:last-child::after {
        background-image: url(/template/images/pf-tel.png);
    }
    .fd-pf a:first-child::after {
        background-image: url(/template/images/pf-fo.png);
    }
    body.inner .mo-right .tel {
        /* display: none; */
    }
    body.inner {
        padding-bottom: 40px;
    }
}