/*************************************************************************/

/*全局样式开始*/

/*************************************************************************/

@charset "utf-8";






































#banner{width:100%; height:350px; margin:0 auto;}





.fullSlide {width:100%;position:relative;height:350px; margin:0 auto;background:#fff;}







.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}





.fullSlide .bd ul {width:100% !important;}







.fullSlide .bd li {width:100% !important;height:350px;overflow:hidden;text-align:center; float:left; background-position:left center; background-repeat:no-repeat;}







.fullSlide .bd li a {width:100%; display:block;height:350px;}





.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px; padding-top:2px; line-height:30px; background:url(../images/bb2.png);}



.fullSlide .hd ul {text-align:center;}





.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:1px; margin-top:8px; margin-left:0px; margin-right:0px;overflow:hidden; background-image:url(../images/ber1.png);line-height:999px;}





.fullSlide .hd ul .on { background-image:url(../images/ber2.png);}





.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}



.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

































































#pro_list{ width:100%; margin-top:20px}

#pro_list ul li{ float:left; width:calc((100% - 30px) / 4); margin-left:10px; background:#0ba29a; padding:0 20px; margin-top:10px; height:54px; line-height:54px;    border-radius: 8px;}

#pro_list ul li:first-child{ margin-left:0; line-height:118px; height:118px; background:#f8b62b}

#pro_list ul li a{ color:#fff; display:block}

#pro_list ul li:hover{ background:#f8b62b}



#main{ width:100%; margin-top:30px}

#main .product{ width:780px;}

#main .product .title{ border-bottom:1px solid #eee}

#main .product .title span{ float:right}

#main .product .title span a{ color:#999}

#main .product .title h2{ font-size:16px;}

#main .product .list ul li{ float:left; width:calc((100% - 60px) / 6); margin-right:10px; margin-top:20px}

#main .product .list ul li:nth-child(){ margin-right:0}

#main .product .list ul li .img{ width:100%; height:160px; border:1px solid #eee; padding:20px; overflow:hidden;     border-radius: 8px 8px 0px 0px;}

#main .product .list ul li .img img{width:100%;height:100%;object-fit:contain; border-radius: 8px 8px 0px 0px;}

#main .product .list ul li p{ background:#eee; text-align:center; line-height:30px; color:#0ba29a; border-radius: 0px 0px 8px 8px;}

#main .product .list ul li h3{ font-weight:normal; text-align: center; line-height:24px; margin-top:10px; font-size:12px}

#main .product .list ul li h3{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}

#main .product .list ul li:hover p{ background:#f8b62b; color:#fff;  }

#main .right{ width:calc(100% - 820px)}

#main .right .title{ border-bottom:1px solid #eee}

#main .right .title span{ float:right}

#main .right .title span a{ color:#999}

#main .right .title h2{ font-size:16px;}

#main .right .list{ background:#f5f5f5; padding:0px 20px; height:500px; border-radius:0 0 8px 8px ;}

#main .right .list ul li{ background:#fff; margin-top:20px; width: 24%; float: left; margin: 5px; padding:14px;-moz-box-shadow: 0px 0px 10px #eee;-webkit-box-shadow: 0px 0px 10px #eee;box-shadow: 0px 0px 10px #eee;  border-radius: 8px ;}

#main .right .list ul li p{ line-height:22px}

#main .right .list ul li p:nth-child(1111){ color:#999; margin-top:5px; font-size:12px}

#main .right .list ul li p i{ margin-right:15px}



#item{ width:100%; margin-top:30px}

#item .item_list{ float:left; width:calc((100% - 40px) / 3); margin-right:20px; padding:40px 20px; height:200px; border-radius: 8px ;}

#item .item_list:last-child{ margin-right:0}

#item .item_list.service{ background:url(../images/bg_item_1.jpg) no-repeat center center; background-size:cover}

#item .item_list.Support{ background:url(../images/bg_item_2.jpg) no-repeat center center; background-size:cover}

#item .item_list.About{ background:url(../images/bg_item_3.jpg) no-repeat center center; background-size:cover}

#item .item_list .t{ font-weight:700; font-size:16px}

#item .item_list p{ width:200px;line-height:20px; margin-top:10px}



#sitemap{ width:100%; margin-top:30px; padding:50px 0; background:url(../images/bg_map.jpg) no-repeat center center; background-size:cover}

#sitemap .item{ margin-right:50px; max-width:400px}

#sitemap .item h2{ font-size:16px}

#sitemap .item p{ line-height:24px;}

#sitemap .item:last-child{ margin-right:0}







#prolist{ width:100%; padding-bottom:20px}

#prolist .local{ color:#999; padding:20px 0; font-size:12px}

#prolist .local a{ color:#999}

#prolist .local i{ margin-right:5px}

#prolist .title{ border-bottom:1px solid #eee; font-size:18px; padding-bottom:10px}

#prolist .title i{ margin-right:5px}

#prolist .choose{ border:1px solid #eee; margin-top:20px; padding:10px;border-radius:4px}

#prolist .choose a{ background:#0ba29a; color:#fff; display:inline-block; margin-right:5px; border-radius:4px; padding:0 10px}

