@charset 'utf-8';
/*字体*/
@font-face{font-family:'Thin';src:url("/font/AlibabaPuHuiTi-2/35-Thin.otf");}
@font-face{font-family:'Light';src:url("/font/AlibabaPuHuiTi-2/45-Light.otf");}
@font-face{font-family:'Regular';src:url("/font/AlibabaPuHuiTi-2/55-Regular.otf");}
@font-face{font-family:'Medium';src:url("/font/AlibabaPuHuiTi-2/65-Medium.otf");}
@font-face{font-family:'SemiBold';src:url("/font/AlibabaPuHuiTi-2/75-SemiBold.otf");}
@font-face{font-family:'Bold';src:url("/font/AlibabaPuHuiTi-2/85-Bold.otf");}
@font-face{font-family:'ExtraBold';src:url("/font/AlibabaPuHuiTi-2/95-ExtraBold.otf");}
@font-face{font-family:'Heavy';src:url("/font/AlibabaPuHuiTi-2/105-Heavy.otf");}
@font-face{font-family:'Black';src:url("/font/AlibabaPuHuiTi-2/115-Black.otf");}
/*----------------------------------------------------------------------------------------------------------------------*/
/*滚动条*/
::-webkit-scrollbar{width:10px;background:#f2f2f2;}
::-webkit-scrollbar-thumb{width:10px;height:50px;display:block;opacity:1;background:#999;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#003a97;}
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner{display:none;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*通用*/	
html, body{margin:0 auto;padding:0;min-width:1024px;max-width:1920px;width:100%;position:relative;overflow-x:hidden;}
body{font-family:"Regular";font-size:16px;color:#333;}

*{margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;font-style:inherit;box-sizing:border-box;outline:none;font-family:inherit;z-index:1;font-weight:normal;}
*:before, *:after{box-sizing:border-box;display:block;}

a{text-decoration:none;}
a:hover, a:link, a:visited{text-decoration:none;}

h1{font-family:"Heavy";}
strong{font-family:'Bold';}
li, ol, ul{list-style:none;}
button, input, textarea{border:none;background:none;}
table{border-collapse:collapse;border-spacing:0;}
div, ul, li, dl, dd, dt, img, form, button, input, textarea, video{display:block;position:relative;}

img{border:none;}
.img{width:100%;position:relative;display:block;overflow:hidden;}
.clear{clear:both;}
.clearfix:after{content:'';font-size:0;line-height:0;clear:both;width:100%;height:0px;}
.fl{float:left;}
.fr{float:right;}

.w1200{width:96%;max-width:1200px;margin:0 auto;height:100%;position:relative;}
.swiper{overflow:hidden;}

@media (max-width:1200px){.w1200{width:94%;}}
/*----------------------------------------------------------------------------------------------------------------------*/
/*头部*/
.header{width:100%;z-index:999;background:#fff;height:110px;}
.header .logo{width:28%;padding:20px 0;display:flex;position:relative;align-items:center;height:100%;}
.header .logo img{max-height:100%;max-width:100%;}
.header .main{width:70%;}

.header .info{width:100%;height:50px;padding-top:20px;display:flex;justify-content:flex-end;align-items:center;}
.header .info .ser{width:16px;height:30px;overflow:hidden;padding:7px 0;}
.header .info .ser img{width:100%;}
.header .info a{display:block;position:relative;line-height:30px;margin-left:15px;text-align:center;height:100%;}
.header .info .a1{margin-left:10px;}
.header .info .a2:before{content:'';width:1px;top:9px;height:12px;background:#333;opacity:.5;position:absolute;left:-8px;}

.header .info form{height:30px;overflow:hidden;position:absolute;right:85px;bottom:0;visibility:hidden;opacity:0;border:1px #003a97 solid;}
.header .info form.on{visibility:visible;opacity:1;}
.header .info input{width:200px;height:100%;font-size:14px;line-height:30px;padding:0 55px 0 5px;background:#fff;color:#333;}
.header .info button{position:absolute;width:50px;height:100%;top:0;right:0;cursor:pointer;z-index:10;background:#003a97 ;color:#fff;}
.header .info form,
.header .info form.on{-webkit-transition:all .5s ease;transition:all .5s ease;}

.header .nav{width:100%;height:60px;color:#333;font-size:0;text-align:right;}
.header .nav li{display:inline-block;height:100%;text-align:center;padding-bottom:20px;margin-left:30px;}
.header .nav li a{line-height:30px; font-size:16px;}
.header .nav li:hover .a1,
.header .nav .a1.on,
.header .nav .item a:hover{color:#003a97;}

.header .nav .a1{width:100%;justify-content:flex-end;}
.header .nav .item{display:block;text-align:center;position:fixed;width:100%;left:0;background:rgba(255,255,255,.9);padding:10px 60px;}
.header .nav .item a{display:inline-block;position:relative;margin-left:15px;padding-left:15px;}
.header .nav .item a:before{content:'';width:1px;top:9px;height:12px;background:#333;opacity:.5;position:absolute;left:0;}
.header .nav .item a.a2{padding-left:0;margin-left:0;}
.header .nav .item a.a2:before{display:none;}

.header .nav li .item,
.header .nav li:hover .item{-webkit-transition:all .5s ease;transition:all .5s ease;}
.header .nav li .item{top:130px;opacity:0;visibility:hidden;}
.header .nav li:hover .item{top:110px;opacity:1;visibility:visible;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*底部*/
.footer{width:100%;color:#ccc;background:#333;}
.footer .list{display:flex;justify-content:space-between;align-items:center;padding:60px 0 30px;border-bottom:1px rgba(255,255,255,.15) solid;}
.footer .list a{display:block;position:relative;text-align:center;}
.footer .info{padding: 40px 0;font-size: 0;display: flex;align-items: center;justify-content: space-between;}
.footer .info .item{ display:block; position:relative;}

.footer .logo{width:30%;}
.footer .logo img{width:100%;filter:grayscale(1) brightness(15);}

.footer .tel{ max-width:calc(70% - 240px);padding:0 50px 0 40px;}
.footer .tel p{display:flex;font-size:16px;line-height: 2em;align-items: center;}
.footer .tel p img{height:16px;width:auto;opacity:.9; margin-right:10px;}

.footer .code{width:240px;;}
.footer .code img{width:110px;margin-left: 10px;display: inline-block;}
/*----------------------------------------------------------------------------------------------------------------------*/
.copy{width:100%;background:#262626;padding:15px 0;color:#ccc;}
.copy a:hover{ color:#fff;}
.copy p{font-size:14px;line-height:24px;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*按钮*/
.Rfix .item, .Rfix .item:hover{transition:all .5s ease;-webkit-transition:all .5s ease;}
.Rfix .item i{display:flex;overflow:hidden;justify-content:center;align-items:center;}
.Rfix .item img{max-width:100%;max-height:100%;}

.Rfix{display:block;position:fixed;bottom:50px;right:0;z-index:999;}
.Rfix .item{display:block;width:50px;height:50px;margin-bottom:1px;background:#5a5a5a;padding:10px;cursor:pointer;}
.Rfix .item:hover{background:url(/static/icos/fix.png) no-repeat #003a97 center/100%;}
.Rfix .gtop{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px);visibility:hidden;}
.Rfix .gtop.on{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);visibility:visible;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/