@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
a:hover{color:#ED1314;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
.clear{ clear: both;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}



.hedrtop{background: url(../images/topbg.jpg) top center no-repeat;padding: 1.5rem;}
.topewm{width: 15%;float: left;margin-right: 5px;text-align: center;margin-left: 10px;}
.topewm span{font-size: 12px;}
.toptel{font-size: 20px;margin-top: 18px;}
.toptel span{font-family: Impact;font-size: 42px;color: #db000d;line-height: 50px;}


.headwa{background: url(../images/htopw.png);height: 66px;}
header{background: url(../images/htopdh.png);color: white;}
header .navbar{padding: 0;}
header .navbar-nav{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
header .navbar-nav>li{flex: 1;float: left;}
header .navbar .navbar-nav>li>a{font-size: 16px;line-height: 55px;display: block;color: white!important;font-weight: bold;}
header .navbar .navbar-nav>li>a:hover{background: #1c1d20c4;transition: all 0.3s ease-out;}
header .navlib{text-align: center;margin: 0;position: relative;}
header .navlib .lista{display: block;color: #fff;transition: all .3s ease-in-out 0s;}
header .navlib .navdown{position: absolute;width: 175px;background: #1c1d20c4;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;}
header .navlib ul{padding:0;}
header .navlib .navdown li{font-size: 14px;padding: 5px 0px;text-align: left;padding-left: 15px;border-bottom: 1px solid #ddd;position: relative;cursor: pointer;}

header .navlib .navdown li a{color: white;display: block;}
header .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

header .navlib .navdown li ul{position: absolute;top: 0px;left: 175px;width: 100%;background: rgba(0, 0, 0, 0.7);transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;opacity: 0;}
header .navlib .navdown li ul li{cursor: pointer;}
header .navlib .navdown li:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
header .navopen li:hover,header .navopen li ul li:hover{background: #ED1314;}
header .navopen li .nta1 i{float: right;margin-right: 5px;}


header .navbar-nav .mark-a{position: relative;}
/*header .navbar-nav .mark-a:after{content: "";position: absolute;display: block;overflow: hidden;left: 50%;bottom: 5px;width: 0;height: 1px;opacity: 0;-webkit-transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;background-color: #ED1314;}*/
header .navbar-nav .mark-a:hover:after{width: 75%;opacity: 1;left: 15%;}


.navbar-light .navbar-toggler{border-color: white;width: 38px;height: 38px;padding: 6px;}



.navbar-light .navbar-toggler-icon{background-image: url(../images/mkico.png);width: 100%;height: 100%;}





/*universal*/
.universal h3{font-size: 36px;color: #000000;padding-top: 20px;}
.un-white h3{color: white;}
.universal span{display: block;    background: url(../images/al_tit.png) no-repeat center;height: 35px;}
.un-white span{background: url(../images/al_tit1.png) no-repeat center;}
.universal p{color: rgb(102, 102, 102);font-size:17px;}
.un-white p{color: white;}


/*pages*/
.pages{text-align:center;}
.pages span,.pages a{padding: 5px 11px;margin: 0px 5px;color: #ED1314;}
.pages .current{background: #ED1314;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #ED1314;color: #fff;padding: 5px 11px;}




/*footer*/
footer{background: url(../images/ftbg.jpg) top center no-repeat;}
.foottop{color: black; padding: 30px 0px 20px;}
.foottop li{color:black;}
.foottop li a{color:black;opacity: .9;}
.foottop h5{font-weight: bold;color:black;}
.foottop a:hover,.footbt a:hover{color: #ED1314!important;}
.footbt{text-align: center;padding: 10px 0px;color: black;}
.footbt a{color: black;}

.footin{background: #ED1314;}
.footin ul{display: flex;width: 100%;text-align: center;margin-bottom: 0;padding: 0;}
.footin li{flex: 1;float: left;}
.footin li a{display: block;color: white;line-height: 50px;font-size: 18px;}
.footin li a:hover{background: #1c1d20c4;transition: all 0.3s ease-out;}
.ftlxfs li{font-size: 16px;}






/*ourselves*/
.ourselves{border: 1px solid #d5d5d5;background: #FFF;border-radius: 4px;padding: 10px 0px;}
.ourselves .form-control:focus{box-shadow: none;outline: none;border-color: #ED1314;}
.ourselves .lysubmit input{background: #ED1314;color: white;border: 2px solid #ED1314;padding: 6px 0px;font-size: 18px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.ourselves .lysubmit:hover input{background: white;color: #ED1314;}




/*side*/
.side{position:fixed;width:83px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:rgb(237, 19, 20);opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}



.site_ewm .ewm{position: absolute;left: -160px;width: 145px;top: -45px;text-shadow: -1px -1px 0px rgba(255,255,255,0.2);background: black;padding: 15px;opacity: 0;border-radius: 4px;}
.site_ewm:hover .ewm{opacity: .8;}
.side_ewm_box{position: absolute;width: 54px;height: 54px;top: 0;right: 0;transition: all 0.3s;background: #000;opacity: 0.8;filter: Alpha(opacity=80);color: #fff;font: 14px/54px "微软雅黑";overflow: hidden;}
.site_ewm:hover{background:rgb(255, 81, 0);opacity: 1;}


.site_ks .ksewm{position: absolute;left: -160px;width: 145px;top: -45px;text-shadow: -1px -1px 0px rgba(255,255,255,0.2);background: black;padding: 15px;opacity: 0;border-radius: 4px;}
.site_ks:hover .ksewm{opacity: .8;}
.side_ks_box{position: absolute;width: 54px;height: 54px;top: 0;right: 0;transition: all 0.3s;background: #000;opacity: 0.8;filter: Alpha(opacity=80);color: #fff;font: 14px/54px "微软雅黑";overflow: hidden;}
.site_ks:hover{background:rgb(255, 81, 0);opacity: 1;}


.site_sj .sjewm{position: absolute;left: -160px;width: 145px;top: -45px;text-shadow: -1px -1px 0px rgba(255,255,255,0.2);background: black;padding: 15px;opacity: 0;border-radius: 4px;}
.site_sj:hover .sjewm{opacity: .8;}
.side_sj_box{position: absolute;width: 54px;height: 54px;top: 0;right: 0;transition: all 0.3s;background: #000;opacity: 0.8;filter: Alpha(opacity=80);color: #fff;font: 14px/54px "微软雅黑";overflow: hidden;}
.site_sj:hover{background:rgb(255, 81, 0);opacity: 1;}


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

.left_nev_pot{width: 100%!important;}

.foottop{padding: 0;}
.universal h3{font-size:28px;}
header .navbar .navbar-nav>li>a{font-size: 13px;line-height: 40px;}
#head_nav{position: fixed;top: 53px;left: 0px;right: 0px;overflow: hidden;z-index: 999;background: rgba(0, 0, 0, 0.7);transition: all 0.5s ease 0s;padding: 0px;}
.h-52{height: 52px;}
header{position: fixed;width: 100%;z-index: 999;background: rgba(59,59,59,1);}
header .navbar-nav>li{width: 100%;}

.p-xs-0{padding: 0;}

.universal p{font-size:16px;margin-bottom: 0;}

.footbt{background: #232323;color: white;}
.footbt a{color: white;}

}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm{display: none!important}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{display: none!important}
}
@media (min-width:1200px) {
    .hidden-lg{display: none!important}
}
@media (min-width: 1400px){
    .container{max-width: 1380px;}
}