#prolist .choose a.p_xqq{ background:#999}

#prolist .choose a i{ margin-left:5px}

#prolist .list{ margin-top:20px}

#prolist .list .left{ width:910px}

#prolist .list .left ul li{ border:1px solid #eee; margin-bottom:10px; -moz-box-shadow: 0px 0px 5px #f5f5f5;-webkit-box-shadow: 0px 0px 5px #f5f5f5;box-shadow: 0px 0px 5px #f5f5f5;}

#prolist .list .left ul li{display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;border-radius:4px}

#prolist .list .left ul li.tit{ background:#0ba29a; border-radius:4px; color:#fff; line-height:40px; border:0;}

#prolist .list .left ul li.tit .t{ width:80%; text-align:left; padding-left:20px; border-right:1px solid #0ba29a}

#prolist .list .left ul li.tit .order{ width:20%; text-align:center;}

#prolist .list .left ul li .info{ width:80%; padding:20px 30px; line-height:24px; height:220px;border-right:1px solid #eee; }

#prolist .list .left ul li .info h2{ padding-bottom:10px; color:#0ba29a;}

#prolist .list .left ul li .info p{ color:#333}

#prolist .list .left ul li .info p i{ font-weight:700}

#prolist .list .left ul li .info .img{ width:280px; height:100%}

#prolist .list .left ul li .info .img img{ max-height:100%; max-width:100%; display:block; margin:0 auto}

#prolist .list .left ul li .order{ width:20%; text-align:center; padding:0 30px}

#prolist .list .left ul li .order a{ display:block; border:1px solid #ffac00; color:#ffac00; line-height:30px; border-radius:40px; margin:10px 0; text-align: center; width:100%; font-size:12px}

#prolist .list .left ul li .order a:nth-child(2){ border:1px solid #e0e0e0; color:#0ba29a}

#prolist .list .left ul li .order i{ margin-right:5px}



#prolist .right{ width:270px}

#prolist .right .classlist{ background:#f8f8f8; margin-bottom:10px;border-radius:4px; overflow:hidden}

#prolist .right .classlist .title{ background:#f0f0f0; padding:0 20px; line-height:48px}

#prolist .right .classlist .title i{ margin-right:5px; font-size:14px}

#prolist .right .classlist .title .fa-plus-square{ display:none}

#prolist .right .classlist .title .fa-minus-square{ display:inline-block}

#prolist .right .classlist .clist{ padding:20px 0;}

#prolist .right .classlist .clist ul{ padding:0 20px;max-height:215px; overflow:hidden;overflow-y: scroll;}

#prolist .right .classlist .clist ul li{ border-bottom:1px dotted #e2e2e2; line-height:40px; }

#prolist .right .classlist .clist ul li{ color:#0ba29a}

#prolist .right .classlist .clist ul li a{ color:#0ba29a}

#prolist .right .classlist .clist ul li input{width: 15px;height: 15px;margin-right: 10px;float: left;display: block;margin-top: 14px;}

#prolist .right .classlist .clist ul::-webkit-scrollbar{width:8px;  height:auto;  background-color: #f8f8f8;}

#prolist .right .classlist .clist ul::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #0ba29a;}

#prolist .right .classlist.isopen .clist{ height:0; overflow:hidden; padding:0}

#prolist .right .classlist.isopen .title .fa-plus-square{ display:inline-block}

#prolist .right .classlist.isopen .title .fa-minus-square{ display:none}



#fenye{padding:50px 0 0px;text-align:center;clear:both;}

#fenye table{text-align:center;margin:0 auto}

#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF; border-radius:4px}

#fenye .prev,#fenye .next{width:52px;text-align:center}

#fenye a.curr{font-weight:700;color:#fff;background:#0ba29a;border:1px solid #0ba29a}

#fenye a:hover{background:#0ba29a;color:#fff;border:1px solid #0ba29a}

#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF; border-radius:4px}



#proshow{ width:100%; padding-bottom:20px}

#proshow .local{ color:#999; padding:20px 0; font-size:12px}

#proshow .local a{ color:#999}

#proshow .local i{ margin-right:5px}

#proshow .title{ border-bottom:1px solid #eee; font-size:28px; padding-bottom:10px}

#proshow .title span{ color:#999; margin-left:10px; font-size:18px}

#proshow .view{ margin-top:20px}

#proshow .view .img{ width:450px; min-height:450px; background:#fafafa; padding:20px;}

#proshow .view .img .slide{ position:relative; overflow:hidden}

#proshow .view .img .slide .swiper-slide{ width:450px; height:290px; display:flex;align-items:center;}

#proshow .view .img .slide .swiper-slide img{ max-height:100%; max-width:100%; display:block; margin:0 auto; vertical-align:middle}

#proshow .view .img p{ line-height:24px; margin-top:20px}

#proshow .view .info{ width:430px; margin-right:40px}

#proshow .view .info .item{;display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; line-height:22px; padding:9px 0}

#proshow .view .info .item span:nth-child(1){ width:120px; font-weight:700}

#proshow .view .info .item span:nth-child(2){ width:calc(100% - 140px)}

