﻿.content{width:100%;height:100%;}
/*核心业务*/
.content .box1{width:1400px;margin:60px auto 0;}
.content .box1 h2{font-size:30px;color:#2b333b;text-align:center;}
.content .box1 h3{font-size:16px;font-weight:normal;color:#666;line-height:25px;margin:15px 0 35px;text-align:center;}
.content .box1 .zj_left{width:680px;float:left;}
.content .box1 .zj_left h5{height:75px;background:#00a2bf;}
.content .box1 .zj_left h5 span{display:block;float:left;height:75px;line-height:75px;margin-left:32px;width:490px;}
.content .box1 .zj_left h5 span em{font-size:32px;color:#FFFFFF;font-weight:bold;margin-right:10px;letter-spacing:2px;}
.content .box1 .zj_left h5 span i{font-size:12px;color:rgba(255,255,255,0.3);text-transform:uppercase;}
.content .box1 .zj_left h5 b{display:block;float:right;margin-right:19px;font-size:14px;color:#FFFFFF;height:75px;line-height:75px;text-transform:uppercase;font-family:"Verdana";}
.content .box1 .zj_left .zj_desc{width:680px;height:353px;border:3px solid #00a2bf;padding:15px 33px 0 32px;box-sizing:border-box;position:relative;}
.content .box1 .zj_left .zj_desc ul{width:610px;height:259px;overflow:hidden;}
.content .box1 .zj_left .zj_desc ul li{float:left;width:302px;height:64px;line-height:64px;border-bottom:1px dashed #d2d2d2;}
.content .box1 .zj_left .zj_desc ul li:last-child{width:227px;}
.content .box1 .zj_left .zj_desc ul li a{display:block;padding-left:24px;background:url(../images/kk.png) no-repeat left;font-size:16px;color:#333333;z-index:100;position:relative;}
.content .box1 .zj_left .zj_desc ul li a:hover{background:url(../images/kk_h.png) no-repeat left;}
.content .box1 .zj_left .zj_desc .gd{display:block;width:120px;height:38px;line-height:38px;text-align:center;background:#46BA23;margin:0 auto;border-radius:18px;font-size:16px;color:#FFFFFF;font-weight:bold;}
.content .box1 .zj_left .zj_desc .zjt2{display:block;width:364px;height:187px;background:url(../images/yewu01.png) no-repeat center;position:absolute;right:-70px;bottom:-45px;}
.content .box1 .zj_right{width:680px;float:right;}
.content .box1 .zj_right h5{height:75px;background:#00a2bf;}
.content .box1 .zj_right h5 span{display:block;float:left;height:75px;line-height:75px;margin-left:32px;width:490px;}
.content .box1 .zj_right h5 span em{font-size:32px;color:#FFFFFF;font-weight:bold;margin-right:10px;letter-spacing:5px;}
.content .box1 .zj_right h5 span i{font-size:12px;color:rgba(255,255,255,0.3);text-transform:uppercase;}
.content .box1 .zj_right h5 b{display:block;float:right;margin-right:19px;font-size:14px;color:#FFFFFF;height:75px;line-height:75px;text-transform:uppercase;font-family:"Verdana";}
.content .box1 .zj_right .zj_desc{width:680px;height:353px;border:3px solid #00a2bf;padding:15px 33px 0 32px;box-sizing:border-box;position:relative;}
.content .box1 .zj_right .zj_desc ul{width:610px;height:259px;overflow:hidden;}
.content .box1 .zj_right .zj_desc ul li{float:left;width:302px;height:64px;line-height:64px;border-bottom:1px dashed #d2d2d2;}
.content .box1 .zj_right .zj_desc ul li a{display:block;padding-left:24px;background:url(../images/kk.png) no-repeat left;font-size:16px;color:#333333;z-index:100;position:relative;}
.content .box1 .zj_right .zj_desc ul li a:hover{background:url(../images/kk_h.png) no-repeat left;}
.content .box1 .zj_right .zj_desc ul li.last{width:230px;}
.content .box1 .zj_right .zj_desc .gd{display:block;width:120px;height:38px;line-height:38px;text-align:center;background:#46BA23;margin:0 auto;border-radius:18px;font-size:16px;color:#FFFFFF;font-weight:bold;}
.content .box1 .zj_right .zj_desc .zjt3{display:block;width:239px;height:231px;background:url(../images/yewu02.png) no-repeat center;position:absolute;right:-65px;bottom:-45px;}
.content .box1 .zj_right .zj_desc ul li.fr{width:193px;}

/*奥纳润新材料——是一家高科技型企业*/
.mbanner1{background:url(../images/mbanner1.jpg) center 0 no-repeat;height:234px;margin-top:100px;}
.mbanner1 .mbanBox{width:1200px;margin:0 auto;position:relative;color:#fff;}
.mbanner1 .mbanBox:after{content:"";display:block;clear:both;}
.mbanner1 .mbanBox .mbanL{float:left;margin-left:20px;width:630px;padding-top:65px;line-height:1;}
.mbanner1 .mbanBox .mbanL .wz1{font-size:30px;}
.mbanner1 .mbanBox .mbanL .wz1 b{font-size:32px;}
.mbanner1 .mbanBox .mbanL .wz2{font-size:18px;margin-top:18px;}
.mbanner1 .mbanBox .mbanL .wz2 span{display:block;padding-left:25px;background:url(../images/mbanico1.png) left center no-repeat;margin-bottom:15px;}
.mbanner1 .mbanBox .mbanR{float:left;width:300px;margin-left:165px;padding-top:52px;}
.mbanner1 .mbanBox .mbanR .mbanTel{padding-left:45px;background:url(../images/mbantel.png) left 26px no-repeat;line-height:30px;}
.mbanner1 .mbanBox .mbanR .mbanTel .wz1{font-size:16px;line-height:1;}
.mbanner1 .mbanBox .mbanR .mbanTel .wz2{font-size:22px;font-weight:bold;margin-top:15px;line-height:30px;height:50px;}
.mbanner1 .mbanBox .mbanR .wz3{padding-left:45px;margin-top:10px;}
.mbanner1 .mbanBox .mbanR .wz3 a{height:24px;line-height:24px;padding:0 10px;display:inline-block;border-radius:4px;color:#fff;position:relative;border:1px #fff dashed;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.mbanner1 .mbanBox .mbanR .wz3 a:hover{background:#fff;color:#06bc58;}
.mbanner1 .mbanBox .mbanR .wz3 a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* W3C */-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.mbanner1 .mbanBox .mbanR .wz3 a:hover,.mbanner1 .mbanBox .mbanR .wz3 a:focus,.mbanner1 .mbanBox .mbanR .wz3 a:active{-webkit-transform:translateY(-3px);transform:translateY(-3px);}
.mbanner1 .mbanBox .mbanR .wz3 a:hover:before,.mbanner1 .mbanBox .mbanR .wz3 a:focus:before,.mbanner1 .mbanBox .mbanR .wz3 a:active:before{opacity:1;-webkit-transform:translateY(3px);transform:translateY(3px);}

/*选择奥纳润新材料 选择无忧的服务*/
.content .box2{width:100%;height:770px;background:url(../images/zl_bk_en.jpg) no-repeat center;margin:0 0 25px;}
.content .box2 .zl{width:1300px;margin-left:365px;position:relative;}
.content .box2 .zl h3{position:absolute;top:95px;left:50%;font-size:28px;color:#00a2bf;}
.content .box2 .zl ul li{font-size:14px;color:#333333;line-height:25px;}
.content .box2 .zl1{position:absolute;top:220px;left:670px;}
.content .box2 .zl2{position:absolute;top:350px;left:710px;}
.content .box2 .zl3{position:absolute;top:490px;left:715px;}
.content .box2 .zl4{position:absolute;top:625px;left:670px;}
.content .box2 .zl_c1{position:absolute;top:580px;left:-72px;font-size:35px;color:#fff;font-family:"times new roman";}
.content .box2 .zl_c2{position:absolute;top:560px;left:240px;}

/*良好信誉，科技创造未来*/
.mbanner2{background:url(../images/mbanner2_en.jpg) center 0 no-repeat;height:277px;}

/*工程案例*/
.content .box3{width:100%;height:825px;padding:80px 0;background:url(../images/case_back.jpg) center bottom no-repeat;overflow:hidden;}
.content .box3 .h_title{width:220px;padding-left:40px;position:relative;height:50px;margin:0 auto;overflow:hidden;}
.content .box3 .h_title h3{font-size:24px;color:#00a2bf;font-weight:bold;line-height:26px;}
.content .box3 .h_title h3 a{display:block;color:#00a2bf;}
.content .box3 .h_title p{font-size:12px;line-height:10px;color:#999;margin-top:12px;text-transform:Uppercase; letter-spacing:3px;}
.content .box3 .h_title span{display:block;font-size:60px;color:#2d2e32;font-weight:bold;line-height:50px;position:absolute;top:0;left:0;text-transform:Uppercase;}
.content .box3 .case_center{width:1300px;height:575px;margin:40px auto 0 auto;overflow:hidden;position:relative;}
.case_center .hd{width:620px;height:40px;position:absolute;top:25px;right:0;overflow:hidden;z-index:9;}
.case_center .hd::before{content:'';width:510px;height:1px;background:#e6e6e6;position:absolute;top:19px;left:0;}
.case_center .hd .arrow{width:90px;height:40px;position:absolute;top:0;right:0;}
.case_center .hd .arrow .prev{float:left;width:40px;height:40px;cursor:pointer;background:url(../images/case_jt_01.png) center center no-repeat #2d2e32;-webkit-transition:all .7s;transition:all .7s;}
.case_center .hd .arrow .next{float:right;width:40px;height:40px;cursor:pointer;background:url(../images/case_jt_02.png) center center no-repeat #2d2e32;-webkit-transition:all .7s;transition:all .7s;}
.case_center .hd .arrow .prev:hover{background:url(../images/case_jt_01.png) center center no-repeat #00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.case_center .hd .arrow .next:hover{background:url(../images/case_jt_02.png) center center no-repeat #00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.case_center .bd{width:1300px;height:575px;overflow:hidden;}
.case_center .bd .main{width:1300px;height:575px;overflow:hidden;}
.case_center .bd .main .left{width:620px;height:480px;float:left;overflow:hidden;}
.case_center .bd .main .left .img{width:620px;height:400px;overflow:hidden;}
.case_center .bd .main .left .img img{width:620px;height:400px;transition:all 1s;transform:scale(1);vertical-align:top;object-fit:cover;}
.case_center .bd .main .left:hover .img img{transform:scale(1.1);}
.case_center .bd .main .left .txt{width:620px;height:80px;background:#fff;overflow:hidden;}
.case_center .bd .main .left .txt .name{display:block;width:590px;line-height:80px;padding:0 80px 0 20px;font-size:16px;color:#2d2e32;background:url(../images/case_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}
.case_center .bd .main .left:hover .txt .name{width:590px;padding:0 80px 0 30px;-webkit-transition:all .7s;transition:all .7s;}
.case_center .bd .main .left:nth-child(2){float:right;margin-top:95px;}
.case_center .tel{width:620px;height:55px;line-height:55px;position:absolute;bottom:0;left:0;overflow:hidden;z-index:9;}
.case_center .tel p{padding-left:50px;float:left;font-size:16px;color:#2d2e32;position:relative;}
.case_center .tel p i{font-size:24px;color:#00a2bf;font-weight:bold;}
.case_center .tel p::before{content:'';width:37px;height:37px;background:url(../images/tel02.png);position:absolute;top:9px;left:0;animation:msClock 1.2s linear infinite;}
.case_center .tel a{display:block;width:160px;height:40px;float:right; background:#00a2bf;text-align:center;line-height:40px;margin-top:7px;font-size:14px;color:#fff;}
.case_center .tel span{display:block;line-height:55px;position:absolute;left:0;top:0;z-index:-1;font-size:70px;color:#fbfefe;text-transform:Uppercase;}

/*公司简介*/
.content .box4{width:100%;height:744px;background:url(../images/ab.jpg) no-repeat left top #f6f6f6;overflow:hidden;}
.content .box4 .container{max-width:1200px;padding:0;margin:0 auto;}
.content .box4 .sy_about2{background:#fff;width:888px;padding:60px 50px 70px;margin-top:110px;overflow:hidden;}
.sy_about2 h3{font-family:Impact;font-size:46px;line-height:56px;text-transform:uppercase;opacity:0.24;}
.sy_about2 h2{line-height:44px;font-size:30px;overflow:hidden;}
.sy_about2 em{display:block;width:30px;height:2px;margin-top:12px;background:#00a2bf;}
.sy_about2 section{line-height:30px;margin-top:18px;font-size:14px;color:#323232;}
.sy_about2 section p{margin-top:14px;}
.sy_about2 section p:first-child{margin-top:0;}
.sy_about2 h4{margin-top:25px;}
.sy_about2 h4 a{display:inline-block;margin-right:25px;background:#00a2bf;color:#fff;width:165px;line-height:40px;border-radius:12px;font-size:16px;text-align:center;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

/*荣誉资质*/
.content .box5{width:100%;height:100%;}
.content .box5 .scroll{width:1200px;height:382px;margin:35px auto 50px;position:relative;}
.content .box5 .scroll_left{width:32px;height:60px;background:url(../images/btn_left.png) no-repeat;position:absolute;left:0;top:153px;}
.content .box5 .scroll_right{width:32px;height:60px;background:url(../images/btn_right.png) left no-repeat;position:absolute;right:0;top:153px;}
.content .box5 .pic{width:1100px;height:382px;margin:0 auto;}
.content .box5 .pic ul{display:block;}
.content .box5 .pic li{float:left;display:inline;width:255px;margin-right:25px;text-align:center;}
.content .box5 .pic li img{width:255px;height:346px;display:block;}
.content .box5 .pic li p{font-size:16px;color:#333;padding-top:12px;}

/*新闻资讯*/
.box6{width:100%;height:auto;padding:80px 0;overflow:hidden;}
.box6 .h_title{width:287px;padding-left:50px;position:relative;height:50px;margin:0 auto;overflow:hidden;}
.box6 .h_title h3{font-size:24px;color:#00a2bf;font-weight:bold;line-height:26px;}
.box6 .h_title h3 a{display:block;color:#00a2bf;}
.box6 .h_title p{font-size:12px;line-height:10px;color:#999;margin-top:12px;text-transform:Uppercase; letter-spacing:3px;}
.box6 .h_title span{display:block;font-size:60px;color:#2d2e32;font-weight:bold;line-height:50px;position:absolute;top:0;left:-5px;text-transform:Uppercase;}
.box6 .news_center{width:1400px;height:auto;margin:40px auto 0 auto;position:relative;}
.box6 .news_center .hd{width:390px;height:40px;margin:0 auto;overflow:hidden;}
.box6 .news_center .hd ul{width:390px;height:40px;overflow:hidden;font-size:14px;display:flex;justify-content:space-between;}
.box6 .news_center .hd ul li{width:180px;height:40px;line-height:40px;text-align:center;background:#2d2e32;-webkit-transition:all .7s;transition:all .7s}
.box6 .news_center .hd ul li.on{background:#00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .hd ul li a{display:block;color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd{width:1400px;height:600px;margin:40px auto 0 auto;}
.box6 .news_center .bd .main{width:1400px;height:600px;position:relative;}
.box6 .news_center .bd .main .top{width:1400px;height:330px;padding:20px 25px;background:url(../images/news.jpg) center center no-repeat #fff;-moz-box-shadow:0px 0px 20px #e5e5e5;-webkit-box-shadow:0px 0px 20px #e5e5e5; box-shadow:0px 0px 20px #e5e5e5;}
.box6 .news_center .bd .main .top li{width:420px;height:320px;float:left;overflow:hidden;}
.box6 .news_center .bd .main .top li:nth-of-type(2){float:right;}
.box6 .news_center .bd .main .top li .date{width:360px;height:75px;border-bottom:solid 1px #e6e6e6;}
.box6 .news_center .bd .main .top li .date span:nth-of-type(1){display:block;font-size:40px;color:#ccc;font-weight:bold;line-height:34px;}
.box6 .news_center .bd .main .top li .date span:nth-of-type(2){display:block;font-size:12px;color:#ccc;line-height:10px;margin-top:10px;}
.box6 .news_center .bd .main .top li .name{display:block;font-size:16px;color:#333;line-height:18px;font-weight:bold;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .top li:hover .name{color:#00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .top li p{font-size:14px;color:#808080;line-height:30px;height:60px;margin-top:25px;overflow:hidden;}
.box6 .news_center .bd .main .top li .more{display:block;width:166px;height:36px;border:solid 2px #00a2bf;font-size:14px;color:#00a2bf;line-height:36px;text-align:center;border-radius:20px;margin-top:35px;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .top li:hover .more{background:#00a2bf;color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom{width:1400px;height:210px;margin-top:30px;overflow:hidden;}
.box6 .news_center .bd .main .bottom li{width:453px;height:93px;border:solid 1px #f5f5f5;background:#fff;padding:0 20px 0 30px;float:left;margin:0 20px 20px 0;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}
.box6 .news_center .bd .main .bottom li:hover{border:solid 1px #00a2bf;background:#00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li .date{width:50px;height:93px;float:left;text-align:center;}
.box6 .news_center .bd .main .bottom li .date span:nth-of-type(1){display:block;font-size:40px;color:#ccc;font-weight:bold;line-height:34px;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li .date span:nth-of-type(2){display:block;font-size:12px;color:#ccc;line-height:10px;margin-top:10px;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li:hover .date span:nth-of-type(1){color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li:hover .date span:nth-of-type(2){color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li .txt{width:320px;height:93px;float:right;}
.box6 .news_center .bd .main .bottom li .txt .name{display:block;font-size:16px;color:#333;line-height:28px;height:56px;margin-top:18px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}
.box6 .news_center .bd .main .bottom li:hover .txt .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

/* 合作客户 */
.box7{width:100%;height:auto;padding-bottom:80px;overflow:hidden;}
.box7 .h_title{width:349px;padding-left:45px;position:relative;height:50px;margin:0 auto;overflow:hidden;}
.box7 .h_title h3{font-size:24px;color:#00a2bf;font-weight:bold;line-height:26px;}
.box7 .h_title h3 a{display:block;color:#00a2bf;}
.box7 .h_title p{font-size:12px;line-height:10px;color:#999;margin-top:12px;text-transform:Uppercase; letter-spacing:3px;}
.box7 .h_title span{display:block;font-size:60px;color:#2d2e32;font-weight:bold;line-height:50px;position:absolute;top:0;left:0px;text-transform:Uppercase;}
.box7 .list{width:1300px;height:170px;margin:40px auto 0 auto;overflow:hidden;}
.box7 .list li{width:300px;height:170px;overflow:hidden;float:left;margin-right:33.3px;}
.box7 .list li:nth-of-type(4){margin-right:0;}
.box7 .list li a{display:block;}
.box7 .list li .img{width:298px;height:118px;border:solid 1px #e6e6e6;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}
.box7 .list li:hover .img{border:solid 1px #00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.box7 .list li .img img{width:257px;height:118px;transition:all 1s;transform:scale(1.1);object-fit:scale-down;margin-left:20px;}
.box7 .list li:hover .img img{transform:scale(1);}
.box7 .list li .name{width:298px;padding:0 25px;height:50px;line-height:50px;font-size:14px;color:#2d2e32;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;position:relative;}
.box7 .list li:hover .name{color:#00a2bf;-webkit-transition:all .7s;transition:all .7s;}
.box7 .list li .name::after{content:'';width:0;height:1px;background:#00a2bf;position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}
.box7 .list li:hover .name::after{content:'';width:300px;height:1px;background:#00a2bf;position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}

@media screen and (max-width:1366px){
    header .head-banner{height:auto;}
    .head-banner .swiper-slide img{height:auto;object-fit:unset;}
}