@charset "utf-8";
/*初始化样式*/
/*网站变灰色

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
*/

body {
    margin: 0px;
    padding: 0px;
    margin: 0px auto;
    zoom: 1;

    /*设置字体*/
    font-size: 12px;
    line-height: 24px;
    font-family: Arial, "宋体";
    color: #414446;

    /*设置宽度*/
    width: 100%;
    background: #fff;
}

ul, li, form, dl, dt, dd, div {
    padding: 0px;
    margin: 0px;
}

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

.h1, .h2, .h3, .h4, .h5, .h6, .p {
    padding: 0px;
    margin: 0px;
}

select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #414446;
}

input:focus {
    outline: none;
}

/*强制去除表单自带的样式*/
input, button, select, textarea {
    outline: none; /*-webkit-appearance:none;*/
}

/*强制去除textarea自带的样式*/
textarea {
    resize: none; /*-webkit-appearance:none;*/
}

textarea, input, select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/*html5设置*/
article, aside, footer, header, hgroup, nav, section, figure, figcaption {
    display: block;
}

figure, figcaption {
    margin: 0px;
    padding: 0px;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

img {
    border: none;
    border: 0;
    vertical-align: baseline;
}

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

a:focus {
    outline: none;
    -moz-outline: none;
}

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

/*清楚浮动*/
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

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

.clearfix {
    zoom: 1;
}

/*网站地图*/
.ul_sitemap li {
    border-bottom: dotted 1px #ddd;
    padding: 5px 0px;
}

.ul_sitemap li strong {
    width: 90px;
    display: inline-block;
}

/*初始化样式*/

/*页面框架结构*/
.Contain {
}

.SildeBar {
}

.MainContent {
}

.Content {
    width: 1194px;
    max-width: 100%;
    margin: 0 auto;
}

.SinglePage { /*单片*/
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
    clear: both;
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    line-height: 2;
    text-indent: 2em;
}

.Current {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0;
    padding-left: 15px;
    font-size: 14px;
}

.Current span {
    color: #e8651b;
}

/*Top*/
.Top_w {
    width: 100%;
    padding: 27px 0
}

.Top {
    max-width: 94%;
    margin: 0 auto;
    position: relative;
    z-index: 88;
}

.Top .logo {
    width: 27%;
    float: left;
    display: block;
    max-height: 70px;
}

.Top .logo img {
    max-width: 100%
}

.Top .logo a {
    display: inline-block
}

.Top_con {
    position: absolute;
    right: 0;
    top: 24px;
    width: 118px;
    border: none
}

.Top_language {
    float: right;
    width: auto;
    line-height: 25px;
    height: auto;
    border: none;
    position: relative
}

.Top_language dl dt {
    cursor: pointer;
    width: 52px;
    height: 26px;
}

.Top_language dl dd {
    display: none;
    position: absolute;
    width: 140px;
    line-height: 29px;
    border: solid 1px #fff;
    right: 0;
    top: 73px;
    background: rgba(255, 255, 255, 0.6);
}

.Top_language dl dd a {
    display: block;
    color: #333333;
    font-size: 15px;
    background: no-repeat 6px;
    padding-left: 33px;
}

.Top_language dl dd a.lan1 {
    border-bottom: solid 1px #fff
}

.Top_search {
    position: absolute;
    left: 0;
}

.Top_search a {
    cursor: pointer;
    width: 22px;
    height: 21px;
    display: block;
    background: url("../images/index/top_search.png");
    background-position: center;
    background-repeat: no-repeat;
}

.Top_search .search {
    display: none;
    width: 200px;
    position: absolute;
    right: -6px;
    top: -6px;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 30px 5px 5px;
    background: #fff
}

.Top_search .search input {
    width: 100%;
    height: 26px;
}

.Top_search .search a {
    position: absolute;
    right: 5px;
    top: 5px
}

.Top_email {

    width: 49%;
    height: 101px;
    border-left: 1px solid #d6d6d6;
    float: right;
    position: relative;
}

.Top_emailCon {
    position: absolute;
    top: 60%;
    width: 100%;
    z-index: 99;
    display: none;
}

.Top_email ul li {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
    height: 30px;
    line-height: 30px;
}

.Top_email ul li a {
    color: #6d6b6b;
}

.Top_email ul li a:hover {
    color: #e8651b;
}


.MainNav {
    width: 60%;
    float: right;
    padding-top: 28px;
    padding-right: 120px;
}

.MainNav ul li {
    float: left;
    width: 12%;
    text-align: center;
    position: relative;
    height: 30px;
}

.MainNav ul li .Main_link {
    font-size: 19px;
    color: #000000;
    display: inline-block;
    padding-bottom: 6px;
}

.MainNav ul li.on .Main_link, .MainNav ul li:hover .Main_link {
    color: #e8651b;
    border-bottom: 3px solid #e8651b;
}


.Main_nav {
    position: absolute;
    top: 100%;
    left: -200%;
    z-index: 99;
    padding-top: 39px;
}

.Main_navCon {
    width: 370px;
    padding: 6px 20px;
    background: #e8651b;
}

.Main_nav .Main_list {
    float: left;
    width: 36%;
    padding: 3% 12% 3% 3%;
    border-right: 1px solid #ec595f;
}

.Main_nav .Main_list dl dd {
    padding: 2% 0 2% 20px;
    margin-top: 5px;
    border-bottom: 1px solid #e8651b;
    text-align: left;
}

.Main_nav .Main_list dl dd:hover {
    border-bottom: 1px solid white;
}

.Main_nav .Main_list dl dd a {
    color: #fff;
    font-size: 14px;
}

.Main_nav .pic {
    width: 43%;
    height: 100%;
    padding: 5% 0;
    padding-left: 5%;
    float: right;
    color: #fff;
}

.Main_nav .pic img {
    width: 100%;
    display: block;
}

.MainNav ul li {
    -webkit-perspective: 500px;
}

.MainNav ul li > li {
    position: relative;
    -webkit-perspective: 500px;
    /* perspective: 500px; */
}

.MainNav ul li .Main_nav {
    -webkit-perspective: 500px;
    perspective: 500px;
}

.Main_nav {
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    -moz-transform: rotate3d(1, 0, 0, -90deg);
    -ms-transform: rotate3d(1, 0, 0, -90deg);
    -o-transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: transform 0.5s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
    -moz-transition: -moz-transform 0.5s, opacity 0.3s;
    display: block;
    width: 410px;
}

.MainNav ul li:hover > .Main_nav {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0);
    -webkit-transform: rotate3d(0, 0, 0, 0);
    -moz-transform: rotate3d(0, 0, 0, 0);
    -ms-transform: rotate3d(0, 0, 0, 0);
    -o-transform: rotate3d(0, 0, 0, 0);
}

/*Top*/


/*手机端头部*/
.mobile_top {
    display: none;
    position: relative;
    background-color: #fff;
}

.mobile_top .logo {
    padding: 2px 75px 2px 5px;
    overflow: hidden;
    height: 64px;
}

.mobile_top .logo a {
    display: block;
    float: left;
    height: 44px;
    margin-top: 10px;
}

.mobile_top .logo img {
    width: auto;
    height: 80%;
}

.mobile_top .language {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 30px;
}

.mobile_top .language a {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
}

.mobile_top .language a.on {
    color: #e8651b;
}

.mobile_top .btn_nav {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}

.mobile_top .btn_nav a {
    display: block;
}

.mobile_top .btn_back {
    position: absolute;
    left: 4%;
    top: 27%;
    display: block;
    width: 6%;
    display: none;
}

