/*公共样式*/
*,html,body,ul,ol,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
ul li,ol li{list-style: none;}
form,select,option,input,button,textarea{border: none;background: none;box-shadow: none;outline: none;}
em,i{font-style: normal;}
a,a:hover,a:focus{text-decoration: none;outline: none;}
img{border: none;vertical-align: middle;}
.w-100{width: 100%;}
.h-100{height: 100%;}
.obj-cover{object-fit: cover;font-family: 'object-fit: cover;';}
.contentwidth img,.contentwidth table{max-width: 100% !important;height: auto !important;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.float-left{float: left;}
.float-right{float: right;}


/*header*/
.header-top-nav{background: #ffffff;}
.header-logo{width: 100%;height: 100px;line-height: 100px;}
.header-logo .logo-img img{max-height: 83px;}
.header-logo .header-tel{font-size: 16px;color: #888888;}
.casesa{width: 100%;margin-top: 20px;line-height: 50px;background: #4472b0;border-radius: 4px;}
header>nav ul.h-menu>li>a{width: 100%;display: inline-block;font-size: 16px;padding: 0 20px;color: #eeeeee;position: relative;}
header>nav ul.h-menu>li>ul.sm-menu{display: none;position: absolute;top: 50px;left: 0;min-width: 100%;z-index: 99;}
header>nav ul.h-menu>li>ul.sm-menu>li>a{display: block;font-size: 16px;line-height: 36px;padding: 0 20px;color: #333333;background: #ffffff;white-space: nowrap;}
header>nav ul.h-menu>li>ul.sm-menu>li>a:hover{color: #ffffff;background: #2a6cc4;}
header>nav ul.h-menu>li.active a,header>nav ul.h-menu>li:hover>a,header>nav ul.h-menu>li>a:hover{color: #ffffff;background: #2a6cc4;}

.form-search{position: relative;}
.form-search .input-search{width: 200px;height: 30px;line-height: 30px;background: #ffffff;padding: 0 40px 0 10px;box-shadow: 0 1px 4px #888888 inset;border-radius: 4px;}
.form-search .btn-search{position: absolute;top: 10px;right: 0;width: 40px;height: 30px;background: url(../images/search.png) center center no-repeat;background-size: 100% 100%;}
.header-top-nav.active .casesa{position: fixed;top: 0;left: 0;z-index: 999;margin-top: 0;}

@media(max-width: 1024px){
    .header-logo .header-tel,.form-search{display: none;}
    .header-logo,.header-logo .logo-img{height: 60px;line-height: 60px;position: fixed;top: 0;left: 15px;width: auto;z-index: 1000;}
    .header-logo .logo-img img{max-height: 50px;}
    .casesa{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;margin-top: 0;height: 60px;line-height: 60px;background: #ffffff;border-radius: 0;box-shadow: 0 2px 20px rgba(0,0,0,0.16);-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16);-moz-box-shadow: 0 2px 20px rgba(0,0,0,.16);}
    header>nav ul.h-menu>li{width: 100%;padding: 0;margin: 0;}
    header> nav ul.h-menu{display: none;width: 100%;position: fixed;top: 60px;left: 0;height: auto;line-height: 40px;padding: 0 0 60px;margin: 0;max-height: 100%;overflow-y: auto;z-index: 999;}
    header>nav ul.h-menu>li>ul.sm-menu{position: static;line-height: 40px;background: #ffffff;padding-left: 0;}
    header>nav ul.h-menu>li>a{padding: 0 15px;font-size: 16px;color: #000000;}
    header>nav ul.h-menu>li>ul.sm-menu>li>a{padding: 0 30px;background: #ffffff;line-height: 40px;font-size: 16px;text-align: left;}
    header .menu-toggler{right: 15px;top: 20px;height: 100%;}
    .header-top-nav.active header .menu-toggler{top: 20px;}
    header .menu-toggler>span{position: relative;display: block;width: 30px !important;height: 4px;border-radius: 5px;background: #2a6cc4;}
    header .menu-toggler>span.top{top: 0;}
    header .menu-toggler>span.middle{left: 0;top: 5px;}
    header .menu-toggler>span.bottom{top: 10px;}
    header .menu-toggler.active>span.middle{left: 100px;}
    header .menu-toggler.active>span.top{top: 10px;transform: rotate(45deg);}
    header .menu-toggler.active>span.bottom{top: 2px;transform: rotate(-45deg);}
    header>nav ul.h-menu>li{width: 100%;border-bottom: 1px solid rgba(211,211,211,0.5);background: #ffffff;}
    header>nav ul.h-menu>li.position-relative>a{width: auto;}
    header>nav ul.h-menu>li.active,header>nav ul.h-menu>li:hover{background: #2a6cc4;}
    header>nav ul.h-menu>li.active>a,header>nav ul.h-menu>li:hover>a{color: #ffffff;background: #2a6cc4;}
}

/*banner*/
.slideBox{position: relative;overflow: hidden;width: 100%;}
.slideBox .hd ul{width: 100%;text-align: center;bottom: 20px;position: absolute;left: 50%;z-index: 1;transform: translateX(-50%);}
.slideBox .hd li{transition: background 0.5s,opacity 0.9s;width: 14px;height: 14px;margin: 4px;border: 1px solid #ffffff;border-radius: 50%;display: inline-block;vertical-align: top;position: relative;cursor: pointer;-webkit-transition: background .5s,opacity .5s;-moz-transition: background .5s,opacity .5s;overflow: hidden;line-height: 4em;}
.slideBox .hd li.on{background: #ffffff;opacity: 1;}
.slideBox .bd{position: relative;z-index: 0;padding: 0;}
.slideBox .bd li{position: relative;text-align: center;}
.slideBox .bd li img{vertical-align: top;width:100%;}
.slideBox .prev,.slideBox .next{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.slideBox .prev{left: 15px;}
.slideBox .next{right: 15px;}
.slideBox .prev .icon-toleft,.slideBox .next .icon-toright{font-size: 52px;color: #ffffff;opacity: .6;}
.slideBox .prev:hover .icon-toleft,.slideBox .next:hover .icon-toright{opacity: .9;}

@media(max-width: 1024px){
    .slideBoxtop{margin-top: 60px;}
    .slideBox .hd ul{bottom: 0;}
    .slideBox .hd li{width: 10px;height: 10px;margin: 2px;}
    .slideBox .prev{left: 0;}
    .slideBox .next{right: 0;}
    .slideBox .prev .icon-toleft,.slideBox .next .icon-toright{font-size: 32px;}
}


/*footer*/
footer{padding: 40px 0;background: url(../images/footerbg.jpg) no-repeat;background-size: 100% 100%;}
.footer-nav{padding-left: 280px;}
.footer-nav .footer-left-img{width: 200px;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.footer-menu li{display: inline-block;vertical-align: top;font-size: 18px;line-height: 2;color: #ffffff;}
.footer-menu li.line{padding: 0 10px;}
.footer-menu li a{font-size: 18px;color: #ffffff;}
.footer-info-text{margin-top: 20px;}
.footer-info-text p{margin-bottom: 0;font-size: 14px;line-height: 2;color: #ffffff;}
.footer-info-text p a{color: #ffffff;}

@media(max-width: 1024px){
    footer{padding: 30px 0;}
    .footer-nav{padding-left: 0;}
    .footer-nav .footer-left-img{display: none;}
    .footer-info-text{margin-top: 10px;}
}


/*回到顶部*/
.return{transition: .8s;-o-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;position: fixed;bottom: 40px;right: 20px;z-index: 99;display: none;}
.return .back_return{z-index: 100;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;}

@media(max-width: 1024px){
    .return{bottom: 15px;right: 10px;}
}


/*分页*/
.page_info{display: none;}
.page_list{margin-top: 20px;width: 100%;text-align: center;}
.page_list a{display: inline-block;font-size: 14px;color: #666666;border: 1px solid #d1d1d1;margin: 1px;padding: 2px 8px;}
.page_list a.on,.page_list a:hover{color: #ffffff;border-color: #2a6cc4;background: #2a6cc4;}