body{min-width: 1320px;background-color: #ffffff;}
.banner{width:100%;height: 350px;position: relative;overflow: hidden;}.banner>img{width: auto;position: absolute;left: 50%;margin-left: -960px;top: 0px;}
.location{min-width: 1200px;height: 40px;border-bottom: #ebeaea solid 1px;}
.location>p{width: 1200px;margin: 0 auto;}
.location>p>img{width: 16px;height: 14px;vertical-align: middle;float: left;margin-top: 17px;margin-right: 15px;}
.location>p>a{font-size: 12px;font-family: "宋体";color: #8e8e8e;margin-top: 18px;float: left;display: block;height: 22px;}
.location>p>span{float: left;font-size: 12px;font-family: "宋体";color: #8e8e8e;margin-top: 18px;margin-left: 20px;margin-right: 20px;}
.location>p>a:hover{color: #D7000F;border-bottom: #D7000F solid 1px;}
.location>p>.on{color: #D7000F;border-bottom: #D7000F solid 1px;}
.menu{min-width: 1200px;background-color: #f3f3f3;height: 55px;position: relative;}
.menu>.box{width:546px;margin: 0 auto;overflow: hidden;padding-top: 15px;}
.menu>.box>span{display: block;height: 40px;float: left;margin:0 30px; color: #6f6f6f;font-size: 16px;}
.menu>.box>.on{border-bottom: #D7000F solid 1px; color: #D7000F;}
.menu>.box>span>a{ color: #6f6f6f;}.menu>.box>span:hover>a{color: #D7000F;}
.menu>.box>.on>a{color: #D7000F;}
.menu>.box>span:hover{border-bottom: #D7000F solid 1px; color: #D7000F;cursor: pointer;}
.about_us{overflow: hidden;width: 1200px;margin: 0 auto;}
.about_us>img{margin: 0 auto;margin-bottom: 37px;margin-top: 125px;}
.about_us>p{font-size: 16px;color: #676767;line-height: 36px;}
.about_box{display: inline-block;width: 33%;text-align: center;margin: 30px 0px;}
.about_box>strong{font-size: 70px;color: #D7000F;font-weight: normal;display: block;}
.about_box>strong>span{font-size: 16px;color: #5b5b5b;}
.about_box>span{font-size: 18px;color: #3b3b3b;}
.about_box>span>img{vertical-align: middle;margin-left: 8px;}
.about_us>h2{font-size: 30px;text-align: center;height: 60px;background: url(../img/p_h2_bg.png) no-repeat center bottom;margin: 60px 0px;}
.recordContent{overflow: hidden; position: relative;margin-bottom: 70px;}
.map-wrap{float: left; width: 633px; height: 376px;background: url(../img/mapImg.png) no-repeat;background-size: 100% 313px;background-position: left bottom;overflow: hidden;}
.map-wrap ul{ width: 633px; height: 376px;z-index: 3;position: absolute; left: 0px;top: 0px;}
.map-wrap ul li{width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 0px; top: 0px; background: #cb0f1c;}
.map-wrap ul .on{background:rgba(203,15,28,0.55);}
.map-wrap ul .l1{left: 102px;top: 193px;}
.map-wrap ul .l2{left: 127px; top: 90px;}
.map-wrap ul .l3{left: 197px;top: 290px;}
.map-wrap ul .l4{left: 231px;top: 98px;}
.map-wrap ul .l5{ left: 281px;top: 219px;}
.map-wrap ul .l6{left: 341px; top: 240px;}
.map-wrap ul .l7{left: 363px;top: 135px;}
.map-wrap ul .l8{left: 414px;top: 201px;}
.map-wrap ul .l9{left: 533px;top: 306px;}
.map-wrap ul .l10{left: 533px; top: 167px;}
.map-wrap ul .l11{ left: 583px;top: 117px;}
.map-wrap dl{width: 633px; height: 376px;position: absolute;left: 0px;top: 0px;}
.map-wrap dl dd{ width: 320px;background: url(../img/text-bgimg.png) no-repeat;background-size: 100% 100%;font-size: 15px;color: #fff;line-height:20px; padding: 11px 17px 20px 17px;position: absolute;left: 0px;top: 0px; display: none; z-index: 10;}
.map-wrap dl .on{display: block;}
.map-wrap dl .d1{ left: 0px; top: 80px;}
.map-wrap dl .d2{left: 0px;top:0px;}
.map-wrap dl .d3{left:0px;top:102px;}
.map-wrap dl .d4{ left: 0px;top: 16px;}
.map-wrap dl .d5{ left: 0px;top: 129px;}
.map-wrap dl .d6{ left: 34px; top: 164px;}
.map-wrap dl .d7{left: 59px;top: 57px;}
.map-wrap dl .d8{left: 110px;top: 129px;}
.map-wrap dl .d9{left: 224px; top: 231px;}
.map-wrap dl .d10{left: 226px;top: 95px;}
.map-wrap dl .d11{left: 279px;top: 42px;}
.right-text{float:right; width: 500px; height: 340px; padding-top: 63px;}
.right-text ul{ float: left; width:29px; height: 100%;}
.right-text ul .topBtn{ width: 29px; height: 23px;background: url(../img/topBtn.png) no-repeat;background-size: 100% 100%; cursor: pointer;}
.right-text ul .centerStrip{ width:29px;height: 270px;background:url(../img/scrollList.png) no-repeat;background-size:7px 270px; background-position: center top;margin: 13px 0px;}
.right-text ul .lowerBtn{ width: 29px; height: 23px; background: url(../img/topBtn.png) no-repeat;background-size: 100% 100%;transform: rotate(180deg);cursor: pointer;}
.right-text div{ width: 445px;height: 270px;float: right;margin-top:37px;}
.right-text div dl{ width: 100%;margin-top:16px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.right-text div dl dt{ font-size: 42px;color: #4e4e4e; font-weight: bold;line-height:100%;margin-bottom: 16px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.right-text div dl dd{font-size: 14px;line-height: 24px; height: 55px;overflow:hidden;text-overflow: ellipsis;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.right-text div .current dt{font-size: 68px; color: #cb0f1c;}
.development_history{height:338px;margin-top: 125px;margin-bottom: 100px;min-width: 1200px;background: url(../img/history_bg.png) no-repeat center center;}
.history{width: 1200px;margin: 0 auto;height:338px;position: relative;}
.history_box{width: 1200px;height:338px;overflow: hidden;position: relative;}
.history_box>ul{position: absolute;left: 0px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.history_box>ul>li{width: 1200px;float: left;position: relative;}
.li_box1{margin: 0 auto;overflow: hidden;width:1152px;height: 169px;position: absolute;left: 50%;margin-left: -576px;}
.li_box2{margin: 0 auto;overflow: hidden;height: 169px;width: 768px;position: absolute;left: 50%;top:169px;margin-left: -384px;}
.box1{position: absolute;left: 0px;height: 169px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.box2{position: absolute;left: 0px;height: 169px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.history_box .box{width: 384px;height: 169px;position: relative;float: left;}
.history_box .box>img{vertical-align: middle;position: absolute;left: 0px;top: 0px;}
.history_box .box>h2{font-size: 26px;font-weight: normal;color: #414141;text-indent: 2em;margin: 5px;}
.history_box .box>p{width: 300px;font-size: 16px;color: #575757;margin-left: 48px;line-height: 24px;float: left;}
.history_box .li_box2 .box2>.box>h2{margin-top: 45px;margin-bottom: 5px;}
.history_left{width: 52px;height: 52px;position: absolute;left: -30px;top:50%;margin-top: -26px;background: url(../img/history_left.png) no-repeat;}
.history_right{width: 52px;height: 52px;position: absolute;right: -30px;top:50%;margin-top: -26px;background: url(../img/history_right.png) no-repeat;}
.history_left:hover{background: url(../img/history_left_on.png) no-repeat;}
.history_right:hover{background: url(../img/history_right_on.png) no-repeat;}
.corporate_culture>ul{width: 1200px;margin: 0 auto;overflow: hidden;margin-top:80px ;margin-bottom: 70px;}
.corporate_culture>ul>li{width: 400px;height: 318px;float: left;overflow:hidden;}
.corporate_culture>ul>li>img{width: 400px;height: 318px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.corporate_culture>ul>li:hover>img{-webkit-transform: scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);/*缩放*/transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.li_text{width: 306px;margin: 0 auto;}
.li_text>img{display: block;margin: 0 auto;margin-top: 45px;margin-bottom: 30px;}
.li_text>h2{text-align: center;font-size: 24px;color: #474747;}
.li_text>span{display: block;margin: 15px 0px;}.li_text>span>img{display: block;margin: 0 auto;}
.li_text>p{font-size: 18px;color: #7f7e7e;text-align: center;line-height: 30px;}
.plant{min-width: 1300px;height: 681px;background: url(../img/plant_pic.jpg) no-repeat center center;}
.plant_box{width: 1200px;margin: 0 auto;}
.plant_box>h2{font-size: 24px;color: #ffffff;background: url(../img/plant_h2_bg.png) no-repeat center 40px;text-align: center;padding-top: 30px;}
.plant_box>p{width: 790px;margin: 20px auto;text-align: center;font-size: 16px;color: #ffffff;line-height: 24px;}
.plant_box>ul{width: 1200px;height: 455px;margin: 0 auto;background-color: #ffffff;}
.plant_box>ul>li{float: left;width: 600px;height: 455px;position: relative;}
.plant_box>ul>li:first-child>a{margin: 12px 16px;display: block;}
.plant_box>ul>li:first-child>a>span{display: block;height: 50px;background: url(../img/p_span_bg1.png) no-repeat;background-size:100% 100%;position: absolute;bottom: 0px;left: 0px;width: 569px;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;}
.plant_box>ul>li>a{display: block;float: left;position: relative;margin-top: 12px;margin-right: 12px;overflow: hidden;}
.plant_box>ul>li>a>span{display: block;position: absolute;left: 0px;bottom: 0px;font-size:16px;width: 288px;height: 50px;color: #ffffff;line-height: 50px;text-align: center;background: url(../img/p_span_bg1.png) no-repeat;background-size:100% 100%;}
.plant_box>ul>li>a>img{transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.plant_box>ul>li>a:hover>img{-webkit-transform: scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);/*缩放*/transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.plant_box>ul>li:hover>img{-webkit-transform: scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);/*缩放*/transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.plant_box>ul>li>img{transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.staff_presence{min-width: 1320px;position: relative;}
.staff_presence>h2{width: 1200px;margin: 0 auto;text-align: center;font-size: 24px;color: #414141;margin-top: 62px;margin-bottom: 23px;background: url(../img/s_h2_bg.png) no-repeat center center;}
.presence_box{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;height: 540px;margin-bottom: 55px;}
.presence_box>ul{position: absolute;left: 0px;height: 540px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.presence_box>ul>li{float: left;position: relative;width: 1200px;height: 540px;}
.presence_box>ul>li>img{width: 100%;height: 100%;}
.presence_box>ul>li>p{position: absolute;bottom: 0px;height: 50px;line-height: 50px;background: url(../img/p_span_bg1.png) no-repeat;background-size:100% 100%;width: 1200px;font-size: 20px;color: #ffffff;text-indent: 1em;}
.presence_box>ul>li>p>span{color: #ffffff;float: right;margin-right: 35px;height: 50px;}
.presence_box>ul>li>p>span>strong{font-size: 34px;color: #ffffff;font-weight: normal;}
.presence_box>ul>li>p>span>span{font-size: 24px;color: #ffffff;}
.presence_left{background: url(../img/coll_left1.png) no-repeat;position: absolute;left: 60px;top: 54%;margin-top: -20px;width: 45px;height: 93px;cursor: pointer;}
.presence_right{background: url(../img/coll_right1.png) no-repeat;position: absolute;right: 60px;top: 54%;margin-top: -20px;width: 45px;height: 93px;cursor: pointer;}
.presence_left:hover{background: url(../img/coll_left2.png) no-repeat;}
.presence_right:hover{background: url(../img/coll_right2.png) no-repeat;}
.honor{width: 1200px;margin: 0 auto;margin-top: 110px;margin-bottom: 50px;overflow: hidden;}
.honor>h2,.qualification>h2{font-size: 24px;font-weight: bold;color: #666666;overflow: hidden;height: 31px;margin-bottom: 30px;}
.honor>h2>span,.qualification>h2>span{font-size: 16px;font-weight: normal;}
.honor>h2>img,.qualification>h2>img{margin-top: 20px;margin-left: 12px;}
.honor>img{width: 431px;height: 321px;}
.honor_box{float: right;width: 769px;height: 321px;position: relative;}
.honor_box>h2{font-size: 26px;margin-left: 35px;float: left;padding: 6px 15px;background: url(../img/h_box_h2.png) no-repeat;background-size: 100% 100%;}
.honor_box>p{margin-left: 35px;font-size: 14px; font-family: "宋体";line-height: 32px;width: 680px;float: left;height: 96px;overflow: hidden;margin-bottom: 22px;}
.honor_list{width:700px;overflow: hidden;margin: 0 auto;position: relative;height: 156px;}
.honor_list>ul{position:absolute;left: 0px;height: 156px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.honor_list>ul>li{float: left;margin: 0 10px;border: #fff solid 1px;}
.honor_list>ul>.on{border: #D7000F solid 1px;}
.honor_list>ul>li img{display: block;width: 210px;height: 156px;}
.honor_box>strong{font-size: 33px;position: absolute;font-weight: bold;color: #c1c1c1;cursor: pointer;}
.honor_box>strong:hover{color: #D7000F;}
.honor_left{bottom: 60px;left: 10px;}
.honor_right{bottom: 60px;right: 10px;}
.qualification{width: 1200px;position: relative;margin: 0 auto;}
.qualification>h2{width: 1200px;margin: 0 auto;}
.qualification>h2>img{margin-top: 20px;margin-left: 12px;width: 950px;}
.q_box{width: 1198px;height: 463px;position: relative;border: #f0f0f0 solid 1px;margin-top:40px;margin-bottom: 70px;}
.q_list{overflow:hidden;position: relative;width: 1175px;height: 415px;margin: 26px auto;}
.q_list>ul{position: absolute;left: 0;height: 415px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.q_list>ul>li{float: left;margin:0px 7px;height: 415px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.q_list>ul>li>img{padding: 8px;border: #d1d1d1 solid 1px;margin-top: 45px;display: block;width: 188px;height: 260px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.q_list>ul>.on>img{margin: 0px 0px;border: #D7000F solid 1px;width: 257px;height: 358px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.q_list>ul>li>span{display: block;text-align: center;width: 100%;font-size: 14px;color: #666666;margin-top: 10px;}
.q_list>ul>.on>span{font-size: 20px;color: #D7000F;}
.q_left{position: absolute;left: -50px;bottom:260px;width: 40px;height: 40px;background: url(../img/q_left1.png) no-repeat;cursor: pointer;}
.q_right{position: absolute;right: -50px;bottom:260px;width: 40px;height: 40px;background: url(../img/q_right1.png) no-repeat;cursor: pointer;}
.q_left:hover{background: url(../img/q_left.png) no-repeat;}
.q_right:hover{background: url(../img/q_right2.png) no-repeat;}

@keyframes dh {
0% {
left:0;
}

50% {
left:-384px;
}

100% {
left:0px;
}
}