.mobile_top .Top_language {
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -15px;
    z-index: 10;
}

.mobile_top .Top_language dl dd {
    top: 48px;
}

.mob_nav {
    position: absolute;
    right: 0%;
    z-index: 99;
    width: 40%;
    top: 100%;
    height: 100%;
    display: none;
}

.mob_nav li {
    width: 100%;
}

.mob_nav li a {
    display: block;
    font-size: 16px;
    line-height: 3.2em;
    text-indent: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 1px;
}

.mob_nav li a:hover {
    background-color: #fff;
    color: #e8651b;
}

.mob_nav li ul {
    display: none;
}

.mob_nav li ul.subnav li a {
    font-size: 1.8em;
    margin-top: 0px;
    background-color: #e8651b;
    line-height: 2.4em;
    background-image: none;
}

.mob_nav li ul.subnav li a:hover {
    background-color: #fff;
    color: #e8651b;
    background-image: none;
}

.weather {
    float: right;
    line-height: 50px;
}

/*手机端头部*/

.footer_part {
    font-size: 14px;
    background: #3d3d3d
}

.footer_part,
.footer_part a {
    color: rgba(255, 255, 255, 0.7);
}

.footer_part a:hover {
    color: #e8651b
}

.footer_part .part1 {
    padding-top: 3%;
    padding-bottom: 1%
}

.footer_part .part2 {
    padding: 22px 0;
    border-top: solid 1px #454545
}

.footer_part .part2 .other {
    float: left
}

.footer_part .part2 .other a {
    margin-right: 20px;
    display: inline-block
}

.footer_part .part2 .copyright {
    float: right
}

.foot_contact {
    float: left;
    width: 35%;
    font-size: 16px;
    line-height: 34px;
}

.foot_contact .hotline {
    color: #fff;
    font-size: 22px;
    padding-top: 5%;
    padding-bottom: 3%
}

.foot_contact .hotline b {
    font-size: 30px;
    font-weight: normal;
    color: #e8651b
}

.foot_contact .txt {
    padding-bottom: 3%
}

.foot_ewm {
    max-width: 420px;
}

.foot_ewm li {
    float: left;
    width: 26%;
    position: relative;
    text-align: center;
}

.foot_ewm li.douyin {
    margin: 0 11%
}

.foot_ewm li .pic {
    background: #fff;
    max-width: 107px;
    margin: auto
}

.foot_ewm li .pic img {
    width: 100%;
    display: block;
}

.foot_ewm li .sub {
    font-size: 12px
}

.foot_nav {
    float: right;
    width: 65%;
}

.foot_nav dl {
    float: left;
    width: 16.66%;
    text-align: center
}

.foot_nav dl h4 {
    font-size: 17px;
    padding: 0 5px;
    margin: 0;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    border-left: solid 2px #e8651b
}

.foot_nav dl ul {
    padding-top: 5%;
    line-height: 30px;
}

@media (max-width: 1100px) {
    .foot_contact,
    .foot_nav {
        float: none;
        width: 100%
    }

    .foot_contact {
        font-size: 14px;
        padding-top: 3%
    }

    .foot_contact .hotline {
        padding-top: 2%;
        font-size: 16px;
    }

    .foot_contact .hotline b {
        font-size: 20px;
    }

    .foot_contact .info {
        float: left;
        width: 60%;
    }

    .foot_ewm {
        float: right;
        width: 40%;
        text-align: center
    }
}

@media (max-width: 640px) {
    .foot_nav dl {
        width: 31.333%;
        padding: 1%;
    }

    .foot_nav dl h4 {
        border: solid 1px #454545;
        border-radius: 2px;
        line-height: 30px;
        font-size: 15px;
        display: block
    }

    .foot_nav dl ul {
        display: none
    }

    .foot_contact .info,
    .foot_ewm {
        float: none;
        width: 100%
    }
}

.auto_w1600 {
    max-width: 1600px;
    margin: auto;
    position: relative;
    padding: 0 2%
}

section {
    font-size: 18px;
    line-height: 34px;
}

section img {
    max-width: 100%
}

/*Banner*/
.HomeBan {
    width: 100%;
    position: relative;
    z-index: 2;
}

.HomeBan .BanList {
    overflow: hidden;
    position: relative;
}

.HomeBan .BanList .bx-controls-direction {
    display: none;
}

.HomeBan .BanList:hover .bx-controls-direction {
    display: block;
}

.HomeBan .BanList li {
    width: 100%;
}

.HomeBan .BanList li img {
    display: block;
    width: 100%;
}

.HomeBan .bx-pager {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 76px;
    left: 0;
    z-index: 99;
}

/*.HomeBan .bx-controls .bx-pager{ text-align: center; display: inline-block; }*/
.HomeBan .bx-controls .bx-pager-item {
    display: inline-block;
}

.HomeBan .bx-controls .bx-pager-item a {
    display: block;
    width: 24px;
    height: 12px;
    margin: 0 4px;
    overflow: hidden;
    text-indent: 24px;
}

.HomeBan .bx-controls-direction .bx-prev {
    width: 79px;
    height: 79px;
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -40px;
    z-index: 99;
}

.HomeBan .bx-controls-direction .bx-next {
    width: 79px;
    height: 79px;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -40px;
    z-index: 99;
}

.Banner { /*height: 268px;*/
    width: 100%;
}

.Banner img {
    width: 100%;
    display: block;
}

.BanList_pc {
    display: block;
}

.BanList_wap {
    display: none;
}

/*Banner*/

/*首页*/
.H_hot {
    width: 1520px;
    margin: 0 auto;
    max-width: 96%;
    height: 72px;
    background: #e8651b;
    position: relative;
    margin-top: -36px;
    z-index: 99;
    overflow: hidden;
}

.H_hot .H_hotTip {
    width: 40%;
    margin-left: 2%;
    line-height: 72px;
    color: #fff;
    font-size: 16px;
    float: left;
}

.H_hot .H_hotTip a {
    font-size: 16px;
    color: #fff;
}

.H_hotSearch {
    float: right;
    width: 312px;
    height: 36px;
    margin-top: 20px;
    border-bottom: 1px solid #f39094;
    margin-right: 2%;
}

.H_hotSearch .text {
    color: #fadfe0;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    width: 80%;
    float: left;
    font-family: "宋体";
}

.H_hotSearch .btn {
    width: 20%;
    float: right;
    height: 36px;
}

.H_Title {
    text-align: center;
}

.H_Title .cn {
    color: #e8651b;
    font-size: 30px;
}

.H_Title i {
    width: 36px;
    height: 1px;
    background: #e8651b;
    display: none;
    margin: 16px auto 0;
}

.H_por {
    width: 1520px;
    margin: 50px auto 0;
    max-width: 96%;
}

.H_porBox {
    margin-top: 30px;
}

.H_porL {
    width: 10%;
    float: left;
}

.H_porL ul li {
    position: relative;
    width: 100%;
    border-radius: 4px;
    background: #8b8a8a;
    height: 81px;
    text-align: center;
    overflow: hidden;
    margin-top: 22%;
}

.H_porL ul li:first-child {
    margin-top: 0;
}

.H_porL ul li .pic {
    height: 81px;
}

.H_porL ul li .pic img {
    width: 100%;
    height: 81px;
}

.H_porL ul li .title {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 81px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}


.H_porR {
    width: 88%;
    float: right;
}

.H_porR_pic img {
    display: block; /*width: 100%;*/
    margin: 0 auto;
}

