/*头部*/
.header{position:absolute;left:0;top:0;width:100%;z-index:4;font-weight:bold;z-index:999;border-bottom:1px solid rgba(144,162,175,0.35)}
.header .container{width:95%;}
.header .mnav{display:none;}
.header .logo{float:left;margin-top:30px;margin-bottom:30px;}
.header .logo img{height:40px;}
.header .logo img.on{display:none;}
.header .navbar{float:right;right:30px;transition:all 0.5s;margin-top:-7px}
.header .pcnav li{float:left;font-size:16px;margin-top:50px;padding-bottom:40px;}
.header .pcnav>ul>li>a{border-left:1px solid #949a9d;}


/* .header .navbar li:hover .dropdown-menu{display:block;} */
.header .pcnav li:nth-child(1)>a{border-left:0;}
.header .pcnav>ul>li:last-child>a{border-right:1px solid #949a9d;}
.header .pcnav>ul>li>a{padding:0 30px;position:relative;}
.header .pcnav>ul>li>a::before{position:absolute;width:70px;height:3px;background:#fff;left:50%;bottom:-41px;content:'';width:0;margin-left:-35px;transition:all 0.5s;}
.header .pcnav li a,.header .pcnav dt a{color:#fff;}
/* .header .navbar li a:hover{text-decoration:underline;} */
.header .pcnav>ul>li:hover>a::before{width:70px;}
.dropdown-menu{left:0px;top:105px;position:absolute;width:100%;z-index:11;display:none;overflow:hidden;}
.dropdown-menu .item{max-height:540px;min-height:250px;background:#f5f5f5;overflow:hidden;}
.dropdown-menu .item .left{width:25%;background:#e5e5e5;position:absolute;height:100%;text-align:right;padding-top:10px;}
.dropdown-menu .item .left img{width:100%;}
.dropdown-menu .item .left img.h3cate{width:auto;}
.dropdown-menu .item .left h3{font-size: 26px;padding-right:40px;margin-top:45px;text-align:center;float:right;}
.dropdown-menu .item .left span{display:block;font-weight: normal;color: #002868;font-size:14px;}
.dropdown-menu .item .left .relative{z-index:3;}
.dropdown-menu .item .left .relative img{margin-top:38px;}
.dropdown-menu .item .left .bottom{position:absolute;bottom:0;width:100%;left:0;}

.header .mnav .mnav-search{display: none;}

.dropdown-menu .item .right{width:75%;padding:30px 30px 25px 30px;}
.dropdown-menu .item ul{margin-top:-17px;}
.dropdown-menu .item li{float:left;margin-left:30px;width:28.5%;margin-top:17px;padding-bottom:0;}

.dropdown-menu .item li .img{overflow:hidden;position:relative;}
.dropdown-menu .item li:hover .img img{transform:scale(1.1);}
.dropdown-menu .item li .img img{width:100%;transition:all 0.5s;}
.dropdown-menu .item li .img::after {
  content: '';
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  border: 1px solid #21348b;
  transform: scale(1.3);
  transition: 0.3s ease;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 3;
}
.dropdown-menu .item li:nth-child(1),.dropdown-menu .item li:nth-child(4){margin-left:0;}
.dropdown-menu .item li span{color:#22348b;font-size:16px;display:block;margin-top:11px;font-weight:bold;background:url('../images/catalog-icon.png') no-repeat center  left;padding-left:23px;transition:all 0.5s;}
.dropdown-menu .item li span img{vertical-align:top;}
.dropdown-menu .item li span img.on{display:none;}
.dropdown-menu .item li:hover span img.on{display:inline-block;}
.dropdown-menu .item li:hover span img.off{display:none;}
.dropdown-menu .item li:hover span{background:url('../images/catalog-icon.png') no-repeat center  left 5px;text-decoration:underline;}
.header .pcnav li:nth-child(4):hover .dropdown-menu,.header .pcnav li:nth-child(7):hover .dropdown-menu{display:none;}
.dropdown-menu .item li:hover .img::after {
  transform: scale(1);
  opacity: 1;
}

.header .pcnav dt:nth-child(1){margin-top:53px;}
.header .pcnav dt:nth-child(2){border-right:1px solid #949a9d;margin-right:30px;padding-right:30px;}
.header .pcnav dt:nth-child(2)>a>img{vertical-align:top;}
.header .pcnav dt{float:left;padding-left:30px;margin-top:51px;}
.header .pcnav dt .search{position:absolute;height:53px;right:110px;padding-top:40px;display:none;}
.header .pcnav dt .search .left{width:400px;background:#fff;padding:11.5px 15px;}
.header .pcnav dt .search .left input{height:30px;border:0;border-left:1px solid #ccc;font-size:14px;padding-left:15px;width:340px;float:left;}
.header .pcnav dt .search .left button{width:21px;height:20px;background:url('../images/search-icon2.png') no-repeat;border:0;margin-top:5px;float:left;}
.header .pcnav dt .search .right{width:53px;height:53px;background:#444548 url('../images/search-close.png') center no-repeat;text-align:center;line-height:53px;color:#fff;cursor:pointer;font-size:18px;}
.navbar-toggle{float:right;background-color:transparent;border:0;margin-top:43px;position:relative;}
.navbar-toggle span{display:block;color:#fff;margin-top:19px;font-weight:normal;font-family:'微软雅黑';font-size:14px;}
.navbar-toggle em{left:50%;margin-left:-12px;cursor:pointer;}
.navbar-toggle em,.navbar-toggle em:before,.navbar-toggle em:after{position:absolute;display:block;width:24px;height:2px;content:'';background-color:#fff;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.navbar-toggle em:before{top:-7px}
.navbar-toggle em:after{bottom:-7px}
.navbar-toggle.drawer-open em,.navbar-toggle.drawer-open em::before,.navbar-toggle.drawer-open em::after{background:#fff;}
.navbar-toggle.drawer-open em{background: rgba(0, 0, 0, 0);}
.navbar-toggle.drawer-open em:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.navbar-toggle.drawer-open em:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}
/*移动端导航*/
.mnav ul{padding:0 15px;}
.mnav li{padding:0 20px;background:#fff;width:100%;padding-bottom:0;margin-top:5px;}
.mnav li .n-head{width:100%;height:50px;line-height:50px;}
.mnav li .n-head a{display:block;width:100%;height:100%;}
.mnav li .n-head span{font-weight:bold;float:left;font-size:16px;}
.mnav li .n-head em{float:right;position:relative;width:15px;height:15px;display:inline-block;margin-top:23px;}

.mnav li .n-head em:after{content: '';width: 15px;height: 3px;background-color: #20234b;transition: 0.6s ease;position:absolute;}
.mnav li .n-head em:before{content: '';width:3px;height:15px;background-color: #20234b;transition: 0.6s ease;position:absolute;left:50%;margin-left:-1.5px;top:-6px;}
.mnav li .n-head a em::after,.mnav li .n-head a em:before{display:none;}
.mnav li .n-head a em{background:url('../images/arrow.png') no-repeat center top;margin-top:18px;}

.mnav li:nth-child(1) .n-head a em,.mnav li:nth-child(4) .n-head a em,.mnav li:last-child .n-head a em{display: none;}

.mnav li .n-head.active em:before{transform: rotate(90deg);}
.mnav li .n-body{display:none;}
.mnav li dl{padding-bottom:15px;}
.mnav li dt{background-color: #eeeeee;font-size: 13px;margin-bottom:5px;font-size:14px;}
.mnav li dt a{padding: 12px 15px;position: relative;display:block;}
.mnav li dt a em{background:url('../images/arrow.png') no-repeat center top;width:15px;height:15px;display:inline-block;float:right;}
@media (max-width:1365px){
    .header{height:60px;position:fixed;left:0;top:0;transition:all 0.5s;}
    .header.fixed{background:#ffffff;}
    .header.active{background:#20234b;}
    .header .logo{width:60%;margin:18px 0 15px 0;}
    .header .logo img{width:auto;height:25px;}
    .header.fixed .logo img.on{display:inline-block;}
    .header.fixed .logo img.off{display:none;}
    .header .container{width:100%;}
    .header .mnav{display:block;}

    /* 搜索 */
    .header .mnav .mnav-search{display: block;padding: 0 15px;margin-top: 45px;background:#20234b;z-index:9999;}
    .header .mnav .mnav-search .s-left{width: 80%;height: 50px;border-radius: 30px;padding: 5px 18px;background: #2D3B78;}
    .header .mnav .mnav-search .s-left button{width: 10%;display: inline-block;margin-top: 11px;height: 20px;border: 0;background:url('../images/nav-search.png') no-repeat;background-size: 20px 20px;}
    .header .mnav .mnav-search .s-left input{width: 85%;border: 0;height: 40px;background: #2D3B78;color: #fff;font-size: 16px;}
    .header .mnav .mnav-search .s-right{width: 15%;text-align: right;}
    .header .mnav .mnav-search .s-right a{display: inline-block;height: 50px;width: 50px;line-height: 50px;color: #fff;font-size: 16px;text-align: center;background: #2D3B78;border-radius: 100%;}


    .header .pcnav{display:none;}
    .header .navbar{width:100%;position:fixed;background:#20234b;top:60px;height:100%;right:-100%;z-index:999;display:block;margin-top:0;padding-top:15px;}
    /* .header .navbar li{width:92%;margin-top:0;padding-bottom:0;float:none;background:#fff;margin-top:5px;}
    .header .navbar>ul>li>a{border-left:0;}
    .header .navbar li:last-child>a{border-right:0;}
    .header .navbar li a, .header .navbar dt a{color:#333;width:100%;display:block;margin:0 auto;border-left:0;}
    .header .navbar>ul>li:hover>a::before{display:none;}*/
    .navbar-toggle{margin-right:15px;margin-top:28px;}
    .navbar-toggle span{display:none;}
    .header.fixed .navbar-toggle em,.header.fixed .navbar-toggle em::after,.header.fixed .navbar-toggle em::before{background:#20234b;}
    /*.header .navbar ul,.header .navbar dl{width:100%;}
    .header .navbar dt{width:100%;border:0;margin-top:0;padding-left:0;}
    .header .navbar dt:nth-child(1){margin-top:15px;padding-left:30px;}
    .header .navbar dt:nth-child(1) a,.header .navbar dt:nth-child(1){border:0;}
    .header .navbar dt:nth-child(2) a,.header .navbar dt:nth-child(2){border:0;}
    .header .navbar dt:nth-child(2) a{display:none;}
    .header .navbar dt:nth-child(2){padding-right:0;margin-right:0;margin-top:0;}
    .header .navbar dt .search{display:block;position:relative;padding-top:0;right:0;width:92%;}
    .header .navbar dt .search .left{width:100%;padding-left:0;padding-right:0;}
    .header .navbar dt .search .left input{width:90%;}
    .header .navbar dt .search .right{display:none;}
    .header .navbar li:hover .dropdown-menu{display:none;} */
}
@media (min-width:1300px) and (max-width:1500px) {
  .header .navbar>ul>li>a{padding:0 22px;}
	.dropdown-menu .item{min-height:240px;}
}

/*底部*/
.footer-ads li{float:left;width:12.5%;overflow:hidden;position:relative;}
.footer-ads li .text{position:absolute;width:100%;height:100%;left:0;top:100%;background:rgba(0,0,0,0.86);color:#fff;padding:20px;transition:all 1s;}
.footer-ads li .text span{margin-bottom:15px;display:block;}
.footer-ads li .text p{margin-bottom:15px;display:block;}
.footer-ads li .text em{background:url('../images/eye-icon.png') no-repeat left center;padding-left:20px;font-style:normal;}
.footer-ads li img{width:100%;transition:all 0.5s;}
.footer-ads li:hover img{transform:scale(1.1);}
.footer-ads li:hover .text{top:0;}
.footer{background:#444548;padding-top:40px;color:#fff;padding-bottom:30px;}
.footer dt:nth-child(1) .dt-tit{padding-top:3px;}
.footer .dt-tit{font-size:16px;border-bottom:2px solid rgba(255,255,255,0.5);padding-top:12px;min-height:44.4px;margin-bottom:10px;}
.footer .dt-tit a{color:#fff;}
.footer .dt-tit img{width:60%;}
.footer dt{float:left;width:23%;margin-left:2.66%;}
.footer dt:nth-child(1){margin-left:0;}
.footer dt:last-child .dt-li{margin-bottom:30px;}
.footer .dt-li span{display:block;line-height:30px;}
.footer .dt-li a{color:#fff;}
.footer .dt-li a:hover{text-decoration:underline;}
.footer .dt-ads a{margin-right:15px;}
.footer-copyright{background:#444548;padding-top:20px;color:rgba(255,255,255,0.8);padding-bottom:20px;border-top:1px solid #646567;font-size:12px;}
.mask{position:fixed;background:rgba(12,23,52,0.6);width:100%;top:0px;z-index:5;height:100%;top:105px;left:0;display:none;}
@media (max-width:767px){
    .footer{padding-bottom:0;}
    .footer dt{width:47%;margin-bottom:30px;margin-left:6%;}
    .footer dt:nth-child(3){margin-left:0;}
    .footer dt:nth-child(1) .dt-tit{padding-top:12px;}
    .footer .dt-tit img{width:75%;}
    .footer-copyright .right{width:100%;}
    .footer-ads li{width:25%;}
}
/*首页*/
.home-cate{text-align:center;}
.home-cate span{font-size: 36px;color: #1e234b;}
.home-cate p{color: #6b6b6b;margin-top:5px;}
.pcbanner{overflow:hidden;}
.banner{overflow:hidden;position:relative;display:none;}
.banner .swiper-slide img{width:100%;display:none;}
.banner .swiper-slide a{display:block;width:100%;height:100%;}
.banner .sub-mouse {
    width: 100%;
    height: 56px;
    position: absolute;
    left: 0px;
    bottom: 30px;
    z-index: 2;
}

.banner .sub-mouse span {
    background: url('../images/mouse.png') no-repeat;
    width: 24px;
    height: 56px;
    display: block;
    margin: 0 auto;
    animation: ani-svg 0.85s linear 0s alternate infinite;
    -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}
.mod-product{background:#F8F8F8;padding:70px 0;}
.mod-product .mod-con{margin-top:40px;}
.mod-product li{width:33.3%;float:left;text-align:center;padding:50px 0;position:relative;transition:all 0.5s;}
.mod-product li:nth-child(2):after{position:absolute;right:0;bottom:0;width:1px;height:80%;background:rgba(212,212,212,0.39);content:'';}
.mod-product li:nth-child(2):before{position:absolute;left:0;bottom:0;width:1px;height:80%;background:rgba(212,212,212,0.39);content:'';}
.mod-product li:nth-child(3),.mod-product li:nth-child(4){border-bottom:0;}
.mod-product li span{display:block;font-size: 18px;margin-top:20px;color:#6b6b6b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mod-product li em{color: #6b6b6b;font-size:12px;font-style:normal;}
.mod-product li p{display:block;line-height:20px;margin-top:30px;width:84%;color:#6b6b6b;min-height: 60px;}
.mod-product li:hover{background-color: #ffffff;  box-shadow: 0px 7px 41px 2px rgba(0, 0, 0, 0.1);}

.mod-news{padding:70px 0;}
.mod-news .mod-con{margin-top:40px;margin-bottom:100px;}
.mod-news li{float:left;width:23%;margin-left:2%;}
.mod-news li:nth-child(1){margin-left:0;}
.mod-news li .img{overflow:hidden;}
.mod-news li img{width:100%;transition:all 0.5s;}
.mod-news li .text{display:block;color:#002868;font-size:16px;margin-top:15px;line-height:29px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mod-news li .text a{color:#002868;}
.mod-news li a:hover{text-decoration:underline;}
.mod-news li:hover img{transform:scale(1.1);}
.home-more{text-align:center;}
.home-more a{display:inline-block;width: 262px;height: 47px;border-radius: 4px;border: solid 1px #272727;line-height:47px;}
.home-more a:hover{background:#002868;color:#fff;border: solid 1px #002868;}
@media (max-width:1365px){
    .home-cate span{font-size:26px;}
    .banner{display:block;}
    .pcbanner{display:none;}
    /* .banner .swiper-slide{height: 150vw;} */
    .banner .swiper-slide img{display:block;}
    .banner .sub-mouse{display:none;}
    .mod-product li{padding:30px 0;}
    /*.mod-product li:nth-child(1),.mod-product li:nth-child(2){padding-top:0;}*/
    .mod-product{padding:30px 0;}
    .mod-product li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height:60px}
    .mod-news{padding:30px 0;}
    .mod-news .mod-con{margin-top:10px;margin-bottom:30px;}
    .mod-news li{width:48%;margin-left:4%;margin-top:30px;}
    .mod-news li:nth-child(1),.mod-news li:nth-child(3){margin-left:0;}
}
/*内页公共*/
/*新增栏目页 circle*/
a.btn-more {
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    opacity: 1;

    border: 1px solid #c5c5c5;
       color: #6d6d6d;
    width: 148px;
    line-height:38px;
    text-align: center;
    display: block;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.btn-more .bbg {

}
.btn-more .bc {
    position: relative;
    z-index: 2;
    display: block;
}
.btn-more:hover .bbg {
    right: -35%;
    visibility: visible;
    opacity: 1;
}
.btn-more:hover .bc {
    color: #22348b;
    
}
.btn-more:hover{border:solid 1px #22348b;}
/* 当前位置 */
.position{text-align:left;overflow: hidden;line-height:55px;font-size: 14px;color: #6f6f6f;margin:0px auto 0;border-bottom: solid 1px #ebebeb;}
.position a {padding: 0 6px;color: #6f6f6f;font-size: 14px;}
.position a img{vertical-align: middle;}
.position .tl{float:left;font-size: 24px;color: #373737;padding: 0 0 0 5px;}
.category_container_product{background: url(/public/static/index/images/category_bg.png) no-repeat left top;overflow: hidden;}
/*产品页*/
.category_container_product{padding-top: 40px;padding-bottom: 8px;}
.imgbox_list{ position:relative; }
.imgbox_list .imgbox{padding:0px;}
.imgbox_list .cn{ font-size:30px;color:#1e1e1e;font-weight:normal;line-height: 27px;position: relative;}
.imgbox_list .cn i{display:block;content: "";width: 30px;background: #22348b;height:3px;top:-26px;left: 0px;position: absolute; }
.imgbox_list .en{ font-size:18px;color:#525252;margin: 16px auto 105px; }
.imgbox_list a.btn-more{ margin:0;width: 134px; }
.imgbox_list .img{ width:400px;float:left;margin: 102px 0 0 68px; position: relative;}
.imgbox_list  .cat_small{position: absolute;top:0px;left: 368px;}
.imgbox_list .pic{ float: right;transition:all .3s;background: #f9f9f9;width: 50%;overflow: hidden;}
.imgbox_list .pic img{width: 100%;}
.imgbox_list .pic:hover{ -webkit-transform: translate(0,-10px); transform: translate(0,-10px); }
.imgbox_list .imgbox:nth-of-type(2n) .pic{ float:left; }
.imgbox_list .imgbox:nth-of-type(2n) .img{ width:400px;float:right;margin: 84px 150px 0 0; }

/* 产品详情 */

.img_list {margin: 0 auto 34px;}
.img_list .tl{ display:none; }
.img_list li{
    border: 1px solid #e9eaf4;
    float: left;
    width: 151px;
    height: 40px;
    margin: 0 7px 7px 0;
    cursor:pointer;
    position: relative;
    height: 56px;
    box-sizing: border-box;
    width: 234px;
}
.img_list li > a{overflow: hidden;padding: 7px 11px 7px 34px;display: block;}
.img_list li:nth-child(5n){ margin-right:0; }
.img_list .pic{
    transition:all .3s;
    background: #f3f7ff;
    width: 40px;
    height: 40px;line-height: 40px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 7px;
    text-align: center;
    font-size: 0;
}
.img_list .img{float:left;margin-left: 13px;height: 40px;line-height: 40px;    transition: all .3s;}
.img_list li:hover,.img_list li.on{background: #22348b;}
.img_list li:hover *,.img_list li.on *{ color:#ffffff; }
.img_list li:hover,.img_list li.on{box-shadow: 0 0 15px 0px rgba(33,126,230,.3);}   
.img_list li:hover .pic,.img_list li.on .pic{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
.img_list li:hover .img,.img_list li.on .img{margin-left: 3px;}
.img_list .img13,.img_list .img12{position: relative;color: #22348b;font-weight: bold;}
.img_list .img13:after,.img_list .img12:after{content: "+";display: block;position: absolute;top: -2px;right: -17px;color:#22348b;height: 40px; font-size: 18px;}
.img_list li:hover .img13,.img_list li:hover .img12,.img_list li:hover .img13:after,.img_list li:hover .img12:after{color: #fff;}
.img_list li.on .img13,.img_list li.on .img12,.img_list li.on .img13:after,.img_list li.on .img12:after{color: #fff;}
/* 敬请期待 */
.coming-null_diynew{padding-top: 86px;padding-bottom: 112px;}
.diy_wrapper_product{width: 100%;height: 706px;background: #fff;overflow: hidden;}
.diy_wrapper_product img{display: block;margin:110px auto 35px;}
.diy_wrapper_product p{font-size: 24px;color: #3a3a3a;text-align: center;}
/*产品简介单页*/
.product-detailnew{background: #f8f8f8!important;margin-top: 85px!important;}
.product-detailnew .text{padding-top: 0px!important;padding-left: 20px!important;}
.product-detailnew .img img{max-width: 445px;max-height: 290px;}
.product-detailnew h4{font-size: 30px;color: #1e1e1e;font-weight: normal;}
.product-detailnew .txt_info{font-size: 18px;color: #525252;margin-top:7px;}
.product-detailnew  .txt_detail{font-size: 14px;color: #5c5c5c;margin-top:40px;line-height: 26px;}
.product-detailnew .btn-more{font-size: 16px;color: #6d6d6d;width: 134px;float:left;margin-top: 50px;}
.product-detailnew .btn-more:hover{color: #22348b;}
#new_cat_top{margin-top: 56px;}
/* end*/


.page-slide{position:relative;}
.page-slide img{width:100%;}
.page-slide h3{color:#fff;font-weight:normal;position:absolute;bottom:30%;left:10%;text-align:center;}
.page-slide h3 span{display:block;font-size: 50px;}
.page-slide h3 em{display:inline-block;font-style:normal;font-size:16px;position: relative;margin-top:15px;}
.page-slide h3 em:after{width:40px;height:1px;background:#fff;position:absolute;right:-50px;top:50%;content:'';}
.page-slide h3 em:before{width:40px;height:1px;background:#fff;position:absolute;left:-50px;top:50%;content:'';}
.service-slide{position:relative;}
.service-slide img{width:100%;}
.service-slide .text{color:#fff;position:absolute;bottom:10%;left:50%;text-align:left;width:30%;}
.service-slide h3{font-weight:normal;}
.service-slide h3 span{display:block;font-size: 50px;}
.service-slide h3 em{margin-left:50px;display:inline-block;font-style:normal;font-size:16px;position: relative;margin-top:15px;}
.service-slide h3 em:after{width:40px;height:1px;background:#fff;position:absolute;right:-50px;top:50%;content:'';}
.service-slide h3 em:before{width:40px;height:1px;background:#fff;position:absolute;left:-50px;top:50%;content:'';}
.service-slide p{margin-top:30px;line-height:26px;}

.page-wrap{background:#F8F8F8;padding:80px 0;}
.page-cate{border-bottom:2px solid #22348b;padding-left:50px;padding-right:50px;text-align:center;font-size:0;}
.page-cate li{display:inline-block;font-size:16px;margin-left:50px;max-width:305px;min-width:210px}
.page-cate li:nth-child(1){margin-left:0;}
.page-cate li em{font-size:12px;font-style:normal;display:block;}
.page-cate li>a{display:block;width:100%;height:100%;padding:15px;}
.page-cate li:hover>a,.page-cate li.active>a{background:#22348b;color:#fff;}
.page-detail{padding:70px 70px;background:#fff;line-height:26px}
/* circle S*/
.product-cate li{min-width: 315px;max-width: 315px;}
.product-cate  li>a{padding: 15px 14px;}
.product-cate  li:nth-child(2) >a{padding:15px 90px;}
.product-cate  li:nth-child(3) >a{padding:15px 54px;}
/* circleE*/
.page-cate2{text-align:center;position:relative;}
.page-cate2:after{width:100%;height: 3px;background-color: #22348b;content:'';position:absolute;top:50%;left:0;z-index:-1;}
.page-cate2 li{display:inline-block;width: 167px;height: 52px;background-color: #ececec;text-align:center;line-height:52px;margin:0 30px;font-size:16px;}
.page-cate2 li.active,.page-cate2 li:hover{background:#22348b;}
.page-cate2 li a{display:block;}
.page-cate2 li.active a,.page-cate2 li:hover a{color:#fff;}
.pagination {text-align:center;margin:50px 0px;font-size:0px;}
.pagination li,.pagination li a,.pagination li span{display:inline-block;font-size:14px;}
.pagination li a,.pagination li span{border:1px solid #e6e6e6;color:#828282;height:40px;width:40px;line-height:38px}
.pagination li a,.pagination li span{margin:0px 5px;}
.pagination li:first-child a,.pagination li:first-child span{height:40px;width:70px;}
.pagination li:last-child a,.pagination li:last-child span{height:40px;width:70px;}
.pagination li a:hover{color:#22348b;border:1px solid #22348b;}
.pagination li.active span{background:#22348b;color:#fff;border:1px solid #22348b;}
.pagination li.disabled span{color:#eee;border:1px solid #eee;cursor:no-drop;}

/*发展历程*/
.page-history{padding:70px;background:#fff;}

.page-history li .left{padding-right:30px;width:11%;font-size:16px;}
.page-history li .right{border-left:2px solid #c1c7e7;padding-left:50px;width:89%;font-size:18px;height:115px;color:#272727;position:relative;}
.page-history li .right p{font-size:14px;color:#5e5e5e;line-height:26px;margin-top:5px;}
.page-history li .right i{width: 11px;  height: 11px;  background-color: #c1c7e7;display:inline-block;position:absolute;left:-7px;border-radius:100%;}
.page-history li .right i.active{border:3px solid #22348b;background:#fff;}
@media (max-width:1365px){
    .page-slide img{display:none;}
    .page-slide{height:200px;}
    .page-detail{padding:30px 15px;}
    .page-cate{padding:0;}
    .page-cate li{margin-left:0;width:50%;min-width:50%;font-size:14px;}
    .page-cate li>a{padding:15px;}
    .page-cate.product-cate li>a{padding:15px 5px;}
    .page-cate.product-cate li em{font-size:10px}
    .page-slide h3{width:100%;left:0;text-align:center;bottom:30%;}
    .page-slide h3 span{font-size:26px;}
    .page-cate2 li{margin:0;width:40%;font-size:13px;}
    .page-wrap{padding:30px 0;}
    .service-slide img{display:none;}
    .service-slide{height:200px;}
    .service-slide p{display:none;}
    .service-slide .text{text-align:center;width:100%;left:0;bottom:20%;}
    .service-slide h3 span{font-size:26px;}
    .service-slide h3 em{margin-left:0;}
    .page-history{padding:30px 15px;}
    .page-history li .left{width:30%;padding-right:0;}
    .page-history li .right{width:70%;padding-left:30px;height:auto;padding-bottom:30px;}
}
/*联系我们*/
.contact-info{padding:100px 0;}
.contact-tit{font-size: 20px;text-align:center;color:#202020;font-weight: bold;}
.contact-tit em{width: 66px;height: 2px;background-color: #22348b;display:block;margin:0 auto;margin-top:24px;}
.contact-info ul{margin-top:100px;}
.contact-info li{float:left;width:33.333%;text-align:center;font-size:16px;border-bottom:1px solid rgba(173,173,173,0.45);min-height:280px;position:relative;padding-bottom:40px;}
.contact-info li:after{width:1px;height:50%;left:0;bottom:0;content:'';position:absolute;background:rgba(173,173,173,0.45);}
.contact-info li .icon{margin:50px 0 40px 0;}
.contact-info li .icon img{transition:all 1s;}
.contact-info li:hover .icon img{transform: rotate(90deg);}
.contact-info li .text{line-height: 26px;}
.contact-info li:nth-child(1):after,.contact-info li:nth-child(4):after{display:none;}
.contact-info li:nth-child(4),.contact-info li:nth-child(5),.contact-info li:nth-child(6){border-bottom:0;}
.contact-info li:nth-child(4):after,.contact-info li:nth-child(5):after,.contact-info li:nth-child(6):after{bottom:auto;top:0;}
.map-box{position:relative;}
.map-box .map-info{	width: 260px;height: 99px;background-color: #ffffff;box-shadow: 0px 7px 11px 3px rgba(9, 20, 48, 0.07);position:absolute;top:16%;left:50%;z-index:99;padding:25px;font-size: 12px;line-height: 18px;color: #595959;}
#allmap{height:500px;margin-bottom:100px;}
@media (max-width:1365px){
  .map-box .map-info{margin-left:-130px;}
    .contact-info{padding:30px 0;}
    .contact-info li{width:50%;min-height:240px;padding-bottom:0;}
    .contact-info ul{margin-top:30px;}
    #allmap{height:300px;margin-bottom:30px;}
    .contact-info li:nth-child(4){border-bottom:1px solid rgba(173,173,173,0.45);border-left:1px solid rgba(173,173,173,0.45);}
    .contact-info li p{word-break:break-all;}
    .contact-info li .text{padding:0 15px;}

    .contact-info li .icon{margin:30px 0;}
}
/*新闻列表*/
.news-wrap{padding-top:60px;padding-bottom:60px;}
.news-list{margin-top:30px;}
.news-list li{display:inline-block;width:100%;border-bottom:1px solid #e5e5e5;padding:30px 0;position:relative;}
.news-list li .img{width:26%;float:left;overflow:hidden;}
.news-list li .img img{width:100%;transition:all 0.5s;}
.news-list li .text{width:72%;float:right;padding-top:15px;}
.news-list li .text a{font-size:20px;}
.news-list li .text a:hover{color:#22348b;}
.news-list li .text p{color:#5e5e5e;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height:26px;}
.news-list li .text span{font-size:12px;background:url('../images/date-icon.png') no-repeat left center;padding-left:20px;margin-top:49px;display:block;position:absolute;left:28%;bottom:30px;}
.news-list li .img:hover img{transform:scale(1.1);}
@media (max-width:767px){
    .news-list li .img{width:100%;}
    .news-list li .text{width:100%;}
    .news-list li .text span{margin-top:15px;position: relative;left: 0;bottom: 0;}

/* circle 手机端 */
.product-wrap2{padding: 40px 0px 0px;}
.position,.imgbox_list .cat_small{display: none;}
.imgbox_list .imgbox{padding: 30px 0 40px 0;}
.imgbox_list .img_cen{width:100%;position: relative;}
.imgbox_list .img,.imgbox_list .imgbox:nth-of-type(2n) .img{width:55%;margin: 0;position: relative;z-index: 99;float: none; margin: 2% 3% 0 0;}
.imgbox_list .pic{width:45%;position: absolute;right: 0;top: 50%;z-index: 2;transform: translateY(-50%);}
.imgbox_list .cn{font-size: 20px;line-height: 20px;}
.imgbox_list .en{font-size: 13px;margin: 16px auto 20px;}
.imgbox_list .cn i{top: -11px;}
.imgbox_list a.btn-more{width: 98px;line-height: 34px;}
.imgbox_list .imgbox:nth-of-type(2n) .pic{left: 0px;right: initial;}
.imgbox_list .imgbox:nth-of-type(2n) .img{width:45%;float:right;}
.img_list li, .img_list li:nth-child(2n), .img_list li:nth-child(5n) {
    width: 49%;
    height: 71px;
    box-sizing: border-box;
    margin-right: 2%;
    padding-left: 0px;padding-right: 0px;
}
.img_list li a, .img_list li:nth-child(2n) a{ padding-left: 0px;padding-right: 0px;}
.img_list li:nth-child(2n){ margin-right:0; }

.img_list .pic{float:none;margin-left: auto;margin-right: auto;display: block;}
.img_list .img{width: 100%;margin-left: 0px;text-align: center;height: 20px;line-height: 20px;}
.img_list .img13:after, .img_list .img12:after{right: 17px;}
.diy_wrapper_product{height: auto;padding:40px 0px;}
.diy_wrapper_product img{margin: 0px auto;max-width: 80%;}
.coming-null_diynew{padding:40px 20px!important;}
.diy_wrapper_product p{font-size: 18px;}
.product-detailnew h4{font-size: 20px;}
.product-detailnew .txt_info{font-size: 16px;}
.product-detailnew .txt_detail{margin-top: 20px;}
.product-detailnew .btn-more{width: 105px;font-size: 14px;margin-top: 25px;}
.product-detailnew .text{margin-top: 30px!important;}
.detail-content img{max-width: 100%;height: auto !important;}

.mod-product li span{text-overflow: initial;white-space: initial;font-size: 17px;}
.mod-product li:nth-child(2n) span{line-height: 66px;}
.mod-product li:nth-child(3n) span{line-height: 33px;}


    
}
/*新闻详情*/
.detail-title{font-size:18px;color:#22348b;}
.detail-desc{margin-top:10px;color:#5e5e5e;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.detail-time{border-bottom:1px solid rgba(205,209,228,0.7);padding-bottom:20px;font-size:12px;margin-top:10px;}
.detail-time span{background:url('../images/date-icon.png') no-repeat left center;padding-left:20px;}
.detail-content{padding:30px 0;line-height:26px}
.detail-back{margin-top:40px;}
.detail-back a{background:url('../images/news-prev-on.png') no-repeat center left;padding-left:40px;line-height:30px;display:inline-block;color:#22348b;}
.detail-prne{margin-top:45px;padding-top:45px;border-top:1px solid rgba(205,209,228,0.7);}
.detail-prne .left a{background:url('../images/news-prev.png') no-repeat center left;padding-left:40px;line-height:30px;display:inline-block;}
.detail-prne .left a:hover{background:url('../images/news-prev-on.png') no-repeat center left;}
.detail-prne .right a{background:url('../images/news-next.png') no-repeat center left;padding-left:40px;line-height:30px;display:inline-block;}
.detail-prne .right a:hover{background:url('../images/news-next-on.png') no-repeat center left;}
.join-detail .detail-title{font-size: 20px;font-weight: bold;color:#333;}
.join-detail{padding-top:60px;}
.join-detail .detail-content{border-top:1px solid rgba(0,0,0,0.1);margin-top:30px;line-height:30px}
@media (max-width:1365px){
  .detail-prne .left{width:100%;}
  .detail-prne .right{width:100%;}
}

.join-list{margin-top:40px;}
.join-list li{display:inline-block;width:100%;}
.join-list li a{display:block;width:100%;height:100%;padding:40px 0 0 0;transition:all 0.5s;}
.join-list li .con{width:80%;margin:0 auto;border-bottom:1px solid #e5e5e5;padding-bottom:40px;}
.join-list li .left{width:40%;}
.join-list li .left span.tit{font-size: 18px;font-weight:bold;display:block;}
.join-list li .left span.tit em{color:#f1732c;font-style:normal;margin-left:5px;display:inline-block;font-weight:normal;}
.join-list li .left p{color:#777;margin-top:15px;}
.join-list li .left span.time{color:#aeaeae;display:block;margin-top:20px;}
.join-list li .right{width:50%;line-height: 30px;color:#777;}
.join-list li a:hover{box-shadow: 0px 4px 25px 4px rgba(13, 29, 119, 0.05);}
@media (max-width:1365px){
    .join-list{margin-top:0;}
    .join-list li .left{width:100%;}
    .join-list li .right{width:100%;}
    .join-list li .con{width:100%;}
}
/*服务中心*/
.good-service{background:#F3F3F4;padding-top:70px;padding-bottom:70px;}
.good-service li{background:#fff;width:386px;float:left;margin-left:21px;text-align:center;border-top:8px solid #22348b;padding:70px 30px;min-height:400px;transition:all 0.5s;}
.good-service li:nth-child(1){margin-left:0;}
.good-service ul{padding-top:70px;padding-bottom:70px;}
.good-service li span{display:block;font-size: 20px;margin:40px 0}
.good-service li p{color: #747474;font-size:16px;line-height:26px;}
.good-service li:hover{box-shadow: 0px 4px 25px 4px rgba(13, 29, 119, 0.05);margin-top:-15px;}
.good-service .telicon{text-align:center;}
.good-service .telicon b{font-size:36px;color: #1e234b;font-weight:normal;display:block;letter-spacing: 3px;text-indent:3px;}
.good-service .telicon i{background:url('../images/tel-icon.png') no-repeat;width:48px;height:48px;display:block;margin:30px auto;transition: all 0.5s;}
.good-service .telicon i:hover{transform: rotate(90deg)}

.service-message{padding-top:70px;padding-bottom:70px;}
.service-message.container{width:1010px;}
.service-message .left,.service-message .right{width:48%;}
.service-message .clearfix{margin-top:40px;}
.service-message li{border:1px solid rgba(0,0,0,0.1);border-radius: 4px;line-height:30px;padding:6px 20px;color: #a3a3a3;margin-top:22px;width:100%;display:inline-block;}
.service-message li input,.service-message li textarea{border:0;height:30px;float:left;resize:none;width:90%;font-size:14px;}
.service-message li span{float:left;}
.service-message .right li textarea{height:169px;padding:8px 0}
.service-message .form-btn{margin-top:60px;text-align:center;}
.service-message .form-btn button{width:125px;height:43px;border-radius:4px;cursor:pointer;border: solid 1px #0e1c63;background:none;color:#0e1c63;font-size: 14px;letter-spacing: 4px;text-indent:4px;}
.service-container{display:none;margin:30px 0;overflow:hidden;}
.service-container .swiper-slide{background:#fff;border-top:8px solid #22348b;text-align:center;padding:30px;min-height:320px}
.service-container .swiper-slide span{display:block;font-size: 20px;margin:40px 0}
.service-container .swiper-slide p{color: #747474;font-size:16px;line-height:26px;}
@media (max-width:1365px){
    .service-message.container{width:100%;}
    .good-service ul{display:none;}
    .service-message .left, .service-message .right{width:100%}
    .service-message li input, .service-message li textarea{width:83%;}
    .service-container{display:block;}
}
/*产品中心*/
/* .product-cate li>a{padding-left:60px;}
.product-cate li:nth-child(1){background:url('../images/product-icon-2.png') no-repeat left 10px center;}
.product-cate li:nth-child(2){background:url('../images/product-icon-3.png') no-repeat left 10px center;}
.product-cate li:nth-child(3){background:url('../images/product-icon-1.png') no-repeat left 10px center;}
.product-cate li:nth-child(4){background:url('../images/product-icon-4.png') no-repeat left 10px center;}
.product-cate li:nth-child(1):hover>a,.product-cate li:nth-child(1).active>a{background:#22348b url('../images/product-icon-6.png') no-repeat left 10px center;}
.product-cate li:nth-child(2):hover>a,.product-cate li:nth-child(2).active>a{background:#22348b url('../images/product-icon-7.png') no-repeat left 10px center;}
.product-cate li:nth-child(3):hover>a,.product-cate li:nth-child(3).active>a{background:#22348b url('../images/product-icon-5.png') no-repeat left 10px center;}
.product-cate li:nth-child(4):hover>a,.product-cate li:nth-child(4).active>a{background:#22348b url('../images/product-icon-8.png') no-repeat left 10px center;} */

.product-cate li .icon{float:left;}
.product-cate li .text{float:left;line-height:37px;}
.product-cate li .on{display:none;}
.product-cate li.active .on,.product-cate li:hover .on{display:block;}
.product-cate li.active .off,.product-cate li:hover .off{display:none;}
.product-cate li .product-childs{position:absolute;left:0;top:69px;width:100%;padding:0px 50px;display:none;z-index:5;}
.product-cate li .product-childs dl{background-color: #ffffff;border: solid 1px #e8eaf4;width:100%;display:inline-block;padding:30px;}
.product-cate li .product-childs dl dt{width:25%;float:left;}
.product-cate li:hover .product-childs{display:block;}
.product-wrap{background:#f8f8f8;padding:80px 0;}
.product-wrap2{background:none;padding: 40px 0px 10px;}
.product-recom{overflow:hidden;margin-top:70px;position:relative;}
.product-recom .swiper-slide .img{overflow:hidden;}
.product-recom .swiper-slide img{max-width:100%;background:#fff;transition:all 0.5s;}
.product-recom .swiper-slide .text{margin-top:15px;text-align:center;font-size:16px;}
.product-recom .swiper-slide:hover img{transform:scale(1.1);}
.product-catalog{margin-top:70px;margin-bottom:70px;}
.catalog-tit{color:#22348b;font-size:18px;background:url('../images/catalog-icon.png') no-repeat center left;padding-left:30px;margin-bottom:30px;}
.product-list .list-head{height: 56px;background-color: #22348b;line-height:56px;color:#fff;font-size:16px;padding:0 95px;}
.product-list .list-head span,.product-list .list-body span{display:block;float:left;}
.product-list .list-head span:nth-child(1),.product-list .list-body span:nth-child(1){width:30%;}
.product-list .list-head span:nth-child(2),.product-list .list-body span:nth-child(2){width:30%;}
.product-list .list-head span:nth-child(3),.product-list .list-body span:nth-child(3){width:30%;}
.product-list .list-head span:nth-child(4),.product-list .list-body span:nth-child(4){width:10%;}
.product-list .list-body li{line-height:56px;font-size:16px;padding:0 95px;background:#fff;}
.product-list .list-body li:nth-child(even){background:#f3f7fa;}
.product-list .list-body li a:hover{color:#3f3f3f;}

.product-next,.product-prev{width: 32px;height: 32px;background-color: rgba(107,107,107,0.18);position:absolute;top:50%;border-radius:100%;z-index:2;text-align:center;line-height:23px;}
.product-next{right:0;}
.product-prev{left:0;}

@media (max-width:1365px){
    .product-wrap{padding:30px 0;}
    .product-list{width:1200px;}
    .product-scroll{overflow-x:auto;}
    .product-list .list-head{padding:0 15px;}
    .product-list .list-body li{padding:0 15px;}
    /*.product-list .list-head span:nth-child(1),.product-list .list-body span:nth-child(1){width:25%;}
    .product-list .list-head span:nth-child(2),.product-list .list-body span:nth-child(2){width:75%;}
    .product-list .list-head span:nth-child(3), .product-list .list-body span:nth-child(3){display:none;}
    .product-list .list-head span:nth-child(4), .product-list .list-body span:nth-child(4){display:none;} */
    .product-cate li{position:relative;}
    .product-cate li>a .icon{width:100%;text-align:center;}
    .product-cate li>a img{width:30px;}
    .product-cate li>a .text{margin-left:5px;font-size:10px;width:100%;text-align:center;line-height:normal;}
    .product-cate li .product-childs dl{padding:15px;}
    .product-cate li:nth-child(2) .product-childs,.product-cate li:nth-child(4) .product-childs{left:-100%;}
    .product-cate li .product-childs{padding:0;top:100%;width:200%;}
    .product-cate li .product-childs dl dt{width:33.333%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:12px;}
    .product-cate li .product-childs dl dt a:hover{color:#22348b;}
}

/*产品详情*/
.product-crumbs{border-bottom:1px solid #cecece;padding:20px 0 20px 50px;}
.product-crumbs div{background:url('../images/position-icon.png') no-repeat left center;padding-left:30px;}
.product-detail{background:#fff;margin:60px 0;}
.product-detail .img{float:left;width:40%;}
.product-detail .text{width:60%;float:right;padding:40px;}
.product-detail .text>b{font-size:20px;display:block;}
.product-detail .text>span{display:block;margin-top:15px;}
.product-detail .text .detail{color: #5e5e5e;line-height: 22px;margin-top:30px;}
@media (max-width:1365px){
    .product-detail .img{width:100%;}
    .product-detail .img img{width:100%;}
    .product-detail .text{width:100%;padding:40px 15px;}
    .product-crumbs{padding:20px 0 20px 0px;}
}

.search-layout{padding-top:70px;padding-bottom:70px;}
.search-layout h3.cate{font-size:24px;}
.search-lists{margin-top:30px;}
.search-lists li{border-bottom:1px dashed #ccc;padding:10px 0;}
@media (max-width:1365px){
  .search-layout{padding-top:30px;padding-bottom:30px;}
  .search-layout h3.cate{font-size:18px;}
}
@keyframes ani-svg{
    0%{
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15%{
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25%{
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50%{
        opacity: 1;
        transform: translateY(0px);
    }
    65%{
        opacity: 0.8;
        transform: translateY(2px);
    }
    75%{
        opacity: 0.65;
        transform: translateY(4px);
    }
    100%{
        opacity: 0.4;
        transform: translateY(6px);
    }
}
@-webkit-keyframes ani-svg{
    0%{
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15%{
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25%{
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50%{
        opacity: 1;
        transform: translateY(0px);
    }
    65%{
        opacity: 0.8;
        transform: translateY(2px);
    }
    75%{
        opacity: 0.65;
        transform: translateY(4px);
    }
    100%{
        opacity: 0.4;
        transform: translateY(6px);
    }
}
@-moz-keyframes ani-svg{
    0%{
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15%{
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25%{
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50%{
        opacity: 1;
        transform: translateY(0px);
    }
    65%{
        opacity: 0.8;
        transform: translateY(2px);
    }
    75%{
        opacity: 0.65;
        transform: translateY(4px);
    }
    100%{
        opacity: 0.4;
        transform: translateY(6px);
    }
}

.loading{width:100%;position:fixed;height:100%;left:0;top:0;background:#fff;display:flex;text-align:center;z-index:999;align-items:center;justify-content:center;}
.loading span {
    animation: ani-svg 0.85s linear 0s alternate infinite;
    -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}

.coming-null{text-align:center;padding:100px 0;color:#2a2a2a;font-size:20px;}
.coming-null span{font-size:32px;margin-bottom:10px;display:block;}
.coming-null p{display:none;}