﻿.banner img{width:100%;}
.banner .swiper-button-next{width:30px;height:60px;background:url(../images/icon-next.png) #f2f2f2 center center no-repeat;transition:0.5s all ease;}
.banner .swiper-button-prev{width:30px;height:60px;background:url(../images/icon-prev.png) #f2f2f2 center center no-repeat;transition:0.5s all ease;}
.banner .swiper-button-prev:hover{background:url(../images/icon-prev1.png) #2c82e9 center center no-repeat;}
.banner .swiper-button-next:hover{background:url(../images/icon-next1.png) #2c82e9 center center no-repeat;}

.body .center{width:1200px;margin:0 auto;}
.twoNav{margin: -94px 0px 0px 0px;position: relative;z-index: 9999999;width:300px;float:left;}
.twoNav .name{font-size:24px;color:#010101;background:#f2f2f2;padding: 46px 0px 22px 18px;margin:0px 0px 4px 0px;line-height: 26px;position: relative;}
.twoNav .name .en{width: 175px;color:#999999;font-size:14px;font-family:"Arial";text-transform: uppercase;float: right;position: absolute;right: 0px;line-height: 16px;bottom: 22px;}
.twoNav a{height:65px;line-height:65px;color:#2f2725;background: #f2f2f2 url(../images/icon-arrow.png) 255px center no-repeat;display:block;font-size:16px;padding:0px 45px 0px 40px;margin:0px 0px 4px 0px;transition:0.5s all ease;}
.twoNav a:hover{background: #2c82e9 url(../images/icon-arrow1.png) 255px center no-repeat;color:#fff;}
.twoNav a.active{background: #2c82e9 url(../images/icon-arrow1.png) 255px center no-repeat;color:#fff;}

.body .Right{width:885px;float: right;}
.body .location{padding:23px 0px 15px 0px;border-bottom:1px solid #d1d1d1;}
.Right .name{color:#2f2725;font-size:18px;}
.Right .position{float:right;height: 20px;margin: 4px 0px 0px 0px;}
.Right .position img{margin:3px 3px 0px 0px;}
.Right .position a{font-size:14px;color:#999999;display: inline-block;}
.Right .position span{background: #999999;margin: 0px 10px;position:relative;top: -10px;font-size: 0px;width: 1px;height: 9px;display: inline-block;}
.Right .position a:last-child{color:#2c82e9}
.classInfo{line-height:28px;font-size:14px;color:#767676;padding: 15px 0px 30px 0px;min-height: 200px;}
.classInfo img{max-width:100%;}
/*产品*/
.product .p1{font-size:24px;color:#2f2725;text-align:center;margin: 25px 0px 15px 0px;}
.product .p2{color:#999999;font-size:14px;line-height:28px;}
.product ul{margin:15px 0px 0px 0px;}
.product li{float:left;width: 433px;height:320px;margin: 0px 18px 22px 0px;position:relative;overflow:hidden;}
.product li:nth-child(2n){margin-right:0px;}
.product li .Img{height:100%;overflow:hidden;}
.product li img{height:100%;width:100%;transition:0.5s all ease;}
.product li .words{position:absolute;bottom:0px;background:#2c82e9 url(../images/icon-arrow2.png) 385px center no-repeat;width:100%;padding:17px 0px 17px 20px;box-sizing:border-box;opacity:0;transition:0.5s all ease;left:-430px;}
.product li .title{font-size:16px;color:#fff;}
.product li .sum{color:#c3dcfe;font-size:12px;margin:5px 0px 0px 0px;}
.product li:hover .words{opacity:1;left:0px;}
.product li:hover img{transform:scale(1.2);}
#pages{text-align:center;color:#999999;font-size:12px;margin:50px 0px 45px 0px;}
#pages select{color:#999999;font-size:12px;outline:none;}
#pages a{width:25px;height:25px;display:inline-block;background:#f2f2f2;font-size:12px;text-align:center;line-height:25px;margin: 0px 2px;}
#pages a.prev{font-size:0px;background:url(../images/icon-left.png) center center no-repeat;position:relative;top:-5px;}
#pages a.next{font-size:0px;background:url(../images/icon-right.png) center center no-repeat;position:relative;top:-5px;}
#pages a.currentpage{background:#2c82e9;color:#fff;}

.product img{max-width:100%;}
.product .productInfo{color:#999999;font-size:14px;line-height:28px;}
.nexttitle{border-top:1px solid #d1d1d1;padding: 20px 0px;margin: 40px 0px 0px 0px;}
.nexttitle a{display:block;color:#999999;font-size:14px;margin:0px 0px 10px 0px;}

/*新闻*/
.News ul{margin:38px 0px 0px 0px;}
.News li{float: left;width: 435px;height: 280px;background: #f3f3f3;margin:0px 0px 65px 0px;border-bottom:2px solid transparent;padding:0px 30px 0px 30px;box-sizing:border-box;transition:0.5s all ease;}
.News li:nth-child(2n){float:right;}
.News li .time{width:100px;min-height:80px;background:url(../images/timebg.jpg) center top no-repeat;text-align: center;padding: 0px 10px;box-sizing: border-box;margin: -20px 0px 0px 0px;transition:0.5s all ease;}
.News li .time .month{color:#fff;font-size:28px;padding: 15px 0px 0px 0px;transition:0.5s all ease;}
.News li .time .years{color:#fff;font-size:14px;text-align:right;}
.News li:hover{border-bottom:2px solid #2c82e9}
.News li .title{font-size:16px;color:#464646;margin: 30px 0px 20px 0px;}
.News li .sum{color:#a1a1a1;font-size:14px;line-height:28px;}
.News li:hover .time{min-height:125px;}
.News li:hover .time .month{padding: 40px 0px 0px 0px;}
.News li:nth-last-child(1){margin-bottom:20px;}
.News li:nth-last-child(2){margin-bottom:20px;}

/* 行业动态 */
.Dynamic ul{margin:27px 0px 0px 0px;}
.Dynamic li {height:212px;background:#f2f2f2;margin:0px 0px 20px 0px;}
.Dynamic li .Img{float:right;width:284px;height:100%;overflow:hidden;}
.Dynamic li img{transition:0.5s all ease;width: 100%;height: 100%;}
.Dynamic li:nth-child(2n) .Img{float:left;}
.Dynamic li .words{padding:20px;width: 560px;float: left;}
.Dynamic li .title{font-size:16px;color:#464646;margin: 5px 0px 0px 0px;transition:0.5s all ease;}
.Dynamic li .sum{font-size:14px;color:#a1a1a1;line-height: 28px;margin: 16px 0px 0px 0px;transition:0.5s all ease;border-bottom:2px solid transparent;}
.Dynamic li .icon{width: 38px;height: 15px;background:url(../images/icon-arrow3.png) center center no-repeat;display:block;margin: 18px 0px 0px 0px;}
.Dynamic li:hover .title{color:#2c82e9;}
.Dynamic li:hover .sum{border-bottom:2px solid #2c82e9;padding:0px 0px 25px 0px;margin: 6px 0px 0px 0px;}
.Dynamic li:hover img{transform:scale(1.2);}


.NewsInfo .title{font-size: 24px;color: #2f2725;text-align: center;margin: 40px 0px 20px 0px;}
.NewsInfo .time{font-size:12px;color:#b2b2b2;text-align:center;padding:0px 0px 15px 0px;border-bottom:7px solid #e0e0e0;}
.NewsInfo .time img{margin:0px 10px 0px 0px}
.NewsInfo .time .t{padding:0px 0px 0px 60px;}
.NewsInfo .info{font-size:14px;color:#686868;line-height:24px;padding: 20px 0px 30px 0px;border-top:1px solid #e0e0e0;margin:4px 0px 0px 0px;}
.NewsInfo .nexttitle{border-top:7px solid #e0e0e0;padding: 25px 0px 50px 0px;}
.NewsInfo .nexttitle a{color:#2f2725}
.NewsInfo img{max-width:100%;}
/* 钢厂资质 */
.qualifications{width:605px;height:985px;margin:45px auto 55px;background: url(../images/indexbg3.jpg) center top no-repeat;}
.qualifications .english{color:#000000;font-size:14px;text-transform:uppercase;text-align:right;padding:40px 60px 45px 0px;}
.qualifications .t1{font-size:36px;color:#000;text-align:right;padding: 0px 50px 260px 0px;line-height:56px;display:none;height: 112px;}
.qualifications .t1.on{display:block;}
.qualificationsList{position:relative;width:490px;margin: 0px 0px 0px 73px;}
.qualifications .swiper-container{width: 270px;height: 350px;/* background: url(../images/icon-bg1.png) 0px center no-repeat; */background-size: cover;padding: 0px 10px 0px 0px;box-sizing: border-box;transform: rotate(-4deg);}
.qualifications .swiper-container .swiper-slide{width: 275px;height: 100%;text-align: center;line-height: 340px;}
.qualifications .swiper-container .swiper-slide img{max-width: 110%;max-height: 100%;vertical-align: middle;width: 250px;height: 340px;}
.qualificationsList .swiper-button-prev{background:#f3f3f3 url(../images/icon-prev.png) center center no-repeat;width:38px;height:38px;transition:1s all ease;left: 0px;margin-top: -10px;}
.qualificationsList .swiper-button-next{background:#f3f3f3 url(../images/icon-next.png) center center no-repeat;width:38px;height:38px;transition:1s all ease;right: 0px;margin-top: -10px;}
.qualificationsList .swiper-button-prev:hover{background:#2c82e9 url(../images/icon-prev1.png) center center no-repeat;}
.qualificationsList .swiper-button-next:hover{background:#2c82e9 url(../images/icon-next1.png) center center no-repeat;}

/* 网络营销 */
.NetWork{width:100%;height:225px;position:relative;margin:35px auto 55px;}
.NetWork .Text{position:absolute;bottom:30px;color:#fff;left:30px;width:400px;font-size:14px;line-height:26px;}
.NetWork .Text .title{font-size:24px;margin: 0px 0px 20px 0px;}

/* 项目集锦 */
.Case ul{margin:33px 0px 0px 0px;}
.Case li{float:left;width: 427px;height:400px;margin: 0px 30px 30px 0px;position:relative;overflow:hidden;transition:0.5s all ease;}
.Case li:nth-child(2n){margin-right:0px;}
.Case li .Img{height: 342px;overflow:hidden;transition:0.5s all ease;box-sizing:border-box;padding: 0px 0px 17px 0px;}
.Case li img{height:100%;width:100%;transition:0.5s all ease;}
.Case li .words{width:100%;padding: 0px 25px 17px 25px;box-sizing:border-box;}
.Case li .title{font-size:16px;color:#2f2725;transition:0.5s all ease;}
.Case li .sum{color:#2f2725;font-size:14px;margin:5px 0px 0px 0px;transition:0.5s all ease;}
.Case li:hover{background:#2c82e9;}
.Case li:hover .title{color:#fff;}
.Case li:hover .sum{color:#fff;}
.Case li:hover .Img{padding:16px;}


/* 联系我们 */
.contact{margin:35px 0px 0px 0px;}
#maps{width:100%;height:550px;}
#maps .map{width:100%;height:550px;}
.contactlist{margin:50px 0px 80px 0px;}
.contactlist li{font-size:16px;color:#2f2725;margin: 0px 0px 15px 0px;line-height: 20px;padding: 0px 0px 0px 32px;}
.contactlist li img{margin:0px 10px 0px 0px;vertical-align: middle;}

/* 在线留言 */
.Online{margin: 40px 0px 55px 0px;}
.Online img{max-width:100%;}
.Online form{background:#f9f9f9;padding:40px 45px 100px 45px;}
.Online form input{width:100%;height:55px;line-height:55px;background:#fff;text-indent: 15px;margin:0px 0px 20px 0px;font-size:14px;color:#575251;}
.Online form textarea{width:100%;height:230px;line-height:30px;background:#fff;margin: 0px 0px 18px 0px;border:0;padding: 5px 15px;box-sizing: border-box;outline: none;resize: none;font-size:14px;color:#575251;}
.Online form input::placeholder{color:#c9caca;}
.Online form textarea::placeholder{color:#c9caca;}
.Online form input.btn-save{background:#2c82e9;color:#fff;font-size:16px;cursor: pointer;border-radius: 0px;-webkit-appearance: none;
  /*点击高亮的颜色*/-webkit-tap-highlight-color:rgba(0,0,0,0);}
.prompt{position:fixed;top:50%;width: 250px;height:70px;line-height:70px;text-align:center;background:#fff;box-shadow:0px 0px 10px 3px #ccc;left:50%;margin-left: -125px;border-radius: 7px;font-size: 16px;display: none;}

.Mbanner{display: none;}



@media(max-width:1024px){
    .PcBanner{display: none;}
    .Mbanner{display: block;}
    .twoNav{display: none;}
    .banner .swiper-button-prev{height: 40px;width: 25px;}
    .banner .swiper-button-next{height: 40px;width: 25px;}

    .body .center{width: 100%;}
    .body .Right{width:100%;float:none;}
    .body .location{background:#f2f2f2;padding:10px 0px;line-height:20px;border: 0;}
    .Right .name{display:none;}
    .Right .position{float:none;text-align:center;}
    .Right .position span{top:0px;}
    .classInfo{width:95%;margin:0 auto;line-height: 24px;padding: 20px 0px 30px 0px;min-height: 100px;}
    .classInfo img.img1{max-width:49%;margin: 0px!important;}
    .classInfo img.img2{max-width: 49%;float: right;}

    /*产品*/
    .product{width:95%;margin: 0 auto;}
    .product .p1{font-size:16px;}
    .product .p2{line-height:24px;}
    .product li{width:49%;margin: 0px 2% 10px 0px;height: 40vw;}
    .product li:nth-child(2n){margin-right:0px;float:right;}
    .product li .words{padding: 7px 5px;background: #2c82e9;opacity: 1;left: 0px;}
    .product li .title{font-size:14px;}
    .product li .sum{font-size:12px;height:18px;overflow:hidden;margin: 0px;}

    #pages{margin: 20px auto 30px;}

    .nexttitle{margin: 25px 0px 0px 0px;}



    /*News*/
    .News{width:95%;margin:0 auto;}
    .News li{padding: 0px 10px;width: 48.5%;height: 170px;margin: 0px 0px 30px 0px;}
    .News li .title{margin: 12px 0px 8px 0px;height:20px;overflow:hidden;font-size:14px;}
    .News li .sum{height:55px;overflow:hidden;font-size:12px;line-height:18px;}
    .News li .time{width: 60px;min-height: 70px;margin: -13px 0px 0px 0px;padding: 0px 5px;}
    .News li .time .month{font-size: 16px;padding: 17px 0px 0px 0px;}
    .News li .time .years{font-size:12px;}
    .News li:hover .time{min-height: 70px;}
    .News li:hover .time .month{padding: 17px 0px 0px 0px;}


    /*NewsInfo*/
    .NewsInfo{width:95%;margin:0 auto;}
    .NewsInfo .title{font-size:16px;margin: 20px 0px 15px 0px;}
    .NewsInfo .time{padding:0px 0px 10px 0px;}
    .NewsInfo .nexttitle{margin:0px;padding: 20px 0px 30px 0px;}


    /*行业动态*/
    .Dynamic{width:95%;margin:0 auto;}
    .Dynamic ul{margin: 15px 0px 0px 0px;}
    .Dynamic li{height: 32vw;margin: 0px 0px 15px 0px;}
    .Dynamic li .Img{width:40%;}
    .Dynamic li .words{width: 60%;padding: 10px;box-sizing: border-box;}
    .Dynamic li .title{font-size:14px;height:20px;overflow:hidden;}
    .Dynamic li .sum{font-size:12px;height: 35px;overflow:hidden;line-height: 17px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border-bottom: 0px solid #2c82e9;margin: 6px 0px 0px;}
    .Dynamic li .icon{margin: 21px 0px 0px 0px;background-size: contain;width: 25px;height: 12px;}
    .Dynamic li:hover .sum{padding: 0px;border-bottom: 0px solid #2c82e9;}
    .Dynamic li .words:after{width:100%;height:1px;background:#2c82e9;content:'';display:block;margin: -23px 0px 0px 0px;}

    /*资质*/
    .qualifications{width:95%;height: 150vw;background-size: 100%!important;position: relative;}
    .qualifications .english{padding: 30px 10px 20px 0px;font-size: 12px;}
    .qualifications .t1{font-size:20px;padding: 0px 10px 0px 0px;line-height: 30px;height: 60px;}
    .qualificationsList{width: 85%;margin: 0px 0px 0px 9.6%;position: absolute;bottom: 20.5vw;}
    .qualifications .swiper-container{width: 45vw;height: 58vw;background-size: contain!important;transform: rotate(-5deg);padding: 0px;}
    .qualifications .swiper-container .swiper-slide{height: 100%;line-height: 60vw;}
    .qualifications .swiper-container .swiper-slide img{width: auto;height: auto;max-height: 99%;}
    .qualificationsList .swiper-button-prev{width:30px;height:30px;}
    .qualificationsList .swiper-button-next{width:30px;height:30px;}



    /*营销网络*/
    .NetWork{height: 155vw;margin: 20px auto;height: auto;width: 95%;}
    .NetWork .Text{width: 90%;margin:0 auto;left: 5%;line-height: 22px;font-size: 12px;bottom: 50px;}
    .NetWork .Text .title{font-size:18px;margin:0px 0px 10px 0px;}

    /*项目集锦*/
    .Case{width:95%;margin: 0 auto;}
    .Case li{width: 49%;margin: 0px 0px 8px 0px;background: #2c82e9;height: calc(36vw + 75px);}
    .Case li:nth-child(2n){float:right;}
    .Case li .Img{height: 36vw;padding:5px;}
    .Case li:hover .Img{padding:5px;}
    .Case li .words{padding:5px;}
    .Case li .title{color:#fff;font-size:14px;height: 20px;overflow: hidden;}
    .Case li .sum{color:#fff;font-size: 12px;height: 35px;overflow: hidden;}


    /*联系方式*/
    #maps{height: 70vw;width: 95%;margin: 0 auto;}
    #maps .map{height:100%;}
    .contactlist{width: 325px;margin: 20px auto 30px;}
    .contactlist li{font-size:12px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 30px;}


    /*在线留言*/
    .Online{width:95%;margin:20px auto 30px;}
    .Online form{padding:20px 30px;}
    .Online form input{margin:0px 0px 15px 0px;height: 45px;line-height: 45px;}
    .Online form textarea{height:150px;}




}