.H_porR_list {
    margin-top: 20px;
}

.H_porR_list ul li:first-child {
    margin-left: 0;
}

.H_porR_list ul li {
    width: 16%;
    float: left;
    margin-left: 0.8%;
}

.H_porR_list ul li .pic {
    background: #efefef;
    height: 137px;
    text-align: center;
}

.H_porR_list ul li .pic img {
    width: 100%;
    display: block;
}

.H_porR_list ul li .title {
    height: 41px;
    line-height: 41px;
    text-align: center;
    padding-right: 37px;
    display: block;
    color: #272727;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.H_case {
    margin-top: 50px;
}

.H_caseMenu {
    margin-top: 32px;
    width: 100%;
    border-top: 1px solid #f5f5f5;
}

.H_caseMenuList {
    width: 1180px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}

.H_caseMenuList ul {
    width: 84%;
    margin: 0 auto;
}

.H_caseMenuList ul li {
    width: 169px;
    float: left;
    text-align: center;
}

.H_caseMenuList ul li:first-child {
    background: none;
}

.H_caseMenuList ul li span {
    display: block;
}

.H_caseMenuList ul li .pic {
    display: block;
    height: 60px;
    text-align: center;
    vertical-align: bottom;
}

.H_caseMenuList ul li .pic img {
    vertical-align: middle;
    margin: 0 auto;
}

.H_caseMenuList ul li .title {
    font-size: 16px;
    color: #999;
}

.H_caseMenuList ul li a {
    display: block;
    padding: 16px 0;
    border-top: 5px solid #fff;
}

.H_caseMenuList ul li a:hover, .H_caseMenuList ul li.on a {
    background: #f9f9f9;
    border-top: 5px solid #e8651b;
}

.H_caseMenuList ul li span .H_caseIcon {
    display: block;
}

.H_caseMenuList ul li span .H_caseHover {
    display: none;
}

.H_caseMenuList ul li:hover span .H_caseIcon, .H_caseMenuList ul li.on span .H_caseIcon {
    display: none;
}

.H_caseMenuList ul li:hover span .H_caseHover, .H_caseMenuList ul li.on span .H_caseHover {
    display: block;
}

.H_caseMenuList ul li:hover .title, .H_caseMenuList ul li.on .title {
    color: #e8651b;
}

.H_caseMenuList .bx-wrapper {
    margin: 0 auto;
}

.H_caseMenuList .bx-pager {
    display: none;
}

.H_caseMenuList .bx-controls-direction .bx-prev {
    width: 44px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: -160px;
    text-indent: 44px;
    overflow: hidden;
}

.H_caseMenuList .bx-controls-direction .bx-next {
    width: 44px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    right: -160px;
    text-indent: 44px;
    overflow: hidden;
}

.H_caseList {
    border-top: 3px solid #e8651b;
}

.H_caseList dl dd {
    display: none;
}

.H_caseList img {
    display: block;
    width: 100%;
    opacity: 0;
}

