body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #ffffff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #8f8f8f;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none!important;color: #055fcb;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
.container{margin:0 auto;padding:0!important;}
.img img{width: 100%;transition: 1s transform;}
#wrap_index{overflow: hidden;position: relative;padding-top: 96px;}
/*头部*/
#header{transition: 400ms;width: 100%;height: 96px;padding: 21px 0;position: fixed;top: 0;left: 0;z-index: 60;background:#fff;box-shadow: 0 0 10px #212121;}
/*鼠标下拉头部上缩*/
#header.head_up{height: 76px;padding: 11px 0;transition: 400ms;}
#header.head_up .nav_box .yiji:hover a.one:before,#header.head_up .nav_box .yiji a.current.one:before{bottom: -11px;}
#header.head_up .nav_box .yiji .libox{top: 65px;}

#header .nav_box{height:100%;position: relative;}
#header .nav_box .logo{width: 28%;float: left;padding-left: 2.5%;}
#header .nav_box .logo img{max-width: 100%;}
#header .nav_box .tell{width:16%;height: 54px;line-height: 54px;float: left;font-size: 15px;color: #000;padding-left: 26px;background: url(../images/tell.png) left center no-repeat;}
#header .nav_box .tell span{font-size: 18px;color: #e50012;}
#header .nav_box .yiji{width:7%;height:100%;float: left;text-align: center;}
#header .nav_box .yiji a.one{transition: 400ms;color: #000;display: block;height:54px;line-height:54px;font-size: 16px;position: relative;}
#header .nav_box .yiji:hover a.one,#header .nav_box .yiji a.current.one{color: #005eef;}
#header .nav_box .yiji a.one i{width: 9px;height: 54px;display: block;position: absolute;top: 0;right: 5%;background: url(../images/i1.png) right center no-repeat;}
#header .nav_box .yiji:hover a.one i,#header .nav_box .yiji a.current.one i{background: url(../images/i2.png) right center no-repeat;}
#header .nav_box .yiji:hover a.one:before,#header .nav_box .yiji a.current.one:before{content: "";width: 80px;height: 2px;background:#005eef;position: absolute;bottom:-21px;left: 50%;margin-left: -40px; animation: lines 0.3s ease forwards;}
@keyframes lines {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }
@keyframes sanjiao {  
    0% {opacity: 0;transform: translateY(-5px);} 
    100% {opacity: 1;transform: translateY(0);}  
  } 
#header .nav_box .yiji .libox{width: 100%;height: auto;background: #f7f7f7;display: none;position: absolute;top: 75px;left: 0;border-top: 1px solid #e6e6e6;}
#header .nav_box .yiji .libox .secend{width: 55%;float: left;padding: 38px 3% 38px 18%; background: #f7f7f7;}
#header .nav_box .yiji .libox .secend .seli{float: left;padding: 0 8px; width: 50%;height: 42px;line-height: 42px;margin: 5px 0;font-size: 14px;text-align: left;position: relative;overflow: hidden;}
#header .nav_box .yiji .libox .secend .seli a{color: #333;display: block;width: 100%;height: 100%;}
#header .nav_box .yiji .libox .secend .seli i{display: none;width: 20px;height: 20px;line-height: 20px;float: left;margin:12px 10px 0 2px;}
#header .nav_box .yiji .libox .secend .seli i img{width: 100%;}
#header .nav_box .yiji .libox .secend .seli i img.icon_h,#header .nav_box .yiji .libox .secend .seli:hover i img.icon{display: none;}
#header .nav_box .yiji .libox .secend .seli:hover i img.icon_h{display: block;}
#header .nav_box .yiji .libox .secend .seli:hover{background: #0093ff;}
#header .nav_box .yiji .libox .secend .seli:hover a{color: #fff;font-weight: bold;}
#header .nav_box .yiji .libox .secend .seli:before{content: "";transition: 400ms;opacity: 0.5;width:24px;height: 13px;background: url(../images/i12.png) center no-repeat;background-size: 100% auto;position: absolute;right: 12%;top: 16px; }
#header .nav_box .yiji .libox .secend .seli:hover:before{right: 6%;transition: 400ms;opacity: 1;}
#header .nav_box .yiji .libox .libox_r{width:45%;float: left;padding: 20px 18% 20px 3%;background: #fff;}
#header .nav_box .yiji .libox .libox_r .nav_img,#header .nav_box .yiji .libox .libox_r .nav_img img{width: 100%;}
#header .nav_box .yiji .libox .libox_r .nav_dec{width: 100%;height: auto;overflow: hidden;text-align: left;}
#header .nav_box .yiji .libox .libox_r .nav_dec h1{font-size: 16px;color: #333;height: 30px;line-height: 30px;margin: 20px 0;}
#header .nav_box .yiji .libox .libox_r .nav_dec .more,#main .App2 .app2_l .more{display: block;width: 200px;height: 40px;line-height: 40px;font-size: 16px;color: #e50012;padding: 0 20px;background: url(../images/bg1.png) center no-repeat;background-size: 100% auto;}

