@charset "utf-8";
/* CSS Document */

.warp { width: 1200px; margin:0 auto;}
.none{ display:none;}
.video-mob{ display:none;}


.bottom_tools{position:fixed;z-index:110;right:30px;bottom:200px; width:64px; padding:10px 10px 0; background:#0168b7;}
.bottom_tools a#scrollUp{ height:55px; width:44px; display:inline-block;text-indent:-9999px;background: url(../images/xz04.jpg); border-bottom:none;}
.bottom_tools > div{ position:relative;}
.bottom_tools > div a{ display:inline-block; height:66px; width:44px; text-indent:-9999px; border-bottom:1px solid #fff;}
.bottom_tools > div a.tns-pl1{background: url(../images/xz01.jpg);}
.bottom_tools > div a.tns-pl2{background: url(../images/xz02.jpg);}
.bottom_tools > div a.tns-pl3{background: url(../images/xz03.jpg);}
.bottom_tools > div .posn{ position:absolute; left:-200px; top:-10px; width:200px; background:#0168b7; color:#fff; line-height:25px; padding:15px;}
.bottom_tools > div .msn-tn{ top:0; font-size:16px;}
.bottom_tools .solmaa{ height:55px; width:44px; text-align:center; line-height:55px; }
.dowebok-hd { position: relative; z-index: 1000; width: 100%; height: 99px;  background:#fff url(../images/bg-h.jpg) repeat-x bottom left; box-shadow:0px 1px 3px #999}
.fixeds{ position: fixed;}
.dowebok-hd .logo{ float:left;padding-bottom:4px; margin-left:10%;}
.dowebok-hd .logo img{ height:95px;}
.dowebok-hd .mob-nav{ display:none;}
.dowebok-hd .nav{ float:right; margin-right:10%; padding-top:4px;}
.dowebok-hd .nav .search{ height:50px; float:right; padding-top:5px;}
.dowebok-hd .nav .secach{ float:left; height:35px; width:35px; overflow:hidden; padding:3px; border-radius:3px; background-color:#fff;}
.dowebok-hd .nav .curr{ background-color:#f2f2f2;}
.dowebok-hd .nav .wbst{ float:left;color:#999; font-size:12px; position:relative;}
.dowebok-hd .nav .wbst a{ color:#999;}
.dowebok-hd .nav .wbst img{ vertical-align:bottom;}
.dowebok-hd .nav .wbst .ewm-s{ position:absolute; right:0; top:40px; padding:10px; background:#eee; display:none; z-index:10;}
.dowebok-hd .nav .wbst .ewm-s img{ width:150px; height:150px;}
.dowebok-hd .nav .secach .on-hid{ width:170px;}
.dowebok-hd .nav .secach .on-hid i{ float:left; display:inline-block; width:29px; height:29px; cursor:pointer;background:url(../images/search.png) no-repeat left center;}
.dowebok-hd .nav .secach .on-hid input[type=text]{ width:90px; border:none; height:29px; line-height:29px; background: none; float:left; margin-left:6px; color:#a9896a;}
.dowebok-hd .nav .secach .on-hid input[type=button]{float:left; width:40px; height:29px; border:none; cursor:pointer; background:none; color:#666;}
.dowebok-hd .nav ul{ height:45px; line-height:45px;}
.dowebok-hd .nav ul li{ float:left; padding-right:1px; text-align:center; position:relative; background:url(../images/sx.jpg) no-repeat right center;}
.dowebok-hd .nav ul li > a{ color:#fff; color:#666; display:block; width:130px;}
.dowebok-hd .nav ul li > a.cur{ color:#0068b7;}

.dowebok-hd .nav ul li .dop-kn{ height:68px; line-height:68px; width:auto; position:absolute;left:0; top:45px; text-align:left; display:none;}
.dowebok-hd .nav ul li .dop-kn a{ color:#fff; display:block; width:150px; text-align:center; float:left;}
.dowebok-hd .nav ul li .dop-kn a:hover{ color:#03a045;}
.bg-sc{ height:68px; width:50%; background:url(../images/bg-col.png); position:fixed; z-index:999; display:none; top:99px;}

#dowebok { position:relative;}
#dowebok .section { text-align:center; position:relative; background-repeat:no-repeat; background-position: center top; background-size:100% auto; padding-top:20px;}
#dowebok .section h2{ background:url(../images/x-bg.jpg) repeat-x left 50px; text-align:center; font-size:36px; text-transform:uppercase; font-weight:normal; line-height:40px; margin-bottom:20px; padding-top:30px;}
#dowebok .section h2 span{ display:inline-block; padding:0 20px; background:#fff;}
#dowebok .section h2 i.green{ font-style:normal; color:#00a73c;}
#dowebok .section h2 i.blues{ font-style:normal; color:#0068b7;}

#dowebok .section h2 em{ font-size:12px; color:#999; font-style:normal; line-height:20px; display:inline-block; margin-top:10px;}
.index-foot{ height:145px; width:100%; background:url(../images/bg-col.png); position:fixed; left:0; bottom:0;}
.shinps{ position:relative; width:1200px;height:415px; overflow:hidden;}
.shinps .sh-shows{ height:415px; width:288px; background:#f6f6f6; padding:72px 20px 0; position:absolute; top:0;transition:all 1s ease 0s;}
.shinps .sh-shows .pic{ width:111px; margin:0 auto; height:111px; background-repeat:no-repeat; background-size:100% 100%}
.shinps .nums01 .pic{ background-image:url(../images/ns1-1.png);}
.shinps .nums02 .pic{ background-image:url(../images/ns2-1.png);}
.shinps .nums03 .pic{ background-image:url(../images/ns3-1.png);}
.shinps .nums04 .pic{ background-image:url(../images/ns4-1.png);}
.shinps .nums01:hover .pic{ background-image:url(../images/ns1-2.png);}
.shinps .nums02:hover .pic{ background-image:url(../images/ns2-2.png);}
.shinps .nums03:hover .pic{ background-image:url(../images/ns3-2.png);}
.shinps .nums04:hover .pic{ background-image:url(../images/ns4-2.png);}
.nums01{ left:-288px; transition:all 1s ease .5s;}
.nums02{ left:-288px; transition:all 1s ease .5s;}
.nums03{ right:-288px; transition:all 1s ease .5s;}
.nums04{ right:-288px; transition:all 1s ease .5s;}
.active .nums01{ left:0px; transition:all 1s ease 0s;}
.active .nums02{ left:304px; transition:all 1s ease 0s;}
.active .nums03{ right:304px; transition:all 1s ease 0s;}
.active .nums04{ right:0px; transition:all 1s ease 0s;}

.sh-shows .tit{ font-size:20px; line-height:60px; text-transform:uppercase;}
.sh-shows .punt{ line-height:25px; color:#999;}
.sh-shows .link{ margin-top:35px;}
.sh-shows .link a{ display:inline-block; width:125px; height:45px; line-height:45px; border:1px solid #999; color:#999; border-radius:3px; background:none;transition:all .5s ease 0s;}
.sh-shows .link a:hover{border:1px solid #00a73c; color:#fff; background:#00a73c;transition:all .5s ease 0s;}

.shinps .sh-shows:hover{ background:#0068b7;transition:all .5s ease 0s; color:#fff;}
.shinps .sh-shows:hover .punt{ color:#fff;}
.shinps .sh-shows:hover .link a{ color:#fff; border:1px solid #fff;}

#demo{ width:564px; height:350px;}
#owl-demo .item{background: #42bdc2; height:350px; color: #FFF;text-align: center; float:left;}
.ptns-ov{ width:564px; float:left;}
.bt-bg{ position:absolute; bottom:0; background:url(../images/bg-col.png); height:30px; width:100%; line-height:30px; color:#fff; text-align:left; text-indent:12px;}
.ty-wide{ width:610px; float:right; overflow:hidden;}
.ty-wide dl{ text-align:left; font-size:12px; border-bottom:1px dotted #ddd; padding:11px 0; position:relative; top:0;transition:all 1s ease 0s;}
.ty-wide dl.scro-01,.ty-wide dl.scro-03{ left:-100%;}
.ty-wide dl.scro-02,.ty-wide dl.scro-04{ right:-100%;}
.active .ty-wide dl.scro-01{ left:0;transition:all 1s ease 0.5s;}
.active .ty-wide dl.scro-02{ right:0;transition:all 1s ease 0.7s;}
.active .ty-wide dl.scro-03{ left:0;transition:all 1s ease 0.9s;}
.active .ty-wide dl.scro-04{ right:0;transition:all 1s ease 1.1s;}
.ty-wide dl dt{ font-size:16px; font-weight:bold;}
.ty-wide dl a dt{ color:#333; line-height:25px;}
.ty-wide dl a:hover dt{ color:#0068b7;}
.ty-wide dl a dd{ color:#999; line-height:20px; position:relative;}
.ty-wide dl a dd span{ position:absolute; right:0; bottom:0;}
.ty-wide dl a:hover dd span{ color:#00a73c;}
.more-st{ margin-top:40px; display:none;}
.more-st a{ display: inline-block; width:100%; padding:10px 0; height:59px; background:#e1dfe0 url(../images/more01.png) no-repeat center center; text-indent:-9999px;transition:all .5s ease 0s;}
.more-st a:hover{background:#0068b7 url(../images/more02.png) no-repeat center center;transition:all .5s ease 0s;}


.shik{ width:288px; height:417px;overflow:hidden;position:relative; }
.shik > div{ width:288px;height:417px;}
.shik .pic{ position: relative; left:0; top:0; z-index:50;width:288px; height:417px;}
.shik .bgs{ position:absolute; top:298px; left:0; height:100%; background:#0068b7; z-index:99;}
.shik .tit{ z-index:100; position:absolute; top:320px; left:0; color:#fff;}
.shik .tit h5{ font-size:20px; font-weight:normal; text-transform:uppercase; height:45px; line-height:45px;}
.shik .tit h6{}
.shik .tit h6 span{ display:inline-block; height:2px; width:25%; background:#00a73c;transition:all 1s ease 0s;}
.shik:hover .tit h6 span{ background:#fff;transition:all 1s ease 0s;}
.shik .ofic{ line-height:25px; height:75px; overflow:hidden; margin:40px 0; padding:0 20px;}
.shik .link a{ width:130px; height:45px; text-align:center; line-height:45px; border:1px solid #fff; border-radius:3px; color:#fff; display:inline-block;}
.responsive .slick-prev{ background: url(../images/lc.png) no-repeat; width:25px; height:45px; right:0; left:-30px; bottom:180px;}
.responsive .slick-next{ background: url(../images/rc.png) no-repeat; width:25px; height:45px; right:-20px; bottom:180px;}
.responsive .slick-prev:before,.responsive .slick-next:before{ font-size:0;}

.lcks{ width:625px; float:left; text-align:left; margin-top:30px;}
.lcks dt{ margin-bottom:20px;}
.lcks dt a{ display:inline-block; text-transform:uppercase; font-size:24px; line-height:35px; height:35px; overflow:hidden;}
.lcks dd{ line-height:25px; height:225px; overflow:hidden;}
.lcks dd.ovstn{ height:40px;}
.lcks dd.ovstn a{ width:105px; height:35px; line-height:35px; text-align:center; border:1px solid #999; border-radius:3px; color:#999; display:inline-block; font-size:12px;transition:all 1s ease 0s;}
.lcks dd.ovstn a:hover{ background:#0068b7; color:#fff; border-color:#fff;transition:all 1s ease 0s;}
.video-on{ width:555px; height:320px; float:right; margin-top:30px;}
.ofix{ display:none;}

.con-main{ padding-bottom:150px;}
.drees-cove{ height:73px; background:#0068b6; border-bottom:3px solid #ccc; margin-top:25px; position:relative;}
.drees-cove a.backhome{ float:right; display:inline-block; width:70px; height:70px; background:#00a73b url(../images/house.jpg) no-repeat center center; text-indent:-9999px;}
.drees-cove a.fh{background:#00a73b url(../images/fh.jpg) no-repeat center center;}
.drees-cove span{ display:none;}
.drees-cove ul li{ float:left; line-height:70px; width:282px; background:url(../images/st.jpg) no-repeat right center; text-align:center;}
.drees-cove ul li a{ color:#fff; font-weight:bold; text-transform:uppercase; display:block; width:100%; height:100%;}
.drees-cove ul li a.cur{ border-bottom:3px solid #00a73b;}
.drees-cove ul li a:hover{ color:#00a73b;}
.text-ct{ line-height:2;}

.ofcit{ margin:30px 0;}
.ofcit img{ padding:10px; border:1px solid #ddd; float:left; display:inline; margin-right:12px;}
.ofcit span{ line-height:2;}
.chobs{ clear:both; margin-top:20px;}
.chobs ul{ width:1212px; margin-left:-13px; margin-bottom:20px; height:575px; overflow:hidden;}
.chobs ul li{ width:290px; float:left; margin-left:13px; position:relative; overflow:hidden;}
.chobs ul li.cos-01{ top:-575px;transition:all 1s ease 0s;}
.chobs ul li.cos-02{ bottom:-575px;transition:all 1s ease 0s;}
.chobs ul li.cos-03{ top:-575px;transition:all 1s ease 0s;}
.chobs ul li.cos-04{ bottom:-575px;transition:all 1s ease 0s;}

.scti ul li.cos-01{ top:0;transition:all 1s ease 0s;}
.scti ul li.cos-02{ bottom:0;transition:all 1s ease 0s;}
.scti ul li.cos-03{ top:0;transition:all 1s ease 0s;}
.scti ul li.cos-04{ bottom:0;transition:all 1s ease 0s;}


.chobs ul li img{ width:290px; height:575px;}
.chobs ul li .tit{ position:absolute; left:0; bottom:0; background:url(../images/bg-col.png); width:100%; height:80px; color:#fff; text-align:center; text-transform:uppercase; padding-top:8px;transition:all .6s ease 0s;}
.chobs ul li .tit span{ display:block; line-height:35px; font-weight:bold; font-size:18px;}
.chobs ul li .tit a{ color:#fff;}
.chobs ul li .play{ width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(../images/play.png); background-size:100% 100%;}
.chobs ul li .play a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.chobs ul li:hover .tit{padding-top:36px; height:135px;transition:all 1s ease 0s;}
.foot{ height:auto; background:url(../images/bot-bg01.jpg) repeat-x; padding-top:1px; position:relative;}
.foot h2{ height:116px; padding:40px 0; text-align:center; background:url(../images/fff.jpg) repeat-x center 67px; color:#fff; font-size:36px; text-transform:uppercase; font-weight:normal; position:relative; z-index:5;}
.foot h2 span{ display:inline-block; padding:0 10px; line-height:36px; background:url(../images/bot-bg01.jpg) repeat-x 10px -10px;}
.foot .bg-green{ position:absolute; top:0; left:50%; width:50%; height:392px; background:url(../images/bot-bg02.jpg) repeat-x; z-index:3}
.foot .bg-x{ background:url(../images/bg-x.jpg) no-repeat; width:164px; height:392px; position:absolute; left:50%; top:0; z-index:4}
.butsn{ width:620px; float:left; position:relative; z-index:5;}
.butsn dl{ width:145px; margin-right:10px; float:left; color:#fff; letter-spacing:1px;}
.butsn dl dt{ font-size:14px; margin-bottom:30px;}
.butsn dl dt a{ color:#fff;}
.butsn dl dd a{ color:#fff; font-size:12px; line-height:2;}
.tonglk{ width:375px; float:right; position:relative; z-index:5;}
.img-w{ float:right;}
.ncth{ float:left; width:210px; color:#fff;}
.ncth .tit{ font-size:26px;}
.ncth .line{ height:2px; width:52px; background:#fff; margin-top:5px;}
.ncth dt{ font-size:12px; text-transform:uppercase; line-height:25px; margin-top:5px;}
.ncth dd{ font-weight:bold; font-size:22px; font-style:oblique;}
.ncth .fxs{ margin-top:5px; text-transform:uppercase;}
.ncth .fxs a{ margin:0 3px;}

.xsd-choose{ position:relative;width:175px; padding:0 5px; height:31px; line-height:31px; background:url(../images/xj.jpg) no-repeat right center; border:1px solid #fff; display:inline-block; color:#fff;}
.xsd-choose span{ display:block; width:100%; height:30px; cursor:pointer;}
.xsd-choose ul{ display:none; position:absolute; left:-1px; bottom:30px; z-index:10;background: url(../images/bg-col.png); border:1px solid #e3eeee; border-bottom:none; width:100%; }
.xsd-choose ul li a{ display:block; width:100%; height:30px; text-indent:5px; color:#fff;}
.xsd-choose ul li a:hover{ background: url(../images/bg-col.png); text-decoration:none;}
.foot-bot{ position:absolute; left:0; bottom:0; width:100%; line-height:40px; color:#fff; text-align:center; font-size:12px; z-index:5; background:#0068b7}
.cpos{ margin-bottom:10px;}
.cpos li{ float:left; width:33%; text-align:center; margin-bottom:10px;}
.cpos li img{ width:380px; height:210px;}

.fz-cent{ padding-left:3%; margin:25px 0;}
.fz-cent h2{ height:34px; background:url(../images/pn-t.jpg) no-repeat left center;}
.fadnt{ background:url(../images/pn-m.jpg) repeat-y 13px top;}
.year-sd{ padding-left:65px; color:#666; position:relative; padding-top:20px;}
.year-sd dl{ cursor:pointer;}
.year-sd dl dt{ background:url(../images/yb01.jpg) no-repeat left center; text-indent:10px; width:80px;float:left;}
.year-sd dl dt.cur{background:url(../images/yb02.jpg) no-repeat left center; color:#0068b6}
.year-sd dl dd{ width:1018px; float:left;}
.year-sd .bs-on{ width:42px; height:42px; background:url(../images/kn01.jpg) no-repeat; position:absolute; left:-5px; top:8px;}
.year-sd .curr{background:url(../images/kn02.jpg) no-repeat;}
.penit{ background:#f7f7f7; float:right; width:1018px; padding:15px; margin:10px 0; display:none}
.penit .pic{ width:213px; float:left;}
.penit .pic img{ width:100%; height:auto;}
.penit .tit{ float:right; width:755px; color:#999; line-height:1.6;}

.fz-cent h3{ height:34px; background:url(../images/pn-b.jpg) no-repeat left center;}
.vid-ct{ width:1242px; margin-left:-42px; padding-bottom:42px; overflow:hidden;}
.vid-ct ul li{ width:372px; padding:5px; margin-left:42px; margin-top:42px; border:1px solid #ddd; float:left; overflow:hidden; position:relative;transition:all 1s ease 0s;}
.vid-ct ul li.nth-l{ left:-100%; top:0;}
.vid-ct ul li.nth-m{ left:0; top:-409px;}
.vid-ct ul li.nth-r{ right:-100%; top:0;}
.vid-ct ul.hovs li.nth-l{ left:0; top:0;transition:all 1s ease 0s;}
.vid-ct ul.hovs li.nth-m{ left:0; top:0;transition:all 1s ease 0s;}
.vid-ct ul.hovs li.nth-r{ right:0; top:0;transition:all 1s ease 0s;}

.vid-ct ul li .pic{ position:relative;width:360px;}
.vid-ct ul li .pic img{ width:100%; height:auto;}
.vid-ct ul li .pic span{ display:block; width:60px; height:60px; background:url(../images/bf.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
.vid-ct ul li .tit{ line-height:35px; font-size:20px; margin-top:5px;height:35px; overflow:hidden;}
.vid-ct ul li .cont{ font-size:12px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.vid-ct ul li .eys{ background:url(../images/eys.jpg) no-repeat left center; line-height:25px; color:#666; font-size:12px; text-indent:30px;}
.clearfix{ cursor:pointer; color:#999;}
.frame-tit h3{ font-weight:normal;}

.frame {
  position: fixed;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 1006;
  background: url("../images/bg_3.png") repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.frame-wrap {
  position: relative;
  margin: 0px auto 0 80px;
  background: #fff;
  z-index: 1010;
  cursor: auto;
  width: 100%;
  transition: 400ms;
  padding-right: 80px;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
@media screen and (max-width: 861px) {
  .frame-wrap {
    margin: 0px auto;
    padding-right: 0px;
  }
}

html.open body {
  overflow: hidden;
}
html.open .frameHtmlact {
  overflow-y: auto;
}
html.open .frameHtmlact .frame-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
html.open .frameHtmlact .frame-close {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.frame-close {
  display: block;
  width: 80px;
  height: 80px;
  position: fixed;
  left: 0px;
  top: 50%;
  margin-top: -35px;
  z-index: 1008;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-80px);
  transform: translate(-80px);
}
@media screen and (max-width: 861px) {
  .frame-close {
    margin: 0px auto;
    top: auto;
    bottom: 5%;
    left: auto;
    right: 2%;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    z-index: 1012;
    background-color: #174f90;
    border-radius: 50%;
  }
}
.frame-close span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 0.4s;
}
.frame-close span.i0 {
  color: #fff;
  background-color: #80abde;
  padding-top: 20px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 80px;
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 861px) {
  .frame-close span.i0 {
    display: none;
  }
}
.frame-close span.i1 {
  background: url(../images/fram_close.png) no-repeat scroll center center #174F90;
  color: #fff;
  position: absolute;
  left: 100%;
  top: 0px;
}
@media screen and (max-width: 861px) {
  .frame-close span.i1 {
    left: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}

.frame-close:hover span.i1 {
  left: 0px;
}

.frame-close:hover span.i0 {
  left: -80px;
}

.frame-main {
  padding: 38px 167px 38px 86px;
  margin:0 auto;
}
@media screen and (max-width: 861px) {
  .frame-main {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 640px) {
  .frame-main {
    padding: 10px 12px;
  }
}

.frame-tit {
  background-color: #f4f4f4;
  text-align: center;
  color: #666;
  padding: 28px 0 16px;
}
@media screen and (max-width: 640px) {
  .frame-tit {
    padding: 18px 0 10px;
  }
}
.frame-tit h2 {
  font-size: 30px;
  line-height: 66px;
  font-weight:normal;
}
@media screen and (max-width: 640px) {
  .frame-tit h2 {
    font-size: 24px;
    line-height: 36px;
  }
}
.frame-tit p {
  font-size: 14px;
  line-height: 26px;
}
.frame-tit p i {
  width: 16px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
  margin: 4px 8px 0 0;
}

.frame-cont {
  padding: 0 0 60px 0;
  min-height: 500px;
}
@media screen and (max-width: 640px) {
  .frame-cont {
    min-height: 140px;
  }
}

.frame-video {
  width: 100%;
}
.frame-video img {
  width: 100%;
}

.frame-page {
  padding: 4px 10px 4px 0px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.frame-page dd {
  line-height: 30px;
}
.frame-page dd a {
  color: #0069b3;
}

.frame-share {
  text-align: center;
  margin: 28px 0;
}
.frame-share a {
  color: #0069b3;
  margin: 0 2px;
  font-size: 14px;
}

.blist-slide {
  padding: 4px 20px 20px;
  display: none;
}
@media screen and (max-width: 640px) {
  .blist-slide {
    padding: 2px 4px 20px;
  }
}

.blist-slide-txt {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .blist-slide-txt {
    font-size: 12px;
  }
}

.blist-slide-btn {
  width: 97px;
  height: 35px;
  text-align: center;
  float: right;
  line-height: 35px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
}

.bdsharebuttonbox {

}
@media screen and (max-width: 640px) {
  .bdsharebuttonbox {
    display: none;
  }
}

.news-view .banner-txt, .contact-view .banner-txt {
  color: #0069b3;
}

.news-list {
  width: 1050px;
}
@media screen and (max-width: 1000px) {
  .news-list {
    width: 100%;
  }
}

.news-item {
  float: left;
  width: 350px;
  padding: 0 50px 32px 0;
}
@media screen and (max-width: 1000px) {
  .news-item {
    width: 33.3333%;
    padding: 0 5px 20px;
  }
}
@media screen and (max-width: 640px) {
  .news-item {
    width: 50%;
  }
}
@media screen and (max-width: 460px) {
  .news-item {
    width: 100%;
  }
}
.news-item a {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 300px;
  padding: 18px 19px;
  display: block;
  border: 1px solid #dbdbdb;
}
@media screen and (max-width: 1000px) {
  .news-item a {
    width: 100%;
    padding: 10px;
  }
}
.news-item h5 {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
  clear: right;
  color: #666;
  line-height: 24px;
  margin-bottom: 20px;
}
.news-item .news-item-time {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  color: #c3c3c3;
  padding: 8px 0;
}
.news-item .news-item-img img {
  display: block;
  width: 100%;
}
.news-item .news-item-txt {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  color: #c3c3c3;
  line-height: 22px;
  padding: 24px 0 20px;
}
.news-item .news-item-more {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  float: left;
  width: 68px;
  height: 21px;
  background-color: #c3c3c3;
  color: #fff;
  text-align: center;
  line-height: 21px;
}

.news-item a:hover {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  background-color: #80abde;
}
.news-item a:hover .news-item-txt, .news-item a:hover .news-item-time, .news-item a:hover h5 {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  color: #fff;
}
.news-item a:hover .news-item-more {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  background-color: #fff;
  color: #80abde;
}

.news-cont {
  padding: 30px 0;
}

.frame-news-txt {
  font-size: 14px;
  color: #666;
  line-height:2;
  display: inline-block;
}
.frame-news-txt p {
	margin-bottom:10px;
}
.frame-news-txt h5 {
  font-size: 20px;
  color: #333;
  line-height:1.5;
  padding-bottom:15px;
}
.frame-news-img {
  width:479px;
  height:334px;
  float:right;
  display:inline;
}
.frame-news-txt .dpsnma {
	height:212px;
	overflow:hidden;
}
.fr-afis span{
	cursor:pointer;
	
	}

.frame-job-cont {
  font-size: 14px;
  color: #666;
  padding-left: 40px;
}
.afim-txt{ border-top:1px dotted #666; margin-top:30px; padding-top:30px;}

.map-text{ float:left;}
.map-text > h3{ font-size:20px; line-height:2;}
.map-text > ul li{ line-height:1.8; font-size:14px; color:#666;}
.map-text > ul li span{ color:#333;}
.map-imgs{ float:right; width:770px;}
.map-imgs img{ width:770px}



@media screen and (max-width: 640px) {
  .frame-job-cont {
    padding-left: 0px;
  }
  .frame-news-txt,.frame-news-img,.map-text,.map-imgs{ width:100%; float:inherit;}
  .map-imgs{ margin-top:10px;}
  .map-imgs img{ width:100%;}
  .fr-afis{ display:none;}
  .frame-news-txt .dpsnma {
	height: auto;
	overflow:hidden;
}
  
}
.frame-job-cont dt {
  font-size: 16px;
  padding: 6px 0;
}
.frame-job-cont dd, .frame-job-cont dt {
  line-height: 24px;
}
.frame-job-cont dl {
  margin-bottom: 40px;
}

.cp-ost{ padding:30px 0;}
.mos-com{ width:300px; height:352px; background:#e5e5e5; float:left; padding:20px;}
.mos-com .tit{ font-size:24px; line-height:35px; text-transform:uppercase; padding-top:10px; color:#0068b7;}
.mos-com .tft{ font-size:15px; text-transform:uppercase; line-height:30px;}
.mos-com .con{ font-size:12px; line-height:24px; height:120px; overflow:hidden; color:#666; margin-top:20px;text-transform:uppercase;}
.mos-com .link{ margin-top:30px;text-transform:uppercase;}
.mos-com .link a{ border:2px solid #b8b8b8; color:#999; font-size:12px; display:inline-block; width:110px; height:35px; text-align:center; line-height:31px;}
.mos-com .link a:hover{ color:#fff; background:#00a73b; border-color:#00a73b;}
.reg-suk{ width:310px; float:right; border:1px solid #e5e5e5; padding:0 24px; background:url(../images/bu.jpg) repeat-x left bottom; height:352px;}
.reg-suk h3{ font-size:24px; text-transform:uppercase; font-weight:normal; line-height:55px;}
.fotns{ width:260px; height:40px; margin-bottom:12px; background:#dedede url(../images/xl.jpg) no-repeat right center; line-height:40px; color:#444;}
.fotns ul{ bottom:auto; top:38px; background:#dedede; border:none; left:0;}
.fotns ul li a{ height:40px; color:#666; text-indent:10px;}
.fotns ul li a:hover{ color:#fff;}
.keword-input{ margin:20px 0;}
.keword-input input{ width:260px; padding:10px 5px; border:1px solid #ddd;}
.search-sot{ margin-top:20px;}
.search-sot input{ background:#00a73b; color:#fff; width:260px; height:40px; border:none; cursor:pointer;transition:all 1s ease 0s; font-size:14px;}
.search-sot input:hover{ background:#0068b6;transition:all 1s ease 0s;}

.sktv{ margin-top:15px;}
.sktv h3{ font-size:32px; /*background:url(../images/tq.jpg) no-repeat left center;*/ line-height:50px; /*text-indent:20px;*/ color:#0068b7;}
.sktv p{ color:#666; line-height:1.6;}


.pchs-tab{ margin-top:30px;}
.tab-nav{ height:58px;}
.tab-nav li{ float:left; width:238px; height:58px; text-align:center; margin-right:2px;}
.tab-nav li.curr{ background:url(../images/zx.png) no-repeat center bottom;}
.tab-nav li:hover{ background:url(../images/zx.png) no-repeat center bottom;}
.tab-nav li a{ display:block; background:#e5e5e5; line-height:50px; width:100%; height:50px; cursor:pointer; font-size:16px;}
.tab-nav li.curr a{ color:#fff; background:#0068b7;}
.tab-nav li:hover a{ color:#fff; background:#0068b7;}
.tab-con{ width:1227px; margin-left:-27px; display:none;}
.tab-con li{ margin-top:15px; margin-bottom:15px; margin-left:27px; float:left;width:382px; position:relative; overflow:hidden;}
.tab-con li img{ width:382px; height:auto;}
.tab-con li .on-tit{ line-height:55px; height:55px; background:url(../images/bg-col.png); position:absolute; left:0; bottom:5px; width:100%; color:#fff; font-size:16px; text-transform:uppercase; padding:0 3%; z-index:1;transition:all 1s ease 0s;}
.tab-con li .on-tit span{ float:right; display:block; height:55px; width:12px; background:url(../images/xs.png) no-repeat center center; float:right;}
.tab-con li .off-tit{line-height:55px; height:55px; background:#0068b6; position:absolute; left:0; bottom:-50px; width:100%;color:#fff; font-size:16px; text-transform:uppercase;padding:0 3%; z-index:2;transition:all 1s ease 0s;}
.tab-con li .link{ width:100%; height:100%; position:absolute; left:0; z-index:1; background:url(../images/bg-col.png); top:-100%;transition:all 1s ease 0s;}
.tab-con li .link a{ display:block; width:100%; height:100%; background:url(../images/smt.png) no-repeat center center;}

.tab-con li:hover .on-tit{bottom:-50px;transition:all 1s ease 0s;}
.tab-con li:hover .off-tit{bottom:0px;transition:all 1s ease 0s;}
.tab-con li:hover .link{ top:0;transition:all 1s ease 0s;}


.cp-lb{ padding:20px 0;}
.sild-nav{ width:283px; float:left;}
.sild-nav h3{ font-size:20px; text-transform:uppercase; text-align:center; line-height:70px; height:73px; border-bottom:3px solid #00a73b; background:url(../images/btg.jpg) no-repeat center top; background-size:100% 100%; color:#fff;}
.dres{ display:none;}
.sild-nav ul li{ margin-bottom:1px;}
.sild-nav ul li > a{ line-height:45px; height:45px; display:block; background:#e5e5e5 url(../images/q01.png) no-repeat 10px center; text-indent:28px;}
.sild-nav ul li > a:hover{ color:#0068b6;}
.sild-nav ul li > a.cur{background:#0068b6 url(../images/q02.png) no-repeat 10px center; color:#fff;}
.sild-nav ul li .e-cent{ display:none;}
.sild-nav ul li .e-cent a{ display:block; line-height:30px; height:30px; background:url(../images/x01.jpg) no-repeat 30px center; text-indent:50px;transition:all 1s ease 0s;}
.sild-nav ul li .e-cent a.cur{background:url(../images/x02.jpg) no-repeat 30px center; color:#0068b6;}
.sild-nav ul li .e-cent a:hover{background:url(../images/x02.jpg) no-repeat 40px center;color:#0068b6;transition:all 1s ease 0s;}
.cp-stn{ float:right; width:887px;}
.cotsk{ font-size:18px; line-height:70px; color:#fff; text-indent:20px; margin:0; background:url(../images/bc.jpg) no-repeat; background-size:100% 100%;}

.duino{ width:908px; margin-left:-21px;}
.duino li{ width:280px; padding:10px 10px 0; margin-left:21px; margin-top:21px; border:1px solid #e5e5e5; float:left; box-shadow:5px 5px 0px #e5e5e5;-moz-box-shadow:5px 5px 0px #e5e5e5; -webkit-box-shadow:5px 5px 0px #e5e5e5;}
.duino li .pic img{ width:258px; height:183px;}
.duino li .tit{ height:30px; line-height:30px; overflow:hidden; font-size:16px; text-transform:uppercase; font-weight:bold;}
.duino li .tit a:hover,.duino li .cont a:hover{ color:#0068b6;}
.duino li .cont{ line-height:20px; height:60px; overflow:hidden;}
.duino li .cont a{ color:#666;}
.duino li .link{ margin-top:15px; line-height:30px; border-top:1px solid #e5e5e5; background:url(../images/eys.jpg) no-repeat left center; padding-left:30px; color:#999; font-size:12px;}
.duino li .link a{ float:right; color:#999;}
.mob-pic{ display:none;}
.cp-som{ margin-top:30px;}
.pro-zoom{ float:left; width:470px;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{ width: 470px; height: 330px;}
.spec-preview{width:470px;height:330px;margin: 0 auto;}
.spec-scroll{clear:both;margin:10px auto;width:470px;}
.spec-scroll .prev{float:left; background: url(../images/left.gif) center center no-repeat;}
.spec-scroll .next{float:right;background: url(../images/right.gif) center center no-repeat;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:12px;height:45px;cursor:pointer; margin:0 10px;}
.spec-scroll .items{float:left;position:relative;width:395px;height:50px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:80px;}
.spec-scroll .items ul li{float:left;width:80px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:62px;height:45px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}



.rbns{ width:385px; float:right;}
.rbns .tit{ font-size:24px; line-height:65px; height:65px; overflow:hidden;}
.rbns .dcs{ color:#666; line-height:25px;font-size:14px; line-height:2;}


.rbns .jiks{ border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:20px 0; margin-top:20px; line-height:32px;}
.rbns .jiks input{ width:93px; height:29px; background:url(../images/d.jpg); border:none; margin-right:40px; vertical-align:middle}
.rbns .jiks img{ margin:0 10px}

.rbns .cos{ padding:15px 0; border-bottom:1px solid #ebebeb; text-transform:uppercase;}
.rbns .cos > a { margin-left:15px;}
.ds-xx{ margin-top:20px;}
.ds-xx .cp-nav li{ width:219px; text-align:center; cursor:pointer; height:35px; line-height:35px; background:#e5e5e5; float:left; margin-right:2px;}
.ds-xx .cp-nav li.cur{ color:#fff; background:#0068b6;}
.tach-dn{ line-height:2; color:#666; padding:20px 0; display:none;}



.th-ly{ background:#f6f6f6; padding:50px 10px; border-bottom:5px solid #0068b6; margin:50px 0;}
.th-ly ul{ width:580px; float:left;}
.th-ly li{ margin-bottom:10px;}
.th-ly li span{ display:inline-block; width:112px; text-align:right; margin-right:3px;}
.th-ly li input{ border:1px solid #ddd; background:#fff; width:410px; padding:0 5px; height:28px; line-height:28px;}
.th-ly li input.nbs{ width:80px; margin-right:5px;}
.th-ly li textarea{ vertical-align:top; border:1px solid #ddd; padding:5px; width:410px; resize:none; height:140px;}
.th-ly li b{ color:#e00; margin-right:3px;}
.th-ly li em{ font-style:normal;}
.th-ly h3{ clear:both; padding-left:115px;}
.th-ly h3 input{ width:150px; height:35px; font-weight:normal; font-size:14px; background:#e5e5e5; border:none; margin-right:20px;}
.download-ts{ padding:30px 0;}
.scths{ padding:10px; border:1px solid #ddd;}
.tachs{ margin-bottom:0;}
.scths input[type=text]{ width:460px; border:1px solid #ddd; padding:5px; height:38px;}
.scths input[type=button]{ background:#00a83b; height:38px; border:none; color:#fff; font-size:16px; width:180px;}
.down-cp{ margin-top:10px; overflow:hidden;}
.down-cp ul li{ margin-bottom:10px; line-height:46px; padding:17px 0; background:#f6f6f6; position:relative;transition:all 1s ease 0s;}
.down-cp ul li.lceven{ left:-100%;}
.down-cp ul li.lcodd{ right:-100%;}
.chol ul li.lceven{ left:0%;transition:all 2s ease 0s;}
.chol ul li.lcodd{ right:0%;transition:all 2s ease 0s;}


.down-cp ul li:hover{ background:#0068b6;}
.down-cp ul li:hover span{ color:#fff;}
.down-cp ul li span{ display: inline-block; font-size:16px; text-align:center; color:#666;}
.down-cp ul li span.name{ width:52%; text-align:left; background:url(../images/v01.png) no-repeat 20px center; text-indent:80px;}
.down-cp ul li:hover span.name{background:url(../images/v02.png) no-repeat 20px center;}
.down-cp ul li span.pres{ width:12%;}
.down-cp ul li span.bugs{ width:12%;}
.down-cp ul li span.date{ width:18%;}
.down-cp ul li span.downs{ width:6%;}
.down-cp ul li span.downs a{ text-indent:-9999px; display:inline-block; height:46px; width:46px; background:url(../images/v03.png) no-repeat;}
.down-cp ul li:hover span.downs a{background:url(../images/v04.png) no-repeat;}


.con-cns{ padding:20px 0;}
.con-cns h3{ background:url(../images/tq.jpg) no-repeat left center; line-height:32px; font-size:24px; text-indent:20px;}
.con-cns .scof{ line-height:2; color:#666; margin-top:12px;}
.map-stu{ margin:15px 0;}
.c-xst{ line-height:2;}
.c-xst span{ color:#e00;}



/**/
.pcho{ padding:18px; background:#00a73b;}
.pcho a{ display:inline-block; width:40px; height:34px; float:left;}
.pcho a i{display:inline-block; width:40px; height:34px; text-indent:-9999px; }
.bgts01 i.ost01{ background:url(../images/xz01.png);background-size:100% 100%;}
.cur i.ost01{ background:url(../images/xz02.png);background-size:100% 100%;}
.bgts02 i.ost02{ background:url(../images/xz03.png);background-size:100% 100%;}
.cur i.ost02{ background:url(../images/xz04.png);background-size:100% 100%;}
.lbs-tabs{ display:none;}
.lbs-tabs ul li{ padding:10px; background:#f6f6f6; margin-top:10px; color:#999;}
.lbs-tabs ul li:hover{ background:#0168b7; color:#fff;}
.lbs-tabs ul li .pic{ float:left; width:173px;}
.lbs-tabs ul li .pic img{ width:100%; height:auto;}
.lbs-tabs ul li .tit{ font-size:16px; line-height:30px; height:30px; overflow:hidden; float:right; font-weight:bold; width:990px;}
.lbs-tabs ul li:hover .tit a,.lbs-tabs ul li:hover .data a{ color:#fff;}
.lbs-tabs ul li .con{float:right; width:990px; height:50px; line-height:25px; overflow:hidden;}
.lbs-tabs ul li .data{ font-size:12px; margin-top:5px;width:990px; float:right;}
.lbs-tabs ul li .data span{ float:right;}
.lbs-tabs ul li .data a{ color:#999;}


@media (max-width: 640px){
.bottom_tools,.dowebok-hd .secach,.pgs-on .emw,.img-gns,.nav .clear,.search,.btn-sn,.fp-controlArrow,#dowebok .section h2 em,.responsive .slick-prev,.responsive .slick-next{ display:none;}
.warp{ width:100%;}
.frame-tit h2 {font-size: 16px; line-height: 24px;}
.frame-tit h3{ font-size:12px;}
.frame-news-txt img{ width:100%; height:auto;}


.dowebok-hd{ height:44px;}
.dowebok-hd .logo{ padding-top:4px; margin-left:3%;}
.dowebok-hd .logo img{ width:auto; height:40px;}
.dowebok-hd .mob-nav{ display:block; height:30px; width:80px; background:url(../images/mob-cd.jpg) no-repeat; background-size:100% 100%; float:right; margin-right:3%; margin-top:8px;}
.dowebok-hd .nav{ display:none; position:absolute; width:100%; top:44px; margin:0; padding:0; background:url(../images/bg-col2.png);}
.dowebok-hd .nav ul li{ width:100%; border-bottom:1px dashed #999; background:none;}
.dowebok-hd .nav ul li > a{ color:#fff; display:block; width:100%; height:45px; text-align:left; text-indent:15px;}
.dowebok-hd .nav ul li > a.cur{ background:none;}
.dowebok-hd .nav ul li .dop-kn{ display: none; position:relative; left:0; top:0; height:auto; margin-bottom:10px;}
.dowebok-hd .nav ul li .dop-kn a{ width:100%; text-align:left; color:#f1f1f1; text-indent:35px; line-height:35px; float:inherit;}
#dowebok .section h2{ font-size:14px; margin-bottom:0;}
#dowebok .section h2 span{ padding:0 10px;}
.shinps .sh-shows{ width:47%; margin-left:2%; height:40%; position:relative; float:left; padding:20px 3% 0; margin-bottom:2%; background:#0068b7; color:#fff;}
.shinps .sh-shows .pic{ width:50px; height:50px;}
.sh-shows .tit{ font-size:12px; line-height:25px;}
.sh-shows .punt{ line-height:20px; height:40px; overflow:hidden; font-size:10px; color:#fff;}
.sh-shows .link{ margin-top:5px;}
.sh-shows .link a{ width:100%; height:30px; line-height:30px; font-size:12px; border:1px solid #00a73c; color:#fff; background:#00a73c;}
.shinps .nums01 .pic{ background-image:url(../images/ns1-2.png);}
.shinps .nums02 .pic{ background-image:url(../images/ns2-2.png);}
.shinps .nums03 .pic{ background-image:url(../images/ns3-2.png);}
.shinps .nums04 .pic{ background-image:url(../images/ns4-2.png);}
.nums01{ left:100%; transition:all 1s ease .5s;}
.nums02{ left:100%; transition:all 1s ease .5s;}
.nums03{ right:100%; transition:all 1s ease .5s;}
.nums04{ right:100%; transition:all 1s ease .5s;}
.active .nums01{ left:0px; transition:all 1s ease 0s;}
.active .nums02{ left:0px; transition:all 1s ease 0s;}
.active .nums03{ right:0px; transition:all 1s ease 0s;}
.active .nums04{ right:0px; transition:all 1s ease 0s;}
.ptns-ov{float: inherit; margin:0 auto;}
.bt-bg{ font-size:10px;}
.ty-wide{ width:100%; float:left;}
.ty-wide dl{ padding:0 2%;}
.ty-wide dl a dt{ font-size:14px; font-weight:normal; line-height:35px; height:35px; overflow:hidden;}
.ty-wide dd{ display:none;}
.more-st{ margin-top:0;}
.responsive { width:100%; margin:0 auto; text-align:center;}
.responsive .slick-next,.responsive .slick-prev{ top:-9999px;}
.video-on{ width:100%; height:auto; display:none; float:left; margin-top:10px;} 
.ofix{ width:100%; float:left;}

.lcks{ width:100%; float: right; padding:0 2%; margin-top:0;}
.lcks dt{ margin-bottom:0px;}
.lcks dt a{ display:inline-block; text-transform:uppercase; font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.lcks dd{ line-height:25px; height:50px; overflow:hidden;}
.lcks dd.ovstn{ height:40px; margin-top:10px;}
.con-main{ padding-top:40px;}
.foot{ height:auto; padding-bottom:100px; overflow:hidden;}
.foot > h2{ display:none;}
.butsn{ width:100%; padding:0 2%;}
.butsn dl{ width:25%; margin:0; text-align:center; line-height:30px; padding-top:15px;}
.butsn dl dt{ font-size:12px;}
.butsn dl dd{ display:none;}
.tonglk{ width:100%; padding:0 2%;}
.img-w{ width:33%}
.img-w img{ width:100%; height:auto;}
.ncth{ width:55%;}
.ncth .tit,.ncth .line,.ncth .fxs{ display:none;}

.drees-cove{ height:38px; margin-top:10px;}
.drees-cove img{ height:35px; width:auto;}
.drees-cove a.backhome{ width:35px; height:35px;}
.ofcit{ margin:10px 0; padding:0 3%;}
.ofcit img{ width:100%; height:auto; padding:0; display:block; border:none;}
.ofcit span{ width:100%;height: auto;}

.chobs ul{ width:100%; margin-left:0px; margin-bottom:0px;height:auto;}
.chobs ul li{ width:47%; margin-left:2%; margin-bottom:10px;}
.chobs ul li.cos-01{ top:0px;}
.chobs ul li.cos-02{ bottom:0px;}
.chobs ul li.cos-03{ top:0px;}
.chobs ul li.cos-04{ bottom:0px;}
.chobs ul li img{ width:100%; height: auto;}
.chobs ul li .tit span{ line-height:35px; font-size:12px;}
.chobs ul li .tit a{font-size:12px;}
.chobs ul li .play{ width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background:url(../images/play.png); background-size:100% 100%;}
.chobs ul li .play a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.drees-cove ul{ position:absolute; top:38px; background:url(../images/bg-col2.png); left:0; display:none; z-index:10}
.drees-cove ul li{ background: none; border-bottom:1px dashed #999; width:100%; height:45px; line-height:45px; text-align:left; padding:0 3%;}
.drees-cove ul li a{ font-weight:normal;}
.drees-cove ul li a.cur{ border:none;}
.drees-cove span{ display:block; height:35px; background:url(../images/xx.jpg) no-repeat 10px center; text-indent:30px; line-height:35px; color:#fff; font-weight:bold;text-transform:uppercase; }
.cpos{ margin-bottom:0px; width:100%; padding:0 3%;}
.cpos li{ float:left; width:100%; text-align:center;}
.cpos li img{ width:100%; height:auto;}
.fz-cent h2,.fz-cent h3,.year-sd .bs-on{ display:none;}
.fadnt{ background: none;}
.year-sd{ padding:0;}
.year-sd dl dt{ width:20%;}
.year-sd dl dd{ width:80%; line-height:25px; height:50px; overflow: hidden;}
.penit{ width:100%; padding:10px 2%;}
.penit .pic{ width:100%;}
.penit .tit{ width:100%;}
.vid-ct{ width:100%; margin-left:0; padding-bottom:10px; padding:0 3%;}
.vid-ct ul li{ width:100%; padding:5px; margin-left:0px; margin-top:10px; border:1px solid #ddd; float:left; overflow:hidden; position:relative;transition:all 1s ease 0s;}
.vid-ct ul li.nth-l{ left:0;}
.vid-ct ul li.nth-m{  top:0;}
.vid-ct ul li.nth-r{ right:0;}
.vid-ct ul li .pic{ position:relative;width:100%}
.vid-ct ul li .pic span{width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
.mos-com{ width:96%; margin-left:2%; margin-top:10px;}
.reg-suk{ width:96%; margin-left:2%; float:left; margin-top:10px; height:200px;}
.fotns,.keword-input input,.search-sot input{ width:100%;}
.sktv{ width:100%; padding:0 2%;}
.sktv h3{ font-size:18px;}
.pchs-tab{ margin-top:10px;}
.tab-nav{ width:100%; padding:0 2%; height:auto;}
.tab-nav li{ width:100%; margin-right:0; height:43px; float:inherit;}
.tab-nav li span{ height:35px; line-height:35px;}
.tab-con{ margin:0; width:100%; padding:0 2%;}
.tab-con li{ width:100%; margin:0; margin-bottom:10px;}
.tab-con li img{ width:100%; height:auto;}
.cp-lb{ padding:0 2%; margin-top:10px;}
.sild-nav{ width:100%;}
.dres{ display:block; background:#0068b6 url(../images/xj.jpg) no-repeat right center; margin-top:10px; line-height:40px; color:#fff; padding:0 2%;}
.dres .text-big{ font-weight:bold; font-size:16px;}
.sild-nav ul{ display:none;}
.sild-nav ul li > a.cur{background:#e5e5e5 url(../images/q01.png) no-repeat 10px center; color:#333;}
.cp-stn{ width:100%;}
.cotsk{ line-height:35px; text-indent:2%; font-size:14px;}
.duino{ width:100%; margin:0;}
.duino li{ width:100%; margin-left:0; margin-top:15px;}
.duino li .pic img{ width:100%; height: auto;}
.cp-som{ margin-top:10px;}
.pro-zoom{ display:none;}
.mob-pic{ display:block; float:left; margin-top:10px; width:100%;}
.mob-pic img{ width:100%; height:auto; margin-bottom:10px;}
.rbns .jiks input{ margin-right:0px;}
.rbns .jiks img{ margin:0 3px 0 10px;}
.rbns{ width:100%;  float:left;}
.rbns .tit{ line-height:40px; font-size:18px; height:40px;}
.rbns .cos > a { margin-left:5px;}
.ds-xx .cp-nav li{ width:47%; margin-left:2%; font-size:12px; margin-bottom:10px;}

.th-ly{ padding:10px 2%; margin:10px 0;}
.th-ly ul{ width:100%;}
.th-ly li{ margin-bottom:10px;}
.th-ly li span{ width: auto; float:left; text-align:left;}
.th-ly li input{ padding:0 2%; width:100%;}
.th-ly li textarea{ width:100%; padding:10px 2%; resize:none; height:140px;}
.th-ly li em{ display:block;}
.th-ly h3{ clear:both; padding-left:0;}
.th-ly h3 input{ width:45%; height:35px; margin-right:2%;}
.tachs{ margin-bottom:10px;}
.scths input[type=text]{ width:100%; margin-bottom:10px;}
.scths input[type=button]{ width:100%;}
.down-cp ul{ padding:0 2%;}
.down-cp ul li span{ font-size:14px;}
.down-cp ul li:hover{ background:#f6f6f6;}
.down-cp ul li:hover span{ color:#666;}
.down-cp ul li span.name{ width:100%;background-position:5px center;  text-indent:50px; overflow:hidden; height:46px;}
.down-cp ul li:hover span.name{background:url(../images/v01.png) no-repeat 5px center;}
.down-cp ul li span.pres{ width:20%;}
.down-cp ul li span.bugs{ width:30%;}
.down-cp ul li span.date{ width:50%;}
.down-cp ul li span.downs{ width:100%;}
.down-cp ul li:hover span.downs a{background:url(../images/v03.png) no-repeat;}
.con-cns{ padding:10px 2%;}
.con-cns h3{ font-size:18px;}
.map-stu{ width:100%; height:300px; overflow:hidden;}
.video-mob{ display:block; width:100%;}

.tach-dn p img{ max-width:100%;}


/**/
.pcho{ padding:5px;}
.pcho a{ display:inline-block; width:30px; height:25px; float:left;}
.pcho a i{display:inline-block; width:30px; height:25px; text-indent:-9999px; background-size:100% 100%;}


.lbs-tabs ul li{ padding:10px 2%;}
.lbs-tabs ul li .pic{ float:left; width:100%; text-align:center;}
.lbs-tabs ul li .pic img{ width:100%; max-width:260px; height:auto;}
.lbs-tabs ul li .tit{ width:100%; text-align:center;}
.lbs-tabs ul li .con{ width:100%;}
.lbs-tabs ul li .data{width:100%; }

.shik{ overflow:hidden;position:relative;}
.shik > div{ width:98%;height:100%;}
.shik .pic{ position: relative; left:0; top:0; z-index:50; width:100%; height: auto;}
.shik .pic img{ width:98%; height:auto;}
.shik .bgs{ position: relative; top: auto; bottom:0; left:0%; height:50px; background:#0068b7; z-index:99;}
.shik .tit{ z-index:100; position:absolute;top: auto; bottom:0; left:0%; height:50px; color:#fff;width:100%;}
.shik .tit h5{ font-size:12px; font-weight:normal; text-transform:uppercase; height:45px; line-height:45px;}
.shik .tit h6{}
.shik .tit h6 span{ display:inline-block; height:2px; width:25%; background:#00a73c;transition:all 1s ease 0s;}
.shik:hover .tit h6 span{ background:#fff;transition:all 1s ease 0s;}
.shik .ofic{ line-height:25px; height:75px; overflow:hidden; margin:40px 0; padding:0 20px;}
.shik .link a{ width:130px; height:45px; text-align:center; line-height:45px; border:1px solid #fff; border-radius:3px; color:#fff; display:inline-block;}










}