@charset "UTF-8";
.h22 { height: 22px; }

.header { width: 1200px; margin: auto; }
.header .topmodel { width: 1200px; height: 260px; background: url("/static/img/bgsm1.png") no-repeat; background-size: 100%; background-position-x: 102px; }
.header .topmodel .logo { padding-top: 85px; }
.header .nav { width: 100%; height: 60px; background-color: #00b200; }
.header .nav .navitem { width: 150px; line-height: 60px; text-align: center; display: block; float: left; color: #fff; font-size: 16px; font-family: iconfont; }
.header .nav .navitem:hover { background-color: #19d727; }
.header .nav .navitem:hover:nth-child(1):before { content: "\e934"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(2):before { content: "\e938"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(3):before { content: "\e935"; }
.header .nav .navitem:hover:nth-child(4):before { content: "\e939"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(5):before { content: "\e93a"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(6):before { content: "\e937"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(7):before { content: "\e933"; padding-right: 5px; }
.header .nav .navitem:hover:nth-child(8):before { content: "\e936"; padding-right: 5px; }

.footer { margin-top: 30px; height: 218px; background-color: #e6e6e6; }
.footer .topmodel { height: 74px; width: 50%; margin: auto; padding-top: 30px; margin-left: 37%;display: flex;align-items: center;}
.footer .topmodel .title { font-size: 18px; color: #888; font-weight: 600; margin-bottom: 8px; }
.footer .midmodel { height: 34px; width: 1200px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin: auto; text-align: center; }
.footer .midmodel a { line-height: 34px; }

.navtab { margin-top: 30px; }
.navtab .left { float: left; margin-bottom: 9px; }
.navtab .left a { margin-left: 10px; float: left; line-height: 28px; }
.navtab .right { float: right; margin-bottom: 9px; }
.navtab .divline { width: 100%; height: 1px; background: #e6e6e6; position: relative; }
.navtab .divline .lineimg { position: absolute; left: 0; top: -1px; }

.conmodel1 .left { width: 780px; height: 488px; position: relative; overflow: hidden; }
.conmodel1 .left .news-swper { width: 780px !important; height: 488px !important; position: relative; }
.conmodel1 .left .news-swper .newsimg { width: 780px; height: 488px; }
.conmodel1 .left .news-swper .banner { height: 76px; background-color: rgba(0, 0, 0, 0.3); width: 100%; position: absolute; bottom: 0; left: 0; }
.conmodel1 .left .news-swper .banner .con { margin: 15px 22px; }
.conmodel1 .left .news-swper .banner .con .title { height: 22px; font-size: 18px; color: #fff; }
.conmodel1 .left .news-swper .banner .con .ms { font-size: 14px; color: #fff; margin-top: 10px; height: 18px; width: 80%; }
.conmodel1 .right { width: 420px; height: 488px; overflow: hidden; background-color: #f5f5f5; }
.conmodel1 .right .item { display: block; width: 90%; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 25px; border-bottom: 1px solid #e5e5e5; }
.conmodel1 .right .item .title { font-size: 14px; color: #444; height: 17px; }
.conmodel1 .right .item .time { margin: 0 15px; }
.conmodel1 .right .item .time i { color: #888; }
.conmodel1 .right .item:hover .title { color: #00b200; }
.conmodel1 .right .item:last-child { border-bottom: none; }

.indexblock { overflow: hidden; }
.indexblock .indexblockleft { width: 780px; overflow: hidden; }
.indexblock .indexblockleft ul li { font-size: 14px; color: #444; line-height: 44px; height: 44px; border-bottom: 1px dashed #e5e5e5; }
.indexblock .indexblockleft ul li:last-child { border-bottom: 1px solid #e5e5e5; }
.indexblock .indexblockleft ul li a { display: block; }
.indexblock .indexblockleft ul li a .disc { width: 6px; height: 6px; background-color: #f64d0f; border-radius: 3px; margin-top: 18px; }
.indexblock .indexblockleft ul li a .title { width: 80%; line-height: 44px; height: 44px; margin-left: 5px; }
.indexblock .indexblockleft ul li a:hover .active { color: #00b200; }
.indexblock .indexblockleft ul li a:hover .disc { background-color: #00b200; }
.indexblock .indexblockright { width: 420px; padding-top: 30px; }
.indexblock .indexblockright .items { display: block; width: 390px; padding-top: 20px; padding-bottom: 21px; border-radius: 4px; background: linear-gradient(#ff6a2e, #f13e00); margin-left: 30px; margin-bottom: 17px; }
.indexblock .indexblockright .items:last-child { margin-bottom: 0; }
.indexblock .indexblockright .bg00d400 { background: linear-gradient(#00d400, #00b600); }
.indexblock .indexblockright .bg0bb2ff { background: linear-gradient(#0bb2ff, #006ee9); }

.leftbar { width: 200px; overflow: hidden; }
.leftbar ul .name { width: 200px; height: 80px; background: url("/static/img/img5.png") no-repeat; background-size: 100% 100%; background-repeat: no-repeat; }
.leftbar ul .name .zimu { font-size: 58px; color: #b9cced; line-height: 80px; margin-left: 20px; }
.leftbar ul .name .nametitle { margin-top: 18px; margin-left: 5px; }
.leftbar ul .name .nametitle .title { font-size: 24px; font-weight: bolder; color: #fff; }
.leftbar ul .name .nametitle .xiaoxie { font-size: 16px; color: #b9cced; }
.leftbar ul .litems { border: 1px solid #e5e5e5; border-top: none !important; height: 50px; line-height: 50px; }
.leftbar ul .litems a { display: block; font-size: 16px; margin-left: 30px; }
.leftbar ul .litems a:hover { color: #f64d0f; }

table { width: 100%; border-collapse: collapse; border: solid 1px #e6e6e6 !important; }
table thead { background-color: #f5f5f5; }
table thead tr { height: 36px; font-size: 12px; color: #444; border: solid 1px #e6e6e6 !important; }
table thead tr th { border: solid 1px #e6e6e6 !important; }
table tbody tr { height: 36px; text-align: center; font-size: 12px; color: #444; border: solid 1px #e6e6e6 !important; }
table tbody tr td { border: solid 1px #e6e6e6 !important; }

.pagetb { text-align: center; }

.cloumnaddress { height: 40px; line-height: 40px; width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }

.rightcontent { width: 970px; height: auto; overflow: hidden; }
.rightcontent .mallcontent { width: 970px; height: auto; min-height: 350px; }
.rightcontent .mallcontent .visit .tab { display: block; text-align: center; line-height: 40px; width: 100px; height: 40px; box-sizing: border-box; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #888; font-size: 14px; border: 1px solid #e5e5e5; border-bottom: none; margin-right: 4px; }
.rightcontent .mallcontent .visit .tab:hover { background-color: #037fef; color: #fff; border: none; }
.rightcontent .mallcontent .visit .active { background-color: #037fef; color: #fff; border: none; }
.rightcontent .mallcontent .visit .edit { width: 100%; height: auto; margin-top: 20px; font-size: 14px; color: #888; }
.rightcontent .mallcontent .changqu .items { display: block; width: 310px; margin-right: 20px; margin-bottom: 15px; position: relative; }
.rightcontent .mallcontent .changqu .items .mask { width: 310px; height: 194px; position: absolute; z-index: 555; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; 鈥╢ilter: alpha(opacity=50); background-image: url("/static/img/img9.png"); background-repeat: no-repeat; background-size: 60px 60px; background-position: center; display: none; }
.rightcontent .mallcontent .changqu .items img { width: 310px; height: 194px; }
.rightcontent .mallcontent .changqu .items .title { font-size: 14px; color: #666; height: 45px; line-height: 45px; text-align: center; }
.rightcontent .mallcontent .changqu .items:hover .mask { display: block; }
.rightcontent .mallcontent .changqu .items:hover .title { color: #00b200; }
.rightcontent .mallcontent .changqu .items:nth-child(3n) { margin-right: 0; }
.rightcontent .mallcontent .contactus { margin-top: 35px; }
.rightcontent .mallcontent .contactus .usways { width: 350px; height: 400px; line-height: 25px; }
.rightcontent .mallcontent .contactus .usways .w250 { width: 250px; }
.rightcontent .mallcontent .contactus .map { width: 600px; height: 380px; background-color: #00b200; }
.rightcontent .mallcontent .contactus .map img { width: 100%; height: 100%; }
.rightcontent .mallcontent .jjjc { height: 108px; border-bottom: dashed 1px #e6e6e6; }
.rightcontent .mallcontent .jjjc .datetime { margin-top: 18px; width: 68px; height: 68px; margin-right: 10px; border-radius: 4px; border: solid 1px #e6e6e6; }
.rightcontent .mallcontent .jjjc .datetime .month { margin-top: 10px; font-size: 14px; color: #bbb; text-align: center; }
.rightcontent .mallcontent .jjjc .datetime .year { text-align: center; font-size: 30px; color: #888; }
.rightcontent .mallcontent .jjjc .jjbox { margin-top: 18px; width: 91%; }
.rightcontent .mallcontent .jjjc .jjbox .title { font-size: 20px; color: #444; }
.rightcontent .mallcontent .jjjc .jjbox .desc { font-size: 14px; color: #888; line-height: 20px; margin-top: 10px; }
.rightcontent .mallcontent .swithbox { height: 40px; border-bottom: solid 1px #e6e6e6; }
.rightcontent .mallcontent .swithbox .swith { height: 40px; width: 100px; font-size: 14px; line-height: 40px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; }
.rightcontent .mallcontent .swithbox .check { background-color: #037fef; border: solid 1px #037fef; border-bottom: none; color: #fff; }
.rightcontent .mallcontent .swithbox .uncheck { border: solid 1px #e6e6e6; border-bottom: none; color: #888888; }
.rightcontent .mallcontent .swithbox .selectdate { color: #888; }
.rightcontent .mallcontent .swithbox .selectdate div { cursor: pointer; }
.rightcontent .mallcontent .swithbox .selectdate .date { color: #f64d0f; font-size: 14px; }
.rightcontent .mallcontent .hjsj { height: 45px; line-height: 45px; border-bottom: dashed 1px #e6e6e6; display: block; }
.rightcontent .mallcontent .hjsj .disc { width: 6px; height: 6px; background-color: #bbb; border-radius: 3px; margin-top: 18px; }
.rightcontent .mallcontent .hjsj .title { width: 80%; line-height: 44px; height: 44px; margin-left: 5px; }
.rightcontent .mallcontent .hjsj:hover .disc { background-color: #00b200; }
.rightcontent .mallcontent .hjsj:hover .active { color: #00b200; }
.rightcontent .mallcontent .careitems { display: block; width: 478px; height: 160px; border: solid 1px #e6e6e6; margin-right: 14px; box-sizing: border-box; margin-bottom: 14px; overflow: hidden; }
.rightcontent .mallcontent .careitems .carimgbox { width: 200px; height: 160px; }
.rightcontent .mallcontent .careitems .carimgbox img { width: 200px; height: 160px; }
.rightcontent .mallcontent .careitems .carebox { display: block; padding: 20px 15px; width: 231px; }
.rightcontent .mallcontent .careitems:hover .active { color: #00b200; }
.rightcontent .mallcontent .careitems:nth-child(2n) { margin-right: 0; }
.rightcontent .mallcontent .honoritemsbox { display: block; width: 310px; margin-right: 20px; margin-bottom: 15px; }
.rightcontent .mallcontent .honoritemsbox .honoritems { display: block; }
.rightcontent .mallcontent .honoritemsbox .honoritems .honorimg { width: 310px; height: 194px; overflow: hidden; }
.rightcontent .mallcontent .honoritemsbox .honoritems .honorimg .img { display: block; width: 100%; height: 100%; }
.rightcontent .mallcontent .honoritemsbox .honoritems .ptitle { font-size: 16px; color: #444; text-align: center; height: 50px; line-height: 50px; }
.rightcontent .mallcontent .honoritemsbox:nth-child(3n) { margin-right: 0; }
.rightcontent .mallcontent .workitems { display: block; }
.rightcontent .mallcontent .workitems .workimgbox { width: 240px; height: 150px; }
.rightcontent .mallcontent .workitems .workimgbox img { width: 100%; height: 100%; }
.rightcontent .mallcontent .workitems .workbox { margin-left: 17px; width: 72%; }
.rightcontent .mallcontent .workitems .workbox .lh45 { height: 42px; line-height: 42px; }
.rightcontent .mallcontent .workitems .workbox .lh20 { line-height: 20px; height: 40px; margin-top: 10px; margin-bottom: 15px; }
.rightcontent .mallcontent .workitems .leadimgbox { width: 180px; height: 217px; overflow: hidden; }
.rightcontent .mallcontent .workitems .leadbox { margin-left: 17px; width: 79%; }
.rightcontent .mallcontent .workitems .leadbox .name { font-size: 20px; color: #444; margin-top: 20px; }
.rightcontent .mallcontent .workitems .leadbox .label { width: 220px; font-size: 14px; }
.rightcontent .mallcontent .workitems .leadbox .mb7 { margin-bottom: 7px; }
.rightcontent .mallcontent .workitems .leadbox .mt5 { margin-top: 5px; }
.rightcontent .mallcontent .workitems .leadbox .zwfg { width: 90%; line-height: 26px; font-size: 14px; color: #444; }
.rightcontent .mallcontent .workitems:hover .active { color: #00b200; }

.maskcontent { width: 100%; height: 100%; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; 鈥╢ilter: alpha(opacity=20); }
.maskcontent { top: 0; left: 0;}
.maskcontent .viewimg { width: 800px; height: 500px; margin: 0 auto; margin-top: 7%; }
.maskcontent .viewimg img { width: 800px; height: 500px; }
.maskcontent .close { text-align: center; font-size: 40px; color: #fff; margin-top: 50px; }

.flag { width: 33px; height: 3px; background-color: #00b200; margin-top: 15px; margin-bottom: 14px; }

.fcf64d0f { color: #f64d0f; }

.fc00b200 { color: #00b200; }

.blank { width: 250px; height: 154px; margin: 0 auto; margin-top: 60px; }

.details .bbdush { padding: 15px 0; border-bottom: 1px dashed #e5e5e5; }
.details .newstitle { font-size: 30px; color: #444; text-align: center; }
.details .desc { font-size: 14px; color: #666; line-height: 26px; padding: 15px 0; }
.details .desc img { margin: 0 auto; }
.details .nexttitle { border-top: 1px solid #e5e5e5; width: 100%; }
.details .nexttitle .name { margin-top: 30px; width: 50%; height: 40px; display: block; line-height: 40px; }
.details .nexttitle .name:hover { color: #00b200; }

.device { padding-top: 19px; width: 1200px; position: relative; }
.device .arrow-left { background: url(/static/img/img4.png) no-repeat left top; position: absolute; top: 50%; margin-top: -15px; width: 45px; height: 45px; z-index: 55; }
.device .arrow-right { background: url(/static/img/img3.png) no-repeat left bottom; position: absolute; right: 8px; z-index: 55; top: 50%; margin-top: -15px; width: 45px; height: 45px; }
.device .swiper-container { width: 1200px; height: 180px; }
.device .swiper-slide { width: 300px !important; height: 180px; }
.device .pagination { position: absolute; z-index: 20; left: 10px; bottom: -30px; text-align: center; width: 100%; }
.device .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #ccc; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.device .swiper-visible-switch { background: #ccc; }
.device .swiper-active-switch { background: #00c100; }
.device .items { display: block; width: 290px; height: 180px; border-radius: 4px; background-color: #00c100; position: relative; overflow: hidden; }
.device .items img { width: 290px; height: 180px; }
.device .items .title { width: 95%; padding: 0 3%; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; 鈥╢ilter: alpha(opacity=40); position: absolute; z-index: 222; bottom: 0; color: #fff; font-size: 14px; }

.pagination1 { position: absolute; z-index: 20; right: 10px; bottom: 10px; text-align: right; width: 100%; }

.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #ccc; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }

.swiper-visible-switch { background: #ccc; }

.swiper-active-switch { background: #00c100; }
<!--0.00020003318786621-->