@charset "utf-8";
/*样式初始化 全局控制*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,table,th,td,input,select,textarea,button {margin:0; padding:0}
fieldset,img {border: none}
dl,ul,ol,li {list-style:none}
input,select,textarea,button {vertical-align:middle}
button {border:none; background-color:transparent; cursor:pointer} 
body,th,td,input,select,textarea,button {font-size:12px; line-height:1; font-family:"微软雅黑", "黑体","宋体"; color:#666} 
/*body{ background: #fff;}*/
a {color:#666; text-decoration:none}
a:active, a:hover {text-decoration:none}
img{vertical-align:top; display: block; margin: 0 auto;}

/*头部banner*/
.top-wrap{ width: 100%; background: #930100;}
.top-wrap .top-banner{ width: 1200px; margin: 0 auto;}
.top-wrap .top-banner img{ width: 100%; margin-bottom: -1px;}

/*con-wrap 内容部分 */
/*con-wrap con-renwu 内容：人物*/
.con-wrap{ background: #f8f1e8; height: auto;}
.con-wrap .con-renwu,.con-wrap .con-chanpin,.con-wrap .con-xianchang{ text-align: center; padding: 0 0 40px;}
.con-wrap .con-h{display: inline-block; width: 710px; height:100px; margin: -55px 0 35px;}
.con-wrap .con-li{ width: 1100px; background: #cfc1af; padding:60px 35px 25px; box-sizing:border-box; display: -ms-flexbox; display: -moz-flex; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: box; 
	display: flex; justify-content:space-around; -webkit-flex-flow:row wrap; margin: 0 auto 60px; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; -o-flex-flow:row wrap; flex-flow:row wrap; -o-box-lines: multiple; -ms-box-lines: multiple; -moz-box-lines: multiple; -webkit-box-lines: multiple; box-lines: multiple; }
.con-wrap .con-li:before{ content: "2015年度最具社会影响力人物"; display: inline-block; width:400px; height:75px; background: url(../images/tit1.png) no-repeat; margin-top:-97px; font-size: 20px; color: #7c2b28; line-height: 75px; font-weight: 600; position: absolute; left: 50%; margin-left: -200px; background-size: 100% 100%;}
.con-wrap .con-li:nth-of-type(2):before{ content: "2015年度最强企业愿景领导力人物";}
.con-wrap .con-li:nth-of-type(3):before{ content: "2015年度最具技术领导力人物";}
.con-wrap .con-li:nth-of-type(4):before{ content: "2015年度最具行业领导力人物";}
.con-wrap .con-li:nth-of-type(5):before{ content: "2015年度最佳产品领导力人物";}
.con-wrap .con-li:nth-of-type(6):before{ content: "2015年度最具模式创新领导力人物";}
.con-wrap .con-li:nth-of-type(7):before{ content: "2015年度最具社会责任人物";}
.con-wrap .con-li:nth-of-type(8):before{ content: "2015年度最佳企业文化领导力人物";}
.con-wrap .con-li:nth-of-type(9):before{ content: "2015年度最佳新锐人物";}
.con-wrap .con-li:nth-of-type(10):before{ content: "2015年度最具品牌领导力人物";}
.con-wrap .con-li li{ padding: 6px 6px 8px; background: #fff; margin-bottom: 12px; display: inline-block;}
.con-wrap .con-li li .con-li-img{ display:block; margin-bottom: 10px;}
.con-wrap .con-li li .con-li-img img{ margin-bottom: 10px;}
.con-wrap .con-li li a{ font-size: 20px; color: #9d611f; font-weight: 400;}
.con-wrap .con-li .con-li-btn a{ font-size: 14px; color: #fff; display: inline-block; width: 84px; height: 22px; line-height: 22px; background: #e54d42 url(../images/btn-l.png) no-repeat left center; border-radius: 5px; text-align: right; padding: 0 4px 0 0; box-sizing: border-box;}
.con-wrap .con-li .con-li-btn .btn-l{ float: left;}
.con-wrap .con-li .con-li-btn .btn-r{ float: right; background: #f39c12 url(../images/btn-r.png) no-repeat left center;}

/*con-wrap con-chanpin 内容：产品*/
.con-wrap .con-chanpin{ background: #eaebda;}
.con-wrap .con-chanpin .con-li:before{display: none;}
.con-wrap .con-chanpin .con-li{ background: none; padding:0 35px 20px;}
.con-wrap .con-chanpin .con-li li a.con-li-img{ width: 173px; height: 232px; font-size: 17px; line-height: 22px;}
.con-wrap .con-chanpin .con-h{ margin: -55px 0 20px;}

/*con-wrap con-xianchang 内容：现场*/
.con-wrap .con-xianchang { position: relative; z-index: 1; padding: 0 0 110px;}
.con-wrap .con-xianchang .con-li:before{display: none;}
.con-wrap .con-xianchang .con-li{ background: none; padding:0 35px 20px; margin-bottom: 15px;} 
.con-wrap .con-li-live li .con-li-img{ margin-bottom: 0;}
.con-wrap .con-li-live li .con-li-img img{ margin-bottom: 0;}
.con-wrap .con-xianchang .con-li-live{ overflow: hidden; padding: 0;}
.con-wrap .con-xianchang .orange-bg{ background: #e03e25; width: 100%; height: 580px; position: absolute; bottom: 0; z-index: -1; padding: 0 30px; box-sizing:border-box;}
.con-wrap .con-xianchang .orange-bg .arr-l,.con-wrap .con-xianchang .orange-bg .arr-r{ width: 50px; height: 55px; background: url(../images/arr-l.png) no-repeat; position: absolute; display: inline-block; top: 90px; cursor: pointer; background-size: 100% 100%; }
.con-wrap .con-xianchang .orange-bg .arr-l{ left: 30px;}
.con-wrap .con-xianchang .orange-bg .arr-r{ background: url(../images/arr-r.png) no-repeat; right: 30px; background-size: 100% 100%;}
.con-wrap .con-xianchang ol{ height: 20px; width: 1000px; margin: 0 auto; text-align: center;}
.con-wrap .con-xianchang ol li{ height: 12px; width: 12px; background: #eb8774; border-radius: 50px; cursor: pointer; display: inline-block; margin: 0 2px;}
.con-wrap .con-xianchang ul li{ display: none;  overflow: hidden;}
.con-wrap .con-xianchang ul li a{ position: relative;}
.con-wrap .con-xianchang ul li p{ height: 40px; line-height: 40px; width: 100%; background: rgba(0,0,0,0.6); color: #fff; font-size: 26px; padding: 0 40px; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; text-align: left;}
.con-wrap .con-xianchang ul li.current{ display: inline-block;}
.con-wrap .con-xianchang ol li.current{ background: #fff;}

/*底部*/
.footer{color: #333; font-size: 12px; background: #fff;}
.footer-contact{ padding: 10px 0; }
.footer-contact p{text-align: center; line-height: 30px;}
.footer-contact p a{color: #333;}
.footer-copy{padding: 10px; background:rgba(0,0,0,0.5); text-align:center; color: #fff; line-height: 20px;}


/*
@media only screen and (max-width: 1440px) { 
    .con-wrap .con-li-live li .con-li-img img{ width: 900px;}
    .con-wrap .con-xianchang .orange-bg .arr-l{ left: 80px;}
    .con-wrap .con-xianchang .orange-bg .arr-r{ right: 80px;}
}
*/
@media only screen and (max-width: 1280px) { 
	.top-wrap .top-banner{  width: 1000px;}
    .con-wrap .con-h{ width: 500px; height: 70px; margin: -38px 0 38px;}
    .con-wrap .con-li{ width: 1000px; padding: 38px 20px 25px;}
    .con-wrap .con-li:before{ margin-top: -75px;}
    .con-wrap .con-chanpin .con-li{ padding: 0px 20px 5px;}
    .con-wrap .con-chanpin .con-h{ margin: -38px 0 20px;}
    .con-wrap .con-xianchang{ padding: 0 0 60px;}
    .con-wrap .con-xianchang .con-li-live{ width: 880px;}
    .con-wrap .con-li-live li .con-li-img img{ width: 850px;}
    .con-wrap .con-xianchang .orange-bg{ height: 460px;}
    .con-wrap .con-xianchang ul li p{ font-size: 22px;}
    .con-wrap .con-xianchang .orange-bg .arr-l{ left: 20px;}
    .con-wrap .con-xianchang .orange-bg .arr-r{ right: 20px;}
}