.H_casePicL {
    width: 49.3%;
    float: left;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.H_casePicR {
    width: 50.3%;
    float: right;
    cursor: pointer;
}

.H_casePicR .left {
    float: left;
    width: 49.1%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.H_casePicR .right {
    float: left;
    width: 50.1%;
    float: right;
}

.H_casePicR .right_t {
    height: 50%;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.H_casePicR .right_b {
    height: 50%;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.H_casePicR .right_t {
    margin-bottom: 1.25%;
}

.H_caseList .right .hover .text {
    padding: 5% 10% 0 10%
}

.H_caseList .right .hover .text p {
    padding: 0;
    margin: 0;
}

.H_caseList .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: rgba(0, 0, 0, 0.48);
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.H_caseList .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: none;
    overflow: hidden;
}

.H_caseList .hover .text {
    color: #fff;
    padding: 20% 30% 0 30%;
}

.H_caseList .hover .btn {
    width: 47px;
    height: 47px;
    display: block;
    margin: 10px auto 0;
}

.H_casePicL:hover .hover {
    display: block;
}

.H_casePicR .left:hover .hover {
    display: block;
}

.H_casePicR .right_t:hover .hover {
    display: block;
}

.H_casePicR .right_b:hover .hover {
    display: block;
}

.H_about {
    width: 1520px;
    margin: 48px auto 0;
    max-width: 96%;
}

.H_aboutBox {
    margin-top: 30px;
}

.H_aboutL {
    width: 60%;
    float: left;
}

.H_aboutL img {
    width: 100%;
    display: block;
}

.H_aboutR {
    width: 30%;
    float: left;
    padding: 0 5%;
}

.H_aboutR .title {
    margin-top: 12%;
    font-size: 24px;
    font-weight: bold;
    color: #e8651b;
}

.H_aboutR .title span {
    display: none;
    width: 23px;
    height: 2px;
    background: #e8651b;
    margin-top: 20px;
}

.H_aboutR .text {
    font-size: 16px;
    color: #333;
    margin-top: 40px;
    height: 210px;
    overflow-y: scroll;
}

.H_aboutR .btn {
    width: 160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #e8651b;
    font-size: 14px;
    color: #fff;
    margin-top: 40px;
    display: block;
}

.H_adv {
    margin-top: 80px;
}

.H_adv img {
    width: 100%;
    display: block;
}

.H_news {
    width: 1520px;
    max-width: 96%;
    margin: 68px auto 0;
}

.H_newsL {
    width: 30%;
    float: left;
    padding: 3% 5% 4.4% 5%;
    background: #f3f3f3;
}

.H_newsMenu ul li {
    float: left;
    font-size: 30px;
    color: #666;
    padding: 0 12px;
}

.H_newsMenu ul li:first-child {
    padding-left: 0;
    background: none;
}

.H_newsMenu ul li.on a {
    border-bottom: 1px solid #e8651b;
    color: #e8651b;
    display: block;
    padding-bottom: 15px;
}

.H_newsList {
    margin-top: 29px;
}

.H_newsList .H_newsListBox {
    display: none;
}

.H_newsList .H_newsListBox.on {
    display: block;
}

.H_newsListBox .btn {
    text-align: center;
    background: #e8651b;
    color: #fff;
    height: 48px;
    line-height: 48px;
    width: 160px;
    font-size: 14px;
    display: block;
    margin-top: 20px;
}

.H_newsList ul .top {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e8e8e8;
}

.H_newsList ul .top .pic {
    width: 22%;
    float: left;
}

.H_newsList ul .top .pic img {
    width: 100%;
}

.H_newsList ul .top .con {
    width: 74%;
    float: right;
}

.H_newsList ul .top .con .title {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.H_newsList ul .top .con .title:hover {
    color: #e8651b;
}

.H_newsList ul .top .con .title span {
    float: right;
    font-size: 14px;
    color: #666;
}

.H_newsList ul .top .con .text {
    margin-top: 10px;
    font-size: 14px;
    color: #e8651b;
    max-height: 48px;
    overflow: hidden;
}

.H_newsList ul li a.tip {
    color: #333;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.H_newsList ul li .time {
    float: right;
    font-size: 14px;
    color: #666;
}

.H_newsList ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}

.H_newsList ul li a:hover {
    color: #e8651b;
}

.H_newsR {
    width: 59.5%;
    float: right;
    position: relative;
}

.H_newsR ul li a {
    display: block;
    position: relative;
}

.H_newsR ul li a img {
    width: 100%;
    display: block;
}

.H_newsR ul li a .title {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #a1a1a4;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.H_newsR ul li a i {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -41px;
    margin-left: -41px;
}

.videoCon {
    display: none;
    background: #000;
}

.videoCon video {
    width: 100%;
    height: 400px;
}

.H_newsR .bx-controls .bx-pager {
    position: absolute;
    width: 97%;
    bottom: 14px;
    left: 0;
    text-align: right;
    z-index: 99;
}

.H_newsR .bx-controls .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

.H_newsR .bx-controls .bx-pager-item a {
    display: block;
    width: 13px;
    height: 13px;
    background: #c8c8c8;
    border-radius: 50%;
    text-indent: 13px;
    overflow: hidden;
    cursor: pointer;
}

.H_newsR .bx-controls .bx-pager-item a.active {
    background: #e8651b;
}

.footer {
    width: 1520px;
    max-width: 96%;
    border-top: 1px solid #e3e3e3;
    margin: 62px auto 0;
    padding: 25px 0;
}

.footer_box {
    width: 20%;
    float: left;
}

.footer_box2 {
    margin-left: 5%;
    height: 225px;
}

.footer_list {
    margin-top: -3px;
}

.footer_list ul li {
    float: left;
    width: 50%;
    margin-bottom: 12px;
}

.footer_list ul li a:hover {
    color: #e8651b;
}

.footer_list ul li a {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 12px;
    display: block;
}

.footerTop {
    font-size: 24px;
    color: #5f5d5d;
    border-left: 3px solid #e8661d;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
}

.footer_Code {
    width: 22%;
}

.footer_Code .footerCode img {
    height: 100px;
}

.footer_Code .footerCode {
    margin-top: 18px;
    margin: 0 25px;
    width: 95px;
    text-align: center;
    display: inline-block;
}

/* .footer_Code .footerCode img{ height: 95px; width:95px;} */
.footerCode span {
    display: block;
    font-weight: bold;
    color: #5f5d5d;
    font-size: 15px;
}

.footer_contact {
    float: right;
    max-width: 30%;
    width: auto;
}

.footer_contact strong {
    margin-top: 10px;
    display: block;
}

/*首页*/

/*Bottom*/
.BottomW {
    width: 100%;
    padding: 10px 0;
    background: #e8651b;
}

.Bottom {
    max-width: 1520px;
    margin: 0 auto;
}

.BottomLinks {
    float: left;
    color: #e8671f;
}

.BottomLinks em {
    margin: 0 10px;
}

.BottomLinks a {
    color: #fadfe0;
}

.Bottom .Copyright {
    float: right;
    color: #fadfe0;
}

.Bottom .Copyright a {
    color: #fadfe0;
}

/*Bottom*/


/*SildeBar*/
.SildeBar {
    width: 100%;
    height: 73px;
    background: #f1f6f9;
}

.siledBarCon {
    position: relative;
    width: 1194px;
    margin: 0 auto;
    max-width: 100%;
}

.menu {
    width: 1520px;
    margin: 0 auto;
    max-width: 100%;
}

.menu ul li {
    float: left;
    line-height: 73px;
    text-align: center;
    margin: 0 5px;
}

.menu ul li a {
    padding: 0 5px;
    display: block;
    height: 71px;
    color: #666;
    font-size: 18px;
    border-top: 2px solid #f1f6f9;
}

.menu ul li.on a, .menu ul li:hover a {
    background: #fff;
    border-top: 2px solid #e8651b;
    color: #e8651b;
}

/*SildeBar*/


/*关于我们*/
.about {
    width: 1194px;
    margin: 80px auto;
    max-width: 96%;
}

.about img {
    max-width: 100%;
}

.about_pic img {
    width: 100%;
    display: block;
}

/*发展历程*/
.deve_bg {
    width: 100%;
    position: relative;
}

.deve {
    width: 700px;
    margin: 60px auto;
    max-width: 100%;
    position: relative;
}

.deve i {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -24px;
}

.deve ul {
    padding: 0 0;
}

.deve ul li:first-child {
    padding-top: 24px;
}

.deve ul li {
    height: 195px;
    padding: 7px 0;
}

.deve ul li .pic {
    float: left;
    width: 40%;
    position: relative;
}

.deve ul li .pic img {
    display: block;
}

.deve ul li .pic .time {
    width: 76px;
    height: 76px;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    right: -38px;
    text-align: center;
    line-height: 76px;
    color: #fff;
    font-size: 16px;
}

.deve ul li .pic .time s {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -8px;
}

.deve ul li .text {
    float: right;
    width: 45%;
    margin-top: 5%;
    padding-top: 5px;
    font-size: 14px;
    color: #e8651b;
    position: relative;
}

.deve ul li .text .line {
    display: block;
    width: 41px;
    height: 1px;
    background: #f07e83;
    position: absolute;
    top: 0;
    left: 0;
}

.deve ul li.on .pic {
    float: right;
}

.deve ul li.on .text {
    float: left;
}

.deve ul li.on .time {
    right: auto;
    left: -38px;
}

.deve ul li.on .time s {
    right: auto;
    left: -8px;
}

.deve_bg .btn {
    width: 21px;
    height: 19px;
    position: absolute;
    bottom: -13px;
    left: 50.7%;
    margin-left: -1px;
}


.video_list {
    width: 1258px;
    margin: 45px auto 0;
    max-width: 96%;
}

.video_list ul li {
    width: 31.33%;
    float: left;
    margin: 10px 1%;
}

.video_list ul li .pic {
    padding-bottom: 65.5%;
    position: relative;
    display: block;
    background-size: contain;
    height: 0;
    position: relative;
}

.video_list ul li .pic img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    height: 85%;
}

.video_list ul li a {
    display: block;
}

.video_list ul li i {
    width: 67px;
    height: 67px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -34px;
    margin-top: -34px;
}

.video_listCon {
    width: 780px;
    max-width: 100%;
    background: #000;
    display: none;
}

.video_listCon video {
    width: 100%;
    min-height: 300px;
}

.video_listCon iframe {
    width: 100%;
    min-height: 300px;
}

.video_listCon .iframe {
    width: 100%;
}

.video_list ul li .title {
    text-align: center;
    margin-top: 10px;
    padding: 0 2%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #595757;
}


/*产品*/
.por_top {
    width: 1300px;
    max-width: 88%;
    margin: 32px auto 0;
    padding: 0 110px;
    position: relative;
}

.por_top ul li {
    float: left;
    position: relative;
}

.por_top ul li img {
    width: 100%;
    box-shadow: 3px 5px 5px #ccc;
}

.por_top .bx-controls .bx-pager {
    display: none;
}

.por_top .bx-prev {
    width: 63px;
    height: 69px;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    left: 0;
    overflow: hidden;
    text-indent: 64px;
}

.por_top .bx-next {
    width: 63px;
    height: 69px;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    right: 0;
    overflow: hidden;
    text-indent: 64px;
}


.pro_box {
    width: 1520px;
    max-width: 100%;
    margin: 46px auto 0;
}

.pro_menu {
    width: 10%;
    float: left;
    padding: 9px;
    border: 1px solid #eeeeee;
    position: relative;
}

.pro_top {
    width: 100%;
    height: 84px;
    text-align: center;
    line-height: 84px;
    background-size: 100% 100%;
    font-size: 20px;
    color: #fff;
}

.pro_menuList {
    padding-top: 10px;
}

.pro_menuList ul li {
    padding-bottom: 10px;
    position: relative;
}

.pro_menuList ul li:hover > a, .pro_menuList ul li.on > a {
}

.pro_menuList ul li a {
    display: block;
    height: 58px;
    width: 90%;
    padding-right: 10%;
    line-height: 58px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
}

.pro_menu i {
    position: absolute;
    width: 100%;
    height: 7px;
    background: #f8f8f8;
    bottom: -7px;
    left: 0;
}

.pro_menuList ul li .submenu {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 150px;
    display: none;
}

.pro_menuList ul li .submenu a {
    border-bottom: 1px solid #ccc;
}

.pro_menuList ul li:hover .submenu {
    display: block;
}

.pro_Con {
    width: 85%;
    float: right;
}

.pro_location {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    padding: 0 45px;
}

.pro_location a {
    color: #fff;
}

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

.pro_list ul {
    margin-right: -2%;
}

.pro_list ul li {
    width: 23%;
    margin: 20px 2% 10px 0;
    float: left;
    text-align: center;
}

.pro_list ul li .pic {
    border: 1px solid #ebebeb;
    height: 240px;
    overflow: hidden;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}
.pro_list ul li .pic:hover{
    border: 1px solid orange;
    border-radius: 10px;
    box-shadow: 5px 5px 2px #888888;
}

.pro_list ul li .pic img {
    width: 76%;
    display: block;
    align-items: center;
    vertical-align: center;
}

.pro_list ul li a {
    display: block;
}

.pro_list ul li .title {
    text-align: center;
    color: #353535;
    font-size: 15px;
    margin-top: 10px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pro_list ul li:hover .title {
    color: #e8651b;
}


.pro_info {
    width: 1520px;
    margin: 0 auto;
    max-width: 96%;
}

.pro_infoT {
    margin-top: 75px;
}

.pro_infoT_L {
    width: 400px;
    float: left;
    position: relative;
}


.pro_infoT_L .jqzoom {
    position: relative;
    z-index: 2;
}

.pro_infoT_L .jqzoom .Img {
    width: 100%;
    border: 2px solid green;
    border-radius: 4px;
}

.pro_infoT_L .zoomdiv {
    position: absolute;
    z-index: 8;
    width: 350px;
    height: 350px;
    display: none;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    left: 454px;
    top: 0px;
}

.pro_infoT_L .bigimg {
    width: 800px;
}

.pro_infoT_L .jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #FEDE4F 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
}


.pro_infoT_L #spec-left,
.pro_infoT_L #spec-right {
    cursor: pointer;
    width: 6%;
    padding-top: 10%;
    z-index: 9;
    position: absolute;
    top: 15%;
    text-indent: 44px;
    overflow: hidden;
}

.pro_infoT_L #spec-left {
    background-size: contain;
    left: 0;
}

