.new-tle-img img

/*@font-face {
		font-family: "regular";
		src:url (../font/regular.otf);
     }*/
@font-face {
    font-family: "regular";
    src: url('../font/regular.otf') format('truetype');
}

@font-face {
    font-family: "agency";
    src: url('../font/agency.otf') format('truetype');
}

html {

}

/*.box{*/
/*width: 100%;*/
/*}*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

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

.head-con {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}

.index-img {
    width: 100%;

}

.head-left {
    width: 204px;
    float: left;
    margin-top: 22px;
}

.head-left img {
    width: 100%;
}

.head-nav {
    width: auto;
    float: left;
    margin-left: 110px;
    padding-top: 47px;
}

.head-nav > ul > li {
    float: left;
    padding: 0px 5px 10px 5px;
    margin-left: 20px;
    position: relative;
}

.head-nav > ul > li:hover {
    border-bottom: 1px solid #b02923;
}

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

.head-nav a {
    color: #ffffff;
    font-size: 18px;
}

.xial-list {
    position: absolute;
    background: #ffffff;
    min-width: max-content;
    top: 50px;
    left: -128px;
    display: none;
}

.head-nav > ul > li:nth-child(2) .xial-list {
    left: -200px;
}

.head-nav > ul > li:nth-child(5) .xial-list {
    left: -85px;
}

.xial-list-img a:last-child {
    border-right: 0;
}

.laocp {
    min-width: 585px;
    left: -250px;
    padding-right: 20px;
}

.lao-ja {
    margin-left: 290px;
    float: left;
    width: 17px;
    margin-top: -8px;
}

.san-jd {
    width: 17px;
    margin: 0 auto;
    margin-top: -8px;
}

.xial-list-img {
    padding: 10px;
}

.xial-list-img a {
    float: left;
    color: #3e3a39;
    font-size: 12px;
    padding: 3px 12px;
    border-right: 1px solid #595757;
}

.guom {
    margin-left: 30px;
}

.head-right {
    float: right;
    width: 134px;
    margin-top: 19px;
}

.suoz {
    width: 100%;
    background: #ffffff;
    border-radius: 15px;
    margin-top: 8px;
}

.head-right h3 {
    font-size: 18px;
    color: #ffffff;
}

.suoz-left {
    float: left;
    margin-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.suoz input {
    float: left;
    width: 90px;
    border: 0;
    padding-top: 3px;
}

.lao-but {
    margin-bottom: 10px;
    margin-top: 10px;
}

.lao-but-left {
    float: left;
    width: 100%;
}

.lao-but-left span {
    float: left;
    font-size: 15px;
    background: #595757;
    padding: 8px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    margin-left: 30px;
    margin-top: 5px;
}

.tupa {
    float: left;
}

.tu-img {
    float: left;
    margin-left: 15px;
    min-width: 55px;
    height: auto;
}

.tu-img p {
    font-size: 12px;
    color: #000000;
    text-align: center;
}

.img-a {
    position: relative;
    min-width: 55px;
    height: 55px;
}

.tu-img img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.xi-liust {
    width: 100%;
    position: relative;
}

.xi-liust:before {
    width: 100%;
    content: '';
    height: 20px;
    top: -10px;
    left: 0;
    position: absolute;
    opacity: 0;
}

.xa-liust {
    position: relative;
}

.xa-liust:before {
    width: 100%;
    content: '';
    height: 20px;
    top: -28px;
    left: 0;
    position: absolute;
    opacity: 0;
}

/*底部*/
.footer {
    background: #595758;
    width: 100%;
}

.footer-con {
    width: 1580px;
    margin: 0 auto;
    padding-top: 62px;
}

.footer-logo {
    width: 530px;
    float: left;
}

.footer-logo img {
    width: 100%;
}

.footer-centen {
    float: left;
    width: auto;
    margin-left: 63px;
}

.footer-centen-top {

}

.footer-centen-top p {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
}

.footer-we {
    width: auto;
    padding-top: 30px;
}

.footer-we img {
    width: 100%;
}

.luns {
    padding-top: 20px;
}

.luns-left {
    width: 50px;
    background: #ffffff;
    float: left;
    border-radius: 5px;
    margin-left: 10px;
}

.luns-left span {
    font-size: 14px;
    color: #595757;
    padding: 8px 10px 6px 10px;
}

.luns-wz {
    float: left;
    margin-left: 20px;
}

.wei-li {
    float: left;
    text-align: center;
}

.wei-li p {
    font-size: 15px;
    color: #ffffff;
    padding-top: 12px;
}

.wei-m {
    margin-left: 16px;
}

.footer-but {
    padding-top: 32px;
}

.footer-but ul li {
    float: left;
    margin-left: 11px;
}

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

.footer-but-wa {
    padding-top: 22px;
}

.footer-but-wa p {
    padding-top: 5px;
}

.footer-but-wa p {
    color: #ffffff;
    font-size: 13px;
}

.footer-right {
    float: left;
    padding-left: 45px;
    width: 666px;
}

.footer-right ul li {
    width: auto;
    margin-top: 50px;
    margin-left: 50px;
    float: left;
}

.footer-right h3 {
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 5px;
}

.footer-right a {
    font-size: 17px;
    color: rgba(255, 255, 255, .8);
    margin-top: 3px;
}

.footer-right > ul > li > a > img {
    width: auto;
}

.ter-a {
    width: auto;
    min-height: 130px;
}

.footer-right a:hover {
    color: #ffffff;
}

.footer-di {
    width: 1300px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 22px;
}

.footer-di-left {
    float: left;
    background: #a4a4a4;
    width: 290px;
    cursor: pointer;
    position: relative;
    margin-left: 240px;
}

