/*公共css*/
*{margin: 0;padding-left: 0;box-sizing: border-box;}
a{text-decoration: none;color: #666;}
a:focus,a:hover{text-decoration: none;}
dd, dl, dt, li, ol, ul{list-style: none;margin: 0;padding: 0;}
html,body{font-size: 14px;}
body{/*min-width: 1200px;*/background-color: #fff;font-size: 16px;color: #666;}
input:focus{outline: none;}


/*顶部*/
header.header{height: 60px;width: 100%;/*min-width: 1200px;*/z-index: 10000;position: fixed;top: 0;left: 0;background: #000000;}
header.header .head{height: 60px;position: relative;z-index: 200;}
header.header .openmenu{width: 50px;height: 50px;position: absolute;top: 50%;left: 3%;margin-top: -25px;cursor: pointer;}
header.header .openmenu i{display: block;width: 22px;height: 2px;position: absolute;top: 50%;left: 50%;margin-left: -11px;background: #fff;}
header.header .openmenu i.a{margin-top: -7px;}
header.header .openmenu i.b{margin-top: -1px;}
header.header .openmenu i.c{margin-top: 5px;}
header.header .openmenu i,#submenu{transition: all .35s;-webkit-transition: all .35s;-moz-transition: all .35s;}
header.header .opennow i.a{margin-top: -1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
header.header .opennow i.b{width: 0px;}
header.header .opennow i.c{margin-top: -1px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
header.header .logo-box{height: 100%;text-align: center;}
header.header .logo-box a{display: inline-block;height: 60px;line-height: 60px;width: 172px;background: url(../images/logo_white.png) no-repeat center;background-size: auto 35px;}
header.white{background: #fff;}
header.white .openmenu i{background: #000;}
header.white .logo-box a{background: url(../images/logo_black.png) no-repeat center;background-size: auto 35px;}
header.header .menu{margin: 0 auto;background: #000000;}
header.header .menu>ul{height: 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
header.header .menu>ul>li{height: 50px;line-height: 50px;padding: 0 25px;margin: 0 40px;white-space: nowrap;}
header.header .menu>ul>li>a{color: #a7a7a7;font-size: 16px;}
header.header .menu>ul>li:first-child{padding-left: 0;margin-left: 0;}
header.header .menu>ul>li:last-child{margin-right: 0;padding-right: 0;}
/*header.header .menu>ul>li:hover .nav-index{color: #fff;}*/
header.header .menu>ul>li>a:hover{color: #fff;}
header.header .hidemenu{transform: translateY(-50px);-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);visibility: hidden;opacity: 0;}
header.header .hidemenu{transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;}

header.header .menu aside{z-index: 999;max-height: 0;overflow: hidden;position: absolute;width: 100vw;margin-left: -50vw;left: 50%;right: 0;background-color: #fff;height: 385px;}
header.header .menu .opened aside{max-height: 100vh;}
header.header .menu ul.submenu{width: 1200px;margin: 0 auto;position: relative;text-align: center;}
header.header .menu ul.submenu>li{display: inline-block;height: 100px;padding: 0 23px;line-height: 100px;}


/*菜单*/
#submenu {width: 100%;height: 0%;position: fixed;top: 0px;left: 0px;background: #FFF;z-index: 100;overflow: hidden;}
#submenu .nav{margin: 0 5%;padding: 50px 0px;}
#submenu .nav ul {width: 250px;text-align: center;margin: 0 auto;padding: 30px 0px;display: none;}
#submenu .nav li{display: block;text-align: center;border-bottom: 1px solid #FFF;animation: upshow 0.5s ease-out both;-webkit-animation: upshow 0.5s ease-out both;}
#submenu .nav a{display: block;height: 50px;line-height: 50px;font-size: 20px;}
#submenu .subnav{width: 100%;display: none;}
#submenu .subnav p{display: block;height: 35px;line-height: 35px;}
#submenu .subnav a{display: block;font-size: 18px;}
#submenu .nav li.isDown a.menu_index,#submenu .nav li:hover a.menu_index,#submenu .nav a:hover{color: #546c9e;}

/*尾部
footer{padding-top: 30px;background-color: #f2f2f2;}
footer .wrapper{margin: 0 10.4% ;}
footer .foot-join h1{margin-bottom: 15px;font-size: 16px;font-weight: 400;}
footer .foot-join .telphone{font-size: 30px;margin-left: 60px;}
footer .foot-top{margin-bottom: 30px;display: flex;flex-wrap: nowrap;justify-content: space-between;}
footer .foot-nav{display: flex;}
footer .foot-nav .nav-item{margin-right: 50px;}
footer .foot-nav ul li{margin-bottom: 10px;}
footer .foot-nav .nav-item .first-li{margin-bottom: 15px;}
footer .foot-codes .img-box{width: 105px;height: 105px;}
footer .foot-codes .img-box img{width: 100%;}
footer .foot-codes span{width: 100%;text-align: center;display: block;}
footer .foot-top .foot-join .foot-codes ul{display: flex;flex-wrap: nowrap;justify-content: flex-end;}
footer .foot-top .foot-join .foot-codes ul>li{margin-left: 15px;}
footer .foot-top .foot-join .foot-codes ul>li:first-child{margin-left: 0;}
footer .copyright{border-top: 1px solid #c7c7c7;font-size: 14px;padding: 10px 0;}
footer .copyright .copyContent{margin-right: 10px;}
*/
/*欧瑞博板式*/
/*
.foot {
    min-width: 1280px;
    width: 100%;
    background-color: #000;
    padding: 49px 0 0;
    font-family: OPPOSans-Medium,'PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial;
}
.foot .content{
    max-width: 1760px;
    min-width: 1280px;
    box-sizing: border-box;
}
.foot .content {
    padding: 0 288.5px;
    margin: 0 auto;
}
.foot .foot_top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 71px;
}
.foot .link_list .first_li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.foot .link_list>ul>li {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(255,255,255,.6);
}
.foot .link_list>ul>li>a {
    font-size: 14px;
    color: rgba(255,255,255,.6);
    font-weight: 500;
}
.foot .foot_middle {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,.16);
}
.foot .foot_middle .contactus {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 3px;
}
.foot .foot_middle .telphone {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    font-weight: 600;
}
.foot .foot_middle .telphone .time {
    font-size: 14px;
    line-height: 20px;
    margin-left: 9px;
    vertical-align: 3px;
}
.foot .foot_middle .contact {
    position: absolute;
    right: 0;
    bottom: 21px;
    display: flex;
    align-items: center;
}
.foot .foot_middle .contact .iconfont {
	font-size: 24px;
}
.foot .foot_middle .contact .sina {
    margin-left: 21px;

}
.foot .foot_middle .contact .service {
    line-height: 40px;
    text-align: center;
    display: block;
    font-size: 14px;
    width: 123px;
    height: 40px;
    margin-left: 21px;
    background: 0 0;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 2px;
    position: relative;
}
.foot .foot_middle .contact .service i{
	font-size: 14px;
    margin-right: 5px;
}
.foot .foot_middle .contact .service span {
    color: rgba(255,255,255,.6);
}
.foot .copyright {
    padding: 20px 0 60px;
    color: rgba(255,255,255,.5);
    display: flex;
    font-size: 14px;
    line-height: 20px;
}
.foot .copyright a {
    color: rgba(255,255,255,.5);
}
.foot .copyright a.one {
    padding-right: 10px;
    border-right: 0.01rem solid #707070;
}
.foot .copyright .copyContent {
    flex: 1;
}
.foot .lan {
    display: flex;
    flex-shrink: 0;
}
.foot .lan a:nth-child(1) {
    color: rgba(255,255,255,.6);
    padding: 0 17px;
}
.foot .lan a:nth-child(2) {
    color: rgba(255,255,255,.6);
    padding-left: 16px;
}
*/
footer{display: block;padding-top: 20px;padding-bottom: 20px;background-color: #000;}
footer .foot-wrap{margin-bottom: 5px;}
footer .col-foot-x1,footer .col-foot-x2{width: 100%;position: relative;min-height: 1px;}
footer .foot-title{color: #fff;font-size: 14px;line-height: 40px;text-transform: uppercase;margin-bottom: 0px;position: relative;border-bottom: 1px solid rgba(255,255,255,.08);display: flex;justify-content: space-between;}
footer .foot-inner{height: auto;overflow: hidden;display: none;margin: 10px 0;}
footer .foot-list{overflow: hidden;}
footer .foot-list li{font-size: 14px;height: auto;overflow: hidden;margin: 10px 0;}
footer .foot-list li a{color: #929292;height: auto;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
footer .foot-codes {height: auto;overflow: hidden;padding: 15px 0;}
footer .foot-codes li {max-width: 80px;float: left;height: auto;overflow: hidden;margin-right: 20px;text-align: center;color: #fff;font-size: 14px;}
footer .foot-codes li img{display: block;margin: 0 auto;max-width: 100%;height: auto;margin-bottom: 10px;}
footer .share-link {height: auto;overflow: hidden;margin-top: 10px;}
footer .share-link li{float: left;height: 16px;overflow: hidden;margin-right: 15px;}
footer .share-link li.fus{color: #fff;line-height: 16px;font-size: 14px;}
footer .foot-contact-info{color: #929292;font-size: 14px;line-height: 2;text-align: left;margin-bottom: 15px;}
footer .foot-title i{cursor: pointer;font-size: 24px;}
footer .full-copyright{background-color: #000;padding-bottom: 56px;}
footer .copyright{color: #999;font-size: 14px;line-height: 2;text-align: center;padding: 15px 0;}
footer .copyright a, .websupport a{color: #999;}
footer .foot_middle{position: relative;padding-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,.16);padding-top: 25px;}
footer .foot-wrap-bottom .contactus{font-size: 16px;line-height: 22px;color: #fff;font-weight: 600;margin-bottom: 3px;}
footer .foot-wrap-bottom .telphone{font-size: 24px;line-height: 33px;color: #fff;font-weight: 600;}
footer .foot-wrap-bottom .telphone .time{font-size: 14px;line-height: 20px;margin-left: 9px;vertical-align: 3px;}
footer .foot_middle .contact{right: 0;bottom: 21px;display: flex;align-items: center;justify-content: space-between;}
footer .foot_middle .contact .iconfont{font-size: 24px;}
footer .foot_middle .contact .service{line-height: 40px;text-align: center;display: block;font-size: 14px;width: 123px;height: 40px;margin-left: 21px;background: 0 0;border: 1px solid rgba(255,255,255,.6);border-radius: 2px;position: relative;}
footer .foot_middle .contact .service i{font-size: 14px;margin-right: 5px;}
footer .foot_middle .contact .service span{color: rgba(255,255,255,.6);}


@media (min-width: 768px)
{   
    footer .lxx-flex{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-left: -10px;margin-right: -10px;}
    footer .foot-contact-info{width: 100%;padding: 0 10px;float: left;}
    footer .full-copyright {padding-bottom: 0;}
    footer .copyright {text-align: left;}
}
@media (min-width: 992px)
{
    footer .col-foot-x1,footer .col-foot-x2{width: auto;}
    footer #foot-rows{display: flex;justify-content: space-between;flex-wrap: nowrap;}
    footer .foot-title {font-size: 16px;border-bottom: none;}
    footer .foot-inner {display: block !important;}
    footer .foot-title i{display: none;}
    footer .foot_middle{padding-top: 0px;}
    footer .foot_middle .contact{display: flex;position: absolute;}
    footer .foot_middle .contact a{margin-left: 15px;}
}
@media (min-width: 1400px)
{
    footer .foot-title {font-size: 18px;}
}















/*侧边栏*/
.sidebar{position: fixed;top: 50%;right: 0;z-index: 999;}
.sidebar>ul>li{width: 46px;height: 46px;background: #23b6bc;border-radius: 50%;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);margin-bottom: 20px;line-height: 46px;text-align: center;margin-right: 20px;}
.sidebar>ul>li>i{font-size: 24px;color: #ffffff;}

/*回到顶部*/
.fixed{position: fixed;bottom: 50px;right: 0;z-index: 999;}
.fixed .getTop{width: 46px;height: 46px;background: #ffffff;border-radius: 50%;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);line-height: 46px;text-align: center;margin-right: 20px;cursor: pointer;}
.fixed .getTop i{font-size: 20px;font-weight: bold;}
.fixed.hidefixed{display: none;}

/*分页*/
.container{width: 100%;max-width: 1630px;}
.pagination{display: flex;justify-content: center;}

/*其他*/
.main-wrapper{width: 70%;height: 100%;margin: 0 auto;}
.nav-model .main-wrapper{display: flex;justify-content: space-between;}
.nav-model{width: 100%;height: 60px;background: #1a1a1a;margin-top: 110px;z-index: 200;transition: all .4s ease;}
.nav-model .product-name{height: 100%;line-height: 60px;color: #ccc;}
.nav-model .navbar-nav{height: 100%;padding: 12px 0;display: flex;}
.nav-model .navbar-nav span{display: block;height: 100%;line-height: 36px;margin-left: 20px;padding: 0 20px;color: #777;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;cursor: pointer;}
.navbar-nav span.active{color: #ccc;}
.inner-title{color: #6c6c6c;margin-bottom: 2.5rem;}
.inner-title p {display: block;width: 100%;margin-bottom: 1.25rem;font-size: 1.5rem;}
.inner-title i {display: block;width: 48px;height: 1px;background: #546c9e;}


@media screen and (max-width: 980px) {
	body{min-width: 320px;}
	header.header{min-width: 320px;}
	header.header,header.header .head{height: 50px;}
	header.header .openmenu{left: 0px;}
	header.header .logo-box a{width: 100px;height: 48px;background-size: auto 25px !important;display: block;margin: 0 auto;}
	header.header .menu{display: none;}
	#submenu .nav ul{width: 100%;position: relative;padding: 20px 0px;}

	.nav-model{/*margin-top: 50px;*/display: none;}
	.main-wrapper{width: 94%;}
	/*footer .foot-join{display: none;}*/
	.sidebar{display: none;}
	.fixed{display: none;}
}

@media (min-width: 768px){
	/*footer {padding-top: 40px;}*/
}