.pro_infoT_L #spec-right {
    background-size: contain;
    right: 0;
}

.pro_infoT_L #spec-n5 {
    position: relative;
}

.pro_infoT_L #spec-list {
    width: 390px;
    margin: auto;
}

.pro_infoT_L #spec-list ul li {
    float: left;
    display: inline;
    width: 120px;
    padding: 0 5px;
    position: relative;
}

.pro_infoT_L #spec-list ul li a {
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.pro_infoT_L #spec-list ul li img {
    width: 100%;
    height: 70px;
    opacity: 0;
}

.pro_infoT_L #spec-list ul li a {
    border: solid 1px transparent
}

.pro_infoT_L #spec-list ul li a.a_select {
    border-color: #ef6066;
}

.pro_infoT_L .listwap {
    display: none;
    border: 2px solid #ef6066;
    border-radius: 4px;
    overflow: hidden;
}

.pro_infoT_L .listwap ul li {
    position: relative;
    float: left;
    padding-top: 10%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.pro_infoT_L #bx-pager a.active {
    border-color: #ef6066;
}


.pro_infoT_R {
    margin-left: 470px;
}

.pro_infoTT {
    color: #e8651b;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    line-height: 30px;
}

.pro_infoTtext {
    margin: 15px;
    padding: 0 15px;
    font-size: 18px;
    color: #7c7c7c;
}

.pro_infoB {
    margin-top: 34px;
}

.pro_infoB .text img {
    max-width: 100%;
}

.pro_infoB_T {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #e6e6e6;
}

.pro_infoB_T ul li {
    float: left;
    height: 36px;
    padding: 0 25px;
    border: 1px solid #fff;
    border-bottom: none;
}

.pro_infoB_T ul li.on, .pro_infoB_T ul li:hover {
    height: 37px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: none;
}

.pro_infoB_T ul li.on a {
    color: #e8651b;
}

.pro_infoB_T ul li:hover a {
    color: #e8651b;
}

.pro_infoB_T ul li a {
    font-size: 14px;
    color: #353535;
    font-weight: bold;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pro_infoB .box {
    margin-top: 20px;
}

.pro_infoB .box .text {
    display: none;
}

.pro_infoB .box .on {
    display: block;
}


/*案例*/
.caseMenu {
    padding: 0 28px;
    position: relative;
}

.caseMenu .bx-pager {
    display: none;
}

.caseMenu .bx-prev {
    width: 28px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
    background: url(../images/case_menuL.png) 0 0 no-repeat;
    text-indent: 30px;
    overflow: hidden;
}

.caseMenu .bx-next {
    width: 28px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    background: url(../images/case_menuR.png) 0 0 no-repeat;
    text-indent: 30px;
    overflow: hidden;
}

.caseMenu .bx-next:hover {
    background: url(../images/case_menuR2.png) 0 0 no-repeat;
}

.case {
    width: 1194px;
    max-width: 100%;
    margin: 31px auto 0; /*overflow: hidden;*/

}

.case ul {
    margin-right: -2%;
}

.case ul li {
    width: 23%;
    height: 226px;
    margin: 40px 1%;
    float: left;

}

.case ul li img {
    width: 90%;
    margin: 0 auto;
    display: block;
    border: darkorange dotted 1px;
    border-radius: 5px;
}

.case ul li .title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-top: 5px;
}

.case ul li .title2 {
    margin-top: 5px;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
}

.case ul li .text {
    font-size: 14px;
    color: #727272;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
}

.case ul li .more {

    width: 72px;
    height: 32px;
    display: block;
    border: #3e4fb1 dotted 1px;
    text-align: center;
    line-height: 32px;
    color: #000;
    font-size: 14px;
    margin: 5px auto;
    border-radius: 5px;
}

.case ul li .more:hover, .case ul li .title:hover {
    color: #e8651b;
}


/*详细*/
.news-info {
    padding: 40px 2%;
}