.footer-di-left span {
    float: left;
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer-di-left img {
    float: right;
    margin-right: 14px;
    margin-top: 8px;
}

.lian-ter {
    width: 100%;
    position: absolute;
    background: #a4a4a4;
    left: 0;
    text-align: center;
    bottom: 30px;
    padding-bottom: 20px;
    display: none;
}

.lian-ter a {
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    margin-top: 10px;
}

.lian-ter a:hover {
    color: #B02923;
}

.footer-di-left:hover .lian-ter {
    display: block;
}

.footer-di-wz {
    float: left;
    margin-left: 20px;
}

.footer-di-wz span {
    font-size: 20px;
    color: rgba(255, 255, 255, .8);
    letter-spacing: 2px;
}

.footer-di-wz span a {
    float: right;
    margin: 5px 10px 0;
}

/*公司简介*/
.profile {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 495px;
}

.profile-top {
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 43px;
}

.profile-top h3 {
    color: #ffffff;
    font-size: 40px;
}

.profile-top img {
    width: 40px;
    display: inline-block;
}

.profile-wz {
    width: 1305px;
    margin: 0 auto;
    padding-top: 38px;
}

.profile-wz p {
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
}

.profile-gd {
    width: 112px;
    margin: 0 auto;
    border: 1px solid #ffffff;
    text-align: center;
    margin-top: 30px;
}

.profile-gd a {
    font-size: 16px;
    color: rgba(255, 255, 255, .9);
    padding-bottom: 10px;
    padding-top: 10px;
}

.profile-gd:hover {
    transform: translateY(-4px);

}

/*智云净水系统*/
.system {
    width: 1184px;
    background: #ffffff;
    margin: 0 auto;
    transform: translateY(-145px);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
}

.system-left {
    width: 554px;
    float: left;
    cursor: pointer;
    margin-top: 34px;
    margin-left: 36px;
    margin-bottom: 37px;
}

.system-left img {
    width: 100%;
}

.system-right {
    margin-left: 60px;
    float: left;
    margin-top: 55px;
    width: 450px;
}

.system-right-top h3 {
    font-size: 40px;
    color: #595757;
}

.system-right-top img {
    width: 173px;
    margin-top: 5px;
}

.system-right-wz {
    margin-top: 40px;
}

.system-right-wz p {
    color: #595757;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.system-gd {
    float: right;
    margin-top: 60px;
}

.system-gd a {
    color: #0f1e23;
    font-size: 16px;
}

.system-gd font {
    font-family: '宋体';
    color: #666666;
}

.system-gd a:hover {
    color: red;
}

.brand-geng:hover font, .system-gd:hover font {
    color: red
}

/*净水产品体系*/
.product {
    width: 100%;
    background: #ffffff;
    transform: translateY(-50px);
}

.product-top {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.product-top h3 {
    color: #3e3a39;
    font-size: 43px;
}

.product-top img {
    width: 43px;
    display: inline-block;
}

.product-banner {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.duc-slide {
    display: none;
}

.duc-slide img {
    width: 100%;
    height: 530px;
}

.product-pag {
    bottom: 29px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.product-pag ul {
    width: auto;
    display: inline-block;
}

.product-pag ul li {
    width: 86px;
    height: 6px;
    margin-left: 20px;
    float: left;
    background: #ffffff;
}

.pag-ma {
    width: 100%;
}

.duc-xian {
    display: block;
}

.switch {
    position: absolute;
    margin: 0 auto;
    width: 1300px;
    left: 0;
    right: 0;
    top: 70px;
    z-index: 2;
}

.switch ul li {
    width: 260px;
    float: left;
    cursor: pointer;
    background: rgba(255, 255, 255, .7);
    font-size: 21px;
    color: #3e3a39;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center;
}

.xians-ta li.sweist {
    background: #b02923;
    color: #ffffff;
}

.brand {
    width: 100%;
    padding-bottom: 50px;
}

.brand-list {
    width: 1305px;
    margin: 0 auto;
    padding-top: 28px;
    display: none;
}

.brand-list ul li {
    float: left;
    width: 429px;
    margin-left: 7px;
}

.brand-list ul li:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

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

.brand-img {
    overflow: hidden;
}

.brand-list img {
    width: 100%;
    height: 387px;
}

.brand-list ul li:hover .brand-wz {
    background: #b02923;
}

.brand-wz {
    width: 100%;
    background: #b9b9b9;
    padding-bottom: 18px;
    padding-top: 18px;
    text-align: center;
}

.brand-wz p {
    color: #000000;
    font-size: 20px;
}

.brand-geng {
    margin-top: 38px;
}

.brand-xian {
    display: block;
}

/*企业动态*/
.dynamics {
    width: 100%;
    background: #ffffff;
    padding-bottom: 100px;
}

.dynamics-top {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.dynamics-top h3 {
    color: #3e3a39;
    font-size: 43px;
}

.dynamics-top img {
    display: inline-block;
}

.dynamics-list {
    width: 570px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

.dynamics-list span {
    border-left: 1px solid #595757;
    font-size: 21px;
    color: #3e3a39;
    padding-left: 48px;
    padding-right: 48px;
    float: left;
    cursor: pointer;
}

.dynamics-list span:first-child {
    border-left: 0;
}

.dynamics-main {
    width: 1300px;
    margin: 0 auto;
}

.dynamics-li {
    display: none;
}

.dynamics-li ul li {
    width: 374px;
    float: left;
    margin-left: 82px;
}

.dy-img {
    width: 100%;
    overflow: hidden;
}

.dy-img img {
    width: 100%;
}

.dynamics-li ul li:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

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

.dynamics-li ul li:hover .dy-time {
    background: #b02923;
}

.dy-wz {
    padding: 21px 34px 32px 30px;
    background: #fbfbfb;
}

.dy-wz h3 {
    color: #3e3a39;
    font-size: 20px;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dy-wz h3:after {
    content: '';
    width: 173px;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #c9c9c9;
    position: absolute;
}

.dy-wz p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: 20px;
    color: #3e3a39;
    font-size: 13px;
}

.dy-time {
    background: #efefef;
    padding: 10px 10px 10px 30px;
}

.dy-time span {
    color: #3e3a39;
    font-size: 15px;
    font-weight: bold;
}

.dy-time span:first-child {
    float: left;
}

.dy-time span:last-child {
    float: right;
    font-family: '宋体';
    color: #666666;
    font-weight: 100;
    font-size: 20px;
}

.dynamics-xian {
    display: block;
}

/*招商联盟*/
.attract {
    width: 100%;
    background: #ffffff;
    padding-top: 100px;
    padding-bottom: 50px;
}

.attract-con {
    position: relative;
}

.attr-main {
    width: 446px;
    /*    	background: #ffffff;*/
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
    position: absolute;
    right: 0;
    top: 42px;
    z-index: 5;
    padding-left: 52px;
    padding-top: 75px;
    height: 428px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.attr-main-top h3 {
    font-size: 37px;
    color: #595757;
}

.attr-main-top img {
    width: 197px;
    margin-top: 15px;
}

.attr-main-wz {
    padding-top: 25px;
}

.attr-main-wz p {
    color: #595757;
    font-size: 14px;
}

.attr-prev, .attr-next {
    font-family: '宋体';
    font-size: 30px;
    color: #595757;
    width: 50px;
    border: 1px solid #595757;
    text-align: center;
    line-height: 45px;
    top: 240px !important;
}

.attr-next {
    right: 240px !important;
}

.attr-prev {
    left: 54px !important;
}

.attr-gd {
    margin-top: 168px;
}

.attr-gd a {
    color: #595757;
    font-size: 12px;
}

.attr-gd a:hover {
    color: red;
}

.attr-sz {
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 70px;
}

.attr-sz ul li {
    float: left;
    border-left: 1px solid #3e3a39;
    text-align: center;
    width: 215px;
}

.attr-sz ul li:first-child {
    border-left: 0;
}

.attr-sz span {
    font-size: 28px;
    color: #595757;

}

.attr-sz font {
    font-size: 70px;
    font-family: "agency";
}

.attr-sz p {
    font-size: 15px;
    color: #646262;
    padding-top: 6px;
    font-family: "regular";
}

.dynamics-list span.svan {
    color: #b02923;
}

.head-nav ul li:hover .xial-list {
    display: block;
}

/*在线商城*/
.mall-main {
    width: 100%;
    background: #ffffff;
    padding-top: 120px;
}

.mall-main-con {
    width: 1210px;
    margin: 0 auto;
    padding-bottom: 110px;
}

.mall-main-top {
    border-bottom: 1px solid #a0a0a0;
    text-align: center;
    padding-bottom: 25px;
}

.mall-main-top span {
    color: #3e3a39;
    font-size: 40px;
}

.mall-img {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #a0a0a0;
}

.mall-img-top {
    width: 850px;
    margin: 0 auto;
    margin-bottom: 45px;
    border-radius: 15px;
    height: 342px;
    overflow: hidden;
    border: 1px solid #a0a0a0;
}

.mall-img-top img {
    width: 100%;
    height: 100%;
}

.mall-img-top:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.dati {
    float: right;
    margin-top: 25px;
    background: #a0a0a0;
    text-align: center;
    width: 240px;
    border-radius: 8px;
}

.dati:hover {
    background: #B02923;
}

.dati a {
    color: #ffffff;
    font-size: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*招商加盟*/
.inve-bann {
    width: 100%;
}

.inve-bann img {
    width: 100%;
}

.inve-list {
    width: 100%;
    background: #ffffff;
    padding-top: 180px;
    padding-bottom: 150px;
}

.inve-list-con {
    width: 1210px;
    margin: 0 auto;
    background: #f7f8f8;
    min-height: 400px;
}

/*企业动态1*/
.dy-main {
    width: 100%;
}

.dy-main img {
    width: 100%;
}

.icon-list {
    width: 100%;
    padding-top: 85px;
    padding-bottom: 70px;
    border-bottom: 1px solid #313131;
}

.icon-list-con {
    width: 1210px;
    margin: 0 auto;
}

.icon-list-con ul li {
    float: left;
    width: 375px;
    border: 1px solid #7d8992;
    margin-left: 35px;
    position: relative;
}

.icon-list-con ul li:first-child {
    margin-left: 0px;
}

.icon-list-con > ul > li > img {
    width: 100%;
}

.tubia {
    width: 120px;
    position: absolute;
    top: 25px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    display: none;
}

.tubia img {
    width: 100%;
}

.icon-list-con ul li:hover .tubia {
    display: block;
}

.icon-wz {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 25px;
    text-align: center;
}

.icon-wz span {
    color: #000000;
    font-size: 25px;
}

.dongt {
    width: 100%;
}

.dongt-top {
    width: auto;
    text-align: center;
    padding-top: 65px;
}

.dongt-top span {
    font-size: 40px;
    color: #3e3a39;
}

.dongt-top p {
    font-size: 15px;
    color: #3e3a39;
}

.dongt-main {
    width: 1210px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 60px;
}

.dongt-main-left {
    width: 410px;
    border: 1px solid #727171;
    float: left;
}

.dongt-main-left ul li {
    background: #efefef;
    padding: 35px 30px 23px 35px;
    border-bottom: 1px solid #727171;
}

.dongt-main-left ul li:last-child {
    border-bottom: 0;
}

.quality {

}

.quality span {
    font-size: 20px;
    color: #221815;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quality p {
    font-size: 15px;
    color: #3e3a39;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dongt-main-left ul li.bias {
    background: #595757;
}

.dongt-main-left ul li.bias span, .dongt-main-left ul li.bias p {
    color: rgba(255, 255, 255, .9);
}

.dongt-main-right {
    float: left;
    width: 800px;
    height: 421px;
}

.dongt-img {
    width: 100%;
    overflow: hidden;
    display: none;
    height: 100%;
}

.dongt-img img {
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
}

.dongt-main-right:hover img {
    transform: scale(1.1);
    transition: all .6;
}

.dongt-xian {
    display: block;
}

.news-list {
    width: 100%;
}

.news-list-ten {
    width: 1210px;
    margin: 0 auto;
}

.new-tle {
    margin-top: 30px;
    width: 100%;
    background: #f7f8f8;
}

.new-tle:hover .news-za-left span {
    color: #AE2A25;
}

.new-tle-img {
    width: 378px;
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 12px;
    float: left;
    height: 225px;
    overflow: hidden;
}

.new-tle-img img {
    width: 100%;
    overflow: hidden;
}

.new-tle-wz {
    float: left;
    width: 820px;
}

.news-za {
    padding-top: 40px;
    border-bottom: 1px solid #c9caca;
    padding-bottom: 10px;
}

.news-za-left {
    padding-left: 30px;
    width: auto;
    float: left;
}

.news-za-left span {
    color: #3e3a39;
    font-size: 30px;
}

.news-za p {
    font-size: 15px;
    color: #3e3a39;
    padding-top: 5px;
}

.news-za-right {
    float: right;
    width: 28px;
    margin-right: 58px;
    margin-top: 8px;
}

.news-za-right img {
    width: 100%;
}

.new-tle:hover .new-tle-img img {
    transform: scale(1.1);
    transition: all .6s;
}

.news-but {
    padding-left: 40px;
    padding-right: 50px;
    padding-top: 10px;
}

.news-but p {
    font-size: 20px;
    color: #3e3a39;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.dy-fen {
    width: 100%;
    padding-top: 85px;
    text-align: center;
    padding-bottom: 100px;
}

.dy-fen-con {
    width: auto;
    display: inline-block;
}

.dy-fen-con ul li {
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #808080;
    line-height: 36px;
    margin-left: 22px;
}

.dy-fen-con ul li:first-child {
    margin-left: 0;
}

.dy-fen-con a {
    color: rgba(255, 255, 255, .9);
    font-size: 25px;
}

.dy-fen-con ul li:hover {
    background: #B02923;
}

/*动态详情*/
.detailns {
    width: 100%;
    padding-top: 45px;
    background: #ffffff;
}

.detailns-top {
    width: 1210px;
    margin: 0 auto;
}

.detailns-top-left {
    float: left;
    border-left: 5px solid #fe0000;
    padding-left: 8px;
}

.detailns-top-left span {
    color: #3e3a39;
    font-size: 20px;
}

.detailns-top-right {
    float: right;
}

.nam-da {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.nam-da a {
    color: #3e3a39;
    font-size: 15px;
}

.nam-da a:hover {
    color: #B02923;
}

.dy-input {
    float: left;
    border-radius: 15px;
    border: 1px solid #b3b3b3;
    width: 185px;
}

.dy-input-img {
    float: left;
    margin-left: 12px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.dy-input input {
    float: left;
    width: 130px;
    margin-top: 5px;
    border: 0;
}

.nam-da a {
    color: #3e3a39;
    font-size: 15px;
}

.banic {
    width: 100%;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 130px;
}

.patent-mai {
    position: relative;
}

.banic-left {
    width: auto;
    right: 90px;
    top: 30px;
    position: absolute;
    z-index: 66;
}

.enter {
    position: relative;
}

.featu {
    position: relative;
}

.enhsa {
    top: 170px !important;
}

.produ, .tech {
    position: relative;
}

.gramme, .swrvie, .sort {
    position: relative;
}

.palist {
    position: relative;
}

.banic-left ul li {
    margin-top: 20px;
    width: 95px;
    background: #808080;
    border-radius: 5px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.banic-left ul li:first-child {
    padding: 12px 18px 15px 18px;
}

.categ {
    position: relative;
}

.chas {
    position: initial;
    float: right;
    margin-right: 120px;
}

.banic-left ul li:first-child span {
    font-size: 14px;
    color: #ffffff;
}

.banic-left img {
    max-width: 50px;
    display: inline-block;
}

.banic-left p {
    font-size: 12px;
    color: #ffffff;
    padding-top: 3px;
}

.banic-left ul li:last-child {

}

.banic-right {
    width: 1210px;
    margin: 0 auto;
    background: #f7f8f8;
    padding-bottom: 85px;
}

.banic-right-top {
    width: 100%;
    text-align: center;
}

.title-a {
    text-align: center;
    padding-top: 45px;
}

.title-a span {
    font-size: 40px;
    color: #3e3a39;
}

.title-time {
    display: inline-block;
    width: auto;
    padding-top: 15px;
}

.fabu {
    float: left;
}

.fabu p {
    color: #3e3a39;
    font-size: 15px;
}

.rsou {
    float: left;
    margin-left: 30px;
}

.rsou span {
    float: left;
    color: #3e3a39;
    font-size: 15px;
}

.rsou a {
    float: left;
    color: #3e3a39;
    font-size: 15px;
    padding-right: 5px;
    border-right: 1px solid #3e3a39;
    padding-left: 5px;
}

.rsou a:last-child {
    border: 0;
}

.banic-tw {
    width: 1050px;
    margin: 0 auto;
}

.banic-tw p {
    text-indent: 2em;
    font-size: 18px;
    color: #3e3a39;
    padding-top: 20px;
}

.banic-tw img {
    max-width: 100%;
    margin: 40px auto 0;
}

.dy-tj {
    width: 1050px;
    margin: 0 auto;
    padding-top: 65px;
}

.dy-tj ul li {
    width: 500px;
    background: #535353;
}

.dy-tj ul li:hover {
    background: #ae2a25;
}

.dy-tj a {
    padding: 8px 4px 8px 30px;
    color: #ffffff;
    font-size: 15px;
}

.dy-tj ul li:first-child {
    float: left;
}

.dy-tj ul li:last-child {
    float: right;
}

.fenx {
    width: 1050px;
    margin: 0 auto;
    padding-top: 30px;
}

.fenx-left, .fenx-right {
    width: 500px;
    background: #535353;
    height: 65px;
}

.fenx-left:hover, .fenx-right:hover {
    background: #AE2A25;
}

.fenx-left {
    float: left;
}

.fenx-right {
    float: right;
}

.fenx-left ul li {
    float: left;
    line-height: 65px;
    margin-left: 8px;
}

.fenx-left img {
    width: auto;
    margin-top: 17px;
}

.fenx-left ul li:first-child {
    color: #ffffff;
    font-size: 20px;
    margin-left: 30px;
    margin-right: 10px;
}

.fenx-xia, .fenx-da, .fenx-xia img, .fenx-da img {
    float: left;
}

.fenx-xia p, .fenx-da p {
    float: left;
    color: #ffffff;
    font-size: 20px;
    padding-top: 5px;
    margin-left: 15px;
}

.fenx-xia {
    margin-left: 45px;
    margin-top: 17px;
}

.fenx-da {
    margin-left: 45px;
    margin-top: 17px;
}

/*.fenx-xia p:hover,.fenx-da p:hover{
    	color: #AE2A25;
    }*/

/*关于企业*/
.enter {
    width: 100%;
    padding-top: 125px;
    padding-bottom: 70px;
}

.enter-left {
    width: 95px;
    right: 90px;
    top: 35px;
    position: absolute;
    z-index: 66;

}

.bution {
    position: relative;
}

.enter-left ul li {
    width: 100%;
    margin-top: 15px;
    background: #808080;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}

.enter-left img {
    max-width: 50px;
    display: inline-block;
}

.enter-left p {
    color: #ffffff;
    font-size: 12px;
}

.enter-right {
    width: 1210px;
    margin: 0 auto;
}

.banic {
    position: relative;
}

/*核心技术*/
.tech {
    width: 100%;
    background: #ffffff;
    padding-top: 145px;
}

.tech-right {
    width: 1210px;
    margin: 0 auto;
}

.tech-list ul li {
    width: 402px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: 18px 0px 22px #212222 inset;
    margin-bottom: 75px;
    height: 530px;
}

.tech-list ul li:first-child {
    box-shadow: none;
}

.tech-list ul li:nth-of-type(4) {
    box-shadow: none;
}

.tech-list ul li:hover {
    transform: translateY(-10px);
    transition: all .6s;
}

.tech-img {
    max-width: 234px;
    margin: 0 auto;
    padding-top: 54px;
}

.tech-wz {
    padding-top: 35px;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 55px;
}

.tech-wz span {
    text-align: center;
    font-size: 25px;
    color: #ffffff;
}

.tech-wz p {
    font-size: 19px;
    color: #ffffff;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.writing-thg-left, .writing-thg-right {
    width: 50%;
    float: left;
    height: 525px;
}

.writing-thg-left img {
    width: 100%;
}

.writing-thg-right {
    background: #f7f8f8;
}

.writing {
    padding-top: 75px;
}

.writing-thg {
    padding-bottom: 150px;
}

/*经销商风采*/

.bution {
    padding-top: 130px;
    padding-bottom: 105px;
}

.bution-right {
    margin: 0 auto;
    width: 1210px;
}

.bution-list {
    padding-bottom: 60px;
}

.bution-wz, .bution-img {
    width: 50%;
    float: left;
    height: 316px;
    overflow: hidden;
}

.bution-img:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.bution-wz {
    float: left;
    background: #f4f4f4;
    padding: 60px 60px 50px 50px;
}

.bution-wz span {
    font-size: 25px;
    color: #3e3a39;
    padding-bottom: 30px;
}

.tion-dy {
    width: 26px;
    border: 1px solid #4e4a49;
    height: 26px;
    border-radius: 50%;
    float: right;
    margin-top: 42px;
    margin-right: 5px;
}

.tion-dy a {
    color: #4e4a49;
    font-family: '宋体';
    text-align: center;
    line-height: 26px;
}

.tion-dy a:hover {
    color: #B02923;
}

.tion-dy:hover {
    border: 1px solid #B02923;
}

.bution-wz p {
    font-size: 15px;
    color: #3e3a39;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.bution-img {
    float: left;

}

.bution-img img {
    width: 100%;
    height: 100%;
}

.bution-fy {
    width: 100%;
    text-align: center;
}

.bution-fy ul {
    display: inline-block;
    width: auto;
}

.bution-fy ul li {
    float: left;
    margin-left: 20px;
    width: 36px;
    height: 36px;
    background: #808080;
}

.bution-fy a {
    color: #ffffff;
    font-size: 25px;
}

.bution-fy ul li:hover {
    background: #B02923;
}

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

.chColor {
    position: fixed;
}

.contact {
    position: relative;
}

/*认证与荣誉*/
.patent-mai {
    padding-top: 145px;
    padding-bottom: 100px;
}

.patent-list {
    width: 1210px;
    margin: 0 auto;
}

.patent-list-w ul li {
    float: left;
    margin-left: 130px;
    margin-bottom: 55px;
    width: 314px;
    height: 450px;
    overflow: hidden;
}

.patent-list-w > ul > li > img {
    width: 100%;
    height: 100%;
}

.patent-list-w ul li:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.patent-list-w ul li:first-child {
    margin-left: 0;
}

.patent-list-w ul li:nth-child(3n+1) {
    margin-left: 0;
}

.pa-fy {
    margin-top: 40px;
}

/*团队风貌*/
.featu {
    width: 100%;
    background: #ffffff;
    padding-top: 140px;
    padding-bottom: 140px;
}

.featu-list {
    width: 1210px;
    margin: 0 auto;
}

.fea-img {
    width: 100%;
    height: 540px;
    overflow: hidden;
}

.fea-img img {
    width: 100%;
    height: 100%;
}

.fea-img:hover img, .fea-ght-left:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.fea-ght {
    padding-top: 15px;
}

.fea-ght-left {
    float: left;
    width: 400px;
    height: 670px;
    overflow: hidden;
}

.fea-ght-left img {
    width: 100%;
    height: 100%;
}

.fea-ght-right {
    width: 810px;
    float: left;
}

.ght-ta {
    width: 390px;
    float: left;
    margin-left: 15px;
    height: 327px;
    overflow: hidden;
}

.ght-let {
    margin-left: 15px;
    margin-top: 15px;
    width: 795px;
    height: 328px;
    overflow: hidden;
    float: left;

}

.ght-ta img, .ght-let img {
    width: 100%;
    height: 100%;
}

.ght-ta:hover img, .ght-let:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.fea-dib {
    width: 100%;
    padding-top: 15px;
}

.fea-dib-left {
    float: left;
    width: 825px;
    height: 430px;
    overflow: hidden;
}

.fea-dib-right {
    float: left;
    width: 370px;
    margin-left: 15px;
    overflow: hidden;
}

.fea-dib-left:hover img, .fea-dib-right:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

/*关于企业*/
.strip-main {
    width: 1370px;
    margin: 0 auto;
    padding-top: 90px;
}

.strip-nav {
    width: 100%;
    background: #808080;
    height: 52px;
}

.strip-nav ul li {
    line-height: 52px;
    float: left;
    margin-left: 146px;
}

.strip-nav ul li:first-child {
    margin-left: 92px;
}

.strip-nav a {
    color: #ffffff;
    font-size: 18px;
}

.strip-nav a:hover {
    color: #AE2A25;
}

.inint {
    width: 100%;
    padding-top: 80px;
}

.inint-top {
    width: 385px;
    margin: 0 auto;
    text-align: center;
}

.inint-top h3 {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    font-size: 30px;
    color: #000000;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: 500;
}

.inint-top p {
    font-size: 15px;
    color: #000000;
    padding-top: 6px;
}

.inint-wz {
    padding-top: 65px;
}

.inint-wz p {
    font-size: 15px;
    color: #3e3a39;
}

.gengda {
    float: right;
    margin-top: 45px;
    margin-bottom: 10px;
}

.gengda a {
    font-size: 15px;
    color: #3e3a39;
}

.gengda a:hover {
    color: #B02923;
}

.inint-img {
    width: 100%;
    height: 440px;
    overflow: hidden;
}

.inint-img img {
    width: 100%;
}

.inint-img:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.inint-zs {
    width: 810px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 125px;
    margin: 0 auto;
    transform: translateY(-45px);
}

.inint-zs ul li {
    float: left;
    width: 154px;
    margin-top: 20px;
    margin-left: 40px;
}

.inint-zs span {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 10px;
}

.inint-zs p {
    font-size: 12px;
    color: #ffffff;
}

.history {
    width: 100%;
    padding-top: 75px;
    padding-bottom: 145px;
}

.history-list ul li {
    width: 230px;
    height: 290px;
    background: #808080;
}

.history-top span {
    font-size: 15px;
    color: #000000;
    text-align: center;
}

.history-list ul li {
    margin-top: 60px;
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    margin-left: 55px;
}

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

.history-list ul li:nth-child(5n+1) {
    margin-left: 0;
}

.history-list span {
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    padding-bottom: 35px;
}

.history-list p {
    font-size: 15px;
    color: #ffffff;
}

.history-list ul li:hover {
    background: #b02923;
}

.paren {
    width: 100%;
    padding-bottom: 140px;
}

.paren-img {
    width: 100%;
}

.paren-img img {
    width: 100%;
}

.paren-list {
    width: 1210px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.paren-list ul li {
    width: 220px;
    text-align: center;
    float: left;
    margin-left: 26px;
    padding-bottom: 10px;
    margin-top: 60px;
}

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

.paren-list ul li:nth-child(5n+1) {
    margin-left: 0;
}

.paren-list img {
    width: 100%;
    height: 100%;
}

.prgh-img {
    width: 100%;
    height: 310px;
    overflow: hidden;
}

.paren-list ul li:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.paren-list p {
    padding-top: 20px;
    color: #3e3a39;
    font-size: 20px;
}

.core {
    width: 100%;
}

.core-img {
    width: 100%;
}

.core-img img {
    width: 100%;
}

.core-ten {
    width: 1210px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 30px;
}

.witness {
    width: 1210px;
    margin: 0 auto;
    padding-bottom: 85px;
}

.witness-top {
    width: 100%;
    text-align: center;
}

.witness-top span {
    font-size: 15px;
    color: #000000;
}

.witness-img {
    width: 100%;
    margin-top: 50px;
    height: 458px;
    overflow: hidden;
}

.witness-img:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.witness-img img {
    width: 100%;
}

.witness-list {
    width: 100%;
    padding-top: 54px;
}

.witness-list-tp {
    float: left;
    width: 865px;
    height: 493px;
}

.witness-list-right {
    float: right;
    width: 327px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 493px;
    padding: 70px 20px 15px 35px;
}

.witness-th {
    padding-right: 35px;
}

.witness-th span {
    font-size: 30px;
    color: rgba(255, 255, 255, .9);
}

.tness-wz {
    width: 100%;
    height: 215px;
    margin-top: 40px;
}

.tness-wz p {
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
}

.tness-dj {
    position: relative;
}

.tness-gd {
    float: right;
    margin-top: 40px;
}

.tness-gd:hover a {
    color: #333333;
}

.tness-gd a {
    font-size: 15px;
    color: #ffffff;
}

.wite-right {
    float: right;
}

.with-left {
    float: left;
}

/*防伪*/
.ticity {
    width: 100%;
    padding-top: 110px;
    padding-bottom: 132px;
}

.ticity-right {
    /*float: right;
    	margin-left: 0;
    	margin-right: 160px;
    	padding-top: 0;*/
}

.authen {
    width: 1210px;
    margin: 0 auto;
}

.authen-top {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.authen-top span {
    font-size: 32px;
    color: #3e3a39;
    font-weight: 500;
}

.authen-input::-webkit-input-placeholder {
    color: #808080;
}

.authen-input {
    border: 1px solid #626262;
}

.authen-input input {
    font-size: 20px;
    color: #626262;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 800px;
    border: 0;
}

.authen-cx {
    width: 870px;
    margin: 0 auto;
}

.authen-wz {
    padding-top: 35px;
    padding-bottom: 45px;
    text-align: center;
}

.authen-wz p {
    color: #595757;
    font-size: 22px;
}

.authen-cha {
    width: 180px;
    background: #b02923;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
}

.authen-cha a {
    font-size: 28px;
    color: #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.authen-cha:hover {
    background: #666666;
}

/*联系我们*/
.contact {
    width: 100%;
    padding-top: 110px;
    padding-bottom: 150px;
}

.contact-list {
    width: 1210px;
    margin: 0 auto;
}

.contact-list-top {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 25px;
}

.contact-list-top span {
    font-size: 40px;
    color: #3e3a39;
    font-weight: bold;
}

.tact-main {
    width: 100%;
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    text-align: center;
    padding-bottom: 40px;
    position: relative;
}

.tact-main p {
    margin-top: 30px;
    color: #595757;
    font-size: 22px;
}

.tact-main span {
    color: #595757;
    font-size: 22px;
}

.tact-dt {
    width: 238px;
    background: #a0a0a0;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    right: 25px;
    bottom: 43px;
}

.tact-dt a {
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 30px;
    color: #ffffff;
}

.con-map {
    width: 100%;
    margin-top: 70px;
    height: 534px;
}

.tact-dt:hover {
    background: #AE2A25;
}

/*服务与联系*/
.swrvie {
    width: 100%;
    padding-top: 110px;
}

.swev-main {
    width: 1210px;
    margin: 0 auto;
}

.swev-left {
    float: left;
    width: 215px;
}

.swev-right {
    float: right;
    width: 950px;
}

.swev-left ul li {
    width: 100%;
    background: #c1c1c1;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 7px;
    cursor: pointer;
}

.swev-left ul li.sw-an {
    background: #b02923;
}

.yuanz {
    padding-top: 10px;
    padding-bottom: 22px;
    border-bottom: 2px solid #c1c1c1;
}

.yuanz span {
    font-size: 35px;
    color: #b02923;
}

.yu-main {
    padding-top: 30px;
}

.yu-main-top span {
    font-size: 18px;
    color: #595757;
}

.select-qk {
    width: 380px;
    position: relative;
    color: #595757;
    border: 1px solid #535353;
    float: left;
    border-radius: 5px;
    margin-left: 42px;
}

.select-qk i {
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    background-size: 100% auto;
    float: right;
    margin-right: 13px;
    margin-top: 15px;
}

.select-qk span {
    display: block;
    padding-left: 15px;
    cursor: pointer;
    font-size: 18px;
    color: #595757;
    padding-top: 8px;
    padding-bottom: 8px;
}

.select-qk ul,
.select-qk li {
    padding: 0;
    margin: 0
}

.select-qk li {
    color: #595757;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.select-qk li:hover {
    background-color: #AE2A25;
    color: #ffffff;
}

.select-qk li:last-child {
    border-bottom: 0
}

.select-qk ul {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    background: #ffffff;
    z-index: 9;
}

.yu-n label {
    width: 185px;
    float: left;
    margin-top: 10px;
    text-align: right;
    font-size: 18px;
    color: #595757;
}

.yu-n {
    padding-top: 35px;
}

.yu-n input {
    float: left;
    margin-left: 42px;
    width: 365px;
    color: #595757;
    border: 1px solid #535353;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 18px;
    border-radius: 5px;
    padding-left: 15px;
}

/**/
.select-tw, .select-as, .select-zx {
    width: 180px;
    position: relative;
    color: #595757;
    border: 1px solid #535353;
    float: left;
    border-radius: 5px;
    margin-left: 42px;
}

.select-tw i, .select-as i, .select-zx i {
    background-repeat: no-repeat;
    width: 11px;
    height: 9px;
    background-size: 100% auto;
    float: right;
    margin-right: 13px;
    margin-top: 15px;
}

.select-tw span, .select-as span, .select-zx span {
    display: block;
    padding-left: 15px;
    cursor: pointer;
    font-size: 15px;
    color: #595757;
    padding-top: 8px;
    padding-bottom: 8px;
}

.select-tw ul,
.select-tw li,
.select-as ul,
.select-as li,
.select-zx ul,
.select-zx li {
    padding: 0;
    margin: 0
}

.select-tw li, .select-as li, .select-zx li {
    color: #595757;
    /*border-bottom: 1px dashed #eee;*/
    cursor: pointer;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.select-tw li:hover, .select-as li:hover, .select-zx li:hover {
    /*border-bottom: 1px solid #51A6FF;*/
    background-color: #AE2A25;
    color: #ffffff;
}

.select-tw li:last-child, .select-as li:last-child, .select-zx li:last-child {
    border-bottom: 0
}

.select-tw ul, .select-as ul, .select-zx ul {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    background: #ffffff;
    z-index: 9;
    transition: auto;
}

.sel-wz {
    float: left;
    margin-left: 12px;
    padding-top: 6px;
}

.sel-wz span {
    font-size: 18px;
    color: #595757;
}

.select-as, .select-zx {
    margin-left: 12px;
}

.yu-n textarea {
    resize: none;
    color: #595757;
    border: 1px solid #535353;
    outline: none;
    width: 633px;
    height: 168px;
    float: left;
    margin-left: 42px;
    padding-left: 15px;
    border-radius: 5px;
    padding-top: 15px;
    font-size: 18px;
}

.in-input {
    float: left;
    margin-top: 30px;
    margin-left: 186px;
}

.in-input input {
    color: #595757;
    border: 1px solid #535353;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 15px;
    width: 633px;
}

.yu-dib {
    width: 100%;
    border-top: 2px solid #c1c1c1;
    margin-top: 40px;
    padding-bottom: 110px;
}

.yu-dib-top {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

.yu-dib-top span {
    font-size: 18px;
    color: #595757;
}

.yu-lis {
    width: 100%;
    padding-top: 70px;
    text-align: center;
}

.yu-tia {
    width: auto;
    display: inline-block;
}

.yu-tia-left, .yu-tia-right {
    float: left;
    width: 148px;
    background: #b02923;
    text-align: center;
    border-radius: 5px;
}

.yu-tia-left a, .yu-tia-right a {
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 12px;
    padding-top: 12px;
}

.yu-tia-right {
    margin-left: 35px;
}

.yu-tia-left:hover, .yu-tia-right:hover {
    background: #666666;
}

.swev-right-con {
    display: none;
}

.swev-xian {
    display: block;
}

/**/
.produ {
    width: 100%;
}

.produ-nav {
    width: 1210px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    transform: translateY(-68px);
    padding-bottom: 20px;
    padding-top: 15px;
}

.produ-nav ul li {
    float: left;
    width: 240px;
    margin-left: 2px;
    text-align: center;
}

.produ-nav img {
    display: inline-block;
}

.produ-nav a {
    font-size: 13px;
    color: #595757;
}

.produ-nav a:hover {
    color: #B02923;
    font-weight: bold;
    transition: auto;
}

.produ-left {
    width: 1210px;
    margin: 0 auto;
}

.pro-da {
    margin-top: 5px;
}

.zhi-left {
    width: 590px;
    position: relative;
    height: 683px;
    overflow: hidden;
    float: left;
}

.zhi-left > img {
    width: 100%;
    height: 100%;
}

.zhi-left:hover img {
    transform: scale(1.1);
    transition: all .6s;
}

.zhi-but {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #808080;
    left: 0px;
    bottom: 0;
    z-index: 1;
}

.zhi-logo {
    width: 425px;
    height: 93px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

.zhi-logo span {
    font-size: 38px;
    color: #ffffff;
    line-height: 93px;
    padding-left: 50px;
}

.dia-z {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    margin-right: 35px;
    margin-top: 11px;
}

.dia-z a {
    font-family: '宋体';
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
}

.dia-z:hover {
    border: 1px solid #AE2A25;
}

.dia-z:hover a {
    color: #AE2A25;
}

.zhi-right {
    width: 590px;
    float: right;
}

.zhi-gha {
    width: 590px;
    height: 372px;
    position: relative;
}

.zhi-gha img {
    width: 100%;
}

.zhi-mb {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(127, 127, 127, .8);
    left: 0;
    top: 0;
    display: none;
}

.zhi-ads {
    width: 100%;
    margin-top: 30px;
}

.zhi-ads ul li {
    width: 280px;
    float: left;
    position: relative;
}

.zhi-ads ul li:last-child {
    float: right;
}

.ads-left {
    width: 100%;
    background: rgba(127, 127, 127, .9);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    display: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.zhi-ads img {
    width: 100%;
}

.same-but-img a {
    float: left;
    margin-left: 3px;
}

.ads-tr {
    width: 220px;
    height: 40px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    margin-top: 75px;
    box-shadow: 3px 8px 8px rgba(0, 0, 0, .2);
}

.ads-tr span {
    font-size: 20px;
    color: #808080;
    line-height: 40px;
}

.ads-wz span {
    font-size: 20px;
    color: #ffffff;
    padding-top: 5px;
    text-shadow: 3px 5px 3px #585858;
}

.ads-wz-list {
    padding-top: 15px;
}

.ads-wz-list li {
    font-size: 15px;
    color: #ffffff;
    text-align: left;
    padding-left: 40px;
    list-style-type: inherit !important;
    text-shadow: 3px 5px 3px #585858;
}

.zhi-gha:hover .zhi-mb {
    display: block;
}

.zhi-ads ul li:hover .ads-left {
    display: block;
}

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

.ads-wz-list strong {
    float: left;
    font-size: 25px;
    margin-top: -13px;
    margin-right: 10px;
}

.ads-gd a {
    font-size: 16px;
    color: #0f1e23;
}

.ads-gd a:hover {
    color: #AE2A25;
}

.ser-sp {
    margin-top: 75px;
}

.produ {
    padding-bottom: 110px;
}

/*产品1*/
.palist {
    width: 100%;
    padding-top: 240px;
    padding-bottom: 160px;
}

.pada {
    /*float: right;
    	margin-right: 165px;
    	margin-left: 0;*/
}

.pada ul li:first-child {
    padding: 12px 25px 15px 25px;
}

.pada ul li:first-child a {
    font-size: 15px;
    color: #ffffff;
}

.pa-right {
    width: 1210px;
    margin: 0 auto;
}

.pa-right ul li {
    float: left;
    width: 295px;
    margin-left: 6px;
    position: relative;
}

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

.pa-right > ul > li > img {
    width: 100%;
}

.pa-lia {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(134, 59, 60, .6);
    height: 100%;
    text-align: center;
}

.pa-lia-ten {
    width: auto;
    display: inline-block;
    margin-top: 270px;
    text-align: center;
}

.pa-lia-ten img {
    display: inline-block;
}

.pa-lia-ten p {
    font-size: 14px;
    color: #ffffff;
}

.pa-right ul li:hover .pa-lia {
    display: none;
}

/**/
.duct {
    width: 100%;
    padding-bottom: 220px;
}

.duct-ten {
    width: 1210px;
    margin: 0 auto;
    background: #595757;
    padding-bottom: 22px;
    padding-top: 20px;
    transform: translateY(-70px);
}

.duct-ten ul li {
    float: left;
    min-width: 60px;
    margin-left: 25px;
    text-align: center;
}

.duct-ten ul li:hover p {
    color: #AE2A25;
}

.duct-ten img {
    display: inline-block;
    min-height: 90px;
    min-width: 60px;
}

.duct-ten a {
    font-size: 12px;
    color: #ffffff;
}

.duct-ten ul li:first-child {
    margin-left: 50px;
}

.duct-ten ul li:nth-child(6) {
    margin-left: 80px;
}

.water {
    width: 1400px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 162px;
}

.water-left {
    float: left;
    width: 600px;
}

.water-right {
    float: left;
    padding-top: 60px;
    margin-left: 110px;
    width: 660px;
}

.water-right-top span {
    font-size: 40px;
    color: #3e3a39;
}

.water-right-top p {
    font-size: 40px;
    color: #b02923;
}

.water-con {
    width: 660px;
    float: left;
    padding-top: 20px;
}

.water-con ul li {
    color: #3e3a39;
    width: 100%;
    float: left;
    margin-top: 5px;
}

/*.water-con i{*/
/*width: 22px;*/
/*height: 6px;*/
/*float: left;*/
/*margin-top: 12px;*/
/*margin-right: 10px;*/
/*}*/
.water-con em {
    width: 22px;
    height: 6px;
    float: left;
    margin-top: 12px;
    margin-right: 10px;
}

.water-con span {
    float: left;
    font-size: 20px;
    color: #3e3a39;
}

.water-a {
    padding-top: 42px;
    width: 100%;
    float: left;
}

.water-a-left, .water-a-right {
    width: 215px;
    background: #b02923;
    float: left;
    text-align: center;
    border-radius: 5px;
}

.water-a-left:hover, .water-a-right:hover {
    background: #666666;
}

.water-a-left a, .water-a-right a {
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 26px;
    color: #ffffff;
}

.water-a-right {
    margin-left: 20px;
}

.water-img {
    width: 310px;
    margin-top: 30px;
    float: left;
}

.water-img img {
    width: 100%;
}

.cp-deta {
    width: 1080px;
    margin: 0 auto;
}

.cp-deta-top {
    width: 100%;
    background: #595757;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.cp-deta-top span {
    font-size: 30px;
    color: #ffffff;
}

.cp-deta-img {
    width: 100%;
}

.cp-deta-img img {
    width: 100%;
}

.cp-jh {
    width: 100%;
}

.cp-titl {
    width: 476px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 73px;
    text-align: center;
}

.cp-titl span {
    font-size: 25px;
    color: #ffffff;
    line-height: 73px;
}

.cp-wz {
    width: 100%;
    text-align: center;
    padding-top: 45px;
}

.cp-wz span {
    font-size: 60px;
    color: #595757;
    padding-bottom: 30px;
}

.cp-wz p {
    font-size: 30px;
    color: #595757;
}

.cp-ita {
    width: 100%;
}

.cp-ita img {
    width: 100%;
}

.cp-ags {
    width: 100%;
    margin-top: 50px;
}

.cp-ags img {
    width: 100%;
}

.duc-tw {
    width: 1080px;
    padding-top: 40px;
    margin: 0 auto;
}

.duc-tw-wz, .duc-tw-img {
    float: left;
}

.duc-tw-img {
    width: 50%;
    /*    	margin-left: 40px;*/
}

.duc-tw-img img {
    width: 100%;
}

.duc-tw-wz {
    /*    	margin-left: 115px;*/
    padding-top: 90px;
    width: 50%;
    text-align: center;
}

.duc-tw-wz span {
    font-size: 40px;
    color: #595757;
    padding-bottom: 20px;
}

.duc-tw-wz p {
    font-size: 25px;
    color: #595757;
}

.duc-list {
    width: 1080px;
    padding-top: 60px;
    margin: 0 auto;
}

.duc-list img {
    width: 100%;
}

.duc-pk {
    width: 1080px;
    margin: 0 auto;
}

.duc-pk img {
    width: 100%;
}

.detailed {
    width: 1080px;
    margin: 0 auto;
    background: #595757;
    padding-bottom: 60px;
    margin-top: 60px;
}

.detailed-top {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.detailed-top span {
    font-size: 30px;
    color: #ffffff;
}

.detailed-ma {
    width: 1080px;
    margin: 0 auto;
    background: #ffffff;
    padding-bottom: 140px;
}

.data-wz:hover a {
    color: #AE2A25;
}

.detailed-ma ul li {
    float: left;
    text-align: center;
    width: 32%;
    margin-top: 30px;
    margin-left: 10px;
}

.data-wz {
    display: inline-block;
    width: 180px;
    border: 1px solid #595757;
    border-radius: 20px;
    margin-top: 20px;
}

.data-wz a {
    font-size: 20px;
    color: #595757;
    padding-bottom: 3px;
    padding-top: 3px;
}

.detailed-ma img {
    width: 100%;
    height: 240px;
}

.same {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
}

.same-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #595757;

}

.same-top span {
    font-size: 35px;
    color: #595757;
    padding-left: 20px;
}

.same-list {
    padding-top: 60px;
}

.same-list ul li:hover .same-wz {
    background: #AE2A25;
}

.same-list ul li {
    float: left;
    width: 520px;
    margin-left: 1px;
}

.same-img {
    width: 100%;
    height: 525px;
    overflow: hidden;
}

.same-img img {
    width: 100%;
    height: 100%;
}

.same-list ul li:hover .same-img img {
    transform: scale(1.1);
    transition: all .6s;
}

.same-wz {
    width: 510px;
    background: #808080;
    margin-left: 10px;
}

.same-but {
    border-bottom: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 8px;
}

.same-but span {
    float: left;
    font-size: 28px;
    padding-left: 40px;
    color: #ffffff;
}

.same-but-img {
    float: right;
    margin-right: 30px;
}

.same-mat {
    padding-top: 20px;
    padding-bottom: 20px;
}

.same-mat-left {
    margin-left: 35px;
    width: 400px;
    float: left;

}

.same-mat-left span {
    font-size: 31px;
    color: #ffffff;
}

.same-mat-left p {
    font-size: 19px;
    color: #ffffff;
    padding-top: 8px;
}

.same-dj {
    width: 35px;
    height: 35px;
    border: 1px solid #ffffff;
    text-align: center;
    float: right;
    border-radius: 50%;
    margin-right: 30px;
    margin-top: 30px;
}

.same-dj a {
    font-family: '宋体';
    font-size: 20px;
    line-height: 35px;
    color: #ffffff;
}

/*.same-dj:hover{
    	border: 1px solid #AE2A25;
    }
    .same-dj:hover a{
    	color: #AE2A25;
    }*/

/*空间*/
.categ-main {
    width: 1210px;
    /*float: right;
    	margin-right: 95px;*/
    margin: 0 auto;
}

.cata-list {
    width: 1210px;
}

.cata-list ul li {
    width: 402px;
}

.cata-top {
    padding-bottom: 5px;
}

.cata-top span {
    font-size: 32px;
    padding-left: 2px;
}

.cata-main {
    width: 100%;
    padding-top: 0;
}

.cata-wz {
    width: 396px;
}

.cata-but span {
    font-size: 22px;
}

.cata-mat span {
    font-size: 25px;
}

.cata-mat p {
    font-size: 15px;
}

.cata-mat {
    width: 300px;
}

.cata-dj {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-top: 20px;
}

.cata-dj a {
    line-height: 30px;
}

.cata-img {
    height: 396px;
    width: 396px;
}

.cata-re {
    padding-top: 70px;
}

.cata-wz {
    margin-left: 0px;
}

/*类型*/
.sort {
    width: 100%;
}

/*.sirt-da{
    	padding-top: 76px;
    }*/
.sort-main {
    width: 1210px;
    margin: 0 auto;
}

.sort-nav {
    width: 1210px;
    background: #ffffff;
    transform: translateY(-75px);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .2);
    padding-top: 25px;
    padding-bottom: 30px;
}

.sort-nav ul li {
    float: left;
    width: 120px;
    text-align: center;
    margin-left: 180px;
}

.sort-nav ul li:first-child {
    margin-left: 95px;
}

.sort-nav img {
    display: inline-block;
    width: auto;
}

.sort-nav a {
    font-size: 14px;
    color: #595757;
}

.sort-nav ul li:hover a {
    color: #AE2A25;
    font-weight: bold;
    transition: auto;
    transition: none;
}

.sort-nav p {
    padding-top: 3px;
}

.tahas {
    width: 100%;
}

.tuxa {
    width: 1210px;
    position: relative;
}

.tuxa > img {
    width: 100%;
}

.tuxa-wz {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(134, 59, 60, .6);
    width: 100%;
    height: 100%;
    text-align: center;
}

.ux-img {
    width: auto;
    display: inline-block;
    margin-top: 110px;
}

.ux-img img {
    display: inline-block;
}

.ux-img p {
    font-size: 14px;
    color: #ffffff;
    padding-top: 10px;
}

.tuxa:hover .tuxa-wz {
    display: none;
}

.linja {
    width: 100%;
    padding-top: 75px;
    padding-bottom: 50px;
    border-bottom: 1px solid #595757;
}

.linja ul li {
    float: left;
    width: 202px;
    text-align: center;
    background: #808080;
    margin-left: 12px;
}

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

.linja a {
    font-size: 25px;
    padding-top: 8px;
    padding-bottom: 14px;
    color: #ffffff;
    font-size: 25px;
}

.linja ul li:hover {
    background: #AE2A25;
}

/**/
.gramme {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 40px;
}

.gran-main {
    margin: 0 auto;
    width: 1210px;

}

.gram-list {
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

.gram-list-img img {
    width: 100%;
}

.gyr1 {
    width: 60px;
    height: 110px;
    position: absolute;
    top: 124px;
    left: 221px;
    z-index: 1;
}

.gyr2 {
    position: absolute;
    width: 94px;
    height: 152px;
    left: 240px;
    top: 351px;
    z-index: 1;
}

.gyr3 {
    position: absolute;
    width: 60px;
    height: 154px;
    z-index: 4;
    left: 538px;
    top: 110px;
}

.gyr4 {
    position: absolute;
    width: 100px;
    height: 98px;
    z-index: 4;
    left: 418px;
    bottom: 100px;
}

.gyr5 {
    position: absolute;
    width: 70px;
    height: 15px;
    left: 560px;
    bottom: 112px;
    z-index: 4;
}

.gyr6 {
    position: absolute;
    width: 152px;
    height: 86px;
    top: 92px;
    right: 190px;
    z-index: 1;
}

.tanc {
    width: 600px;
    height: 350px;
    position: absolute;
    z-index: 3;
    left: 0px;
    margin: 0 auto;
    right: 0;
    top: 130px;
    /*  	background:rgba(255,255,255,0.2);*/


}

.tanc-da, .tana-a, .tana-c {
    padding: 20px;
    background: rgba(255, 255, 255, 0.2);
    width: 600px;
    height: 350px;
    border-radius: 20px;
    display: none;
}

.tanc-da span, .tana-a span, .tana-c span {
    font-size: 18px;
    color: #595757;
}

.tac-xia {
    display: block;
}

.cha {
    position: absolute;
    right: 20px;
    top: 10px;
    font-family: '宋体';
}

.cha h3 {
    font-size: 30px;
    color: #AE2A25;
    font-weight: 100;
    cursor: pointer;
}

.tanc-da {
    position: relative;
}

.tahas-list {
    display: none;
}

.tahas-ixna {
    display: block;
}

.inve-list-con img {
    max-width: 1210px;
}

.icon-list-con > ul > li > a > img {
    width: 100%;
}

.dt-img2 {
    display: none;
}

.icon-list-con ul li:hover .dt-img1 {
    display: none;
}

.icon-list-con ul li:hover .dt-img2 {
    display: block;
}


.gram-list-img img {
    height: 100%;
    min-width: 120%;
    position: absolute;
    right: 0;
    animation: mymove 12s infinite;
}

@keyframes mymove {
    0% {
        right: 0px;
    }

    50% {
        right: -150px;
    }
}

.gram-list-img {
    width: 1210px;
    overflow: hidden;
    position: relative;
    height: 567px;
}

.mall-ban {
    width: 100%;
}

.mall-ban img {
    width: 100%;
}

.sdjc {
    width: 384px;
    background: #595757;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    margin-top: 60px;
    float: left;
}

.sdjc span {
    color: #ffffff;
    font-size: 28px;
}

.sdjc font {
    margin-left: 30px;
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .footer-logo {
        width: 360px;
    }

    .footer-con {
        width: 1300px;
    }

    .footer-centen {
        margin-left: 30px;
    }

    .footer-right {
        margin-left: 20px;
    }

    .footer-right {
        padding-left: 0;
        width: 520px;
    }

    .footer-right ul li {
        margin-left: 20px;
    }

    .attr-sz {
        max-width: 1400px;
    }

    .attr-sz ul li {
        width: 208px;
    }

    .banic-left {
        right: 30px;
    }

    .enter-left {
        right: 30px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .attr-sz ul li {
        width: 210px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer-right a {
        font-size: 15px;
    }

    .wei-li {
        width: 140px;
    }

    .footer-di-wz span {
        font-size: 18px;
    }

    .authen {
        max-width: 1210px;
    }

    .footer-di {
        max-width: 1200px;
    }

    .footer-con {
        width: 1200px
    }

    .footer-right {
        width: 490px;
    }

    .chas {
        margin-right: 30px;
    }

    .authen {
        max-width: 1200px;
    }

    .authen-top {
        width: 500px;
        margin: 0 auto;
    }

    .banic-left {
        right: 30px;
    }

    .categ-main {
        width: 1200px;
    }

    .produ-nav {
        width: 1000px;
    }

    .produ-nav ul li {
        width: 195px;
    }

    .cata-top span {
        font-size: 28px;
    }

    .cata-list {
        width: 1200px;
    }

    .cata-list ul li {
        width: 350px;
    }

    .cata-img {
        height: 310px;
    }

    .cata-wz {
        width: 350px;
    }

    .cata-but span {
        font-size: 20px;
    }

    .cata-mat {
        width: 230px;
    }

    .cata-mat span {
        font-size: 20px;
    }

    .contact-list {
        width: 890px;
    }

    .bution-right {
        width: 1000px;
    }

    .bution-wz, .bution-img {
        width: 45%;
    }

    .banic-right {
        width: 1100px;
    }

    .banic-tw {
        width: 800px;
    }

    .detailns-top {
        width: 90%;
    }

    .enter-right {
        width: 1000px;
    }

    .featu-list {
        width: 1000px;
        margin-right: 12%;
        height: 450px;
    }

    .fea-ght-left {
        width: 350px;
        height: 600px;
    }

    .fea-ght-right {
        width: 650px;
    }

    .ght-ta {
        width: 310px;
    }

    .ght-let {
        width: 635px;
        height: 258px;
    }

    .fea-dib-left {
        width: 615px;
    }

    .fea-dib-left {
        width: 615px;
        height: 323px;
    }

    .fea-dib-left img {
        width: 100%;
    }

    .fea-dib-right {
        width: 370px;
        height: 323px;
    }

    .fea-dib-right img {
        width: 100%;
    }

    .attr-sz ul li {
        width: 190px;
    }

    .profile-wz {
        width: 1100px;
    }

    .profile-wz p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        flex-direction: column;
    }

    .switch {
        width: 1180px;
    }

    .switch ul li {
        width: 235px;
    }

    .brand-list {
        width: 1200px;
    }

    .brand-list ul li {
        width: 395px;
    }

    .dynamics-main {
        width: 1200px;
    }

    .dynamics-li ul li {
        margin-left: 35px;
    }

    .inve-list-con {
        width: 1100px;
    }

    .mall-main-con {
        width: 1100px;
    }

    .mall-img-top {
        width: 754px;
        height: 305px;
    }

    .pa-right ul li {
        width: 240px;
    }

    .pa-right > ul > li > a > img {
        width: 100%;
    }

    .pa-right {
        width: 1000px;
        margin-right: 12%;
    }

    .patent-list {
        width: 1000px;
        margin-right: 12%;
    }

    .patent-list-w ul li {
        margin-left: 18px;
    }

    .water {
        width: 1200px;
    }

    .water-right {
        margin-left: 30px;
        width: 560px;
    }

    .water-right-top span {
        font-size: 36px;
    }

    .water-con {
        width: 560px;
    }

    .gran-main {
        width: 1050px;
        margin-right: 12%;
    }

    .gram-list-img {
        width: 1050px;
    }

    .swev-left {
        width: 100%;
    }

    .swev-main {
        margin-right: 12%;
    }

    .swev-left ul li {
        width: 215px;
        float: left;
        margin-left: 50px;
    }

    .swev-right {
        float: left;
        margin-left: 50px;
    }

    .sort-nav {
        width: 1000px;
        margin: 0 auto;
    }

    .sort-nav ul li {
        margin-left: 100px;
    }

    .tuxa {
        width: 1000px;
    }

    .sort-main {
        width: 1200px;
    }

    .strip-main {
        width: 1200px;
    }

    .paren-list {
        width: 1200px;
    }

    .paren-list ul li {
        margin-left: 24px;
    }

    .core-ten {
        width: 1200px;
    }

    .tech-list ul li {
        width: 400px;
    }

    .witness {
        width: 1200px;
    }

    .tech-right {
        width: 1200px;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {

    .cata-list ul li {
        width: 370px;
    }

    .cata-img {
        height: 370px;
    }

    .cata-wz {
        width: 370px;
    }

    .cata-but span {
        font-size: 20px;
    }

    .cata-mat span {
        font-size: 22px;
    }

    .cata-mat {
        width: 250px;
    }

    .bution-wz, .bution-img {
        width: 47%;
    }

    .featu-list {
        width: 1000px;
        margin-right: 12%;
        height: 450px;
    }

    .fea-ght-left {
        width: 350px;
        height: 600px;
    }

    .fea-ght-right {
        width: 650px;
    }

    .ght-ta {
        width: 310px;
    }

    .ght-let {
        width: 635px;
        height: 258px;
    }

    .fea-dib-left {
        width: 615px;
        height: 323px;
    }

    .fea-dib-left img {
        width: 100%;
    }

    .fea-dib-right {
        width: 370px;
        height: 323px;
    }

    .fea-dib-right img {
        width: 100%;
    }

    .pa-right {
        margin-right: 12%;
    }

    .patent-list {
        width: 1100px;
        margin-right: 12%;
    }

    .patent-list-w ul li {
        margin-left: 40px;
    }

    .gran-main {
        width: 1100px;
        margin-right: 12%;
    }

    .gram-list-img {
        width: 1100px;
    }

    .swev-main {
        margin-right: 12%;
    }

    .tuxa {
        width: 1100px;
    }

}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .produ-left {
        width: 1200px;
        margin-right: 12%;
    }
}