#proshow .buy{ width:240px;}

#proshow .buy .price .t{ background:#0ba29a; line-height:40px; height:40px;}

#proshow .buy .price .t span{ width:50%; float:left; text-align:center; color:#fff; border-right:1px solid #0ba29a}

#proshow .buy .price .t span:nth-child(2){ border-right:0}

#proshow .buy .price .item{ background:#f0f0f0; line-height:40px; height:40px; margin-top:5px;}

#proshow .buy .price .item span{ width:50%; float:left; text-align:center; }

#proshow .buy .price .item span:nth-child(2){ font-weight:700}

#proshow .buy .btn{ margin-top:20px}

#proshow .buy .btn a{ text-align:center; line-height:44px; border-radius:4px; background:#ffac00; color:#fff; display:block; margin-top:5px}

#proshow .buy .btn a:nth-child(2){ background:#0ba29a}

#proshow .buy .btn a:nth-child(3){ background:#0ba29a}

#proshow .buy .btn a i{ margin-right:5px;}

#proshow .buy .btn a:hover i{ margin-right:15px}

#proshow .buy .other{ margin-top:20px}

#proshow .buy .other a{ float:left; width:48%; border:1px solid #eee; padding:5px 10px; margin-top:5px; border-radius:4px}

#proshow .buy .other a:nth-child(2n){ float:right}

#proshow .buy .other a img{ width:20px; height:20px; margin-right:5px}

#proshow .buy .other a:hover{ color:#fff}

#proshow .buy .other a:nth-child(2):hover,

#proshow .buy .other a:nth-child(1):hover{ border:1px solid #ffac00; background:#ffac00}

#proshow .buy .other a:nth-child(3):hover,

#proshow .buy .other a:nth-child(4):hover{ border:1px solid #0ba29a; background:#0ba29a}



#view{ margin-top:20px;}

#view .left{ width:910px}

#view .left .tabs{ border-bottom:2px solid #0ba29a}

#view .left .tabs a{ float:left; margin-right:10px; line-height:50px; text-align:center; width:calc((100% - 20px) / 3); background:#f8f8f8}

#view .left .tabs a.active{ background:#0ba29a; color:#fff}

#view .left .tabs a:last-child{ margin-right:0}

#view .left .tabslist{ overflow:hidden}

#view .left .tabslist .mycontent{ line-height:24px; padding:20px 0; width:100%;word-wrap:break-word; }

#view .left .tabslist .mycontent hr{height:1px;border:none;border-top:1px solid #ddd; display:block; margin-top:10px; margin-bottom:10px;}

#view .right{ width:270px}

#view .right .other{ background:#f8f8f8}

#view .right .other .title{ background:#f0f0f0; padding:0 20px; line-height:48px}

#view .right .other .list{ padding:0 20px;}

#view .right .other .list ul li{ border-bottom:1px dotted #e2e2e2; line-height:40px}



#service{ width:100%; padding-bottom:20px}

#service .local{ color:#999; padding:20px 0; font-size:12px}

#service .local a{ color:#999}

#service .local i{ margin-right:5px}

#service .title{ border-bottom:1px solid #eee; font-size:28px; padding-bottom:10px}

#service .title span{ color:#999; margin-left:10px; font-size:18px}

#service .main{ margin-top:20px}

#service .main .left{ width:280px;}

#service .main .left .tit{ background:#0ba29a; padding:0 20px; line-height:60px; border-radius:4px 4px 0 0; color:#fff; font-size:16px}

#service .main .left ul{ border:1px solid #ddd; padding:30px 20px 50px; border-top:0; border-radius:0 0 4px 4px}

#service .main .left ul li{ border-bottom:1px dashed #eee; line-height:60px}

#service .main  .right{ width:calc(100% - 320px)}

#service .main  .right h1{ border-bottom:1px solid #eee; font-size:16px; padding-bottom:10px}

#service .main  .right .mycontent{ padding:30px 0; line-height:26px;}

#service .main  .right .mycontent hr{height:1px;border:none;border-top:1px solid #ddd; display:block; margin-top:10px; margin-bottom:10px;}

#service .main  .right .list ul li{ border-bottom:1px solid #eee; padding:15px 0}

#service .main  .right .list ul li .q{line-height:24px; font-size:14px; cursor:pointer}

#service .main  .right .list ul li .a{ line-height:24px; padding:20px 30px; margin-top:10px; background:#f8f8f8; display:none; border-radius:4px}

#service .main  .right .list ul li .q i{ margin-right:5px}

#service .main  .right .list ul li .q .fa-plus-square{ display:inline-block}

#service .main  .right .list ul li .q .fa-minus-square{ display:none}

#service .main  .right .list ul li.isopen .clist{ height:0; overflow:hidden; padding:0}

#service .main  .right .list ul li.isopen .q{ font-weight:700; color:#0ba29a}

#service .main  .right .list ul li.isopen .q .fa-plus-square{ display:none}

#service .main  .right .list ul li.isopen .q .fa-minus-square{ display:inline-block}

#service .main  .right .list ul li.isopen .a{ display:block}