@charset "utf-8";
body{background-color:#fafafa;}

header, footer, nav, section, article, menu, aside {display:block;position:relative;} 

.hot-pic-slide{ } 

.slide-sum.swiper-pagination{bottom:4px;text-align: center;left:0;}
.slide-sum .swiper-pagination-bullet{width:20px;height:20px;background: #480000;opacity: .5;}
.slide-sum .swiper-pagination-bullet-active{width:40px;border-radius:40px ;background: #480000;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets.slide-sum .swiper-pagination-bullet{margin:0 3px;}

.main_power{float:left;width:100%;padding:10px 0 70px 0;overflow:hidden;} 
.main_power .poname{width:100%;min-height:60px; margin-top:30px;text-align:center;} 
.main_power .poname h3 { font-size: 36px; color: #3e3e3e; height:60px; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #480000;}

.main_power .powerlist{width:100%;padding:60px 0 30px 0;}
.bar_poweritem{width:24%;min-height:140px;text-align:center;} 
.bar_poweritem .itop{height:100px;width:100px;margin:auto;line-height:100px;font-size:18pt;z-index:20;position:relative; border:1px solid #101088;background-color:#480000;border-radius:50%;color:#fff;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition: all 1s;}
.bar_poweritem:hover .itop{transform: scale(1.1, 1.1);opacity:0.9; filter:alpha(opacity=90);transition: all 1s;}
.bar_poweritem div{text-align:center;height:200px;width:100%;padding:70px 0 30px 0;z-index:1;position:relative;background-color:#EFEFEF;margin-top:-50px;font-size:12pt;line-height:28px;} 
.bar_poweritem div span{position:absolute;display:block;height:100%;width:100%;z-index:1;color:#FFF;transition: all 1s;}
.bar_poweritem div li{position:absolute;left:0px;top:0px;background-color:#000;display:block;height:100%;width:100%; transition:0.5s;overflow:hidden;border-radius:10px;}
.bar_poweritem div li img{ height:100%;width:100%; opacity:0.4; filter:alpha(opacity=40); transition: all 1s; }
.bar_poweritem:hover div li img{transform: scale(1.1, 1.1);opacity:0.9; filter:alpha(opacity=90);transition: all 1s;}
 
.main_power .power{width:100%;padding:60px 0 30px 0;height:200px;} 
.main_power .bar_powerUnit{float:left; width:23%;text-align:center;display:inline;height:auto;}
.main_power .bar_powerUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.main_power .bar_powerUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.main_power .bar_powerUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.main_power .bar_powerUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.main_power .bar_powerUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.main_power .bar_powerUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.main_power .bar_powerUnit ul .shape .t A{}
 
@media only screen and (max-width: 760px) {
.main_power .power{height:auto;min-height:200px;} 
.main_power .bar_powerUnit{width:48%;}
}


.honerlist{width:100%;padding:20px 0 30px 0;background:url(../images/column_power_bg_1.jpg);overflow:hidden;}
.honerlist .zone{width:1200px;margin:auto;}
.honerlist .poname h3 { font-size: 36px; color: #fff; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #480000;}
.honerlist .content{ padding:20px 0 20px 0;}

.honerlist .honor_info1{display:block;}
.honerlist .honor_info2{display:none;}

.honorUnitlist{width:100%;padding:60px 0 30px 0;height:200px;} 
.honorUnitlist .bar_HonorUnit{float:left; width:23%;text-align:center;display:inline;height:auto;}
.honorUnitlist .bar_HonorUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.honorUnitlist .bar_HonorUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.honorUnitlist .bar_HonorUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.honorUnitlist .bar_HonorUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.honorUnitlist .bar_HonorUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.honorUnitlist .bar_HonorUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.honorUnitlist .bar_HonorUnit ul .shape .t A{color:#fff;}
@media only screen and (max-width: 760px) {
.honorUnitlist{height:auto;min-height:200px;} 
.honorUnitlist .bar_HonorUnit{width:48%;}
}

.scinecelist{width:100%;padding:20px 0 0px 0;background:#F7F7F7;overflow:hidden;}
.scinecelist .zone{width:1200px;margin:auto;}
.scinecelist .poname h3 { font-size: 36px; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}
.scinecelist .content{ padding:20px 0 350px 0;}
.scinecelist .content:hover{box-shadow:0 10px 20px  rgba(0, 0, 0, 0.2);}
.content .myico1{position:absolute;left:0px;top:30%;z-index:1;transition: all 1s;}
.content .myico2{position:absolute;right:0px;top:30%;z-index:1;transition: all 1s;}
.content:hover .myico1{left:-20px;transition: all 1s;}
.content:hover .myico2{right:-20px;transition: all 1s;}

.content .cover{position:absolute;width:96%;height:100%;left:2%;background-color:#fff;opacity:0.7; filter:alpha(opacity=70);z-index:2;transition: all 1s;}
.content:hover .cover{opacity:0.4; filter:alpha(opacity=40);transition: all 1s;transform: scale(1.3, 1.3);}

.content .leftc{position:absolute;left:10%;top:20%;width:35%;min-height:300px;z-index:3;overflow:hidden;transition: all 1s;text-align:center;font-size:14pt;line-height:30px;}
.content .leftc img{width:90%;transition: all 1s;}
.content:hover .leftc img{transform: scale(1.1, 1.1);transition: all 1s;box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);}

.content .rightc{position:absolute;right:10%;top:20%;width:40%;min-height:300px;z-index:4;}
.content .rightc dt{display:inline;border:1px dotted #afafaf;height:58px;width:80px;overflow:hidden;}
.content .rightc A{display:inline-block;height:60px;line-height:60px;width:100%;text-indent:10px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:14pt;} 

.content .triangle_left{width:0;height:0;border:100px solid red;border-left-color:#101088;border-right:none;border-top-color:transparent;border-bottom-color:transparent;transition: all 1s;}
.content .triangle_right{width:0;height:0;border:100px solid red;border-right-color:#101088;border-left:none;border-top-color:transparent;border-bottom-color:transparent;transition: all 1s;}
.content:hover .triangle_left{border-left-color:#ff9900;transition: all 1s;}
.content:hover .triangle_right{border-right-color:#ff9900;transition: all 1s;}

.content .scinece{position:absolute;width:90%;padding:0px 0 60px 0;min-height:200px;overflow:hidden;margin:0px 5% 0 5%;z-index:3;} 
.content .bar_scUnit{float:left; width:23%;text-align:center;display:inline;height:auto;}
.content .bar_scUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.content .bar_scUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.content .bar_scUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.content .bar_scUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.content .bar_scUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.content .bar_scUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.content .bar_scUnit ul .shape .t A{}

@media only screen and (max-width: 760px) {
.content .scinece{height:auto;min-height:200px;} 
.content .bar_scUnit{width:48%;}
}

.hrlist{width:100%;padding:0px 0 0px 0;background:#EEEEEE;overflow:hidden;}
.hrlist .zone{width:1200px;margin:auto;}
.hrlist .poname h3 { font-size: 36px; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}
.hrlist .poname li{padding-top:20px;font-size:10pt;line-height:30px;color:#666;}
.hrlist .content{ padding:20px 0 350px 0;} 
.main_power .hrinfo{width:100%;padding:60px 0 30px 0;height:200px;} 
.content .hruser{position:absolute;width:90%;padding:0px 0 60px 0;min-height:200px;overflow:hidden;margin:0px 5% 0 5%;z-index:3;} 
.content .bar_hrUnit{float:left; width:23%;text-align:center;display:inline;height:auto;}
.content .bar_hrUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.content .bar_hrUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.content .bar_hrUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.content .bar_hrUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.content .bar_hrUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.content .bar_hrUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.content .bar_hrUnit ul .shape .t A{}

@media only screen and (max-width: 760px) {
.hrlist .zone{width:100%;}
.honerlist .zone{width:100%;}  
.honerlist .honor_info1{display:none;}
.honerlist .honor_info2{display:block;}

.scinecelist .zone{width:100%;}

.main_power .hrinfo{height:auto;min-height:200px;} 
.content .bar_hrUnit{width:48%;}

}