body{
    font-size: 12px;
    font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
    background: #fff;
    position: relative;
}
ul,ol,dl{
    list-style: none;
    padding: 0;
}
img{max-width: 100%}
h3{font-weight: 600}
.fl{float: left}
.fr{float: right}
.p0r{padding-right: 0}
.p0l{padding-left: 0}
.p0{padding: 0}
.red1{color: #c5051a !important;}


.top .language{padding-left: 30px}
.top .language a{text-decoration: none;color: #000}


.header{
    background: #ffffff;
    padding: 10px 0 0 0;
    box-shadow: 3px 3px 3px #d8d8d8;
    z-index: 999;
    border-bottom: 3px;
    font-size: 14px;
}
.navbar-nav{float: right;padding-top: 40px}
.navbar-inverse .navbar-nav > a{padding: 0 15px; text-decoration: none;color: #000}
.navbar-inverse .navbar-nav >a.cur,.navbar-inverse .navbar-nav >  a:hover{color: #4aa2ef}
.rec-title{padding: 50px 0}

/*page-banner*/
.page-banner{position: relative}
.page-banner .text{position: absolute;top: 40%;color: #fff;right: 23%}
.page-banner .text .name{font-size: 28px;font-weight: 600;text-transform: capitalize}

/*recProduct*/
.recProduct{padding: 50px 150px}
.recProduct .list-list .img{overflow: hidden}
.recProduct  .list-list img{
    width: 100%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.recProduct .list-list img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.product-swiper{padding-bottom: 50px}
.recProduct .box2{background: #d5e7fe}
.recProduct a{text-decoration: none;}
.recProduct .name{color: #065cce;font-size: 16px;font-weight: 600;padding: 10px }
.recProduct .desc{color: #000000;padding: 20px 0 20px 20px;line-height: 25px}
.recProduct .swiper-scrollbar-drag{background: rgba(0,132,255,6);}


/*recAbout*/
.recAbout{background: url("../2.jpg");width: 100%;height: 680px}
.recAbout .desc p{text-indent: 2em;color: #ffffff;line-height:30px;letter-spacing: 0.1em;padding-bottom: 1.5em}
.recAbout .more{text-align: right}
.recAbout .more a{text-decoration: none;padding: 6px 30px;color: #fff;border: 1px solid #fff;border-radius: 15px}
/*recArticle */
.article-img{position: relative}
.article-img  .img{position: relative}
.article-img .title{position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,0.5);padding: 10px 5px;color: #fff}

.recArticle .swiper-pagination-bullet{width: 15px;border-radius:0;background:#fff;height: 6px;opacity: 1}
.recArticle .swiper-pagination-bullet-active{background: #007aff;}
.recArticle .swiper-pagination{text-align: right}
.recArticle .list li{margin-bottom: 12px;border-bottom: 1px solid #a6a6a6;padding-bottom: 12px}
.recArticle .list .time{background: #f0f0f0;padding: 11px}
.recArticle .list .time .day{text-align: center;color: #666666;font-size: 18px;font-weight: 600;padding-bottom: 8px}
.recArticle .list .time .year_month{text-align: center;color: #666}
.recArticle .list .text .title{font-size: 14px;color: #000;padding-bottom: 8px}
.recArticle .list .text .desc{color: #676666;line-height: 20px}
/*contact*/
.contact{background: url("../4.jpg");margin-top: 100px}
.content-desc{color: #fff;font-size: 14px;margin-top: 30px;line-height: 30px}
.content-desc p span{margin-right: 10px}
.guestbook{background: #fff;padding: 30px 20px}
.guestbook .title{font-size: 14px;padding-bottom: 10px}
.guestbook .row{margin-bottom: 20px}
.guestbook .reset{border: 1px solid #e3e2e2;padding: 7px 30px; cursor: pointer}
.guestbook .sub{border: 1px solid #046fd9;padding: 7px 30px;background: #046fd9;color: #fff;cursor: pointer}
/*footer*/
.footer{background: #233752;color: #fff;padding: 40px }
.footer-nav{margin-bottom: 10px}
.footer-nav a{color: #fff;padding: 20px 30px;font-size: 14px}
/*treeBox*/
.treeBox{background: #fff;box-shadow: 3px 3px 3px #dddddd;position: relative;top: -20px;min-height: 500px}
.treeBox-top{padding: 20px;}
.treeBox-top .box1{font-size: 26px;color: #1879e6;font-weight: 600}
.treeBox-top .box1-en{font-size: 12px}
.treeBox li.cur,.treeBox li:hover{background: url("../about-2.png") ;background-size:cover;width: 100%}
.treeBox li.cur a,.treeBox li:hover a{color: #fff;}
.treeBox ul{margin-top: 20px}
.treeBox li{height: 50px;line-height: 50px;vertical-align: middle;border-bottom: 1px solid #eeeeee;cursor: pointer}
.treeBox li a{text-decoration: none;color: #666666;padding: 20px 30px;font-size: 14px;}
.treeBox li a span{margin-right: 10px}
/*page*/
.page{padding: 20px;}
.page  .xian hr{border: 2px solid #d41823}
.page .top{border-bottom: 2px solid #eeeeee;padding-bottom: 15px}
.page .top .page-name span{border-bottom:2px solid #1879e6 ;font-size: 16px;color: #1879e6;padding-bottom: 16px;position: relative;font-weight: 600}
.page .content{padding-top: 30px}
.productcategory .list .col-xs-4{padding-left: 8px;padding-right: 8px;margin-bottom: 20px}
.productcategory .list .name{padding: 10px;background: #007aff}
.productcategory .list a{text-decoration: none;color: #fff}
.productContent h3{font-size: 18px;font-weight: 600;border-bottom: 2px  solid #d41823;padding-bottom: 10px;margin-bottom: 20px}
.productContent h3 span{color: #1879e6;border-bottom: 2px solid #1879e6;padding-bottom: 8px}
.productContent .desc{line-height: 30px;min-height: 500px}

/*articleList*/
#articleList .row{width: 33%;}
#articleList .col-xs-4{padding-right: 8px;padding-left: 8px}
#articleList .list{border: 1px solid #d2d2d2;margin-bottom: 25px}
#articleList .list .img{height: 170px;width: 224px;overflow: hidden}
#articleList  a{text-decoration: none;}
#articleList .list .title{padding: 10px;color: #000000;height: 50px;overflow: hidden}
#articleList .list .time{text-align: center;color: #000000;padding: 10px 0}
#articleList .list hr{width: 30px;border: 2px solid #2584c7;margin: 5px auto}
/*article*/
#article .info{padding: 10px 0;color: #d41823}
#article {margin-bottom: 50px}
#article .lift{padding: 15px 0}