/*手机头部*/
#molheader{width: 100%;height: 66px;padding: 0 16px;background: #fff;position: fixed;top: 0;left: 0;z-index:8;box-shadow: 0 0 10px #bdbdbd;}
#molheader .mol_logo{height: 100%; padding: 10px 0;}
#molheader .mol_logo img{height:100%;width: auto;}
#molheader .mol_navbutton{width: 32px;height:32px;top: 16px;right: 20px;}
#molheader .mol_navbutton img{width:100%;}
/*首页大图*/
#banner .bannerli{width: 100%;overflow: hidden;}
#banner .slick-arrow{width:42px;height: 80px;z-index: 8;transition: 400ms;}
#banner .slick-arrow:hover{transition: 400ms;}
.slick-prev:before,.slick-next:before{display: none;}
#banner .slick-prev{left: 6%;background: url(../images/prev.png) center no-repeat;background-size: 100% auto;}
#banner .slick-next{right: 6%;background: url(../images/next.png) center no-repeat;background-size: 100% auto;}
#banner .slick-prev:hover{background: url(../images/prev_h.png) center no-repeat;background-size: 100% auto;}
#banner .slick-next:hover{background: url(../images/next_h.png) center no-repeat;background-size: 100% auto;}
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner .slick-dots{bottom: 20px;}
#banner .slick-dots li{width: 14px;height: 14px;transition: 400ms;border: 1px solid transparent;}
#banner .slick-dots li button{width: 8px;height: 8px;background: #fff;margin: 2px;padding: 0;transition: 400ms;}
#banner .slick-dots li.slick-active{border: 1px solid #e50012;transition: 400ms;}
#banner .slick-dots li.slick-active button{background: #e50012;transition: 400ms;}
#banner .slick-dots li button:before{display: none;}
/*内容*/
#main{width: 100%;height: auto;position: relative;}
#main .About{width: 100%;height: auto;overflow:hidden;padding: 60px 0 180px 0;background: url(../images/bg2.jpg) repeat-y;}
#main .About .about_l{width: 50%;float: left;padding-right: 3%;}
#main .About .about_l h1{width: 100%;height: auto;font-size: 30px;color: #000;line-height: 1.5;margin: 20px 0;}
#main .About .about_l h1 span{color: #0a99ec;}
#main .About .about_l .ab_little{width: 100%;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #0a99ec;padding: 0 24px;overflow: hidden;}
#main .About .about_l .ab_dec{width: 100%;height: auto;overflow: hidden;font-size: 16px;color: #000;line-height: 1.7;margin: 20px 0;}
#main .About .about_l .more,#main .App .app_r .more,.tacks .bd .detil .more{display: block;width: 200px;height: 40px;line-height: 40px;font-size: 16px;color: #00a4ea;padding: 0 20px;background: url(../images/bg3.png) center no-repeat;background-size: 100% auto;}
#main .About .about_l .more:hover, #main .App .app_r .more:hover,.tacks .bd .detil .more:hover{background: #00a4ea;color: #fff;}
#main .App2 .app2_l .more:hover{background: #00a4ea;color: #fff;}
#main .About .about_r{width: 50%;float: right;padding-left: 15px;}
#main .About .about_r .about_img{width: 86.15%;height: auto;overflow: hidden;}
#main .About .about_r .about_img:before{content: "";width: 100%;height:100%;border: 9px dashed #dce3f4;position: absolute;top: 0;left: 0;border-radius: 50%;
-webkit-animation: allgo 23s infinite linear;animation: allgo 23s infinite linear;}
#main .About .about_r .about_img:after{content: "";width: 94.6%;height:94.6%;border: 4px dashed #4e7af1;position: absolute;top: 2.7%;left: 2.7%;border-radius: 50%;
-webkit-animation: allgo2 23s infinite linear;animation: allgo2 23s infinite linear;}
#main .About .about_r .abg{width: 91.428%;height: 91.428%;top: 4.2857%;left: 4.2857%;background: url(../images/ab_bg1.png) center no-repeat;background-size: 100% auto;position: absolute;
-webkit-animation: allgo 23s infinite linear;animation: allgo 23s infinite linear;}
#main .About .about_r .about_point{width:84.28%;height: 84.28%;border-radius: 50%;border: 2px dashed #537ef1; top: 7.857%;left: 7.857%;}
#main .About .about_r .about_point:before{content: "";width: 74%;height: 74%;border: 2px dashed #537ef1;position: absolute;top: 13%;left: 13%;border-radius: 50%;
-webkit-animation: allgo2 23s infinite linear;animation: allgo2 23s infinite linear;}
#main .About .about_r .about_point:after{content: "";width: 40%;height: 40%;position: absolute;top: 30%;left: 30%;border-radius: 50%;background: url(../images/ab_bg4.png) center no-repeat;background-size: 100% auto;
-webkit-animation: allgo 23s infinite linear;animation: allgo 23s infinite linear;}
#main .About .about_r .about_point .point{text-align: center;width: 20%;height:20%;border-radius: 50%;line-height: 20px;font-size:18px;color:#fff;font-weight: bold;}
#main .About .about_r .about_point .point i{display: block;width: 40px;height: 40px;margin: 10px auto 5px auto; }
#main .About .about_r .about_point .point1{background: #5152b3;top: 4%;left: 40%;}
#main .About .about_r .about_point .point1 i{background: url(../images/i13.png) center no-repeat;background-size: 100% auto;}
#main .About .about_r .about_point .point2{background: #f8618f;left: 4%;top: 30%;animation-delay: 0.2s;}
#main .About .about_r .about_point .point2 i{background: url(../images/i14.png) center no-repeat;background-size: 100% auto;}
#main .About .about_r .about_point .point3{background: #f4c379;right: 4%;top: 30%;animation-delay: 0.4s;}
#main .About .about_r .about_point .point3 i{background: url(../images/i15.png) center no-repeat;background-size: 100% auto;}
#main .About .about_r .about_point .point4{background: #8ed78f;bottom: 10%;left: 20%;animation-delay: 0.6s;}
#main .About .about_r .about_point .point4 i{background: url(../images/i16.png) center no-repeat;background-size: 100% auto;}
#main .About .about_r .about_point .point5{background: #56d6d3;bottom: 10%;right: 20%;animation-delay: 0.8s;}
#main .About .about_r .about_point .point5 i{background: url(../images/i17.png) center no-repeat;background-size: 100% auto;}
@-webkit-keyframes allgo{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes allgo2{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
#main .About .ab_move{width: 100%;height:107px;bottom: 0;left: 0;}
#main .About .ab_move .moves{width: 100%;bottom: -6px;left: 0;}
#main .About .ab_move .move1{height: 107px;background: url(../images/ab_bot1.png) top center no-repeat;animation: float0 0.8s infinite alternate;}
#main .About .ab_move .move2{height: 51px;background: url(../images/ab_bot2.png) top center no-repeat;animation: float0 1s infinite 0.3s alternate;}
#main .About .ab_move .move3{height: 79px;background: url(../images/ab_bot3.png) top center no-repeat;animation: float0 1s infinite 0.6s alternate;}
@-webkit-keyframes float0{
  0% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
#main .App{width: 100%;height:auto;overflow: hidden;background: #8dd9fc;padding-top: 60px;}
#main .App .app_l{padding-left: 0;padding-right: 30px;}
#main .App .app_l h1,#main .App .app_r h1,#main .App2 .app2_l h1{width: 100%;height: auto;padding: 10px 0;}
#main .App .app_l h1 span,#main .App .app_r h1 span,#main .App2 .app2_l h1 span{line-height: 40px;border-bottom: 3px solid #0a99ec;font-size: 32px;color: #333;padding-bottom: 6px;}
#main .App .app_r ul,#main .App2 .app2_l ul{width: 100%;height: auto;overflow: hidden;padding: 22px 0;}
#main .App .app_r ul li,#main .App2 .app2_l ul li{width: 50%;height: auto;float: left;margin: 10px 0;}
#main .App .app_r ul li a,#main .App2 .app2_l ul li a{color: #000;font-size: 18px;}
#main .App .app_r ul li i,#main .App2 .app2_l ul li i{width:72px;height: 72px;display: block;float: left;}
#main .App .app_r ul li span{display: block;float: left;line-height: 30px;}

#main .App2{width: 100%;height:auto;overflow: hidden;padding: 42px 0 60px 0; border-top: 1px solid #cacaca;}
#main .App2 .app2_l h1 span{border-bottom: 3px solid #d33b30;}
#main .App2 .app2_l ul li i{background: #d33b30;border-radius: 50%;border: 5px solid #fff;position: relative;}
#main .App2 .app2_l ul li i:before{content: "";width: 114%;height: 114%;border: 1px solid #e99d97;border-radius: 50px;position: absolute;left: -7%;top: -7%;}
#main .App2 .app2_l ul li span{display: block;float: left;padding-left: 12px;line-height: 22px;}
#main .App2 .app2_r{padding-left: 20px;padding-right: 0;}

#main .Case{width: 100%;height:auto;overflow: hidden;background: url(../images/bg4.jpg) top no-repeat;padding: 46px 0;border-top: 1px solid #ededed;}
#main .Case .title{width: 100%;height: 50px;line-height: 50px;font-size: 30px;color: #333;position:relative;}
#main .Case .title span{padding: 0 100px;position: relative;z-index: 6;}
#main .Case .title:before{content: "";width: 42%;height: 1px;background: #e6e6e6;position: absolute;left: 0;top:50%;}
#main .Case .title:after{content: "";width: 42%;height: 1px;background: #e6e6e6;position: absolute;right: 0;top:50%;}
#main .Case .title span:before{content: "";width: 68px;height: 3px;background: #00a4ea;position: absolute;left: 0;top:50%;margin-top: -1px;}
#main .Case .title span:after{content: "";width: 68px;height: 3px;background: #00a4ea;position: absolute;right: 0;top:50%;margin-top: -1px;}
#main .Case .tacks{width: 100%;height: auto;overflow: hidden;}
.tacks .hd{padding:12px 0;}
.tacks .hd ul{width: 100%;height:40px;text-align: center;}
.tacks .hd ul li{cursor: pointer;display: inline-block;margin: 0 10px;width:160px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;border: 1px solid #cccccc;color: #333;position: relative;}
.tacks .hd ul li.on{background: #00a4ea;border: 1px solid #00a4ea;color: #fff;font-weight: bold;}
.tacks .hd ul li.on:before{content: "";border-top: 7px solid #00a4ea;border-bottom: 7px solid transparent;border-left: 7px solid transparent;border-right:7px solid transparent;position: absolute;bottom: -14px;left: 50%;margin-left: -7px;}
.tacks .bd{width:100%;height: auto;overflow: hidden;}
.tacks .bd .detil{display: none;width: 100%;height: auto;overflow: hidden;}
.tacks .bd .detil:first-child{display: block;}
.caselist,.prolist,.newlist{width: 100%;height: auto;overflow: hidden;}
.caselist li,.prolist li{padding: 16px;}
.caselist a{overflow: hidden;display: block;width: 100%;height: auto;box-shadow: 0 3px 10px #cecece;background: #fff;}
.caselist dl{padding: 16px 22px;text-align: center;}
.caselist dl dd{width: 100%;height: 46px;font-size: 20px;color: #333;padding-bottom: 16px;position: relative;}
.caselist dl dd:before{content: "";width: 20%;height: 1px;background: #0a99ec;position: absolute;bottom: 10px;left: 50%;margin-left: -10%;}
.caselist dl dt{width: 100%;height: 60px;font-weight: normal;font-size: 16px;color: #808080;line-height: 30px;overflow: hidden;}
.caselist a:hover .case_img img{transform: scale(1.1, 1.1);transition: 1s transform;}.tacks .bd .detil .caselist a:hover{background: #00a4ea;}
.tacks .bd .detil .caselist a:hover dl dd{color: #ffffff;}
.tacks .bd .detil .caselist a:hover dl dt{color: #c1e9fa;}
.tacks .bd .detil .caselist a:hover dl dd:before{background: #fff;}
.tacks .bd .detil .more{margin: 30px auto 0 auto;}

#main .About2{padding: 70px 0;width: 100%;}
#main .About2 .About2_box{width: 100%;height: 100%;overflow: hidden;background: #00a4ea url(../images/bg5.png) repeat-y;}
#main .About2 .about2_r{padding: 0;overflow: hidden;}
#main .About2 .about2_r img{height: 449px;width: auto;}
#main .About2 .about2_l{padding:48px 58px;}
#main .About2 .about2_l h1{width: 100%;height: 54px;line-height: 54px;font-size: 30px;color: #fff;line-height: 30px;}
#main .About2 .about2_l .line{width: 10%;height: 3px;background: #fff;}
#main .About2 .about2_l .about2_dec{font-size: 16px;line-height: 1.8;color: #e4f6fe;margin: 30px 0;}
#main .About2 .about2_l .more{display: block;width: 240px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;padding: 0 20px;background: url(../images/bg6.png) center no-repeat;background-size: 100% auto;}
/*页脚*/
#footer{width: 100%;height: auto;overflow: hidden;background: #00a6e8;}
#footer .container{padding: 30px 0!important;}
#footer .foot_l{padding-left: 0;padding-right: 20px;border-right: 1px solid #fff;}
#footer .foot_l .f_logo{margin: 16px 0;}
#footer .foot_l .f_logo img{max-width: 100%;}
#footer .foot_l .contact{width: 100%;height: auto;overflow: hidden;line-height:2;font-size: 14px;}
#footer .foot_m{padding: 0 30px;animation-delay: 0.3s;}
#footer .foot_m ul{width: 100%;height: auto;overflow: hidden;}
#footer .foot_m ul li{width: 33.3333%;float: left;padding: 0 4%;}
#footer .foot_m ul li p{width: 100%;height: 34px;line-height: 26px;font-size: 18px;color: #fff;position: relative;margin-bottom: 12px;}
#footer .foot_m ul li p:before{content: "";width: 26px;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;}
#footer .foot_m ul li a{display: block;width: 100%;height: 30px;line-height: 30px;color: #fff;overflow: hidden;}
#footer .foot_m ul li a:hover,#footer .copy a:hover{color: #2aff00;}
#footer .foot_r{padding-left: 20px;padding-right: 0;animation-delay: 0.6s;}
#footer .foot_r .ewm{width:120px;height: auto;float: left;margin-left: 16px;margin-top: 15%;}
#footer .foot_r .ewm p{width: 100%;height: 40px;font-size: 14px;line-height: 40px;text-align: center;}
#footer .copy{width: 100%;height: 60px;line-height: 60px;background: #005aa9;font-size: 14px;color: #fff;}
#footer .copy a{color: #fff;}
.back-top{transition: 400ms;opacity: 0;position: fixed;z-index: 60;bottom: 66px;right:-60px;width: 46px;height: 46px;padding: 5px;cursor: pointer;background: #007cff;}
.back-top i{display: block;width: 36px;height: 36px;text-align: center;}
.back-top.on{opacity: 1;right:20px;transition: 400ms;}
/*about*/
#banner_ny{width: 100%;height: auto;overflow: hidden;position: relative; margin-top: -20px;}
#banner_ny img{width: 100%;height: inherit;}
#main .about_dec{padding: 30px 0;color: #000;line-height: 1.7}
#main .about_dec img{max-width: 100%;}
/*pro*/
#banner_ny .adress{width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;bottom: 5%;left: 0;}
#banner_ny .adress a{color: #fff;margin: 0 5px;}
#banner_ny .adress a:hover{color: #e50012;}
#main .ny_nav{width: 100%;border-bottom: 1px solid #e6e6e6;text-align: center;}
#main .ny_nav .ny_yiji{margin:0 40px 0 40px;display: inline-block;height: 70px;position: relative;}
#main .ny_nav .ny_yiji a.one{display: block;font-size: 20px;color: #000;line-height: 70px;position: relative;}
#main .ny_nav .ny_yiji:hover a.one{color: #00a4ea;}
#main .ny_nav .ny_yiji:hover a.one:before{content: "";width: 100%;height: 2px;background: #00a4ea;position: absolute;bottom: 0px;}
#main .ny_nav .ny_yiji .ny_libox{display: none;padding: 4px;width: 100%;height: auto!important;overflow: hidden;position: absolute;top: 73px;left: 0;border: 1px solid #e5e5e5;background: #fff;z-index: 6;}
.ny_libox li{width: 100%;height:auto;overflow: hidden; }
.ny_libox li .ny_er{display: block;width: 100%;height:40px;line-height: 40px;font-size: 16px;color: #808080;position: relative;}
.ny_libox li .ny_er:hover,.ny_libox li .ny_er.xz{color: #fff;background: #00a4ea;}
.ny_libox li .ny_er i{font-size: 14px;margin-left: 6px;position: absolute;right: 10px;}
.ny_libox li .ny_er em{display: none;font-size: 14px;margin-left: 6px;position: absolute;right:10px;}
.ny_libox li .ny_er.xz em{display: inline-block;}
.ny_libox li .ny_er.xz i{display: none;}
.ny_libox li .thr_body{display: none; width: 100%;height: auto;overflow: hidden;background: #00a4ea;}
.ny_libox li .thr_body li{width: 100%;height: 40px;}
.ny_libox li .thr_body li a{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #85dbff;}
.ny_libox li .thr_body li a:hover{color: #fff;font-weight: bold;}
.about_dec .caselist a{box-shadow: none;border: 1px solid #e6e6e6;}
.about_dec .caselist a:hover{border: 1px solid #00a4ea;}
.page{width: 100%;height:auto;margin: 40px 0;}
.page a{padding: 6px 14px;background: #f2f2f2;margin: 0 4px;font-size: 14px;color: #808080;}
.page a:hover{background: #00a4ea;color: #fff;}
.curym{width: 100%;height: 20px;line-height: 20px;font-size: 12px;color: #808080;margin-top: 10px;}
.curym i{color: #00a4ea;}
/*手机导航轮播下拉*/
#main .mol_nynav{height: 46px;border-bottom: 1px solid #e6e6e6;}
#main .mol_nynav .mol_nav .slick-list{overflow:visible;height:46px;z-index: 6;}
#main .mol_nynav .mol_nav .slick-slide .m_one{display: block;width: 100%;height: 100%;line-height: 46px;text-align: center;font-size: 16px;color: #000;}
#main .mol_nynav .mol_nav .slick-slide .second{display: none;border-bottom: 1px solid #e6e6e6;padding:4px 20px;position: absolute;top: 46px;left: 0;width: 100%;height: auto;max-height: 460px;overflow-y:scroll;background: #ffffff;z-index: 8;}
#main .mol_nynav .mol_nav .slick-slide .second li{width: 100%;height:auto;background: none;}
#main .mol_nynav .mol_nav .slick-slide .second li a{display: block;width: 100%;height: 45px;line-height: 45px;font-size: 16px;color: #808080;padding-left: 20px;overflow: hidden;position: relative;}
#main .mol_nynav .mol_nav .slick-slide .second li a:before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #00a4ea;position: absolute;left: 5px;top: 50%;margin-top: -2px;}
#main .mol_nynav .mol_nav .slick-slide .second li a.sen_x{color: #fff;background: #00a4ea}
#main .mol_nynav .mol_nav .slick-slide .second li a.sen_x:before{background: #fff;}
#main .mol_nynav .mol_nav .third{display: none;width: 100%;height: auto;z-index: 8;background: #00a4ea}
#main .mol_nynav .mol_nav .slick-slide .second li .third li{display: block;border-bottom: none;padding-left: 10px;}
#main .mol_nynav .mol_nav .slick-slide .second li .third li a{color: #fff;}
#main .mol_nynav .mol_nav .slick-slide .second li .third li a:before{display: none;}
#main .mol_nynav .mol_nav .slick-arrow{width: 30px;height: 100%;z-index: 9;}
#main .mol_nynav .mol_nav .slick-prev{background: url(../images/s1.png) center no-repeat;left: 0;}
#main .mol_nynav .mol_nav .slick-next{background: url(../images/s2.png) center no-repeat;right: 0;}


/*prodec*/
.about_dec .prodec_single{width:62%;margin: 30px auto; }
.slick2 .pimg img{width: 100%;}
.prodec_single .slick2 .slider-for{border: 1px solid #e6e6e6;}
.prodec_single .slick2 .slider-nav{margin-top: 20px;padding: 0 36px;outline: none;}
.prodec_single .slick2 .slider-nav .pimg{padding: 0 6px;outline: none;}
.prodec_single .slick2 .slider-nav .pimg .slider-navimg{border: 1px solid #e6e6e6;outline: none;position: relative;}
.prodec_single .slick2 .slider-nav .pimg .slider-navimg em{display: block;width: 1000%;height: 100%;position: absolute;top: 0;left: 0;
background-color: rgba(255, 255, 255, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.prodec_single .slick2 .slider-nav .pimg.slick-current .slider-navimg em{display: none;}
.prodec_single .slick2 .slider-nav .slick-arrow{width: 30px;height: 100%;}
.prodec_single .slick2 .slider-nav .slick-prev{background: #e6e6e6 url(../images/s1.png) center no-repeat;left: 0;}
.prodec_single .slick2 .slider-nav .slick-next{background: #e6e6e6 url(../images/s2.png) center no-repeat;right: 0;}
.prodec_single .slick2 .slider-nav .slick-prev:hover{background: #00a4ea url(../images/s1_h.png) center no-repeat;}
.prodec_single .slick2 .slider-nav .slick-next:hover{background: #00a4ea url(../images/s2_h.png) center no-repeat;}
.about_dec .prodec_single p{margin: 30px 0 10px 0;width: 100%;height:auto;line-height:1.5;font-size: 18px;color: #000;text-align: center;}
.about_dec .prodec_single p i{font-weight: bold;font-size: 24px;display: block;}
.about_dec .pro_xq{width: 100%;height: 40px;background: #e6e6e6;}
.about_dec .pro_xq p{width: 120px;height: 40px;font-size: 16px;color: #333;line-height: 42px;background: #f2f2f2;border-top: 2px solid #00a4ea; position: relative;}
.about_dec .pro_xq p:before{content: "";border-top: 7px solid #00a4ea;border-bottom: 7px solid transparent;border-left: 7px solid transparent;border-right:7px solid transparent;position: absolute;top: 0;left: 50%;margin-left: -7px;}
.about_dec .prodec{width: 100%;height: auto;overflow: hidden;padding: 30px 0;text-align: left;}
.choose_art{width: 100%;height: 44px;padding: 18px 0;border-top: 1px solid #e6e6e6;}
.choose_art li{width: 50%;float: left;height: 38px;line-height: 38px;text-align: left;}
.choose_art li:last-child{text-align: right;}
.choose_art li a{color: #333;}
.choose_art li a:hover{font-weight: bold;color: #00a4ea;}
/*case*/
.prolist li a{display: block;width: 100%;height: auto;overflow: hidden;}
.prolist li a dd{width: 100%;height: 46px;line-height: 46px;font-size: 16px;color: #333;margin-top: 8px;background: #f2f2f2;}
.prolist li a:hover dd{background: #00a4ea;color: #fff;text-align: center;}
/*case_dec*/
.about_dec .art_title{width: 100%;height: auto;overflow: hidden;font-size: 24px;color: #000;margin: 20px 0;line-height: 28px;}
.about_dec .casedec{width: 100%;height: auto;overflow: hidden;margin: 10px 0;}
.case_title{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #e6e6e6;margin:20px 0;}
.case_title p{width: 118px;height: 40px;background: #00a4ea;color: #fff;text-align: center;font-size: 16px;}
.casedet .ny_nav{display: none;}
/*new*/
.newlist li{padding: 16px;}
.newlist li a{padding: 29px;display: block;width: 100%;height: auto;overflow: hidden;border: 1px solid #e6e6e6;}
.newlist li a:hover{box-shadow: 0 0 14px #e6e6e6;border: 1px solid #fff;}
.newlist li .new_img{padding: 0;padding-right: 20px;}
.newlist li .new_r{padding: 40px 0 0 10px;}
.newlist li .new_r dd{width: 100%;height: 40px;line-height: 40px;font-size: 20px;color: #323232;margin: 8px 0;overflow: hidden;}
.newlist li .new_r dt{width: 100%;height: 56px;line-height: 28px;font-size: 16px;color: #808285;font-weight: normal;overflow: hidden;}
.newlist li .new_r span{font-size: 16px;color: #808285;margin-top: 6px;}
.newlist li a:hover .new_r dd{font-weight: bold;color: #00a4ea;}
/*new_dec*/
.art_title span{display: block;font-size: 14px;color: #808080;line-height: 38px; margin-top: 14px; border-top: 1px solid #d8d8d8;}
.share2{width: 100%;height:34px;line-height: 34px;}
#bdshare span{height: 34px;}
#bdshare a {display: inline-block; padding: 20px 12px;}


/*panle导航开始*/
.left_nav{width:280px;height:100%;z-index:7; background:#fff; position: fixed; top:0px; right:0px;color:#000;z-index: 66;}
.left_nav .class-top{position: relative;width: 100%;height:66px;background:#fafafa;border-bottom: 1px solid #e6e6e6;padding: 0 22px;}
.left_nav .class-top .tell{width:100%;height: 66px;line-height: 66px;font-size: 16px;color: #000;padding-left: 26px;background: url(../images/tell.png) left center no-repeat;}
.left_nav .class-top .tell span{color: #e50012;}
.left_nav .class-close{display: none;width:38px;height:66px;line-height:64px;text-align:center;font-size:50px;color: #fff;position: absolute;left: -38px;top: 0;}
.class-m{height: 90%;overflow-y:auto;padding: 10px 0;}
.opacity2{width:100%; height:100%; position: fixed; top:0; left:0px; background:rgba(0,0,0,0.5); z-index:50; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:280px;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.class-m .nnav li a.ce{padding-left: 16px;color: #000;font-size: 18px;display: block;height:50px;line-height:50px;}
.menu_head .ericon{margin-right: 18px;width:25px;height:50px;line-height:50px;text-align:center;float:right;display:inline;position: relative;z-index: 3;}
.menu_head .ericon img,.menu_body .thricon img{width: 100%;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;background: #f2f2f2;}
.class-m .nnav li .menu_body li{border-bottom: none;}
.menu_body li a.er{padding-left: 32px;font-size:16px;display: block;height:44px;line-height:44px;color: #333;}
.menu_body .thricon{margin-right: 18px;color:#333;width:25px;height:44px;line-height:44px;text-align:center;float:right;display:inline;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:34px;font-size: 14px;display: block;height:40px;line-height:40px;color: #666;}

.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:46px;font-size: 14px;display: block;height:40px;line-height:40px;color: #666;}
.menu_body .foricon{margin-right: 18px;color:#333;width:25px;height:44px;line-height:44px;text-align:center;float:right;display:inline;position: relative;z-index: 3;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(280px, 0, 0);
-ms-transform:translate3d(280px, 0, 0);
-webkit-transform:translate3d(280px, 0, 0);  
-o-transform:translate3d(280px, 0, 0); 
-moz-transform:translate3d(280px, 0, 0);
}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

@media (min-width: 1360px){
  .container{width: 1300px!important;}  
}
@media (min-width: 1220px) and (max-width: 1374px){
    #header .nav_box .logo{width: 25%;}
    #header .nav_box .tell{width:19%;}
}
@media (min-width: 992px) and (max-width: 1199px){
    #header .nav_box .logo{padding-left: 1%;width: 20%;margin-top: 10px;}
    #header .nav_box .yiji{width: 8%;}
    #header .nav_box .yiji:hover a.one:before, #header .nav_box .yiji a.current.one:before{width: 100%;left: 0;margin-left: 0;}
    #header .nav_box .yiji a.one{font-size: 14px;}
    #header .nav_box .yiji a.one i{right: 0;}
    #header .nav_box .tell{width: 16%;line-height: 27px;background: url(../images/tell.png) left 3px no-repeat;}
    #header .nav_box .yiji .libox .secend{padding: 38px 2% 38px 8%;}
    #header .nav_box .yiji .libox .libox_r{padding: 20px 8% 20px 3%;}
    #main .About .about_r .about_img{width: 93.15%;}
    #main .About .about_r .about_img:before{border: 6px dashed #dce3f4;}
    #main .About .about_r .about_img:after{border: 3px dashed #4e7af1;}
    #main .About .about_r .about_point .point i{width: 26px;height: 26px;}
    #main .About .about_r .about_point .point{font-size: 12px;line-height: 18px;}
    #main .App{padding-bottom: 40px;}
    #main .App .app_r ul li i, #main .App2 .app2_l ul li i{width: 66px;height: 66px;}
    #main .App .app_r ul li span{padding-left: 15px;height: 66px;line-height: 27px;font-size: 16px;}
    #main .App2 .app2_l ul li span{height: 66px;line-height: 54px;padding-left: 15px;font-size: 16px;}
    #footer .foot_m ul li{padding: 0;}
    #footer .foot_r .ewm{width: 100px;margin-left: 10px;}
    .newlist li a{padding: 26px;}
    .newlist li .new_r{padding: 12px 0 0 10px;}
    #main .About2 .about2_r img{height: 505px;width: auto;margin-left: -10%;}
}  

@media (max-width: 991px){
    #main .About .about_l{padding-top: 0;}
    #main .About .about_l h1{font-size: 26px;margin: 15px 0;}
    #main .About .about_l .ab_little{font-size: 14px;padding: 0 10px;height: 32px;line-height: 32px;}
    #main .About .about_l .ab_dec{font-size: 14px;}
    #main .About .about_r{padding: 0;}
    #main .About .about_r .about_img{width: 100%;}
    #main .About .about_r .about_img:before{border: 5px dashed #dce3f4;}
    #main .About .about_r .about_img:after{border: 2px dashed #4e7af1;}
    #main .About .about_r .about_point .point i{width: 24px;height: 24px; margin: 10px auto 2px auto;}
    #main .About .about_r .about_point .point{font-size: 12px;line-height: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
	  #header .nav_box .logo{padding-left: 1%;width: 22%;margin-top: 10px;}
    #header .nav_box .yiji{width:9.6%;}
    #header .nav_box .yiji:hover a.one:before, #header .nav_box .yiji a.current.one:before{width: 100%;left: 0;margin-left: 0;}
    #header .nav_box .yiji a.one{font-size: 14px;}
    #header .nav_box .yiji a.one i{display: none;}
    #header .nav_box .yiji .libox .secend{padding: 25px 2% 25px 2%;}
    #header .nav_box .yiji .libox .secend .seli{font-size: 12px;height: 36px;line-height: 36px;}
    #header .nav_box .yiji .libox .secend .seli i{margin: 6px 6px 0 2px;}
    #header .nav_box .yiji .libox .secend .seli:before{top: 12px;}
    #header .nav_box .yiji .libox .libox_r{padding: 20px 2% 20px 2%;}
    #header .nav_box .yiji .libox .libox_r .nav_dec h1{font-size: 14px;height: 24px;line-height: 24px;margin: 10px 0;}
    #header .nav_box .yiji .libox .libox_r .nav_dec .more, #main .App2 .app2_l .more,#main .About2 .about2_l .more{font-size: 14px;width: 181px;height: 36px;line-height: 36px;}
    #main .App{padding-bottom: 40px;}
    #main .App .app_r{padding: 0;padding-left: 10px;}
    #main .App .app_r h1 span, #main .App2 .app2_l h1 span{font-size: 26px;}
    #main .App .app_r ul li i, #main .App2 .app2_l ul li i{width: 66px;height: 66px;}
    #main .App .app_r ul li span{padding-left: 15px;height: 66px;line-height: 27px;font-size: 16px;}
    #main .App2 .app2_l ul li span{height: 66px;line-height: 54px;padding-left: 15px;font-size: 16px;}
    #main .App2 .app2_r{padding-left: 0;padding-top: 40px;}
    .tacks .hd ul li{font-size: 16px;}
    .caselist dl dd{font-size: 18px;}
    .caselist dl dt{height: 52px;font-size: 14px;line-height: 26px;}
    #main .About2 .about2_l h1{font-size: 26px;line-height: 46px;}
    #main .About2 .about2_l .about2_dec{margin: 12px 0;font-size: 14px;}
    #main .About2 .about2_l .more{width: 216px;}
    #footer .foot_m{padding: 0 15px;padding-right: 0;}
    #footer .foot_m ul li{padding: 0;}
    #footer .foot_m ul li p{font-size: 16px;}
    #footer .foot_r .ewm{width: 74px;margin-left: 0;}
    #footer .foot_r .ewm p{font-size: 12px;overflow: hidden;}
    #footer .copy{font-size: 12px;}
    #main .ny_nav .ny_yiji a.one{font-size: 16px;}
    .ny_libox li .ny_er,.ny_libox li .thr_body li a{font-size: 14px;}
    .newlist li a{padding: 20px;}
    .newlist li .new_r{padding: 20px 0 0 0;}
    .newlist li .new_r dd{margin: 0;font-size: 18px;}
    .newlist li .new_r dt{font-size: 14px;height: 48px;line-height: 24px;}
    .newlist li .new_r span{font-size: 14px;}
    #main .About2 .about2_r img{height: 513px;width: auto;margin-left: -10%;}
}
@media (max-width: 767px){
   #banner .slick-arrow{display: none!important;}
   #banner .img img{width: 132%;margin-left: -16%;} 
   #main .About{padding: 20px 16px;} 
   #main .About .about_l{padding: 0;padding-bottom: 70px;width: 100%;float: none;}
   #main .About .about_r{width: 100%;float: none;padding: 20px 10px;}
   #main .About .about_l h1{text-align: center;font-size: 24px;}
   #main .About .about_l .ab_little{text-align: center;}
   #main .About .about_l .more, #main .App .app_r .more, .tacks .bd .detil .more,#main .App2 .app2_l .more{margin: 0 auto;}
   #main .App{padding: 50px 20px;}
   #main .App .app_l{padding: 0 10px;}
   #main .App .app_r{padding: 0;}
   #main .App .app_l h1{text-align: center;padding-bottom: 30px;}
   #main .App .app_r h1, #main .App2 .app2_l h1{text-align:center;}
   #main .App .app_l h1 span,#main .App .app_r h1 span, #main .App2 .app2_l h1 span{font-size: 26px;}
   #main .App .app_r ul li i, #main .App2 .app2_l ul li i{width: 66px;height: 66px;}
   #main .App .app_r ul li span{font-size: 14px;height: 66px;line-height: 24px;padding: 9px 0;padding-left: 12px;}
   #main .App2{padding: 50px 20px;}
   #main .App2 .app2_l ul li span{font-size: 14px;height: 66px;line-height: 48px;padding: 9px 0;padding-left: 20px;}
   #main .App2 .app2_l .mol_img{padding-top: 20px;}
   #main .App2 .app2_r{padding: 40px 10px 0 10px;}
   #main .Case .title{font-size: 26px;}
   #main .Case .title:before{left: -13%;}
   #main .Case .title:after{right: -13%;}
   .tacks .hd ul li{font-size: 16px;}
   #main .About2{padding: 40px 16px;}
   #main .About2 .about2_l{padding: 30px 16px;}
   #main .About2 .about2_l h1{text-align: center;font-size: 24px;height: 42px;line-height: 32px;}
   #main .About2 .about2_l .line{margin: 0 auto;}
   #main .About2 .about2_l .about2_dec{font-size: 14px;margin: 20px 0;}
   #main .About2 .about2_l .more{margin: 0 auto;width: 216px;height: 36px;line-height: 36px;font-size: 14px;}
   #footer .foot_l{padding: 0 20%;}
   #footer .foot_r{padding: 0 12%;animation-delay: 0.3s;}
   #footer .foot_r .ewm{margin-left: 24px;}
   #footer .copy{height: auto;line-height: 1.6;padding:16px;}
   #wrap_index{padding-top:66px;padding-bottom:56px;}
   #main .about_dec{padding: 30px 16px;}
   #banner_ny img{width: 140%;margin-left: -20%;}
   .about_dec .caselist li,.prolist li{padding: 16px 0;}
   .page{margin: 28px 0;}
   .page a{padding: 5px 9px;}
   .about_dec .prodec_single{width: 100%;margin-top: 0;}
   .choose_art li{width: 100%;float: none;height: 30px;line-height: 30px;overflow: hidden;}
   .choose_art li:last-child{text-align: left;}
   #banner_ny .adress{bottom: 9%;}
   .about_dec .art_title{margin-top: 0;font-size: 20px;line-height: 1.6;}
   .case_title{height: 34px;line-height: 34px;}
   .case_title p{width: 92px;height: 34px;font-size: 14px;}

    .newlist li{padding: 16px 0;}
    .newlist li a{padding: 12px;}
    .newlist li .new_img{padding: 0;}
    .newlist li .new_r{padding: 14px 0 0 0;}
    .newlist li .new_r dd{margin: 0;font-size: 18px;}
    .newlist li .new_r dt{font-size: 14px;height: 48px;line-height: 24px;}
    .newlist li .new_r span{font-size: 14px;}

    .fixd_nav{width: 100%;height: 56px;padding:3px 0; background: #00a4ea;position: fixed;bottom: 0;left: 0;}
    .fixd_nav dd{width: 33.3%;float: left;height: 100%;text-align: center;}
    .fixd_nav dd a{display: block;width: 100%;height: 100%;line-height: 20px;color: #fff;font-size: 14px;}
    .fixd_nav dd i{display: block;width: 100%;height: 30px;}
    .fixd_nav dd.dd1 i{background: url(../images/ff1.png) center no-repeat;background-size: auto 80%;}
    .fixd_nav dd.dd2 i{background: url(../images/ff2.png) center no-repeat;background-size: auto 80%;}
    .fixd_nav dd.dd3 i{background: url(../images/ff3.png) center no-repeat;background-size: auto 80%;}

}
@media (max-width: 414px){
  #main .App{padding: 50px 16px;}
  .about_dec .prodec_single p{font-size: 16px;}
  .about_dec .prodec_single p i{font-size: 20px;}

}
@media (max-width: 375px){
  #main .App .app_r ul li i, #main .App2 .app2_l ul li i{width: 56px;height: 56px;}
  #main .App .app_r ul li span{font-size: 12px;height: 56px;line-height: 20px;padding: 8px 0;padding-left: 10px;}
  .newlist li .new_r dd{font-size: 16px;}
  .newlist li .new_r dt{font-size: 12px;height: 40px;line-height: 20px;}
  .newlist li .new_r span,.about_dec .art_title span,#footer .foot_r .ewm p,#footer .copy{font-size: 12px;}
  .about_dec .art_title{font-size: 16px;}

  #footer .foot_l,#footer .foot_r{padding: 0 20px;}
  #footer .foot_r .ewm{width: 102px;margin-top: 20px;}

}
/*首页banner*/
*{ padding:0; margin:0;}
.banner{ width:100%; height:620px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:620px; float:left;}
.b-list{ height:50px; padding-top:570px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:246%;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:246%;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/*首页banner结束*/
/*首页banner
*{ padding:0; margin:0;}
.banner{ width:100%; height:620px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:620px; float:left;}
.b-list{ height:50px; padding-top:570px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:246%;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:246%;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
*/
/*首页banner结束*/