body {
		    font-family: "微软雅黑";
		    font-size: 14px;
		    color: #111;
		    margin: 0;
		    background: #ffffff;
		    font-size: 16px;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
		    font-weight: normal;
		}

		input,
		button {
		    font-family: '微软雅黑';
		}

		img {
		    border: 0;
		}

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

		/*A:link {
    COLOR: #666666;
    TEXT-DECORATION: none;
}

A:visited {
    COLOR: #666666;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #991c98;
    TEXT-DECORATION: none;
}

A:active {
    COLOR: #666666;
    TEXT-DECORATION: none;
}*/

		ol,
		ul {
		    list-style: none;
		}

		ol,
		ul,
		li,
		table,
		tr,
		th,
		td {
		    margin: 0;
		    padding: 0;
		    border: 0;
		    outline: 0;
		    font-size: 100%;
		    vertical-align: top;
		    background: transparent;
		    border-collapse: collapse;
		}

		* {
		    margin: 0;
		    padding: 0;
		    hide-focus: expression(this.hideFocus=true);
		    /* for ie 5+ */
		    outline: none;
		    /* for firefox 1.5 + */
		}

		.clear {
		    clear: both;
		}

		.fl {
		    float: left;
		}

		.fr {
		    float: right;
		}

		.container {
		    width: 1200px;
		    height: auto;
		    margin: 0 auto;
		}

		/*公共头部*/

		.head_all {
		    position: fixed;
		    z-index: 99;
		    width: 100%;
		    background: #fff;
		    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		}

		.head_all .mask {
		    width: 100%;
		    height: 8px;
		    background: #f9c700;
		}

		#header.mini .wrapper>.content {
		    height: 66px
		}

		#header.mini .wrapper>.content .nav li {
		    line-height: 66px
		}

		#header.mini #navWrapper .content .nav {
		    height: 66px;
		    transition: .36s
		}

		#header .wrapper {
		    width: 1200px;
		    margin: auto
		}

		#header .wrapper>.content {
		    transition: all .36s ease;
		    height: 82px
		}

		#header .wrapper>.content::after {
		    content: "";
		    display: block;
		    clear: both
		}

		#headTop {
		    height: 100%;
		    float: left;
		    position: relative
		}

		#logo {
		    display: block;
		    position: absolute;
		    top: 20%;
		   /*  -webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		    transform: translateY(-50%) */
		}


		#navWrapper {
		    float: right
		}

		#navWrapper .content::after {
		    content: "";
		    display: block;
		    clear: both
		}

		#navWrapper .content .nav {
		    height: 85px;
		    float: right
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) {
		    transition: all .36s ease;
		    position: relative;
		    float: left;
		    line-height: 85px;
		    font-size: 16px
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a {
		    transition: height .36s ease;
		    display: block;
		    padding: 0 14px;
		    height: calc(100% - 4px);
		    color: #666
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a.active {
		    color: #111
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {
		    color: #111
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a .fa {
		    margin-left: 6px
		}

		#navWrapper .content .nav>li:not(.jsMoveEl):hover .subnav {
		    opacity: 1;
		    visibility: visible
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav {
		    display: none;
		    position: absolute;
		    width: 180px;
		    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
		    height: auto;
		    z-index: 199;
		    top: calc(100% - 2px);
		    left: 0;
		    border-width: 2px 0 0;
		    border-style: solid;
		    overflow: hidden;
		    background: #fff
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li {
		    width: 100%;
		    border-bottom: 1px dashed #ccc;
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li:last-child {
		    border: none;
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a {
		    font-weight: 500;
		    padding: 12px 24px;
		    line-height: 22px;
		    display: block;
		    transition: all .2s ease-in-out;
		    font-size: 12px;
		    color: #666;
		    text-align: center;
		}

		/*#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li:last-child{
    border:none;
}*/

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a:hover {
		    color: #fff;
		    background: #233876
		}

		#navWrapper .content .nav>li.jsMoveEl {
		    transition: height .36s ease
		}

		#navWrapper .content .nav>li.jsMoveEl span {
		    background: #233876
		}

		#navWrapper .content .search_but {
		    float: right;
		    padding: 12px
		}

		#navWrapper .content .search_but i {
		    font-size: 22px
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a {
		    transition: all .3s ease-out 0s
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {
		    box-shadow: 0 -2px 6px rgba(0, 0, 0, .12)
		}

		#navWrapper .content .nav>li:not(.jsMoveEl)>a.active,
		#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {
		    color: #233876
		}

		/* -------------------------------------------------- */

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav {
		    display: block;
		    opacity: 0;
		    visibility: hidden;
		    transition: 0.36s ease;
		}


		#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover,
		#navWrapper .content .nav>li:not(.jsMoveEl)>a.active {
		    color: #f6a702;
		}

		#navWrapper .content .nav>li.jsMoveEl span {
		    background-color: #f6a702;
		}

		#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a:hover {
		    background-color: #f6a702;
		}

		#header .nav>li .subnav {
		    border-color: #f6a702;
		}

		/*公共头部结束*/

		/*banner*/

		#scoll {
		    padding-top: 82px;
		}

		#scoll .swiper-pagination-bullet-active {
		    background: #f9c700 !important;
		}

		#scoll .swiper-pagination-bullet {
		    width: 15px;
		    height: 15px;
		    background: #fff;
		    opacity: 1;
		}

		#scoll .swiper-slide {
		    background: url(../images/banner.png)no-repeat center center;
		    height: 599px;
		}

		#scoll .swiper-button-next {
		    background: url(../images/bai_you.png) no-repeat center center, #fff;
		    transition: all ease-in-out .3s;
		    border-radius: 50px;
		    opacity: 1;
		}

		#scoll .swiper-button-next:hover {
		    background: url(../images/bai_you.png) no-repeat center center, rgba(255, 255, 255, .8);
		    transition: all ease-in-out .3s;
		}

		#scoll .swiper-button-prev {
		    background: url(../images/bai_zuo.png) no-repeat center center, #fff;
		    transition: all ease-in-out .3s;
		    border-radius: 50px;
		    opacity: 1;
		}

		#scoll .swiper-button-prev:hover {
		    background: url(../images/bai_zuo.png) no-repeat center center, rgba(255, 255, 255, .8);
		    transition: all ease-in-out .3s;
		}

		#scoll .swiper-button-next,
		.swiper-button-prev {
		    width: 60px;
		    height: 60px;
		}

		#scoll .swiper-container-horizontal>.swiper-pagination-bullets {
		    bottom: 30px;
		}

		#scoll .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		    margin: 0 8px;
		}

		/*公共底部*/

		.footer {
		    background: url(../images/di_bg.png)no-repeat left center;
		    padding: 60px 0;
		    background-size: cover;
		}

		.contact_top {
		    margin-top: 33px;
		    margin-bottom: 62px;
		}

		.contact_top h3 {
		    font-size: 28px;
		    color: #111;
		}

		.contact_top span {
		    position: relative;
		    font-size: 16px;
		    color: #4b4b4b;
		}

		.contact_top span::after {
		    position: absolute;
		    content: "";
		    background: #4b4b4b;
		    width: 75px;
		    height: 2px;
		    left: 0;
		    top: 45px;
		}

		.contact_xia {
		    line-height: 40px;
		}

		.footer_more {
		    display: block;
		    width: 178px;
		    height: 53px;
		    border: 1px solid #111;
		    text-transform: uppercase;
		    font-size: 15px;
		    line-height: 53px;
		    text-align: center;
		    margin-top: 30px;
		    transition: all ease-in-out .3s;
		}

		.footer_more:hover {
		    background: #fff;
		    border: 1px solid #fff;
		    color: #111;
		    transition: all ease-in-out .3s;
		}

		.footer_right {
		    width: 691px;
		    height: 450px;
		    background: #fff;
		    border-radius: 10px;
		}

		.footer_right .footer_container {
		    width: 600px;
		    margin: 58px auto;
		}

		.small {
		    width: 286px;
		    display: inline-block;
		    margin-right: 23px;
		    margin-bottom: 20px;
		}

		.small:nth-child(2n) {
		    margin-right: 0;
		}

		.small label {
		    font-size: 15px;
		    color: #111;
		    margin-right: 15px;
		}

		.lingwai {
		    width: 215px !important;
		}

		/*.email {
    margin-right: 5px !important;
}*/

		.small input {
		    border: 1px solid #ccc;
		    width: 226px;
		    height: 50px;
		    background: #fff;
		    text-indent: 1em;
		    font-size: 16px;
		}

		.big textarea {
		    width: 540px !important;
		    height: 120px !important;
		    outline: none;
		    resize: none;
		    border: 1px solid #ccc;
		    font-size: 16px;
		    text-indent: 1em;
		    font-family: 微软雅黑;
		}

		.big label {
		    font-size: 15px;
		    color: #111;
		    margin-right: 15px;
		    vertical-align: top;
		    display: inline-block;
		    margin-top: 18px;
		}

		.puton {
		    padding-left: 57px;
		}

		.puton .cz {
		    margin-right: 18px;
		}

		.puton button:hover {
		    background: #f6a702;
		    transition: all ease-in-out .3s;
		}

		.puton button {
		    width: 180px;
		    height: 54px;
		    border: none;
		    background: #111;
		    font-size: 16px;
		    color: #fff;
		    margin-top: 20px;
		    cursor: pointer;
		    font-family: "微软雅黑";
		    transition: all ease-in-out .3s;
		}

		.footer_last {
		    background: #171717;
		}

		.last_top {
		    width: 100%;
		    height: 90px;
		    line-height: 90px;
		    transition: all ease-in-out .3s;
		    border-bottom: 1px solid #999999;
		}

		.last_topal {
		    background: url(../images/youqing.png)no-repeat left center;
		}

		.last_top span {
		    display: inline-block;
		    margin-left: 40px;
		    color: #999999;
		    margin-right: 10px;
		}

		/*
.last_top span:hover {
    color: #fff;
    transition: all ease-in-out .3s;
}*/

		.last_top a:hover {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.last_top a {
		    display: inline-block;
		    width: 68px;
		    text-align: center;
		    color: #999999;
		    /*height: 16px;
    font-size: 16px;
    border-right: 1px solid #888888;
    border-left: 1px solid #888888;*/
		}

		.baidu {
		    position: relative;
		}

		.baidu::after {
		    position: absolute;
		    content: '';
		    background: #888;
		    width: 1px;
		    height: 18px;
		    top: 38px;
		    left: 0;
		}

		.baidu::before {
		    position: absolute;
		    content: '';
		    background: #888;
		    width: 1px;
		    height: 16px;
		    top: 38px;
		    right: 0;
		}

		.last_xia {
		    background: #171717;
		    padding-top: 20px;
		    padding-bottom: 60px;
		}

		.last_logo {
		    width: 280px;
		    height: 140px;
		    margin-top: 32px;
		    border-right: 1px solid #888888;
		}

		.last_logo img {

		    padding-top: 20px;
		    /* padding-left: 50px;
    width: 179px; */
		}

		.last_nav {
		    width: 686px;
		    height: auto;
		    overflow: hidden;
		    color: #888888;
		    margin-top: 50px;
		    padding-left: 30px;
		    transition: all ease-in-out .3s;
		}

		.last_nav a {
		    color: #999;
		    padding-right: 8px;
		    padding-left: 8px;
		    font-size: 14px;
		}

		.last_nav a:hover {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.last_nav p {
		    text-indent: 1em;
		    padding-top: 15px;
		    font-size: 14px;
		}

		.last_nav p:first-child {
		    margin-top: 10px;
		}

		.last_xia .erweima {
		    padding-top: 10px;
		    width: 133px;
		    height: 160px;
		    background: #333;
		    margin: 0 auto;
		    text-align: center;
		}

		.last_xia .erweima h3 {
		    color: #999999;
		    font-size: 14px;
		    line-height: 40px;
		}

		/*首页产品展示*/

		.index_all_title {
		    padding-top: 52px;
		    padding-bottom: 40px;
		}

		.index_product {
		    background: #f8f8f8;
		    padding-bottom: 50px;
		}

		.title_left {
		    width: 20%;
		    text-align: left;
		}

		.title_left h3 {
		    font-size: 28px;
		    color: #111;
		    position: relative;
		}

		.title_left span {
		    font-size: 16px;
		    color: #999999;
		}

		.title_right ul li {
		    padding: 12px 25px;
		    font-size: 16px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		    float: left;
		    margin-left: 10px;
		    cursor: pointer;
		}

		.title_right .more {
		    line-height: 43px;
		    display: inline-block;
		    margin-left: 20px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		}

		.title_right .more:hover {
		    color: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.title_right ul li:hover {
		    color: #fff;
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.list_product ul li {
		    float: left;
		    margin-right: 16px;
		    margin-bottom: 16px;
		}

		.list_product ul li:nth-child(4n) {
		    margin-right: 0 !important;
		}

		.title_right .on {
		    background: #f9c700;
		    color: #fff;
		}

		.pro_title {
		    padding: 16px 30px;
		    background: #292929;
		    line-height: 60px;
		    transition: all ease-in-out .3s;
		    padding: 0 30px;
		}

		.list_product ul li:hover .pro_title {
		    transition: all ease-in-out .3s;
		    padding: 0 20px;
		}

		.pro_left {
		    width: 82%;
		    transition: all ease-in-out .3s;
		}

		.pro_left h3 {
		    font-size: 14px;
		    color: #fff;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}

		.list_product ul li:hover .pro_left {
		    transform: translateX(-10px);
		    transition: all ease-in-out .3s;
		}

		.pro_right {
		    margin-top: 17px;
		    transition: all ease-in-out .3s;
		}

		.list_product ul li:hover .pro_right {
		    transition: all ease-in-out .3s;
		}

		.pro_list {
		    width: 288px;
		    overflow: hidden;
		}

		.pro_list img {
		    width: 100%;
		    transition: all ease-in-out .3s;
		}

		.list_product ul li:hover .pro_list img {
		    transform: scale(1.2);
		    transition: all ease-in-out .3s;
		}

		.list_product ul li:hover .pro_title {
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}




		/*首页关于我们*/

		.index_about {
		    background: url(../images/in_bg.png)no-repeat center center;
		    padding-top: 85px;
		    padding-bottom: 90px;
		}

		.about_left {
		    position: relative;
		}

		.about_right {
		    width: 50%;
		}

		.about_left .gy_bg {
		    position: absolute;
		    width: 238px;
		    height: 90px;
		    background: #f9c700;
		    right: 0;
		    top: 224px;
		}

		.about_left .gy_bg h3 {
		    font-size: 30px;
		    color: #111;
		    padding-left: 32px;
		    padding-top: 18px;
		}

		.about_left .gy_bg span {
		    font-size: 16px;
		    color: #111;
		    padding-left: 32px;
		}

		.about_right h3 {
		    font-size: 28px;
		    color: #fff;
		    margin-top: 54px;
		}

		.about_right span {
		    font-size: 16px;
		    color: #fff;
		    margin-top: 12px;
		    display: block;
		}

		.about_right p {
		    font-size: 15px;
		    color: #fff;
		    line-height: 36px;
		    margin-top: 30px;
		}

		.about_right button {
		    display: block;
		    width: 178px;
		    height: 53px;
		    border: 1px solid #fff;
		    font-size: 16px;
		    background: none;
		    color: #fff;
		    text-transform: uppercase;
		    margin-top: 40px;
		    cursor: pointer;
		    transition: all ease-in-out .3s;
		}

		.about_right button:hover {
		    background: #f9c700;
		    color: #fff;
		    border: 1px solid #f9c700;
		    transition: all ease-in-out .3s;
		}

		/*主页案例展示*/

		.index_case {
		    background: #fff;
		}

		.title_case .on {
		    background: #f9c700;
		    color: #fff;
		}

		.case_picture {
		    width: 380px;
		    height: 285px;
		    overflow: hidden;
		    transition: all ease-in-out .3s;
		    margin-bottom: 2px;
		}

		.title_case ul li {
		    padding: 12px 25px;
		    font-size: 16px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		    float: left;
		    margin-left: 10px;
		    cursor: pointer;
		}

		.title_case .more {
		    line-height: 43px;
		    display: inline-block;
		    margin-left: 20px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		}

		.title_case .more:hover {
		    color: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.title_case ul li:hover {
		    color: #fff;
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.case_picture img {
		    width: 100%;
		    height: 100%;
		    transition: all ease-in-out .3s;
		}

		.case_title {
		    background: #f5f5f5;
		    padding: 16px 30px;
		    transition: all ease-in-out .3s;
		}

		.show_b {
		    display: none;
		}

		.case_title .title_one {
		    width: 265px;
		}

		.case_title .title_one h3 {
		    color: #111;
		    font-size: 18px;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		    padding-bottom: 5px;
		}

		.case_title .title_one span {
		    color: #646464;
		    font-size: 14px;
		}

		.case_title .title_two img {
		    padding-top: 12px;
		}

		.case_scoll {
		    padding-bottom: 50px;
		}

		.case_scoll ul li {
		    float: left;
		    transition: all ease-in-out .3s;
		    margin-right: 30px;
		    margin-bottom: 50px;
		}

		.case_scoll ul li:nth-child(3n) {
		    margin-right: 0;
		}

		.case_scoll ul li:hover .case_title {
		    background: #ffcc00;
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_picture img {
		    transform: scale(1.2);
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_title .title_one span {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_title .title_one h3 {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_title {
		    padding: 16px 20px;
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_title .show_a {
		    display: none;
		    transition: all ease-in-out .3s;
		}

		.case_scoll ul li:hover .case_title .show_b {
		    display: block;
		    transition: all ease-in-out .3s;
		}

		/*主页案例展示轮播*/

		#case .swiper-pagination-bullet {
		    width: 60px;
		    height: 6px;
		    background: #111;
		    border-radius: 0;
		    opacity: 1;
		}

		#case .swiper-pagination-bullet-active {
		    background: #ffcc00;
		}

		/*主页新闻动态*/

		.newskind_right .on {
		    background: #f9c700;
		    color: #fff;
		}

		.newskind_right ul li {
		    padding: 12px 25px;
		    font-size: 16px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		    float: left;
		    margin-left: 10px;
		    cursor: pointer;
		}

		.newskind_right .more {
		    line-height: 43px;
		    display: inline-block;
		    margin-left: 20px;
		    color: #323232;
		    transition: all ease-in-out .3s;
		}

		.newskind_right .more:hover {
		    color: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.newskind_right ul li:hover {
		    color: #fff;
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.index_newall {
		    background: #fff;
		}

		.news_all {
		    padding-bottom: 60px;
		}

		.index_news {
		    width: 540px;
		    height: 510px;
		    background: #f8f8f8;
		}

		.index_news .show_news {
		    width: 433px;
		    height: 430px;
		    margin: 0 auto;
		    margin-top: 35px;
		    transition: all ease-in-out .3s;
		}

		.show_news h4 {
		    font-size: 24px;
		    color: #646464;
		    font-family: 'Helvetica Neue';
		}

		.show_news h3 {
		    font-size: 18px;
		    color: #111;
		    line-height: 78px;
		}

		.show_news p {
		    font-size: 14px;
		    color: #646464;
		    line-height: 30px;
		    margin-bottom: 18px;
		}

		.show_news .show_img {
		    overflow: hidden;
		    width: 100%;
		    height: 185px;
		}

		.show_news img {
		    width: 100%;
		    /* height: 185px; */
		    transition: all ease-in-out .3s;
		}

		.news_all .index_news:hover .show_news img {
		    transition: all ease-in-out .3s;
		    transform: scale(1.2);
		}

		.news_all .index_news:hover .show_news button {
		    margin-top: 30px;
		    transition: all ease-in-out .3s;
		}

		.show_news button {
		    cursor: pointer;
		    display: block;
		    border: none;
		    margin-top: 40px;
		    width: 140px;
		    height: 38px;
		    transition: all ease-in-out .3s;
		    background: url(../images/jiahao.png) no-repeat center center, #f9c700;
		}

		/*新闻页面列表*/

		.index_newlist {
		    width: 588px;
		}

		.index_newlist ul li {
		    width: 100%;
		    border-top: 1px solid #e5e5e5;
		    padding: 40px 5px 31px;
		    transition: all ease-in-out .3s;
		    margin-bottom: 0;
		    margin-right: 0;
		}

		.index_newlist ul li:hover {
		    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
		    transition: all ease-in-out .3s;
		}

		.index_newlist ul li .newslist_title {
		    width: 430px;
		    transition: all ease-in-out .3s;
		}

		.index_newlist ul li:hover .newslist_title {
		    transform: translateX(26px);
		    transition: all ease-in-out .3s;
		}

		.index_newlist ul li:hover .newslist_title h3 {
		    color: #f9c700;
		}

		.index_newlist ul li:hover .newslist_title h3::after {
		    background: #f9c700;
		}

		.index_newlist ul li .newslist_data {
		    width: 77px;
		}

		.newslist_title h3 {
		    color: #111;
		    font-size: 16px;
		    position: relative;
		    padding-left: 30px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 1;
		}

		.newslist_title h3::after {
		    content: '';
		    position: absolute;
		    width: 7px;
		    height: 7px;
		    border-radius: 100%;
		    background: #666666;
		    left: 0;
		    top: 8px;
		}

		.newslist_title p {
		    font-size: 14px;
		    color: #646464;
		    margin-top: 25px;
		    line-height: 26px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		}

		.newslist_data h3 {
		    font-family: 'Helvetica Neue';
		    font-size: 20px;
		    color: #646464;
		}

		.newslist_data .icon {
		    width: 56px;
		    margin-top: 50px;
		    border-left: 1px solid #e5e5e5;
		}

		.newslist_data .icon img {
		    padding-left: 15px;
		    transition: all ease-in-out .3s;
		}

		.index_newlist ul li:hover .icon img {
		    padding-left: 35px;
		    transition: all ease-in-out .3s;
		}

		/*联系我们内页*/

		/*公共部分*/

		.contact {
		    width: 100%;
		    background: #f5f6f7;
		    padding-top: 70px;
		    padding-bottom: 60px;
		}

		.small_banner {
		    /*background: url(../images/ny_banner.png)no-repeat;*/
		    background-position: top center;
		    background-attachment: fixed;
		    height: 490px;
		}

		.small_banner img {
		    width: 100%;
		}

		.common_left {
		    width: 300px;
		}

		.left_a {
		    padding: 26px;
		    background: url(../images/h.png)no-repeat top left, #fff;
		}

		.lefta_title {
		    margin-top: 10px;
		}

		.left_a .lefta_title a {
		    height: 26px;
		    display: inline-block;
		    border-radius: 50px;
		    line-height: 26px;
		    color: #585858;
		    font-size: 14px;
		    padding: 0 5px;
		}

		.hotline {
		    background: #ffcc00;
		    color: #111 !important;
		    padding: 0 10px;
		}

		.lefta_sous input {
		    width: 188px;
		    border: none;
		    height: 48px;
		    background: #f5f6f7;
		    color: #7c7c7c;
		    text-indent: 2em;
		    float: left;
		}

		.lefta_sous button {
		    float: right;
		    width: 60px;
		    height: 48px;
		    border: none;
		    vertical-align: middle;
		    cursor: pointer;
		    background: url(../images/left_ss.png) no-repeat center center, #f9c700;
		}

		.left_b {
		    margin-top: 10px;
		    padding: 20px 0 14px 36px;
		    background: #fff;
		}

		.zc_title h5 {
		    position: relative;
		    font-size: 24px;
		    line-height: 52px;
		    color: #111;
		    border-bottom: 1px solid #cccccc;
		}

		.zc_title h5::after {
		    content: '';
		    background: #f9c700;
		    width: 50px;
		    height: 3px;
		    position: absolute;
		    bottom: -2px;
		    left: 0;
		}

		.xw_fenlei {
		    margin-top: 20px;
		}

		.xw_fenlei ul a {
		    font-size: 16px;
		    color: #333;
		}

		.xw_fenlei ul li {
		    width: 230px;
		    height: 40px;
		    line-height: 40px;
		    font-size: 14px;
		    transition: all ease-in-out .3s;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}

		.left_c {
		    margin-top: 10px;
		    padding: 20px 35px 14px 36px;
		    background: #fff;
		}

		.xw_fenlei ul li:hover {
		    color: #f9c700;
		    transition: all ease-in-out .3s;
		    padding-left: 20px;
		}

		.lx_fenlei {
		    margin-top: 20px;
		    margin-bottom: 35px;
		}

		.lx_fenlei ul a {
		    font-size: 16px;
		    color: #111111;
		}

		.lx_fenlei ul li {
		    height: 36px;
		    line-height: 36px;
		    font-size: 14px;
		    width: 232px;
		}

		.cp_fenlei {
		    margin-top: 20px;
		}

		.prod_type ul li {
		    padding: 0 0 4px 2px;
		    /* text-indent: 10px; */
		    margin-bottom: 5px;
		    cursor: pointer;
		}

		.prod_type .navone li:hover a {
		    color: #f9c700;
		}

		.prod_type .navone li .nav2 a {
		    color: #000;
		}

		.nav2 li:hover a {
		    color: #f9c700 !important;
		}

		.navone li {
		    margin-bottom: 10px !important;
		}

		.nav2 {
		    margin-top: 10px;
		}

		.prod_type ul ul li {
		    text-indent: 20px;
		    border: 0px;
		    padding: 0px;
		    background-position: 0px 8px;
		}

		.prod_type ul li a {
		    height: 29px;
		    line-height: 29px;
		}

		.cp_fenlei ul li img {
		    float: right;
		    margin-top: 8px;
		}

		.xz {
		    display: inline;
		}

		/*.cp_fenlei ul li:hover .xz{
transform: rotate(90deg);
transition: all ease-in-out .3s;
}
.prod_type ul li:hover a{
    color: #f6a702;
}*/

		/*公共部分右边*/

		.common_right {
		    width: 860px;
		}

		.right_title {
		    width: 100%;
		    height: 70px;
		    line-height: 70px;
		    border-bottom: 1px solid #cccccc;
		}

		.nrtitle_left h3 {
		    font-size: 28px;
		    color: #111111;
		    position: relative;
		}

		.nrtitle_left h3::after {
		    position: absolute;
		    content: '';
		    background: #f9c700;
		    width: 54px;
		    height: 3px;
		    left: 0;
		    bottom: -2px;
		}

		.nrtitle_right {
		    background: url(../images/hxiaowu.png)no-repeat center left;
		    text-indent: 2.5em;
		    font-size: 14px;
		}

		/*地址*/

		.adress {
		    margin-top: 40px;
		}

		.adress h3 {
		    font-size: 22px;
		    color: #111;
		}

		.adress p {
		    line-height: 36px;
		    font-size: 14px;
		    color: #111;
		    margin-top: 15px;
		}

		.map {
		    margin-top: 30px;
		}

		/*关于我们*/

		.about h3 {
		    font-size: 22px;
		    color: #111;
		    line-height: 102px;
		}

		.about p {
		    font-size: 14px;
		    color: #646464;
		    line-height: 30px;

		    text-align: justify;
		}


		/*新闻动态详情页*/

		.detaile_title {
		    margin-top: 40px;
		    border-bottom: 1px solid #cccccc;
		}

		.detaile_title h3 {
		    font-size: 22px;
		    color: #111;
		}

		.detaile_title p {
		    color: #888888;
		    font-size: 14px;
		}

		.detaile_title p a {
		    color: #888888;
		    line-height: 50px;
		}

		.detaile_content {
		    margin-top: 40px;
		    color: #646464;
		    text-indent: 2em;
		    line-height: 30px;
		}

		/*上下页码*/

		.page {
		    transition: all ease-in-out .3s;
		    margin-top: 50px;
		}

		.page a {
		    width: 360px;
		    height: 70px;
		    text-align: center;
		    background: #fff;
		    float: left;
		    color: #646464;
		    line-height: 70px;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		    padding: 0 20px;
		    transition: all ease-in-out .3s;
		}

		.page a:hover {
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.page a:hover .page_prev {
		    background: url(../images/prve.png) no-repeat;
		    transition: all ease-in-out .3s;
		}

		.page a:hover .page_prevlist span {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.page a:hover .page_prevlist span i {
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		.page a:first-child {
		    margin-right: 20px;
		}

		.page_prev {
		    background: url(../images/next.png) no-repeat;
		    width: 12px;
		    height: 16px;
		    margin: 0 auto;
		    margin-top: 27px;
		    margin-right: 15px;
		}

		.page_prevlist {
		    transition: all ease-in-out .3s;
		    width: 90%;
		    text-align: left;
		}

		.page_prevlist span {
		    font-size: 14px;
		    color: #646464;

		    display: inline-block;
		    width: 100%;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}

		.page_prevlist span i {
		    font-size: 16px;
		    color: #111;
		    font-style: normal;

		}

		/*产品展示*/

		.gallery_show {
		    margin-top: 40px;
		    position: relative;
		}

		.wuli_product ul li {
		    float: left;
		    margin-right: 10px;
		    margin-bottom: 16px;
		}

		.wuli_product .pro_list {
		    width: 280px;
		    overflow: hidden;
		}

		.wuli_product .pro_list img {
		    width: 100%;
		    transition: all ease-in-out .3s;
		}

		.wuli_product .pro_title {
		    background: #292929;
		    line-height: 60px;
		    transition: all ease-in-out .3s;
		    padding: 0 30px;
		}

		.wuli_product .pro_left {
		    width: 82%;
		    transition: all ease-in-out .3s;
		}

		.wuli_product .pro_left h3 {
		    width: 100%;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		    font-size: 14px;
		    color: #fff;
		}

		.wuli_product ul li:hover .pro_left {
		    transform: translateX(-10px);
		    transition: all ease-in-out .3s;
		}

		.wuli_product .pro_right {
		    margin-top: 17px;
		    transition: all ease-in-out .3s;
		}

		.wuli_product ul li:hover .pro_title {
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.wuli_product ul li:hover .pro_title {
		    padding: 0 20px;
		}

		.wuli_product ul li:hover .pro_right {
		    transition: all ease-in-out .3s;
		}

		.wuli_product ul li:nth-child(3n) {
		    margin-right: 0 !important;
		}

		.wuli_product ul li:hover .pro_list img {
		    transform: scale(1.2);
		    transition: all ease-in-out .3s;
		}

		#gallery_show .swiper-button-next {
		    background: url(../images/youj.png)no-repeat center center, #fff;
		    transition: all ease-in-out .3s;
		}

		#gallery_show .swiper-button-next:hover {
		    background: url(../images/zuoj1.png)no-repeat center center, #f9c700;
		    transition: all ease-in-out .3s;
		}

		#gallery_show .swiper-button-prev {
		    background: url(../images/youj1.png)no-repeat center center, #fff;
		    left: 85%;
		    transition: all ease-in-out .3s;
		}

		#gallery_show .swiper-button-prev:hover {
		    background: url(../images/zuoj.png)no-repeat center center, #f9c700;
		    left: 85%;
		    transition: all ease-in-out .3s;
		}

		/*#gallery_show .swiper-button-prev:hover{
     background: url(../images/youj.png)no-repeat center center,#f9c700;
     transition: all ease-in-out .3s;
}*/

		#gallery_show .swiper-button-next,
		#gallery_show .swiper-button-prev {
		    top: 40%;
		    width: 54px;
		    height: 54px;
		    border-radius: 100%;
		}

		.yema {
		    background: #999;
		    border-radius: 50px;
		    width: 204px;
		    padding: 10px 27px;
		    font-size: 0;
		    transition: all ease-in-out .3s;
		}

		.yema a {
		    font-size: 14px;
		    color: #111;
		    margin: 0 5px;
		    width: 30px;
		    height: 30px;
		    border-radius: 100%;
		    text-align: center;
		    line-height: 30px;
		}

		.yema a:hover {
		    background: #f9c700;
		    transition: all ease-in-out .3s;
		}

		.pagesss {
		    text-align: left;
		    position: relative;
		    margin-top: 30px;
		}

		.pagesss ul {
		    display: inline-flex;
		    background: #fff;
		    padding: 10px 27px;
		    border-radius: 50px;
		}

		.put_on {
		    background: #f9c700 !important;
		    color: #fff !important;
		}

		.pagesss ul li {
		    width: 30px;
		    height: 30px;
		    line-height: 30px;
		    background: #fff;
		    text-align: center;
		    border-radius: 100%;
		    margin: 0 10px;
		    transition: all ease-in-out .3s;
		}

		.pagesss ul li:hover {
		    background: #f9c700;
		    color: #fff;
		    transition: all ease-in-out .3s;
		}

		/*新闻列表页面*/

		.wuli_newlist {
		    padding: 0 5px;
		}

		.wuli_newlist .newslist_img {
		    overflow: hidden;
		    width: 220px;
		    height: 130px;
		}

		.wuli_newlist .newslist_img img {
		    width: 100%;
		    height: 100%;
		    transition: all ease-in-out .3s;
		}

		.wuli_newlist ul li:hover .newslist_img img {
		    transition: all ease-in-out .3s;
		    transform: scale(1.2);
		}

		.wuli_newlist ul li {
		    padding: 20px;
		    transition: all ease-in-out .3s;
		    margin-bottom: 0;
		    /*margin-right: 10px;*/
		    background: #fff;
		    margin-bottom: 20px;
		}

		.wuli_newlist ul li:hover {
		    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
		    transition: all ease-in-out .3s;
		}

		.wuli_newlist ul li:first-child {
		    margin-top: 30px;
		}

		.wuli_newlist ul li .newslist_title {
		    width: 440px;
		    transition: all ease-in-out .3s;
		    margin-left: 50px;
		}

		.wuli_newlist ul li:hover .newslist_title {
		    transform: translateX(26px);
		    transition: all ease-in-out .3s;
		}

		.wuli_newlist ul li:hover .newslist_title h3 {
		    color: #f9c700;
		}

		.wuli_newlist ul li:hover .newslist_title h3::after {
		    background: #f9c700;
		}

		.wuli_newlist ul li .newslist_data {
		    width: 77px;
		}

		.wuli_newlist .newslist_data .icon img {
		    padding-left: 15px;
		    transition: all ease-in-out .3s;
		}

		.wuli_newlist ul li:hover .icon img {
		    padding-left: 35px;
		    transition: all ease-in-out .3s;
		}

		#new_list {
		    position: relative;

		}

		#new_list .swiper-button-next {
		    background: url(../images/youj.png)no-repeat center center, #fff;
		}

		#new_list .swiper-button-prev:hover {
		    background: url(../images/zuoj.png)no-repeat center center, #f9c700;
		    left: 85%;
		    transition: all ease-in-out .3s;
		}

		#new_list .swiper-button-next:hover {
		    background: url(../images/zuoj1.png)no-repeat center center, #f9c700;
		    transition: all ease-in-out .3s;
		}

		#new_list .swiper-button-prev,
		#new_list .swiper-container-rtl .swiper-button-next {
		    background: url(../images/youj1.png)no-repeat center center, #fff;
		    left: 85%;
		    transition: all ease-in-out .3s;
		}

		/*#new_list .swiper-button-prev:hover{
     background: url(../images/youj.png)no-repeat center center,#f9c700;
     transition: all ease-in-out .3s;
}*/

		#new_list .swiper-button-next,
		#new_list .swiper-button-prev {
		    top: 43% !important;
		    width: 54px !important;
		    height: 54px !important;
		    border-radius: 100% !important;
		}

		/*产品展示内页*/

		.presentation {
		    margin-top: 40px;
		}

		.present_title {
		    margin-bottom: 40px;
		}

		.presentation .present_title h3 {
		    font-size: 24px;
		    color: #111;
		    text-align: center;
		}

		.present_all {
		    width: 100%;
		    position: relative;
		}

		.present_mechanical {
		    width: 600px;
		    margin: 0 auto;
		}

		#present_mechanical img {
		    width: 600px;
		    margin: 0 auto;
		}

		#present_all .swiper-button-next,
		#present_all .swiper-button-prev {
		    top: 50% !important;
		    width: 52px;
		    height: 50px;
		    border-radius: 5px !important;
		}

		#present_all .swiper-button-next {
		    background: url(../images/yellow_jt1.png)no-repeat center, #e6e6e6;
		    transition: all ease-in-out .3s;
		}

		#present_all .swiper-button-prev {
		    background: url(../images/yellow_jt.png)no-repeat center, #e6e6e6;
		    transition: all ease-in-out .3s;
		}

		#present_all .swiper-button-next:hover {
		    background: url(../images/yellow_jt1.png)no-repeat center, #f9c700;
		    transition: all ease-in-out .3s;
		}

		#present_all .swiper-button-prev:hover {
		    background: url(../images/yellow_jt.png)no-repeat center, #f9c700;
		    transition: all ease-in-out .3s;
		}

		/*详情介绍切换*/

		.slideTxtBox .hd ul li {
		    float: left;
		    width: 145px;
		    height: 50px;
		    cursor: pointer;
		    text-align: center;
		    line-height: 50px;
		    color: #fff;
		    background: #111111;
		}

		.slideTxtBox .hd ul li:first-child {
		    margin-right: 5px;
		}

		.slideTxtBox .hd ul li.on {
		    color: #111;
		    background: #f9c700;
		}

		.pro-tab {
		    width: 100%;
		    float: left;
		    margin-top: 30px;
		    margin-bottom: 50px;
		}



		.slideTxtBox .hd {
		    height: 50px;
		    line-height: 50px;
		    font-size: 16px;
		    color: #666;
		    position: relative;
		    border-bottom: 1px solid #cccccc;
		}

		.slideTxtBox .hd ul {
		    float: left;
		    position: absolute;
		    left: 0px;
		    top: 0px;
		    height: 50px;
		}

		.slideTxtBox .bd ul {
		    font-size: 16px;
		    margin-top: 45px;
		    zoom: 1;
		    line-height: 40px;
		}

		.slideTxtBox .bd ul p {
		    color: #555;
		    font-size: 14px;

		}

		.slideTxtBox .bd img {
		    width: 100%;
		}

		.slideTxtBox .bd ul p span img {
		    max-width: 100%;
		}

		.pro-tab .slideTxtBox .bd table {
		    width: 100%;
		}

		.pro-tab .slideTxtBox .bd table,
		td,
		tr {
		    border: 1px solid #E1E1E1;

		    word-wrap: break-word;
		    word-break: break-all;
		    white-space: normal;
		    min-width: 50px;
		    padding: 0 1.5%;
		}

		.msgtitle {
		    display: block;
		    padding-bottom: 5px;
		    font-size: 14px;
		    font-weight: bold;
		}

		.msg_input {
		    width: 400px;
		    border: 1px solid #e0e0e0;
		    padding: 8px 9px;
		    background: #fff;
		    font-size: 13px;
		    color: #888;
		    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		    border-radius: 2px;
		}

		.msg_btn_area {
		    margin: 16px 0;
		    text-align: left;
		}

		.msg_btn_area a {
		    display: inline-block;
		    padding: 5px 55px;
		    background: #f9c700;
		    text-decoration: none;
		    color: #111;
		    text-align: center;
		    font-size: 16px;
		    overflow: hidden;
		    cursor: pointer;
		    /* font-weight: bold; */
		}

		/* 在线留言 */

		.contact_html .center_left {
		    padding-right: 40px;
		    width: 800px;
		    position: relative;
		}



		.contact_html_feedback {
		    font-size: 22px;
		    color: #fa990b;
		    margin-top: 50px;
		}

		.feedback_content {
		    padding-bottom: 40px;
		}

		.message_feedback {
		    /* height: 190px; */
		    width: calc(100% - 60px);
		    background: #fff;
		    margin-bottom: 20px;
		    border: solid 1px #999999;
		    margin-top: 20px;
		    transition: all ease-in-out 0.3s;
		    margin-bottom: 22px;
		    box-sizing: border-box;
		    border: 1px solid #e0e0e0;
		    padding: 2% 2%;
		    cursor: pointer;
		    padding-top: 0px;
		}

		.border_b {
		    border-bottom: solid 1px #cccccc;
		    padding-bottom: 20px;
		    margin-bottom: 20px;
		    margin-top: 25；;
		}

		.message_feedback_p {
		    width: 900px;
		    margin-right: 20px;
		}

		.contact_html .center_left p {
		    font-size: 14px;
		    color: #444444;
		    margin-top: 25px;
		}

		.message {
		    margin-bottom: 12px;
		}

		.message .name {
		    width: 112px;
		    margin-left: 40px;
		    font-size: 18px;
		    color: #444444;
		    margin-top: 12px;
		}

		.message .input input {
		    text-indent: 1em;
		    width: 530px;
		    border: solid 1px #d4d5d6;
		    /* border-radius: 5px; */
		    height: 44px;
		    font-size: 18px;
		    color: #444444;
		    background: none;
		}

		.message_html {
		    width: 100%;
		    height: 415px;
		    margin: auto;
		    padding-top: 80px;
		    clear: both;
		}

		.message .must {
		    font-size: 16px;
		    color: #e6a40d;
		    margin-top: 9px;
		    margin-left: 12px;
		}

		.message_feedback_p p {
		    font-size: 16px;
		    color: #323232;
		    margin-top: 8px;
		}

		.message_feedback_p p span {
		    font-size: 14px;
		    color: #646464;
		}

		.message_feedback_tiem p {
		    font-size: 16px;
		    color: #323232;
		    margin-top: 8px;
		}

		.message_feedback_tiem p span {
		    font-size: 14px;
		    color: #646464;
		}

		.message .input textarea {
		    text-indent: 1em;
		    width: 530px;
		    border: solid 1px #d4d5d6;
		    /* border-radius: 5px; */
		    height: 134px;
		    font-size: 18px;
		    color: #444444;
		    background: none;
		}

		.message_html buttom {
		    margin-top: 18px;
		    cursor: pointer;
		}

		.reset:hover {
		    background: #e6a40d;
		}

		.submission:hover {
		    background: #e6a40d;
		}

		.submission {
		    width: 157px;
		    height: 48px;
		    background: #333333;
		    text-align: center;
		    color: #fff;
		    font-size: 18px;
		    line-height: 45px;
		    margin-right: 106px;
		    margin-left: 10px;
		    transition: all ease-in-out 0.2s;
		}


		.reset {
		    width: 157px;
		    height: 48px;
		    background: #333333;
		    text-align: center;
		    color: #fff;
		    font-size: 18px;
		    line-height: 45px;
		    transition: all ease-in-out 0.2s;
		}

		input,
		textarea,
		select {
		    outline: none;
		    font-family: "微软雅黑";
		}

		.message_feedback_p {
		    width: 900px;
		    margin-right: 20px;
		}

		.contact_html .center_left p {
		    font-size: 14px;
		    color: #444444;
		    margin-top: 25px;
		}

		.advert {
		    margin-top: 10px;
		    height: 365px;
		    overflow: hidden;
		}

		.advert img {
		    position: relative;
		    left: 50%;
		    margin-left: -960px;
		}

		.phone_state {
		    display: none;
		}