.news-info .h5 {
    text-align: center;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.news-info .time {
    text-align: center;
    margin-top: 10px;
}

.news-info .title1 {
    font-size: 20px;
    font-weight: bold;
}

.info_other {
    padding: 40px 2%;
}

.info_other span {
    padding: 2px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.info_other span a:hover {
    color: #e8651b;
}

.info_other span.back a {
    display: inline-block;
    color: #fff;
    padding: 0.2% 3%;
    border-radius: 25px;
    background-color: #E50012;
}

.news-info .con {
    margin-top: 20px;
}

/*荣誉资质*/
.honor {
    width: 100%;
    overflow: hidden;
}

.honor ul {
    margin-right: -2%;
}

.honor ul li {
    float: left;
    width: 23%;
    margin: 54px 2% 0 0;
}

.honor ul li a {
    display: block;
    text-align: center;
}

.honor ul li .pic {
    border: 1px solid #ccc;
    display: block;
    padding: 10%;
}

.honor ul li .pic span {
    display: block;
    padding-top: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.honor ul li .title {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-top: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.honor ul li:hover .title {
    color: #e8651b;
}


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

.partner ul {
    margin-right: -2%;
}

.partner ul li {
    float: left;
    width: 14%;
    margin: 16px 2% 0 0;
    border: 2px solid #5a5a5a;
    overflow: hidden;
    border-radius: 12px;
}

.partner ul li a {
    display: block;
    text-align: center;
}

.partner ul li img {
    display: block;
    width: 100%;
}

/*资料下载*/
.dow {
    width: 100%;
    margin-top: 90px;
    overflow: hidden;
}

.dow ul {
    margin-right: -10%;
}

.dow ul li {
    padding: 0 2%;
    width: 36%;
    margin-right: 10%;
    border-bottom: 1px solid #e3e3e3;
    float: left;
}

.dow ul li.on {
    background: #f7f7f7;
}

.dow ul li a {
    padding: 0 71px 0 25px;
    display: block;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #3d3d3d;
}

.dow ul li a i {
    width: 71px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.dow ul li a:hover {
    color: #e8651b;
}

/*新闻下载*/
.news {
    margin-top: 50px;
}

.news ul li {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}

.news ul li .pic {
    width: 16%;
    float: left;
}

.news ul li .pic img {
    width: 100%;
}

.news ul li .newsR {
    float: right;
    width: 82%;
    position: relative;
}

.news ul li .newsR .time {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
}

.news ul li .title {
    color: #666;
    font-weight: bold;
    font-size: 18px;
    display: block;
    padding-right: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news ul li .title2 {
    font-size: 16px;
    display: block;
    padding-right: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
}

.news ul li .title:hover {
    color: #e8651b;
}

.news ul li .text {
    color: #727272;
    font-size: 14px;
    max-height: 72px;
    overflow: hidden;
    margin-top: 10px;
}

.news ul li .more {
    width: 93px;
    height: 32px;
    margin-top: 10px;
    line-height: 32px;
    color: #f18387;
    border: 1px solid #f18387;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
}

/*媒体*/
.focus {
    margin-top: 47px;
}

.focus ul li {
    margin-bottom: 20px;
}

.focus ul li .pic {
    float: right;
    width: 30%;
}

.focus ul li .pic img {
    width: 100%;
}

.focusL {
    width: 68%;
    float: left;
}

.focusL .text {
    color: #727272;
    font-size: 14px;
    margin-top: 10px;
    max-height: 72px;
    overflow: hidden;
}

.focusL .title {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.focusL .title:hover {
    color: #e8651b;
}

.focusL .title2 {
    font-size: 16px;
    margin-top: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.focusL ul li .title:hover {
    color: #e8651b;
}

.focusL .focusL_source {
    display: block;
    text-align: right;
}

/*联系我们*/
.contact {
    margin: 64px 0;
}

.contact .map {
    width: 40%;
    height: 318px;
    float: left;
}

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

.contact_tip {
    margin-top: 70px;
    padding-bottom: 6px;
    font-size: 16px;
    border-bottom: 1px dotted #cbcbcb;
    color: #5e5e5e;
}

.contact .box2 {
    margin-top: 40px;
}

.contact .form {
    width: 50%;
    float: left;
}

.contact .form table {
    width: 100%;
}

.contact .form .text {
    width: 227px;
    padding: 0 5px;
    height: 31px;
    border: 1px solid #dbdbdb;
}

.contact .form .tip {
    width: 60px;
    font-size: 14px;
    color: #5e5e5e;
    text-align: right;
    line-height: 31px;
}

.contact .form td {
    padding: 8px 0;
}

.contact .form td textarea {
    width: 100%;
    height: 131px;
    padding: 10px;
    border: 1px solid #dbdbdb;
}

.contact .form .code td {
    position: relative;
}

.contact .form .code img {
    height: 32px;
    position: absolute;
    top: 8px;
}

.contact .form .btn {
    width: 97px;
    height: 33px;
    display: block;
    cursor: pointer;
    margin: 10px auto 0;
    line-height: 33px;
    text-align: center;
    background: #cc0000;
    color: #fff;
    font-size: 14px;
}

.contact .pic {
    width: 40%;
    float: right;
}

.contact .pic img {
    max-width: 100%;
}

/*招聘*/
.join {
    margin: 40px 0;
}

.join_t {
    font-size: 18px;
    color: #5e5e5e;
}

.join_t img {
    max-width: 100%;
}

.join_b {
    margin-top: 40px;
    font-size: 18px;
    color: #5e5e5e;
}

.join_list {
    border-bottom: 1px solid #eaeaea;
}

.join_list ul li {
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    cursor: pointer;
}

.join_list ul li span {
    display: block;
    width: 21%;
    padding: 0 2%;
    text-align: center;
    float: left;
}

.join_list ul li.top {
    height: 43px;
    line-height: 43px;
    background: #e6212a;
}

.join_list ul li.top span {
    color: #fff;
    font-size: 16px;
}

.join_list ul li .Box span {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #666;
}

.join_list ul li .Box .title {
    position: relative;
}

.join_list ul li .Box .title i {
    width: 11px;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10%;
}

.join ul li .con {
    padding: 5%;
    display: none;
}

.join_list ul li.on {
    background: #f7f7f7;
}

.join_list ul li.block .con {
    display: block;
}


/*分页*/
.pages {
    margin: 40px 0;
    padding: 10px;
    line-height: 18px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
}

.pages span {
    padding: 0px 3px;
    display: inline-block;
}

.pages a {
    display: inline-block;
    margin: 0px 2px;
    color: #acacac;
}

.pages a:hover {
    color: #fff;
    border: solid 1px #f1f1f1;
    background: #e6212a;
}

.pages .p_page em {
    font-style: normal;
    font-family: Arial;
}

.pages .p_page em a {
    padding: 8px 15px;
    border: solid 1px #e1e1e1;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
}

.pages .p_page em a:hover {
    color: #fff;
    border: solid 1px #f1f1f1;
    background: #e6212a;
}

.pages .p_page em a.a_cur {
    color: #fff;
    border: solid 1px #f1f1f1;
    background: #e6212a;
}

.pages .p_page b {
    font-weight: normal;
}

.Pages .a_prev, .Pages .a_next {
    padding: 8px 28px;
    border: solid 1px #e1e1e1;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #e8651b;
}

.Pages .p_cur, .Pages .a_first, .Pages .a_end, .Pages .p_count, .Pages .p_total, .Pages .p_jump {
    display: none;
}

/*分页*/


/*小滚动条样式*/

.gdt::-webkit-scrollbar,
p::-webkit-scrollbar {
    width: 3px;
}

.gdt::-webkit-scrollbar-track,
p::-webkit-scrollbar-track {
    background-color: #fff;
}

.gdt::-webkit-scrollbar-thumb,
p::-webkit-scrollbar-thumb {
    background-color: #bbb;
}

.gdt::-webkit-scrollbar-thumb:hover,
p::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.gdt::-webkit-scrollbar-thumb:active,
p::-webkit-scrollbar-thumb:active {
    background-color: #666
}

.gdt {
    overflow: auto !important;
    padding-right: 10px !important;
}

.txt_pingzhikongzhi .left {
    float: left;
    width: 38%;
}

.txt_pingzhikongzhi .right {
    float: right;
    width: 60%
}

.fr_about_photo {
    float: right;
    width: 60%;
}

@media screen and (max-width: 1520px) {
    .Top_con {
        right: 2%;
    }

    /* .H_porL{width: 100%;} */
    /* .H_porL ul li{width: 16%; float: left; margin-left: 0.8%; margin-top: 0;} */
    /* .H_porL ul li:first-child{margin-left: 0;} */
    /* .H_porL ul li:last-child{display: block; margin-left: 0; margin-top: 10px;} */
    /* .H_porR{width: 100%;} */
    .H_porR_pic {
        margin-top: 19px;
    }

    .H_caseMenuList .bx-controls-direction .bx-prev {
        left: 0;
    }

    .H_caseMenuList .bx-controls-direction .bx-next {
        right: 0;
    }

    .H_about {
        padding: 0 2%;
    }

    .H_por {
        padding: 0 2%;
    }

    .H_newsL {
        width: 30%;
        float: left;
        padding: 3% 5% 1.8% 5%;
        background: #f3f3f3;
    }

    .footer {
        padding: 25px 2% 25px 2%;
    }

    .Bottom {
        padding: 0 2%;
    }

    .Current {
        right: 10px;
    }

    .por_top {
        padding: 0 6%;
    }

    .pro_info {
        padding: 0 2%;
    }

    .case ul {
        margin-right: 0;
    }

    .case ul li {
        width: 23%;
        margin: 40px 1%;
        float: left;
    }

    /* .footer_Code{ margin-left:5%;} */
    .footer_contact {
        max-width: 35%;
    }
}

@media screen and (max-width: 1300px) {
    .MainNav ul li .Main_link {
        font-size: 16px;
    }

    .H_caseList .hover .text {
        color: #fff;
        padding: 10% 10% 0 10%;
    }

    .H_caseList .hover .btn {
        width: 30px;
        height: 30px;
        background-size: cover;
        margin-top: 0;
    }

    .H_aboutR .title {
        font-size: 18px;
    }

    .H_aboutR .text {
        height: 100px;
    }

    .footerTop {
        font-size: 22px;
    }

    .footer_Code {
        margin-left: 1%;
        width: 12%
    }

    .footer_contact {
        max-width: 42%;
    }

    .pro_menuList ul li a {
        font-size: 14px;
    }

    .partner ul li {
        width: 22%;
    }
}

@media screen and (max-width: 1002px) {
    .Top_w {
        display: none;
    }

    .mobile_top {
        display: block;
    }

    .mob_nav {
        display: block;
    }

    .H_hotSearch {
        width: 40%;
    }

    .H_hot .H_hotTip {
        font-size: 12px;
    }

    .H_hot .H_hotTip a {
        font-size: 12px;
    }

    .H_aboutR .text {
        height: 92px;
    }

    .H_aboutR .title {
        font-size: 16px;
    }

    .H_aboutR .text {
        font-size: 14px;
    }

    .H_newsMenu ul li {
        font-size: 20px;
    }

    .H_newsList ul .top .pic {
        width: 40%;
    }

    .H_newsList ul .top .con {
        width: 56%;
    }

    .H_newsL {
        width: 36%;
        padding: 3% 2% 1.8% 2%;
    }

    .H_newsList ul .top .con .title {
        font-size: 14px;
    }

    .H_newsList ul li a.tip {
        font-size: 14px;
    }

    .footer_box {
        width: 45%;
    }

    .footer_box2 {
        width: 45%;
        float: right;
    }

    .footer_Code {
        margin-left: 0;
        width: 40%;
        margin-top: 10px;
    }

    .footer_contact {
        max-width: 65%;
        margin-top: 10px;
    }

    .footerTop {
        font-size: 18px;
    }

    .menu ul li {
        width: 18%;
    }

    .por_top .bx-prev {
        width: 43px;
        height: 49px;
        margin-top: -25px;
        background-size: contain;
    }

    .por_top .bx-next {
        width: 43px;
        height: 49px;
        margin-top: -25px;
        background-size: contain;
    }

    .pro_menu {
        display: none;
    }

    .pro_Con {
        width: 100%;
    }

    .SildeBar {
        height: auto;
    }

    .case ul li {
        width: 31%;
    }

    .fr_about_photo {
        width: 48%;
    }


}

@media screen and (max-width: 840px) {
    .pro_infoT_L {
        float: none;
    }

    .pro_infoT_L .listpc {
        display: none;
    }

    .pro_infoT_L .listwap {
        display: block;
    }

    .pro_infoT {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .BanList_pc, .Current {
        display: none;
    }

    .BanList_wap {
        display: block;
    }

    .HomeBan .bx-controls-direction .bx-prev {
        display: none;
    }

    .HomeBan .bx-controls-direction .bx-next {
        display: none;
    }

    .HomeBan .bx-pager {
        bottom: 10px;
    }

    .H_hot {
        width: 100%;
        height: 40px;
        line-height: 40px;
        max-width: 100%;
        position: static;
        margin-top: 0;
    }

    .H_hot .H_hotTip {
        font-size: 12px;
        line-height: 40px;
    }

    .H_hot .H_hotTip a {
        font-size: 12px;
    }

    .H_hotSearch {
        margin-top: 0;
    }

    .H_hotSearch .text {
        font-size: 14px;
    }


    .H_porL ul li {
        width: 31.33%;
        float: left;
        margin: 10px 1%;
        margin-top: 10px;
    }

    .H_porR_list ul li {
        width: 31.33%;
        float: left;
        margin: 10px 1%;
    }

    .H_porL ul li:first-child {
        margin-left: 1%;
        margin-top: 10px;
    }

    .H_porL ul li:last-child {
        margin-left: 0.8%;
    }

    .H_porR_list ul li:first-child {
        margin-left: 1%;
    }

    .H_casePicL {
        width: 100%;
    }

    .H_casePicR {
        width: 100%;
        margin-top: 4px;
    }

    .H_aboutL {
        width: 100%;
    }

    .H_aboutR {
        width: 90%;
    }

    .H_aboutBox {
        padding-bottom: 20px;
        background-size: cover;
    }

    .H_adv {
        margin-top: 20px;
    }

    .H_news {
        margin-top: 20px;
    }

    .H_newsL {
        width: 96%;
        padding: 2%;
    }

    .H_newsR {
        width: 100%;
        margin-top: 10px;
    }

    .H_newsR .iframe {
        width: 100%;
    }

    .videoCon video {
        width: 100%;
        height: 300px;
    }


    .H_newsListBox .btn {
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    .H_Title .cn {
        font-size: 24px;
    }

    .SildeBar {
        height: auto;
    }

    .menu {
        height: auto;
    }

    .menu ul li {
        width: 25%;
        line-height: 40px;
    }

    .menu ul li a {
        height: 38px;
        font-size: 14px;
    }


    .Current {
        top: auto;
        bottom: -30px;
    }

    .about {
        margin-top: 50px;
    }

    .about_pic {
        margin-top: 50px;
    }


    .deve {
        background: none;
    }

    .deve i {
        display: none;
    }

    .deve ul li {
        height: auto;
        padding: 20px 0;
    }

    .deve ul li .pic img {
        width: 100%;
    }

    .deve_bg .btn {
        margin-left: -11px;
    }

    .deve ul li .pic .time s {
        display: none;
    }

    .video_list ul li {
        width: 48%;
        background-size: 100% 100%;
    }

    .video_list ul li i {
        width: 30px;
        height: 30px;
        margin-left: -15px;
        margin-top: -15px;
        background-size: cover;
    }

    .por_top .bx-prev {
        width: 23px;
        height: 29px;
        margin-top: -15px;
        background-size: contain;
    }

    .por_top .bx-next {
        width: 23px;
        height: 29px;
        margin-top: -15px;
        background-size: contain;
    }

    .pro_list ul li {
        width: 48%;
    }

    .pro_infoT_L {
        width: 100%;
    }

    .pro_infoT_R {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }

    .pro_infoTT {
        font-size: 20px;
    }

    .case ul li {
        width: 48%;
    }

    .honor ul li {
        width: 48%;
    }

    .honor ul li .title {
        font-size: 14px;
    }

    .partner ul {
        margin: 0;
    }

    .partner ul li {
        width: 46%;
        margin: 20px 1%;
    }

    .dow ul li {
        width: 86%;
    }

    .news ul li .pic {
        width: 40%;
    }

    .news ul li .newsR {
        width: 58%;
    }

    .news ul li .title {
        font-size: 16px;
    }

    .focus ul li {
        margin-top: 20px;
    }

    .focusL .title {
        font-size: 18px;
    }

    .focusL .title2 {
        font-size: 16px;
        margin-top: 5px;
        line-height: 25px;
    }

    .news ul li .title2, .news ul li .text {
        margin-top: 5px;
    }

    .contact .map {
        width: 100%;
        height: 200px;
    }

    .contact .text_con {
        width: 100%;
        margin-top: 20px;
    }

    .contact .form {
        width: 100%;
        float: left;
    }

    .contact .form .text {
        width: 60%;
    }

    .contact .form td textarea {
        width: 80%;
    }

    .contact .pic {
        width: 100%;
        float: right;
        text-align: center;
    }

    .join_list ul li span {
        width: 25%;
    }

    .join_list ul li span {
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .join_list ul li .Box .title i {
        right: 0;
    }

    .news-info .title1 {
        font-size: 18px;
    }

    .news-info .title2 {
        font-size: 14px;
    }

    img {
        max-width: 100%;
    }

    .fr_about_photo {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .pro_infoB_T ul li {
        padding: 0;
        width: 16%;
    }

    .pro_infoB_T ul li a {
        font-size: 12px;
    }

    .H_caseList .title {
        font-size: 13px;
        line-height: 40px;
        height: 40px;
    }

    .focus ul li .pic,
    .focus ul li .focusL,
    .news ul li .pic,
    .news ul li .newsR {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .H_caseMenuList .bx-controls-direction .bx-prev {
        width: 30px;
        height: 34px;
        background-size: cover;
    }

    .H_caseMenuList .bx-controls-direction .bx-next {
        width: 30px;
        height: 34px;
        background-size: cover;
    }

    .H_adv {
        margin-top: 20px;
    }

    .H_newsR ul li a i {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
        background-size: cover;
    }

    .H_newsR ul li a .title {
        height: 40px;
        line-height: 40px;
    }

    .H_newsR .bx-controls .bx-pager {
        bottom: 5px;
    }

    .pro_infoTT {
        font-size: 18px;
    }

    .pro_infoTtext {
        font-size: 14px;
    }

    .case ul li {
        height: 250px;
    }

    .footer_list ul li a {
        font-weight: normal;
    }

    .Pages .a_prev, .Pages .a_next {
        padding: 8px
    }
}

@media screen and (max-width: 320px) {
    .footer_Code {
        width: 100%;
    }

    .footer_contact {
        width: 100%;
        max-width: 100%;
    }
}


/*20170307*/

@media screen and (min-width: 1200px) {
    .footer_list ul li {
        width: 102px;
        padding-right: 25%;
    }

    .footer_list ul li:nth-child(2n) {
        padding-right: 0;
    }

    .footer_list ul li:nth-child(2n+1) {
        clear: both;
    }
}

@media screen and (min-width: 1200px) {
    /* .footer_Code{ margin-left:6%;} */
}

@media screen and (min-width: 1300px) {
    /* .footer_Code{ margin-left:8%;} */
}

@media screen and (min-width: 1400px) {
    /* .footer_Code{ margin-left:10%;} */
}

@media screen and (min-width: 1500px) {
    /* .footer_Code{ margin-left:12%;} */
}

@media screen and (min-width: 1600px) {
    /* .footer_Code{ margin-left:12.5%;} */
}

@media screen and (min-width: 1900px) {
    /* .footer_Code{ margin-left:13%;} */
}

.H_porL.hd {
    padding-top: 81px;
    padding-bottom: 81px;
    position: relative;
}

.H_porL.hd ul {
}

.H_porL .slick-arrow {
    width: 100%;
    height: 81px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -81px;
    border: 0;
}

.H_porL .slick-arrow.slick-next {
    transform: rotateZ(180deg);
    top: auto;
    bottom: -81px;
}

.H_porL .slick-prev {
    transform: translate(0);
}

.H_porL ul li.slick-current .pic {
    background-color: #a1171d;
}

.H_porL ul li .title {
    z-index: 10;
}

.H_porL ul li {
    margin-top: 0;
    background-color: transparent;
    padding: 8px 0;
    height: 100px;
}

.H_porL ul li .pic {
    position: relative;
    background: #8b8a8a;
    border-radius: 4px;
}

.H_porL ul li.slick-current .pic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #a1171d;
    opacity: .5;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .H_porL {
        width: 100%;
    }

    .H_porR {
        width: 100%;
    }

    .H_porL ul li {
        margin-top: 0;
        height: auto;
    }

    .H_porL.hd ul {
        padding: 0;
        padding-left: 10%;
        padding-right: 10%;
    }

    .H_porL .slick-arrow {
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        transform: rotateZ(-90deg);
        width: 10%;
        height: 100%;
    }

    .H_porL .slick-arrow.slick-next {
        left: auto;
        right: 0;
        transform: rotateZ(90deg);
        bottom: 0;
    }

    .H_porL ul li {
        margin: 0 !important;
        padding: 10px 15px;
    }

    .H_porL.hd {
        padding: 0;
    }

}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
}

div.form-group {
    line-height: 40px;
    font-size: 16px;
}

div.form-group label {
    width: 20%;
    display: block;
}

input {
    height: 28px;
}

div.form-group .form-control {
    width: 80%;
    border: slategrey dotted 1px;
    border-radius: 5px;
}

.text-danger {
    color: red !important;
}
.alert{
    font-size: 16px;
}

.has-error .form-control {
    border: red solid 1px !important;
}
.alert-danger{
    color:red !important;
    font-weight: bold;
}
.casedetail img{
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    border-radius: 15px;
    margin: 0 auto;
}
.Page{
    display: block;
    clear: both;
    margin-top: 60px;
}


.about {
    width: 1194px;
    max-width: 100%;
    margin: 31px auto 0; /*overflow: hidden;*/

}

.about ul {
    margin-right: -2%;
}

.about ul li {
    width: 23%;
    margin: 40px 1%;
    float: left;

}

.about ul li img {
    width: 90%;
    margin: 0 auto;
    display: block;
    border: darkorange dotted 1px;
    border-radius: 5px;
}

.about ul li .title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-top: 5px;
}

.about ul li .title2 {
    margin-top: 5px;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
}

.about ul li .text {
    font-size: 14px;
    color: #727272;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
}

.about ul li .more {

    width: 72px;
    height: 32px;
    display: block;
    border: #3e4fb1 dotted 1px;
    text-align: center;
    line-height: 32px;
    color: #000;
    font-size: 14px;
    margin: 5px auto;
    border-radius: 5px;
}

.about ul li .more:hover, .about ul li .title:hover {
    color: #e8651b;
}
.productdetail h3{
    font-size: 1.4em;
}
.productdetail p{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.2em;
}