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

* {margin: 0;padding: 0;}
body {font-family: "microsoft yahei",font-size: 14px;}

a{ text-decoration: none;}
li{list-style: none;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#064bbd;;text-decoration:none;}

/*头*/  
.top{ height: 100px;width: 100%;background: #ffffff;position: fixed; z-index: 100;top: 0;left: 0;color: #666;box-shadow: 0 5px 5px -5px #ccc}
.header{ width: 1100px; height: 91px; margin: 0 auto;}
.logo{ width: 191px;height: 61px; float: left; margin: 15px 20px 15px 0;}
.nav{width: 840px;float:left;height:80px; margin-left:20px;}
.nav a{ display: block;line-height: 60px;}
.nav ul li{font-size: 16px;float:left;height: 60px;width:115px;text-align: center; overflow: hidden;transition:all 0.4s; position: relative;}
.nav ul li:hover{height: auto;transition:all 0.4s;box-shadow: 0 0 2px #c5c2c2;}
.nav ul li:hover span{width: 30%;display: block; height: 1px; border: 1px #a9a9a9 solid; background: #064bbd;box-shadow: 0px 0px 27px #064bbd;margin: 0 auto;transition: all 0.4s;}
.nav ul li:hover i{width: 0;height: 0;border: 7px solid red;border-top-color: #064bbd; border-bottom: none;border-left-color: transparent;border-right-color: transparent; position: absolute; top: 56px;left: 50px;transform: rotate(180deg);transition: all 0.4s;}
.nav ul li:hover .navxx{ background: #ffffff;transition:all 0.4s;}
.nav ul li:hover .navxx:hover{ background: #064bbd;transition:all 0.4s; color:#FFF; }

.nav-r{width: 420px; float: right; margin-left:30px;}  
.nav-r1{color: #333;font-size: 12px; margin-top: 10px; height: 20px;float: left;}

/*.navxx{background: #fff;transition:all 0.8s;}
/*结束*/
/*轮播开始*/
.apple-banner {width: 100%;height: 536px;overflow: hidden; margin-top: 100px;}
.apple-banner .swiper-container {width: 100%;height: 536px;}
.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.swiper-button-prev{left:0;}	
.swiper-button-next{right:0;}	
.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;border-radius: 100%;background: rgba(180,180,180,0.25) url("../images/arrows.png") no-repeat center 17px;opacity: 0; -webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(180,180,180,0.25) url("../images/arrows.png") no-repeat center -71px;left:auto;right:20px;}
.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6;}
/*分页器*/
.apple-banner .swiper-pagination{top:auto;bottom:50px;background:none;}
.apple-banner  .swiper-pagination-bullet {display: inline-block;width: 50px;height: 30px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.apple-banner  .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(128,128,128,0.2);}
.apple-banner .swiper-pagination-bullet-active span{background:gray;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(128,128,128,0.2);}
.apple-banner  .swiper-pagination-bullet i{background: gray;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}
.apple-banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.apple-banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.apple-banner  .autoplay .replace span{background:gray;}
/*内容样式*/
.slide1 {background-size: auto 100%;}/*图1*/
/*.slide1 .title {text-align: center;margin-top: 100px;font-size: 30px;font-weight: normal;color: #fff;}*/
.slide2 {background-size: auto 100%;}/*图2*/

.slide3 {background-size: auto 70%;}

/*轮播结束*/
/*视频开始*/
main { display: block}
.jsmodern-select-none { -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none}
.jsmodern-marquee-inner {float: none !important; margin: 0 !important; padding: 0 !important;background: transparent !important}
.jsmodern-marquee-default, .jsmodern-marquee-repeat { float: left; margin: 0 !important;padding: 0 !important;background: transparent !important}
.jsmodern-marquee-part { display: block;float: left}
section.jsmodern-share {position: fixed;  top: 50% !important; left: 50% !important; width: 300px !important; height: 335px !important; z-index: 999999;  margin: 0 !important;  background: #fff; border: #ddd solid 1px;  border-radius: 10px; box-shadow: #ddd 0 0 20px;overflow: hidden !important;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.jsmodern-share p { display: block; height: 20px !important;text-align: center; font-size: 18px; margin: 15px 0 20px 0 !important}
.jsmodern-share section {float: none !important; width: 260px !important; height: 260px !important; margin: 0 auto !important;padding: 0 !important}
.jsmodern-share b:hover { opacity: .5}
.jsmodern-picture-container {display: block;position: relative;overflow: hidden}
.jsmodern-picture-container a {display: block;color: #fff;text-decoration: none}
.jsmodern-picture-container img { border: 0}
.jsmodern-picture-inner {position: absolute; height: 100%; top: 0; left: 0; overflow: hidden;  -webkit-transform: translateZ(0);transform: translateZ(0)}
.jsmodern-picture-part {position: relative;overflow: hidden}
.jsmodern-picture-fade { width: 100%}
.jsmodern-picture-fade .jsmodern-picture-part {position: absolute;display: none}
.jsmodern-picture-slide .jsmodern-picture-part {float: left}
.jsmodern-picture-slide img { display: block}
.jsmodern-picture-dot {position: absolute;bottom: 15px}
.jsmodern-picture-dot.jsmodern-picture-dotcenter { left: 50%; -webkit-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);transform: translate(-50%, 0)}
.jsmodern-picture-dot.jsmodern-picture-dotleft {left: 10px}
.jsmodern-picture-dot.jsmodern-picture-dotright { right: 10px}
.jsmodern-picture-dot b {display: block; float: left; width: 10px; height: 10px; background: #888; border-radius: 5px;cursor: pointer; margin: 0 5px;transition: .4s}
.jsmodern-picture-dot b.active {background: #fff}
.jsmodern-picture-prev {margin-left: 13px}
.jsmodern-picture-next {right: 0; margin-right: 13px;background-position: -17px 0}
.jsmodern-video {background: #000; position: relative; overflow: hidden;z-index: 10}
.jsmodern-video-panel { position: absolute; bottom: 0; left: 0;z-index: 2147483648;width: 100%;height: 40px;line-height: 40px;color: #fff; background: rgba(0, 0, 0, .8); -webkit-user-select: none; -moz-user-select: none; user-select: none}
.jsmodern-video-panel.jsmodern-video-panelFull { left: 50%; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px);transform: translate(-50%, -10px);padding: 3px 5px;border-radius: 8px}
.jsmodern-video-linebox { height: 6px;background: rgba(255, 255, 255, .25);border-radius: 3px;width: 460px;width: -webkit-calc(100% - 305px); width: -moz-calc(100% - 305px); width: calc(100% - 305px);float: left; margin: 17px 0 0 15px; position: relative;cursor: pointer}
.jsmodern-video-pass {position: absolute;border-radius: 3px;height: 100%;background:#f81e3d;}
.jsmodern-video-linedot {width: 6px;height: 6px;background: #fff; border-radius: 3px; -webkit-transform: scale(1.8); -ms-transform: scale(1.8);transform: scale(1.8);position: absolute}
.jsmodern-video-panel b {cursor: pointer}
.jsmodern-video-panel b, .jsmodern-video-panel span {display: block;float: left}
.jsmodern-video-panel span {font-size: 12px;cursor: default; -webkit-user-select: none; -moz-user-select: none;user-select: none}
.jsmodern-video-start {margin-left: 10px}
.jsmodern-video-start + span {width: 14px;height: 12px;text-align: center;line-height: 12px;font-size: 10px; overflow: hidden;margin-top: 13px; -webkit-transform: scale(1, 0.9) translateY(1px); -ms-transform: scale(1, 0.9) translateY(1px); transform: scale(1, 0.9) translateY(1px); -webkit-transform-origin: left top; -ms-transform-origin: left top;
    transform-origin: left top}
.jsmodern-video-start, .jsmodern-video-end {width: 39px; text-align: center}
.jsmodern-video-volumebox { width: 80px;height: 6px; background: rgba(255, 255, 255, .25); border-radius: 3px;float: left; margin: 18px 0 0 7px;position: relative;cursor: pointer}
.jsmodern-video-volumeline {width: 40px;height: 6px;background: #f81e3d;border-radius: 3px;margin-top: 0}
.jsmodern-video-volumedot {width: 6px;height: 6px;background: #fff;border-radius: 3px; margin: -6px 0 0 37px; -webkit-transform: scale(1.8);  -ms-transform: scale(1.8);transform: scale(1.8);position: absolute}
.jsmodern-video-play, .jsmodern-video-volume, .jsmodern-video-fullin {width: 18px;height: 18px; margin-top: 11px; background-position: center; background-repeat: no-repeat}
.jsmodern-video-play {margin-left: 10px; background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}
.jsmodern-video-pause { background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}
.jsmodern-video-volume { margin-left: 15px;background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}
.jsmodern-video-muted {background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}
.jsmodern-video-fullin {margin-left: 15px;background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}
.jsmodern-video-fullout {margin-left: 15px;background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}
#video {width:396px;height:266px;position: relative;float: left;box-shadow:9px -9px 0px #b6c7e4; margin-top: 64px;}
#video video {width: 100%;height: 100%;object-fit: fill;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;}

.main-big{font-size: 25px; margin-bottom:15px; display: block;line-height: 45px;height: 60px; border-bottom: 1px #064bbd solid; position: relative; color:#000;}
.main{ width: 1100px; height: 380px;margin: 0 auto;;}
.main-l{width: 180px;height: 138px;float: left;background: #064bbd; margin-top: 64px; text-align:center;}
.main-r{ float: left;width: 460px;height: 280px;margin-left: 40px; position: relative; margin-top: 64px;}

.main-r-more{ width:92px; height:31px; background:#727171;color:#fff; font-size:14px;line-height:31px; text-align:center; margin-top:15px; }
.main-r-more:hover{ background:064bbd; color:#fff; }
.main-r-more:hover a{ color:#fff; font-size:14px;}


.main_zi{font-size:14px; color:#2b2b2b;  text-align:left; line-height:23px; }
.main_zi a{font-size:14px; color:#2b2b2b;  text-align:left; line-height:23px; }
.main_zi a:hover{font-size:14px; color:064bbd; text-align:left; line-height:23px; }
/*视频结束*/
/*搜索与产品开始*/



.main1 {
    width: 100%;
    margin: 0 auto;
    height: 662px;
    background: #eaeaea;
}
.content-mz{width: 100%;height: 100%;background: #eaeaea;}


  .example {
    display: block;
    position: relative;
    padding: 5px;
    margin: 0;
    
    background: #eaeaea;
  }
  .example ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .example li {
    display: block;
    float: left;
	width: 360px;
    padding: 0;
  }
  .example li span{ margin: 0 auto;width:326px; height:75px;display: block; background:#fff; padding:10px; color:#000; font-size:14px;}
    .example li img {
      display: block;
    margin: 0 auto;
    width: 346px;
    height: 265px;
    }

.morecp{ width:212px; height:44px; background:#064bbd; color:#fff; font-size:18px; line-height:44px; text-align:center; margin:0 auto; margin-top:-20px;}
.morecp:hover{background: #727171;}
.morecp:hover a{color: #fff; font-size:18px; font-weight:bold;}

.morecp_js{ width:92px; height:31px; background:#064bbd; color:#fff; font-size:14px; line-height:31px; text-align:center; margin-top:15px;}
.morecp_js:hover{background: #727171;}
.morecp_js:hover a{color: #fff; font-size:14px; font-weight:bold;}

.demo {
  display: block;
  position: relative;
  margin: 0 0 50px 0;
}

pre, code {
  font-family: Monaco, monospace;
  overflow: hidden;
}

pre.prettyprint {
  padding: 0;
  border: none;
  max-width: 100%;
  overflow: hidden;
}

.tag {
	color: #3C4348;
}

.atv, .str, .kwd, .lit {
	color: #A0D0AB;
}

.pun, .opn, .clo, .atn {
	color: #3C4348;
}

.com {
	color: #C4CDD2;
}

hr {
  border: none;
  outline: none;
  height: 1px;
  background: #F7F7F7;
  margin: 50px 0;
}
.body-subcontainer {width: 1100px;margin: 0 auto;}
.body-subcontainer.responsive-width-demo { width: auto;min-width: 315px;}
.microfiche-controls {display: block;text-align: center;font-size: 10px;padding: 5px 0px;}
.microfiche-bullet {display: inline-block; cursor: pointer;width: 10px; height: 10px;border-radius: 6px;background: #000; overflow: hidden;text-indent: -1000px;margin: 0 5px;opacity: 0.25;appearance: none;border: none;outline: none;padding: 0;}
.microfiche-bullet.selected {opacity: 1;}
.microfiche-button {margin: 0 15px; display: none;}

/*产品应用范围区*/
.content{/*background-attachment: fixed;*/width: 100%;height: 570px; background-image: url( "../images/cpbg.jpg");}
.in_cp {width: 1100px;margin: 0 auto;height: auto; overflow: hidden;text-align: center;padding-top: 50px;font-size: 25px; font-weight: bold; line-height: 28px; color:#fff;}
.in_cp_4 {width: 90px; height: 2px; background: #def2f5; margin: 0 auto; margin-top: 15px;}
.in_cp_3 {width: 90px; height: 2px; background: #064bbd; margin: 0 auto; margin-top: 15px;}
.main2 {width: 1100px;height: 380px;margin: 0 auto;}
.info1 {width: 1100px;margin: 0 auto;overflow: hidden;margin-top: 52px; margin-bottom: 20px;}


.haochu_con_div_1{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case1.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_1:hover{ background:url(../image/case1-1.png) #064bbd; color: #fff;}
.haochu_con_div_1:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_2{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case2.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_2:hover{ background:url(../image/case2-1.png) #064bbd; color: #fff;}
.haochu_con_div_2:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_3{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case3.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_3:hover{ background:url(../image/case3-1.png) #064bbd; color: #fff;}
.haochu_con_div_3:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_4{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case4.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_4:hover{ background:url(../image/case4-1.png) #064bbd; color: #fff;}
.haochu_con_div_4:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_5{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case5.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_5:hover{ background:url(../image/case5-1.png) #064bbd; color: #fff;}
.haochu_con_div_5:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_6{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case6.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_6:hover{ background:url(../image/case6-1.png) #064bbd; color: #fff;}
.haochu_con_div_6:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_7{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case7.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_7:hover{ background:url(../image/case7-1.png) #064bbd; color: #fff;}
.haochu_con_div_7:hover a{ color: #fff; font-size:18px; font-weight:bold;}

.haochu_con_div_8{ width:251px; height:45px; margin-left:10px; margin-bottom:15px; float:left; margin-right:10px; border:1px solid #dedede; background:url(../image/case8.png) #def2f5; text-align:center; font-size:18px; padding-top:110px; }
.haochu_con_div_8:hover{ background:url(../image/case8-1.png) #064bbd; color: #fff;}
.haochu_con_div_8:hover a{ color: #fff; font-size:18px; font-weight:bold;}

/*.haochu_con_div:hover img{opacity: 1;}*/
/*.haochu_con_div img{ text-align:center; margin-top:30px; margin-bottom:10px; padding-bottom:5px; }*/

/*.haochu_con_div a:hover{background:#064bbd; color: #fff; width:253px; height:130px;  }*/
/*结束*/
/*新闻*/
.in_new {width: 1100px;margin: 0 auto;height: auto; overflow: hidden;text-align: center;padding-top: 50px;font-size: 25px; line-height: 28px; color:#000;}
.morenew{ width:212px; height:44px; background:#064bbd; color:#fff; font-size:18px; line-height:44px; text-align:center; margin:0 auto; margin-top:20px;}
.morenew:hover{background: #606060;}
.morenew:hover a{color: #fff; font-size:18px; font-weight:bold;}
/*新闻结束*/
/*尾部*/
.con_ind_bg{height: 320px; width: 100%; background:#fff; margin:0 auto; border-top:1px solid #717171;}
.con_ind_bg_z{ width:1100px; margin:0 auto; margin-top:70px; margin-bottom:46px;}
.con_ind_bg_z_1{ width:367px; float:left; text-align:center; height:auto; overflow:hidden; margin-right:80px;}
.con_ind_bg_z_bigzi{ line-height:32px; text-align:center; color:#333; font-size:16px;font-family: "microsoft yahei"; font-weight:bold;}

.con_ind_bg_z_2{ width:438px; float:left; text-align:center; height:auto; overflow:hidden;}
.con_ind_bg_z_2_1{ width:391px; height:32px; line-height:32px; text-align:left; color:#333; font-size:16px;font-family: "microsoft yahei"; font-weight:bold;}
.con_ind_bg_z_2_2{width: 40px; height: 2px; background: #064bbd; margin-top: 15px; }
.con_ind_bg_z_2_3{width:438px; margin-top:22px; text-align:left; line-height:25px;}

.con_ind_bg_z_3{ width:215px; float:left; text-align:center; height:auto; overflow:hidden;}
.con_ind_bg_z_3_1{ width:215; height:32px; line-height:32px; text-align:left; color:#333; font-size:16px;font-family: "microsoft yahei"; font-weight:bold;}
.con_ind_bg_z_3_2{width:215; margin-top:22px; text-align:left;}
.con_3_img{ width:125px; height:150px; float:left; margin-right:20px;}
.con_3_img_pp{ width:115px; height:35px; text-align:left; line-height:35px; color:#333; margin:0 auto; font-size:14px;}

.index_di{ width:100%; height:57px; background:#064bbd; text-align:center; color:#fff; font-size:14px; line-height:57px; margin:0 auto;}
.index_di a{ color:#FFF;}
.index_di a:hover{ color:#FFF;}




/*尾部结束*/





.content1{ background-attachment: fixed; width: 100%;height: 636px;background-image: url( "../images/gcbg.jpg"); overflow: hidden;}
.xwzx1-l{ height: 35px;float: left; width:525px;}
.xwzx1-l span{display: block; 
    margin-left: 10px;
	line-height: 20px;
	color:#000;
}
.xwzx2-l{    float: right;
    width: 74px;
    height: 35px;
	margin-left:60px;
	
}
.xwzx2-l span{ 
	color: #666;
	
}
.cpdl{
	height: 35px;
    border-bottom: 1px #d8d8d8 dashed;
    margin-bottom: 22px;
}
/**/
#banner {
	    margin-bottom: -10px;
    width: 1100px;
    margin: 0 auto;
}
#carousel {
	position:relative;
	z-index:2;
	margin-top:10px;
	transform-style:preserve-3d;
	perspective:800px;
	
}
#carousel img {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-252px;
	transition:transform .5s ease-in-out;
	box-shadow:8px 8px 20px rgba(0,0,0,.2);
	cursor:pointer;	
}
#bannerNav {
	position:relative;	
	height:10px;	
	text-align:center
}
#bannerNav ul li {
	cursor:pointer;
	overflow:hidden;
	display:inline-block;
	width:22px;
	margin:0 2px
}
#bannerNav ul li a {
	margin:0 auto;
	display:block;
	width:6px;
	height:6px;
	vertical-align:top;
	border-radius:3px;
	background:#5e6671;
	font-size:0
}
#bannerNav ul li.on a,#bannerNav ul li:hover a {
	background:#23b8bc
}
#bannerNav ul li.on a {
	width:20px
}

#carousel {
	height:400px
}
#carousel img {
	width:500px;
	border-radius: 10px;
	opacity: 0;
}