/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px/1.5 "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance: none; -o-appearance: none;outline: none;    }
*{margin:0; padding:0;}
a {text-decoration: none !important;cursor: pointer !important;color: #000;}
a:focus {outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;}
.tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial}
.bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}

header{position: relative;z-index: 111;box-shadow: 0 4px 8px rgba(0,0,0,.06);}
header .logo{line-height: 130px;height: 130px;font-size: 0;position: relative;z-index: 3;}
header .logo img{max-height:66%;}
header .txt{line-height: 130px;font-size: 36px;color: #000;font-family: 'Garamond';padding-left:44px;background: url(../images/tu1.png) no-repeat left center;position: relative;z-index: 3;}
header .container-fluid{max-width: 1640px !important;position: relative;}

/*pc导航*/
header nav{position: absolute;left: 0;right: 0;top:8px;margin: 0 auto;text-align: center;}
header nav a{transition: all 0.3s;}
header nav ul{font-size: 0;margin:0;display: inline-block;vertical-align: top;position: relative;z-index: 2;}
header nav ul > li{position: relative;text-align: center;display: inline-block;vertical-align: top;line-height:114px;margin-left: 2px;padding-bottom: 8px;}
header nav ul > li > a{line-height:inherit; display:block;color: #000;font-size: 18px;padding: 0 32px;border-radius:11px;}
header nav ul > li > i.glyphicon{display: none;}
header nav ul > li:hover > a{color: #fff;background-color:#6abaf8;}
header nav ul > li.active > a{color: #fff;background-color: #6abaf8;}
header nav .ul{display:none;position: absolute;left: 0;top:100%;width: 100%;right: 0;background:#6abaf8;padding:10px 0 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 0 0 10px 10px;}
header nav .ul:after{content: "";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #6abaf8;position: absolute;right: 0;left: 0;top:-8px;margin: 0 auto;}
header nav .ul a{font-size: 14px;color: #fff;line-height: 22px;padding:8px;display: block;}
header nav .ul a:hover{background-color: #90CAF8;color: #fff;}
header nav .ul a.active{background-color: #90CAF8;color: #fff;}






/*banner*/
.banner{position: relative;z-index: 1;overflow: hidden;}
.banner .bjcover{padding-top:36.45833333333333%;}
.banner .swiper-button-prev{width:60px;height: 60px;background: rgba(0,0,0,.3) url(../images/tu2.png) no-repeat center center/contain;margin-top: -30px;border-radius:8px;overflow: hidden;left:3%;}
.banner .swiper-button-next{width:60px;height: 60px;background: rgba(0,0,0,.3) url(../images/tu2.png) no-repeat center center/contain;margin-top: -30px;border-radius:8px;overflow: hidden;right:3%;transform:rotate(180deg) }
.banner .swiper-button-prev:hover{background-color: rgba(0,0,0,.5);}
.banner .swiper-button-next:hover{background-color: rgba(0,0,0,.5);}



.bjmain{padding-top: 44px;padding-bottom: 44px;background:#BFD5ED;}
.title{text-align: center;padding:50px 0 15px;font-size: 36px;color: #cb8559;font-weight: bold;
    background-image:-webkit-linear-gradient(left,#ffc89f,#ffc89f,#A56242,#F9A76C,#ffc89f);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* 辉豪化工·企业简介 */
.main1 {background:#CFE0F4;padding: 60px 60px 50px;box-shadow: 0 0 22px rgba(0,0,0,.1);border-radius:14px;
    background-image:-webkit-linear-gradient(#BED4EC, #D1E1F3);
}
.main1 .img {max-width: 780px;margin: 0 auto;}
.main1 .img .bjcover{padding-top: 56.25%;position: relative;}
.main1 .img .bjcover:after{content: "";width: 56px;height: 56px;background:url(../images/tu3.png) no-repeat center center/contain;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;cursor: pointer;}
.main1 .ttbox{font-size: 0;text-align: center;margin-top: 22px;}
.main1 .ttbox .list{display: inline-block;vertical-align: top;padding: 0 10px;min-width: 230px;;text-align: center;}
.main1 .ttbox .list .tt1{font-size: 24px;color: #bd7c51;line-height: 50px;height: 50px;}
.main1 .ttbox .list .tt1 b{font-size: 48px;font-family: 'Impact';padding-right: 4px;position: relative;bottom: -3px;font-weight: 100;}
.main1 .ttbox .list .tt2{font-size: 18px;color: #bd7c51;margin-top:11px;}


.tcvideo{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.66);z-index: 1112;display: none;}
.tcvideo .spbox{width: 1100px;margin: 0 auto;max-width: 96%;position: absolute;left: 0;right: 0;top:50%;transform:translateY(-50%); }
.tcvideo .spbox .sp{padding-top: 56.25%;position: relative;}
.tcvideo .spbox .sp video{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.tcvideo .gb{z-index: 9999;position: absolute;right: 20px;cursor: pointer;width: 34px;height: 34px;background: url(../images/mbg01.png) -2340px -590px no-repeat;top:14px;}


/* 辉豪化工·产品中心 */
.main2 {background:#CFE0F4;padding:20px;box-shadow: 0 0 22px rgba(0,0,0,.1);border-radius:14px;
    background-image:-webkit-linear-gradient(#BED4EC, #D1E1F3);
}
.main2 .box{border: 1px solid #fff;position: relative;min-height: 642px;}
.main2 .box:after{content: "";width: 160px;height: 100%;background: #FFB750;position: absolute;left: 0;top:0;z-index: 1;}
.main2 .ul{width: 160px;background:#FFB750;float: left;position: relative;z-index: 2;}
.main2 .ul a{display: block;line-height: 62px;height: 62px;overflow: hidden;font-size: 16px;color: #000;text-align: center;position: relative;}
.main2 .ul a:nth-last-child(1):after{display: none;}
.main2 .ul a:after{content: "";width: calc(100% - 40px);height: 1px;background: rgba(255,255,255,.5);position: absolute;left: 0;bottom: 0;right: 0;margin: 0 auto;}
.main2 .ul a:hover{background-color: rgba(255,255,255,.3);}
.main2 .ul a.active{background-color: rgba(255,255,255,.3);}
.main2 .you{padding:20px 10px;width: calc(100% - 160px);float: left;}
.main2 .you .list{display: block;padding: 15px;float: left;width: 33.33%;text-align: center;}
.main2 .you .list .img{padding-top:74%;position: relative;}
.main2 .you .list .img img{display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;max-height: 99%;max-width: 99%;}
.main2 .you .list .tt{background-color: #598DAE;font-size:19px;color: #fff;line-height: 40px;max-width: 200px;border-radius: 40px;font-family: '宋体';margin: 11px auto 0;}
.main2 .you .list:hover .tt{background-color: #FFB750;}
.main2 .you .list:nth-child(n+7){display: none;}

.main2 .you .listbox{display: none;}
.main2 .you .listbox.active{display: block;}


/* 辉豪化工·资质证书 */
.main3 {background:#CFE0F4;padding:35px;box-shadow: 0 0 22px rgba(0,0,0,.1);border-radius:14px;
    background-image:-webkit-linear-gradient(#BED4EC, #D1E1F3);
}
.main3 .list{padding-top:40%;position: relative;display: block;width: 100%;}
.main3 .list img{display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;max-height: 88%;max-width:88%;}
.main3 .tt{background: #2B2F34;line-height: 44px;font-size: 16px;color: #fff;text-align: center;}



.main3 .swiper-button-prev{width:48px;height:48px;background: rgba(0,0,0,.3) url(../images/tu2.png) no-repeat center center/contain;margin-top: -24px;border-radius:50%;overflow: hidden;left:0;}
.main3 .swiper-button-next{width:48px;height:48px;background: rgba(0,0,0,.3) url(../images/tu2.png) no-repeat center center/contain;margin-top: -24px;border-radius:50%;overflow: hidden;right:0;transform:rotate(180deg) }
.main3 .swiper-button-prev:hover{background-color: rgba(0,0,0,.5);}
.main3 .swiper-button-next:hover{background-color: rgba(0,0,0,.5);}

.main3 .imgbox{font-size: 0;text-align: center;margin-top: 30px;}
.main3 .imgbox .img{height: 66px;width:86px;line-height: 62px;border: 2px solid transparent;display: inline-block;vertical-align: top;margin: 0 15px;position: relative;transition: all .2s;}
.main3 .imgbox .img:after{content: "";transition: all .2s;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 0 solid #00A0E9;position: absolute;left: 0;right: 0;bottom: 100%;margin: 0 auto;}
.main3 .imgbox .img img{max-height: 80%;max-width: 80%;}
.main3 .imgbox .img.active{border-color: #00A0E9;}
.main3 .imgbox .img.active:after{border-bottom-width: 8px;}


/* 辉豪化工·新闻中心 */
.main4 {background:#CFE0F4;padding:35px;box-shadow: 0 0 22px rgba(0,0,0,.1);border-radius:14px;
    background-image:-webkit-linear-gradient(#BED4EC, #D1E1F3);
}
.main4 .list{display: block;width: calc(50% - 50px);margin: 0 25px;float: left;padding: 33px 0 33px 110px;border-top: 1px solid #BECFE2;position: relative;}
.main4 .list:nth-child(1){border: 0;}
.main4 .list:nth-child(2){border: 0;}
.main4 .list .tt1{font-size: 15px;font-family: 'Arial';color: #626971;position: absolute;left: 0;top:33px;}
.main4 .list .tt1 b{font-size: 25px;display: block;line-height: 28px;}
.main4 .list .tt2{font-size: 18px;color: #000;padding-bottom: 10px;}
.main4 .list .tt3{font-size: 14px;color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.main4 .list:hover .tt1{color: #B77654;}
.main4 .list:hover .tt2{color: #B77654;}


footer{background: #212121;}
footer .box2{font-size: 14px;color: #fff;padding: 25px 15px;border-top: 1px solid rgba(255,255,255,.3);text-align: center;}
footer .box1{padding: 40px 0;font-size: 0;}
footer .box1 .ul{width: 16.66%;display: inline-block;vertical-align: top;text-align: center;}
footer .box1 .ul .tt{display: inline-block;vertical-align: top;text-align: left;}
footer .box1 .ul a{display: block;font-size: 16px;color:rgba(255,255,255,.7);line-height: 24px;padding-bottom: 10px;transition: all .2s;}
footer .box1 .ul a:nth-child(1){font-size: 18px;font-weight: bold;padding-bottom: 15px;color: #fff;}
footer .box1 .ul a:nth-child(n+2):hover{color: #fff;}


.ny{padding: 40px 0 66px;min-height: 666px;}
.ny .zuo{width: 220px;float: left;margin-right: 20px;}
.ny .zuo .top{font-size: 16px;color: #fff;background: #6abaf8;line-height: 46px;padding: 0 20px;}
.ny .zuo .ul{border: 1px solid #eee;padding:10px 20px 44px;}
.ny .zuo .ul a{display: block;line-height: 44px;color: #555;font-size: 14px;transition: all .2s;border-bottom: 1px dashed #ddd;}
.ny .zuo .ul a:hover{color: #6abaf8;}
.ny .zuo .ul a.active{color: #6abaf8;}




.ny .you{width: calc(100% - 240px);float: left;}
.ny .you .top{font-size: 14px;color: #000;margin-bottom:15px;}
.ny .you .top a{font-size: 14px;color: #000;transition: all .2s;}
.ny .you .top a:hover{color: #6abaf8;}
.ny .you .top2{font-size: 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.ny .you .top2 div{display: inline-block;font-size: 16px;border-bottom: 1px solid #6abaf8;padding: 0 10px 11px;color: #6abaf8;}


.nycp{margin: 0 -10px;}
.nycp .list{display: block;width: calc(50% - 20px);margin: 0 10px 20px;float: left;}
.nycp .list .img{width: 150px;height: 150px;float: left;border: 1px solid #ddd;}
.nycp .list .img .bjcover{height: 100%;background-size: contain !important;background-repeat: no-repeat;}
.nycp .list .tt{width: calc(100% - 150px);float: left;padding: 15px 0 0 20px;}
.nycp .list .tt .tt1{font-size: 16px;margin-bottom: 10px;color: #6abaf8;}
.nycp .list .tt .tt2{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;color: #333;}
.nycp .list:hover .tt .tt1{text-decoration: underline;}



.nyxw{margin: 0 -20px;}
.nyxw .list{display: block;width: calc(50% - 40px);margin: 0 20px;float: left;padding: 30px 0 30px 110px;border-top: 1px solid #eee;position: relative;}
.nyxw .list .tt1{font-size: 15px;font-family: 'Arial';color: #626971;position: absolute;left: 0;top:35px;padding-top: 15px;width: 72px;height: 77px;background: #F5F5F5;text-align: center;}
.nyxw .list .tt1 b{font-size: 25px;display: block;line-height: 28px;}
.nyxw .list .tt2{font-size: 18px;color: #000;padding-bottom: 10px;}
.nyxw .list .tt3{font-size: 14px;color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.nyxw .list:hover .tt1{color: #B77654;}
.nyxw .list:hover .tt2{color: #B77654;}
.nyxw .list .tt4{display: none;font-size: 13px;color: #999;margin-top: -6px;padding-bottom: 2px;}


.nylx{padding-top: 11px;}
.nylx .ttbox{width: 55%;float: left;padding-right: 55px;font-size: 16px;color: #333;line-height:38px;}
.nylx .ttbox .tt1{font-size: 30px;margin-bottom: 10px;}
.nylx form{width: 45%;float: left;font-size: 14px;color: #333;}
.nylx form i{color: red;}
.nylx form input{display: block;width: 100%;line-height: 38px;height: 40px;border: 1px solid #ddd;padding: 0 15px;margin-bottom: 15px;margin-top: 5px;}
.nylx form textarea{display: block;width: 100%;line-height: 24px;height:112px;border: 1px solid #ddd;padding: 7px 15px;margin-bottom: 15px;margin-top: 5px;}
.nylx form button{background-color: #6abaf8;font-size: 16px;color: #fff;width: 180px;line-height:44px;border: 0;transition: all .2s;}
.nylx form button:hover{opacity: .88;}

.ditu{height: 444px;border: 1px solid #ddd;margin-top: 44px;}



.title4{font-size:44px;text-align:center;padding:35px 0 18px;font-weight: bold;}
.title4 b{color: #6abaf8;}



.about1 .bjcover{width: 50%;float: left;height: 380px;}
.about1 .tt{width: 50%;float: left;font-family:'楷体';font-size: 24px;line-height:170%;padding-left: 25px;}
.about1 .tt1{font-size: 30px;font-weight: bold;padding:15px 0;}




.about1 .title4{padding-bottom: 30px;}
.about2 .title4{padding-bottom: 30px;}
.about5 .title4{padding-bottom: 30px;}


.about1{padding: 33px 0 80px;}
.about2{padding: 33px 0 80px;}
.about3{padding: 33px 0 80px;}
.about4{padding: 33px 0 80px;}
.about5{padding: 33px 0 80px;}

.title4.title4bs{color: #fff;}




.about4 .box{font-size: 0;text-align: center;}
.about4 .box .tt{display: inline-block;vertical-align: top;width: 25%;text-align:center;}
.about4 .box .tt div{width: 188px;height: 188px;line-height: 176px;background:rgba(255,255,255,1);border-radius: 50%;border:6px solid #e9e9e9;margin: 15px auto;font-size: 30px;font-weight: bold;color: #6abaf8;}




.about5 .box {font-size: 0;text-align: center;}
.about5 .box .tt{width: 236px;display: inline-block;vertical-align: top;margin: 2px;}
.about5 .box .tt img{display: block;width: 100%;}
.about5 .box .tt img:nth-child(n+2){margin-top: 4px;}
.about5 .box .tt:nth-child(1){margin-top:5%;}
.about5 .box .tt:nth-child(2){margin-top:16%;}
.about5 .box .tt:nth-child(4){margin-top: 16%;}
.about5 .box .tt:nth-child(5){margin-top: 5%;}




.xwxq {font-size: 14px;color: #676767;line-height: 30px;padding-top: 10px;}
.xwxq .tt1{font-size: 26px;color: #000;padding-bottom: 10px;line-height: 36px;}
.xwxq .tt2{font-size: 14px;color: #999;padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.xwxq .tt3{border-top: 1px solid #ddd;margin-top: 33px;padding-top: 10px;}
.xwxq .tt3 a{font-size: 15px;color: #333;margin-top:6px;display:block;line-height: 30px;transition: all 0.2s;}
.xwxq .tt3 a:hover{color: #6abaf8;}


.xwxq{padding-bottom: 66px;min-height: 666px;padding-top:15px;}
.xwxq .top{font-size: 14px;color: #000;margin-bottom:15px;}
.xwxq .top a{font-size: 14px;color: #000;transition: all .2s;}
.xwxq .top a:hover{color: #6abaf8;}
.xwxq .box{padding-top: 15px;}






.cpxq .box .zuo{width: 360px;float: left;}
.cpxq .box .you{width: calc(100% - 360px);float: left;padding: 30px 0 0 30px;}

.cpxq .imgbox{font-size: 0;margin-bottom: 10px;border: 2px solid #6abaf8;}
.cpxq .imgbox .img{position: relative;display: none;}
.cpxq .imgbox .img.active{display: block;}
.cpxq .imgbox .fdimg1 {
    width: 360px;
    height: 360px;
    position: relative;
    z-index: 2;
}
.cpxq .imgbox .fdimg2 {
    width: 360px;
    height: 360px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
}
.cpxq .imgbox .fdimg2 img {
    position: absolute;
    width: 200%;
    height: 200%;
    max-width: initial;
}

.cpxq{min-height: 666px;padding: 22px 0 66px;}
.cpxq .lbcpxq .bjcover{padding-top: 100%;}
.cpxq .lbcpxq{padding: 0 32px;}
.cpxq .lbcpxq .swiper-button-prev{width:28px;height:100%;background:#6abaf8 url(../images/tu2.png) no-repeat center center/contain;margin-top: 0;top:0;overflow: hidden;left:0;opacity: 1;}
.cpxq .lbcpxq .swiper-button-next{width:28px;height:100%;background:#6abaf8 url(../images/tu2.png) no-repeat center center/contain;margin-top: 0;top:0;overflow: hidden;right:0;opacity: 1;}
.cpxq .lbcpxq .swiper-button-prev:hover{background-color: #37a6fd;}
.cpxq .lbcpxq .swiper-button-next:hover{background-color: #37a6fd;}

.cpxq .top{font-size: 14px;color: #000;margin-bottom:20px;}
.cpxq .top a{font-size: 14px;color: #000;transition: all .2s;}
.cpxq .top a:hover{color: #6abaf8;}
.cpxq .box{margin-bottom: 30px;}
.cpxq .you .tt1{font-size: 22px;color: #000;margin-bottom: 12px;border-bottom: 1px solid #ddd;padding-bottom: 12px;}
.cpxq .you .tt2{font-size: 14px;color: #000;line-height: 30px;}
.cpxq .you .tt3{font-size: 0;margin-top: 20px;}
.cpxq .you .tt3 div{font-size: 18px;color: #6abaf8;line-height: 36px;padding: 0 16px;border: 2px solid #6abaf8;display: inline-block;border-radius: 4px;}
.cpxq .you .tt3 div img{position: relative;padding-right: 4px;top:-2px;}

.cpxq .box2 .tt1{border-bottom: 1px solid #6abaf8;margin-bottom: 22px;}
.cpxq .box2 .tt1 div{margin-bottom: -1px;background: #fff;display: inline-block;vertical-align: top;padding: 0 20px;line-height: 40px;border: 2px solid #6abaf8;border-bottom: 0;font-size: 16px;}
.cpxq .box2{font-size: 15px;line-height: 30px;color: #333;}




.fhtop{position: fixed;right: 0;bottom: 10%;width: 50px;z-index: 1;right: 10%;display: none;}













/*transition: all 0.3s;*/
/*6abaf8*/

/*df0008*/
/*transform:scale(1.06);*/

/*媒体查询开始*/
@media (min-width:991px){
    header nav ul > li:hover .ul{display: block;}
}


@media (max-width:1399px){
    /*pc导航*/ 
    header nav ul > li > a{padding: 0 22px;}
}

@media (max-width:1299px){
   /*pc导航*/ 
   header nav ul > li > a{padding: 0 15px;}
}

@media (max-width:1230px){
    .about5 .box .tt{width:calc(20% - 4px);}



}
@media (max-width:1199px){
    header .txt{display: none;}
    header nav{left: auto;position: relative;right: auto;top:auto;float: right;margin:8px 0 0;}
    header nav ul{display: block;}
    header nav ul > li > a{padding: 0 22px;}
    .main1{padding: 40px 40px 30px;}
    .main1 .ttbox .list{min-width: 200px;}
    .main1 .ttbox .list .tt1 b{font-size: 30px;}
    .main1 .ttbox .list .tt2{margin-top: 6px;}

    

}
@media (max-width:1024px) {
    header nav ul > li > a{padding: 0 20px;}
    
}
@media (max-width:991px) {
    header .logo{height:120px;line-height:120px;max-width: calc(100% - 44px);}
    .banner .bjcover{padding-top:48%;}
    .banner .swiper-button-prev{width: 40px;height: 40px;margin-top: -20px;}
    .banner .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;}
    /*pc导航*/
    header nav{display: none;width:180px;float: none;padding:15px 20px 20px;margin:0;position: absolute;right:0;top:100%;z-index:113;background: #fff;box-shadow: 0 0 11px rgba(0,0,0,.1)}
    header nav .container-fluid{padding: 0;}
    header nav ul > li{display:block;width:100%;text-align: left;padding: 0 40px 0 0;border-bottom: 1px solid #ddd;line-height:42px;}
    header nav ul > li:nth-last-child(1){border: 0;}
    header nav ul > li > a{display:block; color: #333;font-size:15px;padding:0 0 0 10px;}
    header nav ul > li > i.glyphicon{position: absolute;right: 0;top:0;width: 30px;text-align: center;color: #333;display: block;font-size:12px;line-height: inherit;}
    header nav ul > li > i.glyphicon.active{color: #6abaf8;}
    header nav ul > li > i.glyphicon.active:before{transform:rotate(180deg);}
    header nav ul > li:hover > a{color: #6abaf8;background: fixed;}
    header nav ul > li.active > a{color: #6abaf8;background: fixed;}
    header nav .ul{display:none;position: relative;left: auto;top:auto;right: auto;margin: 0;width:calc(100% + 40px);background: #fff;padding: 0;max-width: inherit;box-shadow: 0 0 0;border-radius: 0;}
    header nav .ul:after{display: none;}
    header nav .ul a{font-size:13px;color: #333;line-height:22px;padding:8px 5px 8px 20px;display: block;border-top: 1px dashed #ddd;}
    header nav .ul a:hover{background:fixed;color: #6abaf8;}
    header nav .ul a.active{background:fixed;color: #6abaf8;}
    /*移动导航按钮*/
    header .lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;bottom:49px;cursor: pointer;z-index: 2;}
    header .lanmu i{display: inline-block;width: 100%;height: 3px;background: #6abaf8;border-radius: 3px;transition: all 0.6s;}
    header .lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;}
    header .lanmu i:nth-child(2){margin-right: 10%;}
    header .lanmu i:nth-child(3){margin-left: 10%;}
    header .lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);}      
    header .lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);}
    header .lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;}
    header .lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;}

    
    .main1{padding: 40px 40px 30px;}
    .main1 .ttbox .list{min-width:130px;}
    .main1 .ttbox .list .tt2{margin-top: 6px;font-size: 16px;}
    
    .main2 .you .list{width: 50%;}
    .main4 .list{width: 100%;margin: 0;}
    .main4 .list:nth-child(2){border-top: 1px solid #BECFE2;}



        
    /*内页共用*/
    .ny{min-height: 333px;padding:20px 0 44px}
    .ny .zuo{width:100%;float: none;margin-bottom:20px;padding: 0;}
    .ny .you{width:100%;float: none;}
    .ny .zuo .top{font-size:17px;line-height:48px;text-align:left;padding: 0 20px;position: relative;height: 48px;}
    .ny .zuo .top i{color: #fff;font-size: 17px;display: block;position: absolute;right: 20px;top:0;margin: auto 0;line-height: inherit;}
    .ny .zuo .ul{padding:0 20px;display: none;}
    .ny .zuo .ul a{line-height: 40px;text-align: center;}
    .ny .zuo .ul a:nth-last-of-type(1){border: 0;}

    .ny .you .top2 div{font-size: 15px;padding: 0 5px 6px;}


    .nyxw .list{width: calc(100% - 40px);}
    
}

@media (max-width:767px) {
    /*banner*/
    .banner .swiper-button-prev{width:30px;height: 30px;margin-top: -15px;border-radius: 4px;left: 0;}
    .banner .swiper-button-next{width:30px;height: 30px;margin-top: -15px;border-radius: 4px;right: 0;}

    .bjmain{padding-top: 33px;padding-bottom: 33px;}
    .title{padding:40px 0 15px;font-size: 22px;}


    /* 辉豪化工·企业简介 */
    .main1 {padding:20px;border-radius:8px;}
    .main1 .ttbox{margin-top: 10px;}
    .main1 .ttbox .list{min-width: 44%;padding: 10px;}
    .tcvideo .gb{right: 0;top:0;}


    /* 辉豪化工·产品中心 */
    .main2 {border-radius:8px;padding: 0;overflow: hidden;border: 1px solid #fff;}
    .main2 .box{border:0;min-height: initial;}
    .main2 .box:after{width: 90px;}
    .main2 .ul{width: 90px;}
    .main2 .ul a{line-height: 44px;height: 44px;font-size: 14px;}
    .main2 .ul a:after{width:100%;}
    .main2 .you{padding:15px 5px;width: calc(100% - 90px);float: left;}
    .main2 .you .list{padding: 10px;}
    .main2 .you .list .tt{font-size:12px;line-height: 30px;border-radius: 4px;}


    /* 辉豪化工·资质证书 */
    .main3 {padding:20px;border-radius:8px;}
    .main3 .tt{line-height: 34px;font-size: 14px;}
    .main3 .swiper-button-prev{width:30px;height:30px;margin-top: -25px;left: 0;}
    .main3 .swiper-button-next{width:30px;height:30px;margin-top: -25px;right: 0;}

    .main3 .imgbox{margin-top:20px;}
    .main3 .imgbox .img{margin:4px 2px 0;width: 54px;height: 44px;line-height: 40px;}


    /* 辉豪化工·新闻中心 */
    .main4 {padding:0;border-radius:0;box-shadow: 0 0 0;background: fixed; background-image:-webkit-linear-gradient(transparent, transparent);}
    .main4 .list{padding: 20px 0 20px 66px;}
    .main4 .list .tt1{font-size: 14px;top:22px;}
    .main4 .list .tt1 b{font-size: 20px;line-height: 26px;}
    .main4 .list .tt2{font-size: 16px;}
    .main4 .list .tt3{font-size: 13px;height: auto;max-height: 72px;overflow: hidden;}


    footer .box1{padding: 30px 0;}
    footer .box1 .ul{width: 100%;text-align: left;}
    footer .box1 .ul .tt{display:block;margin-top: 14px;}
    footer .box1 .ul a{display: inline-block;vertical-align: top;font-size: 14px;padding: 0 15px 6px 0;}
    footer .box1 .ul a:nth-child(1){display: block;padding-bottom: 6px;}

   
    .nycp .list{width: calc(100% - 20px);}

    
    .nylx .ttbox{width: 100%;padding-right: 0;font-size: 15px;line-height:30px;}
    .nylx .ttbox .tt1{font-size: 24px;margin-bottom: 8px;}
    .nylx form{width: 100%;margin-top: 30px;}
    .nylx form button{width: 140px;line-height:40px;}

    .ditu{height: 333px;margin-top: 30px;}




    .title4{font-size:24px;padding:30px 0 14px;}
    



.about1 .bjcover{width:100%;height: auto;padding-top: 66%;}

.about1 .tt{width:100%;font-size:18px;line-height:170%;padding:15px 0 0;}
.about1 .tt1{font-size: 24px;padding:10px 0;}




.about1 .title4{padding-bottom: 20px;}
.about2 .title4{padding-bottom: 20px;}
.about5 .title4{padding-bottom: 20px;}


.about1{padding:0 0 40px;}
.about2{padding:0 0 40px;}
.about3{padding:0 0 40px;}
.about4{padding:0 0 40px;}
.about5{padding:0 0 40px;}



.about4 .box .tt div{width: 140px;height: 140px;line-height: 130px;border:5px solid #e9e9e9;margin: 10px auto;font-size: 22px;}




.about5 .box{position: relative;}
.about5 .box .tt{width: calc(33.33% - 4px);margin:2px!important;display:block;float: left;}
.about5 .box .tt:nth-child(4){position: absolute;left: 0;bottom: 0;}
.about5 .box .tt:nth-child(5){position: absolute;left:33.33%;bottom: 0;}


.xwxq {font-size: 14px;color: #676767;line-height: 30px;padding-top: 10px;}
.xwxq .tt1{font-size: 26px;color: #000;padding-bottom: 10px;}
.xwxq .tt2{font-size: 14px;color: #999;padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.xwxq .tt3{border-top: 1px solid #ddd;margin-top: 33px;padding-top: 10px;}
.xwxq .tt3 a{font-size: 15px;color: #333;margin-top:6px;display:block;line-height: 30px;transition: all 0.2s;}
.xwxq .tt3 a:hover{color: #6abaf8;}


.ny{padding-bottom: 44px;min-height: 333px;}
.xwxq{padding-bottom: 44px;min-height: 333px;}

.xwxq {line-height: 28px;}
.xwxq .box{padding-top: 0;}
.xwxq .tt1{font-size: 16px;line-height: 30px;padding-bottom: 6px;}
.xwxq .tt3{margin-top: 25px;}
.xwxq .tt3 a{line-height: 28px;}

.cpxq .box .zuo{width: 100%;}
.cpxq .box .you{width: 100%;padding: 0;}
.cpxq .imgbox{display: none;}

.cpxq{min-height:333px;padding: 16px 0 44px;}
.cpxq .lbcpxq{padding:0;margin-bottom: 15px;}
.cpxq .lbcpxq .swiper-button-prev{width:34px;height:60px;opacity: .6;top:50%;margin-top: -30px;}
.cpxq .lbcpxq .swiper-button-next{width:34px;height:60px;opacity: .6;top:50%;margin-top: -30px;}
.cpxq .lbcpxq .swiper-button-prev:hover{opacity: 1;}
.cpxq .lbcpxq .swiper-button-next:hover{opacity: 1;}
.cpxq .top{margin-bottom:11px;}
.cpxq .you .tt3{margin-top:10px;}
.cpxq .box2 .tt1{margin-bottom: 15px;}






}
@media (max-width:600px) {
    header .logo{height:90px;line-height:90px;}
    header .lanmu{bottom:34px;}

    .about4 .box .tt {width: 50%;}


}

@media (max-width:479px) {
 
    
    /* 辉豪化工·企业简介 */
    .main1 .ttbox .list{min-width: 30%;}
    .main1 .ttbox .list .tt1{font-size: 15px;line-height: 24px;height: 24px;}
    .main1 .ttbox .list .tt1 b{font-size: 22px;}
    .main1 .ttbox .list .tt2{font-size: 15px;}

    .nycp .list .img{width: 110px;height: 110px;}
    .nycp .list .tt{width: calc(100% - 110px);padding: 6px 0 0 15px;}
    .nycp .list .tt .tt1{margin-bottom:6px;}
    .nycp .list .tt .tt2{font-size: 13px;line-height: 22px;height:66px;}



    .nyxw .list{padding: 20px 0;}
    .nyxw .list .tt1{display: none;}
    .nyxw .list .tt4{display: block;}
    .nyxw .list .tt2{font-size: 16px;}
    .nyxw .list .tt3{font-size: 13px;height: auto;max-height: 72px;overflow: hidden;}


    .ditu{height: 300px;}
    
}
 /*手机底部*/
@media (max-width:991px) {
    footer{margin-bottom: 51px;}
    .sjdibu{height:50px;background:#6abaf8;position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
    .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
    .sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;}
    .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
    .sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
    .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} 
}