/* ==========================================================================
   index module
   ========================================================================== */

/*banner*/
.contBox{padding-left: 222px;width: 100%;height: 100%;box-sizing: border-box;position: relative;background-position: center;background-size: cover;}

.bannerbg{background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.banner1{background-image: url(../img/banner1.jpg);}
.banner2{background-image: url(../img/banner2.jpg);}
.banner3{background-image: url(../img/banner3.jpg);}

.ban-icon{position: absolute;z-index: 3}

.ban1-1{right: 28%;top: 30%;width: 227px;height: 173px;background: url(../img/b1_i1.png) center no-repeat;background-size: 100%;opacity: 0;}
.ban1-2{right: 40%;top: 49%;width: 222px;height: 183px;background: url(../img/b1_i2.png) center no-repeat;background-size: 100%;opacity: 0;}
.ban1-3{right: 35%;top: 67%;width: 54px;height: 95px;background: url(../img/b1_i3.png) center no-repeat;background-size: 100%;opacity: 0;}
.ban1-4{right: 13%;top: 46%;font-size: 3.6rem;color: #fff;font-family: 'Times New Roman';font-weight: bold;letter-spacing: .2rem;text-transform: uppercase;opacity: 0;}
.ban1-5{right: 13%;top: 56%;font-size: 1.4rem;color: #fff;font-weight: bold;text-transform: uppercase;opacity: 0;}
.ban1-6{right: 13%;top: 62%;font-size: .8rem;color: #cfcfcf;line-height: 2rem;border-top: rgba(255,255,255,0.2) 1px solid;border-bottom: rgba(255,255,255,0.2) 1px solid;display: inline-block;font-family: 'SimSun';opacity: 0;}
.ban2{color: #fff;left: 25%;top: 35%;}
.ban2-1{font-size: 2.2rem;line-height: 3.2rem;opacity: 0;}
.ban2-2{font-size: 4rem;line-height: 6rem;font-family: 'Arial Black';text-transform: uppercase;opacity: 0;}
.ban2-3{font-size: 1.5rem;line-height: 2.5rem;font-family: 'Arial';text-transform: uppercase;opacity: 0;}
.ban2-4{opacity: 0;}
.ban2-4 ul li{float: left;list-style: disc inside;padding-right: 40px;font-size: 1.2rem;line-height: 2.4rem;color: #cd4223}
.ban2-4 ul li span{color: #fff;}
.ban2-5{display: inline-block;font-size: 1.2rem;line-height: 3rem;background-color: #cd4223;padding: 0 40px;color: #fff;margin-top: 15px;opacity: 0;}
.ban3{color: #fff;left: 22%;top: 30%;}
.ban3-1{display: inline-block;font-size: 1.5rem;line-height: 3rem;padding: 0 3rem;border-radius: 1.5rem;border:#fff 1px solid;opacity: 0;}
.ban3-2{font-size: 4rem;line-height: 6rem;font-family: 'Arial Black';opacity: 0;}
.ban3-3{font-size: 4rem;line-height: 6rem;font-family: 'Arial Black';opacity: 0;}
.ban3-4{font-size: .9rem;line-height: 1.5rem;padding: 2rem .5rem;opacity: 0;}

/*关于我们*/
.bg-2{background-image: url(../img/bg-2.jpg);}
.about{width: 100%;height: 100%;position: relative;}
.about-bg1{position: absolute;right: 0;top: 0;width: 18%;background: url(../img/about-bg1.png) no-repeat;background-size: 100% auto;padding-top: 25%;opacity: 0;}
.about-bg2{position: absolute;right: 0;top: 45%;width: 95%;background: url(../img/about-bg2.png) no-repeat;background-size: 100% auto;padding-top: 28%;opacity: 0;}
.about-nav{padding-top: 150px;background: url(../img/about-nav.png) 50% 150px no-repeat;background-size: 100% auto;position: relative;z-index: 1;opacity: 0;}
.about-nav ul li{float: left;width: 25%;position: relative;}
.about-nav ul li div{position: relative;border:#ad1e15 1px solid;border-radius: 50%;padding: 4px;box-sizing: content-box;margin-left: auto;margin-right: auto;}
.about-nav ul li div:after{position: absolute;content: '';display: block;left: 4px;top: 4px;background-color: #ad1e15;border-radius: 50%;}
.about-nav ul li.first div,.about-nav ul li.first div:after{width: 6rem;height: 6rem;}
.about-nav ul li.nofirst div,.about-nav ul li.nofirst div:after{width: 1rem;height: 1rem;}
.about-nav ul li.first p{width: 3rem;height: 3rem;padding: 1.5rem;color: #fff;text-align: center;font-size: 1.25rem;line-height: 1.5rem;margin-left: auto;margin-right: auto;position: absolute;z-index: 5;top: 5px;left: 50%;transform: translateX(-50%);}
.about-nav ul li.nofirst a *{transition-duration: .6s;}
.about-nav ul li.nofirst a p{font-size: 1rem;color: #333;text-align: center;font-weight: bold;padding-top: 8px;}
.about-nav ul li.nofirst a:hover div{transform: scale(1.2);}
.about-nav ul li.nofirst a:hover p{color: #ad1e15}
.about-nav ul li.second div{margin-top: 3.8rem;}
.about-nav ul li.third div{margin-top: 3.2rem;}
.about-nav ul li.fours div{margin-top: 3.4rem;}
.aboutBox{padding-top: 100px;position: relative;z-index: 1}
.aboutL,.aboutR{float: left;width: 50%;opacity: 0;}
.aboutTxt{padding: 8%;background-color: #ad1e15;box-sizing: border-box;width: 100%;height: 100%;overflow: hidden;}
.aboutTxt strong{display: block;position: relative;font-size: 1.4rem;line-height: 2rem;color: #fff;}
.aboutTxt strong:after{content: '';width: 30px;height: 3px;background-color: #fff;top: 120%;left: 0;display: block;position: absolute;}
.aboutTxt p{margin-top: 2rem;font-size: .8rem;line-height: 1.75;color: #fff;}

/*集团产业*/
.bg-3{background-image: url(../img/bg-3.jpg);}
.prod-top{padding: 50px 1% 0;}
.prod-top span{display: inline-block;width: 7%;text-align: center;font-size: 1.2rem;line-height: 2rem;color: #fff;font-family: 'Arial';text-transform: uppercase;opacity: 0;}
.prodBox{width: 100%;position: relative;box-sizing: border-box;padding-top: 200px;z-index: 4}
.prod-bg{position: absolute;width: 44%;height: 0;padding-top: 44%;left: 28%;top: 90px;background-size: cover;background-repeat: no-repeat;z-index: -1;opacity: 0;}
.prod-bg1{background-image: url(../img/prod-bg1.png);}
.prod-bg2{background-image: url(../img/prod-bg2.png);}
.module_cate a{display: block;border-bottom: #546479 1px solid;padding: 20px 0;text-align: right;color: #546479;opacity: 0;}
.module_cate a p{font-size: 1rem;line-height: 2rem;padding-top: 1rem;}
.module_cate a span{font-size: .6rem;line-height: 1.2rem;position: relative;display: inline-block;}
.module_cate a span:after{content: '';display: block;position: absolute;right: 0;top: 120%;width: 20px;height: 3px;background-color: #546479}
.module_cate a.cur{border-color: #a51c15;color: #a51c15;}
.module_cate a.cur p{font-weight: bold;}
.module_cate a.cur span:after{background-color: #a51c15}
.module_prod{color: #fff;padding-top: 40px;opacity: 0;}
.module_prod big{font-size: 1.5rem;line-height: 2rem;display: block;}
.module_prod small{font-size: .8rem;line-height: 1.2rem;display: block;}
.module_prod p{padding-top: 30px;font-size: .8rem;line-height: 2rem;}
.prod-pic{padding-top: 90px;opacity: 0;}
.prod-pic img{max-width: 80%;}

/*联系我们*/
.bg-4{background-image: url(../img/bg-4.jpg);}
.contact{padding-top: 150px;}
.contact .T{color: #fff;text-align: center;font-size: 2rem;line-height: 3rem;}
.contact .T p{font-family: 'Dotum';opacity: 0;}
.contact .T strong{display: block;position: relative;opacity: 0;}
.contact .T strong:after{content: '';display: block;position: absolute;top: 110%;left: 50%;width: 30px;height: 3px;background-color: #a51c15;transform: translateX(-50%);}
.map{padding-top: 30px;opacity: 0;}
#allmap{width:100%; height:240px;}
.contactgrid{color: #fff;padding-top: 40px;}
.contactgrid .pos-rel{opacity: 0;}
.contactgrid i{position: absolute;font-size: 4.4rem;right: 30%;top: 0;line-height: 4.4rem;}
.contactgrid strong{font-size: 1.2rem;line-height: 2rem;text-transform: uppercase;display: block;}
.contactgrid small{font-size: 1.2rem;line-height: 2.4rem;}
.contactgrid p{padding: 2rem 0;font-size: 1.5rem;line-height: 2.6rem;}












