@media screen and (max-width: 980px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
body{overflow-x:hidden; min-width:1030px;}
}

.position-type{border-bottom: 1px solid #e6e6e6;padding:20px 0px;font-size:14px;}
.position-type a{color:#000;}
.position-type a.home{color:#336699;}
.position-type img{ vertical-align: middle; padding:0px 12px;}
.slide img{width:100%;}
ul,li{list-style:none;}
.inn-mian p.ip{font-size:30px; text-align: center;margin-top:56px;}
.inn-mian span.lyspan{width:710px;margin:24px auto; text-align: center;display: block;font-size:14px;line-height: 28px;}
.fuconts{margin-top:96px;}
.fuconts ul li{ position: relative; height:330px;margin-bottom: 30px;}
.even .yubg{width:770px;height:269px; background: url(../images/fululibg.png) no-repeat; position: absolute; right:0px;top:40px;z-index: 0;}
.gyleft {width:501px;}
.gyright{margin-top:80px;margin-right:132px;}
.gyright h3{font-size:18px;color:#336699;margin-bottom: 10px}
.gyright span{font-size:14px;color:#000;}
.kl{margin-top:10px;font-size:14px;}
.kl p{height:30px;}
.kl p em{font-size:36px;color:#336699; font-style: inherit;}
.kl p span{position: relative;top:-7px;}
.odd .yubg{width:770px;height:269px; background: url(../images/fululibg1.png) no-repeat; position: absolute; left:0px;top:40px;z-index: 0;}
.odd .gyright{margin-left:32px;z-index: 1;}
.div_news{ margin-top:85px; margin-bottom:5%;}
.div_news ul li{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding:2.66%; background:#fff; border-bottom:1px solid #eeeeee; position:relative;}
.div_news ul li .div1{ width:6.4%;}
.div_news ul li .div1 .p1{ font-size:48px; height:50px; line-height:50px; color:#ababab; border-bottom:1px solid #e3e3e3; text-align:center; padding-bottom:15px; padding-top:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div1 .p2{ color:#b2b2b2; margin-top:15px; text-align:center; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div2{ width:20.46%; margin-left:2.66%;}
.div_news ul li .div2 img{width:200px;height:155px;}
.div_news ul li .div3{ width:67.82%;}
.div_news ul li .div3 .p1{ color:#333; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div3 .p2{ color:#666; line-height:24px; margin-top:10px; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.div_news ul li .div3 .p3{ color:#999; margin-top:15px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div3 .p3 .span1{ background:url(../images/5_15.png) center left no-repeat; padding-left:30px; padding-top:10px; padding-bottom:10px;}
.div_news ul li .div3 .p3 .span1 strong{ font-size:30px; margin-right:4px;}
.div_news ul li .div3 .p3 .span2{ background:url(../images/yj.png) center left no-repeat; padding-left:30px; padding-top:10px; padding-bottom:10px;}
.div_news ul li .div1,.div_news ul li .div2,.div_news ul li .div3{ position:relative; z-index:100;}
.div_news ul li .div4{ background:#fff; position:absolute; top:0px; right:0px; width:100%; height:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li:hover .div4{ width:100%; background:#f5f5f5;}
.div_news ul li:hover .div1 .p1{ border-bottom:1px solid #336699; color:#336699;}
.div_news ul li:hover .div1 .p2{ color:#336699;}
.div_news ul li:hover .div3 .p1{ color:#336699;}
.div_news ul li:hover .div3 .p3{ color:#336699;}
.div_news ul li:hover .div3 .p3 .span2{ background:url(../images/yjon.png) center left no-repeat;}
.div_news ul li:hover{transform: translateX(-10px);cursor: pointer;}
.recruit-top {background-color: #fff;padding-top: 100px;padding-bottom: 90px;}
.recruit-top ul {width: 103%;}
.recruit-top li {width: 31%;margin-right: 2.3%;float:left;}
.recruit-top li .img {display: block;width: 100%;position: relative;overflow: hidden;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.recruit-top li img {max-width: 100%;transition: transform 0.6s ease 0s;}
.recruit-top li .tit {line-height: 36px;font-size: 18px;margin-top: 16px;}
.recruit-top li:hover img {transform: scale(1.1, 1.1);}
.recruit-list {background-color: #f5f5f5;padding-top: 74px;padding-bottom: 80px;}
.recruit-list .list {margin-top: 55px;width: 100%;position: relative;overflow: hidden;}
.recruit-list ul {width: 103%;}
.recruit-list li {float:left;width: 31%;margin-right: 2.3%;background-color: #fff;border-bottom: 5px solid #336699;border-radius: 6px; margin-bottom: 35px;}
.recruit-list li a {display: block;width: 83%;padding: 33px 7% 42px 10%;}
.recruit-list li .stit {line-height: 43px;font-size: 24px;color: #444;}
.recruit-list li .lab {line-height: 35px;color: #999;}
.recruit-list li .lab span {display: inline-block;padding-left: 22px;background: url(http://www.jinaolan.cc/static/web/css/../img/ico_20.png) no-repeat left center;margin-right: 18px;}
.recruit-list li .word {display: block;line-height: 24px;color: #999;height: 72px;overflow: hidden;}
.recruit-list li .more {display: inline-block;width: 52px;height: 31px;background: url(http://www.jinaolan.cc/static/web/css/../img/btn_01.png) no-repeat center;margin-top: 24px;}
.recruit-list .titbox .intr {line-height: 60px;font-size: 30px;color: #336699;text-align: center;}
.recruit-list .titbox h4 {width: 100%;text-align: center;font-size:36px;color:#000;}

/*弹窗*/
.l-c-wrap {
  background-color: #fff;
  border-radius: 6px;
  left: 50%;
  margin-left: -440px;
  padding: 0 40px;
  position: fixed;
  top: 50%;
  width: 800px;
  z-index: 10000;
  display: none;
  height: 700px;
}
.l-c-wrap.short{
  height: 600px;
}
.l-c-wrap.short .l-c-cnt{
  height: 376px;
}

.l-c-hd {
  border-bottom: 1px solid #e5e5e5;
  height: 39px;
  padding-bottom: 15px;
  padding-top: 35px;
}

.l-c-hd h2 {
  color: #333;
  float: left;
  font-size: 30px;
  font-weight: normal;
  line-height: 40px;
  text-indent: 9px;
}

.l-c-hd .l-c-hdr {
  float: right;
  height: 39px;
  line-height: 39px;
}

.l-c-hdr span {
  background: url("http://www.jinaolan.cc/static/web/css/../img/ico_20.png") no-repeat 0 center;
  display: block;
  float: left;
  margin-left: 18px;
  padding-left: 23px;
}

.l-c-cnt {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 9px 0;
  height: 470px;
  overflow: hidden;
  position: relative;
  margin-top: 24px;
}
.l-c-cnt .obj-wrap{
  position: absolute;
  left: 0;
  top: 24px;
  width: 95%;
}
.l-c-cnt .obj-bar{
    right: 0;
    top: 24px;
    position: absolute;
    background-color: #f7f7f7;
    display: block;
    width: 4px;
    border-radius: 4px;
    height: 100%;
}
.l-c-cnt .obj-bar .obj-btn{
  background-color: #336699;
    border-radius: 4px;
    position: absolute;
    right: 0;
    transition: background-color 0.2s linear 0s;
    width: 4px;
    height: 100px;
}

.l-c-cnt h3 {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 9px;
}

.l-c-cnt p {
  color: #666;
  font-size: 14px;
  line-height: 32px;
}

.l-c-ft {
  padding: 30px 0 46px 9px;
}

.l-c-ft .l-c-apl {
  background-color: #336699;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 200px;
}

.l-c-ft p {
  color: #666;
  float: right;
  font-size: 12px;
  height: 45px;
  line-height: 45px;
}

.l-c-ft p span {
  color: #333;
}

.l-c-cls {
  background: url("../images/ico_21.png") no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 35px;
  position: absolute;
  right: -45px;
  top: 36px;
  width: 35px;
}

.l-c-cls:hover {
  background-position: 0 -35px;
}

.m-navbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 3;
    display: none;
}
.title{ text-align:center; font-size:20px; color:#333; line-height:35px;}
.time{ margin-top:1%; text-align:center; border-bottom:1px solid #ddd; color:#888; padding-bottom:1%;}
.time span{padding-right:18px;}
.txt{ margin-top:3%; color:#333; font-size:14px; line-height:26px;}
.txt .div1{ background:url(../images/6_43.jpg) center top no-repeat; margin-bottom:25px;}
.txt .div1 .lf{ width:490px;}
.txt .div1 .lf img{ width:100%;}
.txt .div1 .rg{ width:588px; padding-top:60px; padding-right:50px;}
.txt .div1 .rg .p1{ background:url(../images/6_44.jpg) left top no-repeat; padding-top:5%; color:#666666; font-size:18px; line-height:36px;}
.back{ margin-top:3%; margin-bottom:5%; border-top:1px solid #ddd; padding-top:1%;}
.back a{ color:#666; display:block;line-height: 22px;font-size:12px;}
.back a:hover{ color:#336699;}
.news_body .head,.news_body .moblie_head{ border-bottom:1px solid #ddd}
.news_box {margin-top:50px;}
.erji ul li{float:left; background: url(../images/ejl.jpg) no-repeat right center;margin-right: 10px;padding: 0px 20px;}
.erji ul li:last-child{padding-right:0px;margin-right:0px;background: none;    padding-left: 10px;}
.erji ul li.active a{color:#336699;}
.about h3.h33{font-size:36px; color:#3a3a3a; text-align: center;margin-top:56px;}
.about span.ssp{font-size:30px;color:#336699;margin-top:32px;text-align: center;display: block;}
.p{margin-top:50px;}
.p p{font-size:14px;color:#666666;text-align: center;height: 30px;}
.main-first{margin-top:82px;}
.main-first ul li{float:left;width:25%; text-align: center; background: url(../images/tlibg.jpg) no-repeat right center;padding: 20px 0px;}
.main-first ul li h3{font-size:48px;color:#336699; position: relative;}
.main-first ul li:last-child{background: none;}
.main-first ul li h3 span{ position: absolute;top:0px;right:76px;font-size:14px; }
.main-first ul li p{font-size:15px;margin-top:20px;}
.main-first ul li.yuny h3 span{right:106px;}
.main-first ul li.cchu h3 span{right:38px;}
.Honorary{background: url(../images/aboutbg.jpg) no-repeat; padding:92px 0px;margin-top:136px;}
.tt h3{text-align: center;font-size:36px; color:#3a3a3a;}
.tt p{color:#336699;font-size:30px; text-align: center;padding:40px 0 72px 0px;}
.Honorary-c ul li{width:33.3%;float: left; text-align: center;}
.Honorary-c ul li p{font-size:18px;color:#454545;}
.Honorary-c ul li h3{font-size: 26px;color:#336699;margin:24px 0px;}
.Honorary-c ul li span{font-size:18px;color:#646464;}
.aboutc{margin-top:106px;}
.aboutc h3{font-size:36px;color:#3a3a3a; text-align: center;}
.aboutc p.cp{font-size:30px;color:#336699; text-align: center;margin:30px 0px 96px 0px;}
.aboutcll{width:600px;}
.aboutcrr{width:516px;}
.aboutcll{background: url(../images/ac.jpg) no-repeat left;height:473px;}
.aboutcllc{padding-left:120px;margin-top: 26px;}
.aboutcllc p{font-size:16px;color:#747474; line-height: 32px;margin-bottom:92px;}
.sp{position: relative;top: 20px;}
.page{width:100%;text-align: center;margin:60px 0px 0px 0px;}
.page a{transition:all .3s;padding:8px 13px;border-radius:2px;border:1px solid #e6e6e6; text-align: center; color:#333333;font-size:12px;display:inline-block;margin-right:16px;background: #ffffff;}
.page a:hover{background: #336699; border:1px solid #336699;color:#ffffff;}
.page a.active{background: #336699; border:1px solid #336699;color:#ffffff}