@charset "utf-8";

*{ font-family: "微软雅黑"; 
line-height: 1.8; 
margin: 0 auto; 
padding: 0px;}
ul,li,ol{ list-style: none;}
ul{padding:0;margin: 0;}
a{color:#333;}
a:hover{color: #8D8D8D;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
em{font-style: normal;font-weight: normal;}
.clear{ clear: both;}
p{ margin: 0 auto; padding: 0px; }
img{max-width: 100%;height: auto;}
.p-relative{position: relative;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}


/*nav*/
.banner .swiper-pagination{bottom: 45px;}


/*xuanfu*/
.toolbar {width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar .rbox {width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #fff;	-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar .rbox i {width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar .rbox i span {width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightxf.png) no-repeat 0 0;}
.toolbar .rbox .gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 53px;line-height: 53px;font-size: 18px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;background: #8D8D8D;display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 150px;height: 130px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3 {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .rbox .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #8D8D8D;border-radius: 100%;}
.toolbar .rbox .qq:hover span {background-position: 0 -47px;}
.toolbar .rbox .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #8D8D8D;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .rbox .code span {background-position: -35px -95px;}
.toolbar .code:hover {background-color: #8D8D8D;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -95px;}
.toolbar .rbox .top span {background-position: -35px -142px;}
.toolbar .top:hover {background-color: #8D8D8D;border-radius: 100%;}
.toolbar .rbox .top:hover span {background-position: 0 -142px;}



/*Unite*/
.Unite{background: #EBEBEB;overflow: hidden;position: relative;}
.Unitetop p{color: #fff;font-size: 24px;background: #1F3059;border-radius: 10px 10px 0 0;line-height: 90px;text-align: center;font-weight: bold;}
.Unitetop p i{margin-right: 5px;}
.Unitetop ul{margin-bottom: 15px;background: white;}
.Unitetop ul li{font-weight: 100;line-height: 44px;overflow: hidden;font-size: 16px;}
.Unitetop ul li a{color: #7c7b80;display: block;line-height: 24px;padding: 5px;text-align: center;}
/*.Unitetop ul li a:hover{background: #d5b766;color: white;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}*/
.Unitein p{padding: 0 10px;color: #fff;text-align: center;background: #1F3059;line-height: 60px;font-size: 20px;font-weight: bold;}
.Unitein ul{padding: 5px 12px;background: white;padding-bottom: 10px;margin-bottom: 15px;}
.Unitein ul li{color: #666;}
.Unitein ul li i{font-size: 12px;color: #7c7b80;margin-right: 8px;float: left;margin-top: 5px;}
.Unitein ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width: 85%;float: left;font-size: 14px;color: #7c7b80;}
.contop{overflow: hidden;padding-top: 20px;padding-bottom: 9px;border-bottom: 1px solid #e3e3e3;color: #8D8D8D;}
.contop a{color: #8D8D8D;}
.contop .pull-left{font-size: 18px;}
.contop .pull-left i{margin-right: 10px;}
.Unitebottom{overflow: hidden;padding: 20px 0;padding-left: 75px;border-radius: 10px;color: white;background: url(../images/p3.png) no-repeat 20px center;background-color: #1F3059;}
.Unitebottom p:nth-child(2){font-weight: bold;font-size: 20px;}

.Unite .left{position: absolute;width: 220px;top:15px;}



/*Unitenews*/
.unnewsbt{margin: 0px 100px 0px 15px;}
.Unitenews ul li i{float: left;}
.Unitenews ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 75%;display: block;float: left;color: #8D8D8D!important;font-size: 14px;}
.Unitenews ul li span{float: left;color: #666;font-size: 12px;margin-top: 3px;}
.unnewsbt li:hover .bi-journals::before{content: "\f444";}
.unnewsbt li{margin: 5px 0px;}

/*goodsbt*/
.goodsbt p{font-size: 16px;line-height: 45px;color: #fff;font-weight: normal;text-align: center;background: #7b7b7b;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Uniteimg{overflow: hidden;}
.Uniteimg img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.goodsbt li:hover .Uniteimg img{transform: scale(1.1);}
.goodsbt li:hover p{background: #8D8D8D;}

/*Unitegoods*/
.ungoodsbt .unimg{overflow: hidden;border: 1px solid #ccc;}
.ungoodsbt p{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #8D8D8D;}
.ungoodsbt .unimg:hover{border: 1px solid #8D8D8D;}

/*newsUnitebt*/
.newsUnitebt{padding: 0px 12px;}
.newsUnitebt li{border-bottom: 1px dashed #ccc;line-height: 51px;overflow: hidden;font-size: 14px;padding: 10px 0px;}
.newsUnitebt li a{color:#8D8D8D}
.newsUnitebt li a i{margin-right: 10px;}
.newsUnitebt span,.newsUnitebt i{color: #999;}


/*newsshow*/
.nshowtop{text-align: center;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;padding-bottom: 15px;padding-top: 20px;}
.nshowtop h3{font-size: 20px;color: #8D8D8D;font-weight: bold;}
.nshowtop p{color: #7E7E7E;font-size: 14px;}


/*gshowbt*/
.gshowbt .gnbottom{margin-top: 15px;}
.gshowbt .gnbottom h3{color: #8D8D8D;font-size: 22px;border-bottom: 1px dashed #DCDCDC;padding: 0 0 10px;}
.gshowbt .gnbottom span:nth-child(2){font-size: 15px;padding: 6px 0px 40px;display: block;color: #666;}
.gshowbt .gnbottom span:first-child em{color: #8D8D8D;font-weight: normal;}
.gshowbt .gnbottom p{background: #f3f3f3;padding: 0px 15px;font-weight: bold;overflow: hidden;}
.gshowbt .gnbottom p span{margin-top: 10px;font-size: 20px;float: left;}
.gshowbt .gnbottom p a{float: right; color: #fff;background: #8D8D8D;margin: 7px auto;font-size: 18px;display: block;text-align: center;padding: 5px 20px;}

.xqtit{background-color: #eee;margin: 10px 0px;clear: both;}
.xqtit span{line-height: 58px;background-color: #fff;color: #8D8D8D;border-top: 3px solid #8D8D8D;display: inline-block;padding: 0px 30px;font-size: 18px;}



/*pages*/
.pages{text-align:center;}
.pages span,.pages a{padding: 5px 11px;margin: 0px 5px;color: #595959;border: 1px solid #ddd;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.pages .current{background: #8D8D8D;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #8D8D8D;color: #fff;padding: 5px 11px;}
/*pages_show*/
.pages_show{font-size: 14px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 0px;}
.pages_show a{color:#8D8D8D;}
.pages_show .right{text-align: right;}

/*footer*/
.footer{background: #333333;color: white;}
.footwx span{display: block;}
.footwx p{font-size: 20px;color: #8D8D8D;font-weight: bold;}
.footwx .text-center{background: white;color: #333;}
.fboot{background: #8D8D8D;color: #fff;font-size: 15px;padding: .5rem 0px;}
.fboot a{color:white;}
.ftop{padding-bottom: 25px;}
.footr .ft{border-bottom: 1px solid #545454;padding: 15px 0px;}
.footr .ft li a{color:#b6b6b6;font-size: 14px;padding-left: 10px;}
.footr .fb h3{font-size: 16px;font-weight: bold;}
.footr .fb p,.footr .fb p a{color:#b6b6b6;font-size: 14px;}
.footr .fb p a:hover{color:white;}
.footer .borleft{border-left: 1px solid #545454;}




/*search*/
.searchbt h4 a{font-size: 18px;font-weight: bold;}



.sbanner{background: #EBEBEB;}
.sbanner img{height: 130px;}


.pages_show .left{position: inherit;width: auto;}


@media (max-width: 767px) {
    .hidden-xs {display: none !important;}
    .banner .swiper-pagination{bottom: 10px;}


    .nav2 .ulbox{position: fixed;width: 280px;height: 327px;overflow: auto;padding: 15px 0;top: 50%;left: 50%;margin: -290px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    .nav2 .ulbox li a{font-size: 18px;display: block;color: #333;position: relative;line-height: 40px;border-bottom: 1px solid #f9f9f9;text-align: center;}
    .nav2 .nav-block .ulbox{transform: scale(1);}
    #cloud{display: none;position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;top: 0;}
    .nav2 .navbar-hover{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#555;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    .nav2 .navbar-hover::after, .nav2 .navbar-hover::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#555;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    .nav2 .navbar-hover::after{top:9px;}
    .nav2 .navbar-hover::before{top:-9px;}
    .nav2 .navbar-box.on .navbar-hover{width:0;}
    .nav2 .navbar-box.on .navbar-hover::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
    .nav2 .navbar-box.on .navbar-hover::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}



    .footer_nav{ position: fixed; bottom: 0px; left: 0px; background: #555; width: 100%; z-index: 999999999999999999999; }
    .footer_nav ul{ margin-bottom: 0px; }
    .footer_nav li{color: white;border-right: 1px solid #7b7b7b;border-left: 1px solid #585858;}
    .footer_nav li span{font-size: 12px;display: block;line-height: 1;margin-bottom: 8px;}
    .footer_nav li a{color:white;}
    .ftbottom{height: 48px;}
    .unnewsbt{margin: 0;}


    .sbanner{background: none;}
    .sbanner img{height:auto;}
}


@media (min-width:767px){
    .nav2{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
    .nav2 .navbar{padding-bottom: 0;}
    .nav2 .ulbox{display: flex;text-align: center;margin-bottom: 0;}
    .nav2 .ulbox>li{float: left;width: 100%;}
    .nav2 .ulbox>li>a{line-height: 40px;display: block;color: white;margin: 0px 20px;}
    .navlib .navdown{width: 100px;position: absolute;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0);z-index: 999;padding: 5px 10px;background-color: #212025;left: 0;margin: auto;right: 0;}
    .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
    /*.navlib .navdown:after{content: "";display: block;height: 40px;position: absolute;left: 40px;top: -40px;border-left: 17px solid transparent;border-right: 17px solid transparent;border-top: 17px solid transparent;border-bottom: 17px solid #fff;border-bottom-color:#000 ;opacity: 0.2;}*/
    .navlib .navdown li a{color: white;font-size: 13px;color: #7c7b80;}
    .navlib .navdown li a:hover{color: #d1ab62;}
    .nav2 .ulbox>li>a:hover{color: #d1ab62;background: url(../images/nav_line.png) repeat-x bottom;}
    .navlib{position: relative;}



}



@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {display: none !important;}


}


@media (min-width: 1200px) {
    .hidden-lg {display: none !important;}
	
	.container{max-width: 1520px;}
}


@media (min-width: 1400px) {
    .container{max-width: 1520px;}
}