@font-face{
  font-family: 'wrya_light'; 
  src: url('/static/index/css/fonts/MSYHL.TTC');
  src:url('/static/index/css/fonts/MSYHL.TTC') format('woff'),
      url('/static/index/css/fonts/MSYHL.TTC') format('truetype'),
      url('/static/index/css/fonts/MSYHL.TTC') format('svg');
}
@font-face{
  font-family: 'MyriadPro'; 
  src: url('/static/index/css/fonts/MyriadPro-Regular.otf');
  src:url('/static/index/css/fonts/MyriadPro-Regular.otf') format('woff'),
      url('/static/index/css/fonts/MyriadPro-Regular.otf') format('truetype'),
      url('/static/index/css/fonts/MyriadPro-Regular.otf') format('svg');
}
body{background-color: #f6f6f6}
.header{background: rgba(242, 242, 242, .85)}
.header ul li a{color: #333;}
.footer{background: #eeeeee}
.banner{height:352px}
/* 企业简介 */
.enterprise{position: relative;padding-top: 45px;box-sizing: border-box}
.enterpriseL{width: 406px;position: relative}
.enterpriseL h3{font-size: 34px;line-height: 34px;color: #c0c0c0;margin-bottom: 30px;font-weight: lighter}
.enterpriseL h4{font-size: 20px;line-height: 37px;color: #333}
.enterpriseL h4 span{font-size: 32px;color: #019ea1;vertical-align: bottom}
.enterpriseL h5{font-size: 18px;color: #019ea1;margin-top: 20px;line-height: 28px;font-family: 'MyriadPro'}
.enterpriseL p{font-size: 20px;color: #333;line-height: 35px}
.enterpriseL p span{font-size: 32px;font-weight: bold;color: #019ea1;vertical-align: middle;font-family: 'MyriadPro'}
.enterpriseR{width: 840px;float: right}
.enterpriseR h2{font-size: 20px;color: #009ea1;line-height: 20px;margin-bottom: 30px}
.enterpriseR p{font-size: 16px;color: #333;line-height: 36px;margin-bottom: 35px;text-indent: 2em;text-align:justify;text-align-last:left;text-justify:distribute-all-lines;}
.img_view{height: 602px;}
.img_view img{display: block;width: 100%;height: auto;}
/* 品牌荣誉 */
.honor{padding-bottom: 146px}
.honor h2{font-size: 20px;color: #009ea1;line-height: 20px;margin-top: 30px;display: none}
.honor ul.clearFix li{width: 25%;height: 397px;border-bottom: 3px solid #009ea1;float: left;box-sizing: border-box;padding-top: 59px}
.honor ul.clearFix li .pic{height: 240px;text-align: center;line-height: 240px}
.honor ul.clearFix li .pic img{display: inline-block;max-width: 250px;max-height: 240px;vertical-align: bottom;}
.honor ul.clearFix li .info{margin: 10px auto 0; text-align:center;/*padding-left: 75px;background: url(../images/green_dian_11.jpg) no-repeat 64px 6px*/}
.honor ul.clearFix li .info p{font-size: 12px;line-height: 17px}
/* 大事记 */
.events{height: 636px;background: url(../image/events-bg_02.jpg) no-repeat center;padding-top: 45px;box-sizing: border-box}
.events2{display: none}
#history {height:480px; overflow:hidden;position: relative;}
#history .viewport {position:relative;  height:100%;overflow:visible;}
#history .viewport .zheZhao{position: absolute;height: 480px;top: 0;background: rgba(240, 240, 240, .6);z-index: 999;}
#history .viewport .zheZhao_left{left: 6px;}
#history .viewport .zheZhao_right{right: -7px;}
#about-4 .btn { z-index:9999;  width:37px; height:36px;display: block;}
#about-4 .prev { background:url(../image/events-btn-l1.png) no-repeat 0 0;float: left;background-size: cover}
#about-4 .next {background:url(../image/events-btn-r1.png) no-repeat 0px 0; float: right;background-size: cover}
#about-4 .prev:hover{ background:url(../image/events-btn-l2.png) no-repeat 0 0;}
#about-4 .next:hover{ background:url(../image/events-btn-r2.png) no-repeat 0 0;}
#about-4 .about_btn{position: relative;margin: 40px auto 0;height: 37px;width: 66.6666%;}
#history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#history .viewport .wrap .item {position:absolute; bottom:-100%; width:16.66666%; background:url(../image/shuxian_06.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#history .viewport .wrap .on {bottom:0;}
#history .viewport .wrap .item div {padding:5px 16px 2px 29px;background:url(../image/events_list_dian.png) no-repeat 3px 0;}
.viewport .wrap .item img{display: block;width: 100%;margin-bottom: 14px}
.viewport .wrap .item div p {margin-bottom:10px; line-height:30px; color:#2b2b2b!important;font-size: 14px;text-indent: 2em}
.viewport .wrap .item div .year {display:block;color:#333;line-height: 50px;font-size: 22px;position: absolute;left: 29px;bottom: -50px}
.line_fzlc{width: 100%;height: 2px;background: #b4b4b4;position: absolute;top: 426px}

.dian{display: block;width:17px;height: 17px;background: url("../image/dian111.png") no-repeat;position: absolute;left: -1px;bottom: -7px}

.jjbtn{position: absolute;left: 0;bottom: -260px;}
.jjbtn li{margin-bottom: 18px;}
.jjbtn li span{width:166px;height: 41px;line-height: 41px; color: #fff; text-align: center; display: block;cursor: pointer;background: url(../image/bg001.png) no-repeat;}

.jjbtn li img{display: none;position: absolute;width: 1070px;height: 584px;left: 185px;top: -423px;}
.jjbtn li.bt1 span{background: url("../image/jjbt1.png") no-repeat}
.jjbtn li.bt2 span{background: url("../image/jjbt2.png") no-repeat}
.jjbtn li.bt3 span{background: url("../image/jjbt3.png") no-repeat}
.jjbtn li:hover img{display: block}



@media only screen and (max-width: 1366px){
  .jjbtn li img{width: 800px;height: auto;top: -278px;}
}





@media only screen and (max-width: 640px){
  body{background: #fff}
  .enterprise{height: auto;padding-top: 20px}
  .banner{height: 150px;background-size: cover !important}
  .enterpriseL,.img_view{display: none}
  .enterpriseR h2{margin-bottom: 20px}
  .enterpriseR{position: initial;float: none;background: #fff;width: 100%;border: none;padding: 0}
  .enterpriseR p{margin-bottom: 10px}
  .events{display: none}
  .events2 h2{font-size: 20px;color: #009ea1;line-height: 20px;padding-top: 20px}
  .events2{display: block;}
  .events2 ul li{padding: 20px 0; border-bottom: 1px solid rgb(180, 180, 180)}
  .events2 ul li:last-child{border: none}
  .events2 ul li img{display: block;width: 100%;height: auto;margin-bottom: 10px}
  .events2 ul li p{color:#2b2b2b!important;font-size: 14px;line-height: 25px;}
  .events2 ul li span{display: block;font-size: 16px;color: #009ea1;margin-top: 5px;}
  .honor{padding-bottom: 20px}
  .honor h2{display: block;}
  .honor ul.clearFix li .info{width: 100%;box-sizing: content-box;background: none;padding-left: 0;}
  .honor ul.clearFix li .pic{height: 200px;line-height: 200px}
  .honor ul.clearFix li{width: 50%;padding: 20px 10px ;box-sizing: border-box;height: 360px}
  .honor ul.clearFix li .pic img{max-width: 100%;vertical-align: middle;max-height: 200px}
}