@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"PingFang SC", "Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c}

a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}

a:hover{color:#00a1e9}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select,button{ outline:none; font-family:"PingFang SC", "Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif}

h1,h2,h3,h4,h5,h6{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#61a032}

.red{ color:#f00}

.ovh{ overflow:hidden}



.wrap{width:1400px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.headerbox{ position:relative; height:100px;}



.header{ position:fixed; width:100%; height:100px; line-height:100px;z-index:999; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; background:#fff}

.header-scroll{box-shadow: 0px 3px 10px rgba(0,0,0,0.08);}

/*.header-scroll .menu li a, .nheaderbox .menu li a{ color:#333}

.header-scroll .logo-1, .nheaderbox .logo-1{ opacity:1}

.header-scroll .logo-2, .nheaderbox .logo-2{ opacity:0}

.header-scroll .langbox a, .nheaderbox .langbox a{ color:#333}

.header-scroll .langbox a.active, .header-scroll .langbox a:hover, .nheaderbox .langbox a.active ,.nheaderbox .langbox a:hover{ background:#f3f3f3}*/

/*.nheaderbox { height:90px;}

.nheaderbox .header{background:#fff;height: 90px;line-height: 90px;}*/

.logo{ display:flex; display:-webkit-flex; align-items:center;}

.logo img{position: absolute;top: 0;bottom: 0; margin: auto;}

.logo-1{ opacity:0}

.langbox{ height:100%; display:flex; display:-webkit-flex; align-items:center; margin-left:45px}

.langbox a{ color:#231815; font-size:16px;display: block;transition: .5s; float:left;}

.langbox a.active,.langbox a:hover{color:#00a0e9}



.menu{ margin-right:20px}

.menu li{ float:left;text-align:center; margin-left:70px;position:relative}
.en .menu li{ margin-left:50px}

.menu li a{ display:block; font-size:16px; color:#221815;position:relative}

.menu li a:hover,.menu li a.active{ color:#00a0e9}

.menu .menu-li:hover > a:before{ width:100%}

.menu li .menu-a{ position:relative}

.menu li .menu-a:after{ content:""; width:100%; height:2px; background:#00a0e9; position:absolute; left:0;bottom:35%;transform-origin:right center;-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}

.menu li .menu-a.active:after,.menu li .menu-a:hover::after{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}



.menu .nav-sub{

    width: 150px;

    background: #fff;

    position: absolute;

    left: 50%;

	margin-left:-75px;

    height: auto;

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: -webkit-transform .3s .2s;

    transition: transform .3s .2s;

	z-index:99

}

.menu .nav-sub a{ display:block; line-height:42px; font-size:15px; color:#666; padding:0; text-align:center; border-bottom:1px solid #e8e8e8; opacity:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.menu .nav-sub a:hover{ background:#61a711; color:#fff}

.menu .nav-sub.active{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-moz-transition: -webkit-transform .3s;-ms-transition: -webkit-transform .3s;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}

.menu .nav-sub.active a{ opacity:1}





.banner{ position:relative;background:#f3f3f3}

.banner img{ display:block; width:100%; height:auto}

.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none; border:1px solid #fff; opacity:1; position:relative}

.banner .swiper-pagination-bullet-active{ background:#fff}

.banner .txt{ position:absolute; font-size:30px; color:#fff;bottom:30%; left:5%;opacity:0;}

.banner .txt h2{ font-size:60px; font-weight:bold; line-height:80px; margin-bottom:20px}

.banner .txt .more{ font-size:16px; background:#00a1e9; color:#fff; display:block; width:120px; line-height:38px; text-align:center; margin-top:15%}

.banner .swiper-slide-active .txt{animation:mymove 1s;-webkit-animation:mymove 1s;animation-fill-mode: forwards; }

@keyframes mymove

{

from {bottom:30%; opacity:0}

to {bottom:35%; opacity:1}

}



@-webkit-keyframes mymove 

{

from {bottom:30%; opacity:0}

to {bottom:35%; opacity:1}

}



.i-about{ background:#f3f3f3; padding:80px 0 80px}

.i-about .pic{ width:50%; float:left; position:relative; overflow:hidden}

.i-about .pic img{ width:100%; display:block; height:auto; position:relative;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;object-fit: cover;}

.i-about .pic:hover img{ -webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06)}

.i-about .txt{ width:50%; color:#333; padding-left:70px; padding-right:12%}

.i-about .txt .tit{ font-size:40px; color:#231815; margin-bottom:30px; margin-top:20px;}

.i-about .txt .intro{ font-size:18px; line-height:30px; position:relative}

.i-about .txt .intro p{ margin-bottom:15px}

.intro table td{padding: 2%;border: 1px solid #c7c7c7;}

.i-about .txt .more{ background:#00a1e9; color:#fff; width:145px; line-height:40px; text-align:center; display:block; margin-top:40px; position:relative; overflow:hidden}

.i-about .txt .more span{ position:relative}

.i-about .txt .more:before{ content:""; width:100%; height:100%;background:#0061a3; position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.i-about .txt .more:hover::before{ left:0}

.i-about .numcont{width:calc(100% + 340px); margin-left:-340px; margin-top:50px; position:relative;display: none;}

.i-about .numcont:before{ content:""; width:calc(100% - 270px); height:100%; background:#fff; position:absolute; right:0;top:0; z-index:1}

.i-about .numcont .item{ float:left; color:#666; position:relative; z-index:2}

.i-about .numcont .num{ font-size:42px; font-weight:bold; color:#00a0e8}

.i-about .numcont .item1{ width:270px; background:rgba(0,0,0,.3); color:#fff; padding:30px 30px 30px 50px}

.i-about .numcont .item1 .num{ color:#fff}

.i-about .numcont .item2,.i-about .numcont .item3,.i-about .numcont .item4{ padding:30px 5% 30px 3%}

.i-about .video-btn{ width:80px; height:80px; background:url(../images/video-btn.png) no-repeat; display:block; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.65);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999;margin: 0 auto;top:50%; transform:translateY(-50%);display: table;width:800px; height:450px}
.video-show video{ width:100%; outline:none}
.video-close{ width:40px; height:40px; background:url(../images/closed_w2.png) no-repeat; background-size:40px 40px; position:absolute; top:0; right:0; margin-right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}



.i-product{ padding:60px 0}

.title{ text-align:center; font-size:40px; color:#231815;}

.title-2{ text-align:center; margin:20px 0 50px; font-size:18px; color:#666}

.title-2 a{ color:#666; padding:0 15px; position:relative}

.title-2 a:after{ content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-7px;}

.title-2 a:last-child::after{ display:none}

.title-2 a:hover{ color:#00a0e8}



.i-productbox{ position:relative}

.i-proleft{ width:64%}

.i-proleft li{ background:#f3f3f3; width:50%; float:left; text-align:center}

.i-proleft li:nth-child(2),.i-proleft li:nth-child(3){ background:#f9f9f9}

.i-proleft li a{ display:block; padding:8%}

.i-proleft li img{ display:block; width:100%; height:auto}

.i-proleft li h3{ font-size:18px; color:#231815; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.i-proleft li .more{ display:inline-block; color:#666; font-size:12px; line-height:25px; padding:0 12px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-top:20px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.i-proleft li:hover .more, .i-proleft li.active .more{ color:#00a0e8;border-top:1px solid #00a0e8; border-bottom:1px solid #00a0e8;}

.i-proright{ position:absolute; width:36%; height:100%; background:#00a0e8; right:0;top:0; color:#fff; padding-top:60px;}

.i-proright h3{ font-size:35px;margin:0 60px; margin-bottom:20px; position:relative}

.i-proright h3 span{ display:inline-block;position:relative; z-index:2}

.i-proright h3 span:after{ content:"";width:30px; height:5px; background:#e8cf00; position:absolute; left:0;bottom:0; z-index:-1}

.i-proright .pic img{ max-width:100%; height:auto}

.i-proright .intro{ margin:0 60px; font-size:16px; line-height:30px;}
.i-proright .intro p{ display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

.i-proright .more{ border:1px solid #fff; line-height:35px; font-size:14px; color:#fff; padding:0 45px 0 25px; display:inline-block; position:relative; margin-top:50px}

.i-proright .more:after{ content:""; width:0; height:0; display:block; border-left:5px solid #fff; border-top:5px solid transparent;border-bottom:5px solid transparent; position:absolute; top:50%; transform:translateY(-50%); right:25px;}

.i-proright .item{ display:none}

.anim{-webkit-transform: translateY(0) translateX(20px);

    -moz-transform: translateY(0) translateX(20px);

    transform: translateY(0) translateX(20px);

    -webkit-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out;

	-webkit-transition: transform .6s;

    -moz-transition: transform .6s;

    -o-transition: transform .6s;

    transition: transform .6s;

	}

.anim-show {

    -webkit-transform: translateY(0px) translateX(0);

    -moz-transform: translateY(0px) translateX(0);

    transform: translateY(0px) translateX(0);

    opacity: 1;

}



.i-client{ background:#f3f3f3 url(../images/bg01.jpg) no-repeat center bottom; padding:60px 0 40px; background-size:cover}

.i-client .title{ margin-bottom:40px}

.i-clientlist{ padding-bottom:60px}

.i-clientlist .swiper-slide{ height:100px; background:#fff; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}

.i-clientlist img{ max-height:90%; max-width:90%; display:block}

.i-clientlist .swiper-pagination-bullet{ width:10px; height:10px; opacity:.15}

.i-clientlist .swiper-pagination-bullet-active{ background:#00a0e8; opacity:1}

/*==============================*/



.nbanner{ position:relative; padding-top:18%; overflow:hidden;}

.anchor{display: block;height: 90px;margin-top: -90px;visibility: hidden;}

.main{ padding:60px 0;position:relative} 

.main_2{ background:#f3f3f3}

.main .ntitle{ text-align:center; font-size:35px; color:#333; line-height:45px; margin-bottom:40px; position:relative}

.main .ntitle .bc{ font-size:16px; color:#666;}

.main .ntitle .line-l,.main .ntitle .line-r{background:#dadada; width:42%; height:1px; position:absolute; left:0; bottom:45%;}

.main .ntitle .line-r{ left:auto; right:0}

.main .ntitle .line-l:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; right:0; bottom:-5px; border-radius:50%}

.main .ntitle .line-r:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; left:0;bottom:-5px;border-radius:50%}

.main .content-about{ line-height:30px; font-size:16px;}

.main .content{ line-height:30px;}

.main .content img{ max-width:100%}

.content-about .about-right{ width:50%; float:right}

.content-about .about-left{ width:50%; padding-right:5%; float:left}

.content-about .ntitle{ text-align:left}

.main .content-about p{ margin-bottom:10px}

.about_mber{width: 100%;height: auto;overflow: hidden;padding: 50px 0 0 0;}

.about_mber ul li{width: 20%;float: left;text-align: center;}

.about_mber ul li h5{font-size: 55px; line-height:60px;color: #333;font-weight: bold;font-family: 'Arial'}

.about_mber ul li h6{font-size: 18px;color: #999;padding: 10px 10px 0 10px;}

.honor.swiper-container{padding-bottom: 50px!important;}

.honor .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #d2d2d2;opacity: 1;}

.honor .swiper-pagination-bullet-active{background-color: #00a0e9;}

.honor .pic{height: 350px;padding: 20px;overflow: hidden; text-align: center;background-color: #fff; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}

.honor .pic img{max-width: 100%;max-height: 100%;object-fit: cover;}

.honor h4{padding-top: 20px;font-size: 18px;color: #666;text-align: center;}

.equiplist ul{ margin-right:-3%}

.equiplist li{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%; text-align:center}

.equiplist li .pic{ background:#f3f3f3;overflow:hidden; position: relative;}
.equiplist li .pic:before{content:""; padding-top: 75%; display: block;}

.equiplist li .pic img{ position: absolute;left:20px;top:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:cover;}

.equiplist li p{ padding:10px 0; font-size:16px}

.client li{ float:left; width:20%;padding: 12px;border: 1px solid #e8e8e8; margin-left:-1px; margin-top:-1px; text-align:center;}

.client li p{ background:#f3f3f3; line-height:35px; height:35px; overflow:hidden}

.client li .pic{height: 120px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; background:#fff}

.client li img{ max-width:100%; max-height:100%;}

.client li,.client li p{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.client li:hover{ background:#f3f3f3}

.client li:hover p{ background:#00a0e9; color:#fff}



.recruit{}

.recruit-top{height: 80px;line-height: 80px;background: #f3f3f3;font-size: 24px;color: #333;padding: 0 63px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-bottom: 1px solid #fff;cursor: pointer;position: relative;}

.recruit-top .time{ float:right; font-size:14px; color:#666; margin-right: 40px;}

.recruit-top .arrow{ float:right;cursor: pointer;width: 15px;height: 15px;position: absolute;top: 0;right: 45px;bottom: 0;margin: auto;background: url(../images/arrow.png) no-repeat center;background-size: 100%; opacity:.5}

.recruit-top .position{ float:left; height:100%}

.recruit-top .position span{font-size: 15px;color: #666;display: inline-block;margin-left: 20px;padding-left: 20px; float:right;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.recruit-top .position span:after{content: "";position: absolute;height: 18px;width: 1px;background: #e5e5e5;left: 0;top: 0;bottom: 0; margin: auto;}

.recruit-con{background: #f9f9f9;padding: 36px 60px;padding-bottom: 65px; font-size:16px; display:none}

.recruit-con .tit{font-size: 20px;color: #666;line-height: 20px;padding-left: 16px; border-left: 4px solid #00a1e9;margin-bottom: 15px;}

.recruit li.cur .arrow {background: url(../images/closed_w.png) no-repeat center;background-size: 100%; opacity:1}

.recruit li.cur .recruit-top{ background:#0061a3;color:#fff}

.recruit li.cur .position span{ color:#fff}

.recruit li.cur .time{ color:rgba(255,255,255,.6)}



.inner-nav{ border-bottom:1px solid #d8d8d8; height:80px; line-height:80px;}

.inner-nav h3{ float:left; font-size:20px; color:#221815}

.inner-nav .inner-nav-r{ float:right}

.inner-nav .inner-nav-r a{ float:left; display:block; margin-left:50px;color:#221815; font-size:16px; padding-right:50px; position:relative}

.inner-nav .inner-nav-r a:after{ content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; right:0; top:50%; margin-top:-7px}

.inner-nav .inner-nav-r a:last-child{ padding-right:0}

.inner-nav .inner-nav-r a:last-child::after{ display:none}

.inner-nav .inner-nav-r a.active{ font-weight:bold; color:#00a0e9}



.prolist ul{ margin-right:-2%}

.prolist li{ background:#f3f3f3; width:31.33%; margin-right:2%; margin-bottom:2%;float:left; text-align:center}

.prolist li a{ display:block; padding:8%}

.prolist li img{ display:block; width:100%; height:auto}

.prolist li h3{ font-size:18px; color:#231815; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.prolist li .more{ display:inline-block; color:#666; font-size:12px; line-height:25px; padding:0 12px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-top:20px; }

.prolist li,.prolist li h3,.prolist li .more,.prolist li img{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.prolist li:hover{ background:#00a0e9}

.prolist li:hover h3{ color:#fff}

.prolist li:hover .more{ color:#fff; opacity:.6}

.prolist li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.content-pro .pic-l{ width:600px; }

.content-pro .gallery-thumbs{position: relative; margin-top:20px}

.content-pro .gallery-thumbs img{ border:1px solid #e8e8e8}

.content-pro .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #00a0e9}

.content-pro .gallery-top{width:600px; border:1px solid #e8e8e8; text-align:center; overflow:hidden}



.content-pro .txt-r{ width:calc(100% - 680px); font-size:16px;}

.content-pro .txt-r h1{ font-size:35px; font-weight:bold; color:#221815; line-height:45px; margin-bottom:20px}

.prolist-relat li{ background:#fff;}


#scroll {position:relative;height:480px; overflow:auto}
#scrollcontent { height:480px; overflow:hidden}
#scrollbar {float:right; position:relative; display:none; width:10px; height:480px; z-index:100; background:url(../images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:10px; cursor:pointer; background-color:#ccc; background-image:url(../images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}


.lxfs{ margin-right:-3%; margin-bottom:40px}

.lxfs .item{ float:left; width:30.33%; margin-right:3%; text-align:center}

.lxfs .icon{ border:1px solid #e8e8e8; border-bottom:none; padding:30px}

.lxfs .icon img{ height:50px; width:auto}

.lxfs .text{ background:#f3f3f3; padding:30px 20px; font-size:16px; min-height:120px; position:relative}

.lxfs .text p:nth-child(1){ font-weight:bold; padding-bottom:5px}

.lxfs .text:before{ content:""; width:0; height:0; border-right:10px solid transparent;border-left:10px solid transparent; border-bottom:10px solid #f3f3f3; position:absolute; left:50%; margin-left:-10px;top:-10px}

/*==============================*/

.footer{ line-height:28px; background:#252525; color:#959291; padding-top:50px;}

.footer-top{ padding-bottom:20px;}

.footer-nav{ width:70%}

.footer-nav li{ float:left; margin-bottom:20px; width:17%;margin-right:8%;}

.footer-nav li:last-child{ margin-right:0}

.footer-nav li .tit{ font-size:16px; margin-bottom:15px; padding-bottom:10px; color:#fff; border-bottom:1px solid rgba(255,255,255,.15)}

.footer-nav li .sub{ font-size:14px; line-height:30px;}

.footer-nav li .sub a{ display:block; color:#959291; }

.footer-nav li .sub a:hover{color:#fff;}

.footer-contact{position:relative; max-width:30%}

.footer-contact .tit{font-size:18px; margin-bottom:15px; color:#fff}



.footer-bot{border-top:1px solid rgba(255,255,255,.15); padding:20px 0 30px;}

.footer-bot a{color:#959291;}

.footer-link{ position:relative}

.footer-link .tit{width: 180px;height: 40px; line-height:40px;padding-left: 15px;color: #959291;background: url(../images/icon01.png) no-repeat center;background-position: 150px center;cursor: pointer; border:1px solid rgba(255,255,255,.3)}

.footer-link .cont{display: none;position: absolute;bottom: 40px;width: 100%;left: 0;border:1px solid rgba(255,255,255,.3);border-bottom:none; background:#231815}

.footer-link .cont a{display: block;line-height: 40px;color: #959291; padding-left: 20px;background:#231815}

.footer-link .cont a:hover{ color:#fff; background:#2e2421}

.backtop{ width:50px; height:50px; background: url(../images/icon_08.png) no-repeat #e1bb7b center; position:fixed; right:3%; bottom:15%; z-index:999; cursor:pointer; display:none}



.pages_2{margin-top:30px;color:#333; position:relative}

.pages_2 p{ padding-right:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.pages_2 .back{ width:110px; position:absolute; right:0;top:5px;display:block;color:#333; border:2px solid #333; border-radius:25px; text-align:center;overflow:hidden; line-height:32px;}

.pages_2 .back span{ font-family:Simsun; padding-left:10px;}

.pages_2 .back:hover{ background:#61a032; color:#fff; border:2px solid #61a032}


.pages{margin: 20px auto 0 auto;text-align: center;}
.pagination li{float: left;display: inline;
    width: 43px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #d2d2d2;
    color: #666666;
    font-size: 15px;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 4px;}
.pagination{padding: 0!important;display: inline-block}
.pagination li{list-style-type: none;float: left;display: inline-block;}
.pagination li a{display: inline-block;width: 100%;height: 100%;}
.pagination li span{display: inline-block;width: 100%;height: 100%;}
.pagination .disabled{color: #d2d2d2!important;cursor: not-allowed!important;}
.pagination .active{background-color: #00a0e9 ;color: #fff;}




#allmap{width: 100%;height:450px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}

.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}