html, body {font-family:Arial,'微软雅黑'; font-size:16px; color:#333; background:#fff;}
body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0; margin:0; border:0;}
*{ box-sizing:border-box;max-height:999999px;}
i,em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color:#fe741c;}
img{ vertical-align:middle;border:none; max-width:100%;}
img.lazy{ opacity:0;}
.clear{ clear:both;}
q{ color:#FF4A4A; quotes:'' '' '' '';}
.dn{ display:none;}
select::-ms-expand { display: none; }
input[type=text],input[type=button],input[type=submit],select{appearance:none; -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none; outline:none;}
select{ position:relative; background:url(/public/img/icon/jiantou.png) right 5px center no-repeat #fff; background-size:10px 6px;padding:0 20px 0 8px !important;}
select::-ms-expand {display: none;}
.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden3{overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden4{overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:break-all;}
.iconfont{ width:1em; height:1em; font-size:1.3em; line-height:1em; vertical-align:middle; position:relative; font-weight:normal;}
.lazy{ opacity:0;}
.tablecell{ display:table-cell; vertical-align:middle;} 
.tablecell img{ max-width:none;}
.song{ font-family:'SimSun';}
.swiper-container{ position:relative;}
.swiper-container .arrow-left{ position:absolute; left:0; top:50%; margin-top:-20px; height:40px; width:40px; background:rgba(100,100,100,.2); z-index:1; color:#fff; padding:4px; font-size:24px; cursor:pointer;}
.swiper-container .arrow-left:hover{ background:#f60;}
.swiper-container .arrow-right{ position:absolute; right:0; top:50%; margin-top:-20px; height:40px; width:40px; background:rgba(100,100,100,.2); z-index:1; color:#fff; padding:4px; font-size:24px; cursor:pointer;}
.swiper-container .arrow-right:hover{ background:#f60;}
.pagination .swiper-pagination-bullet{width:8px; height:8px; border-radius:50%;}
.bgfff{background:#fff;}
.b{font-weight:bold;}
/*mydialog弹框样式*/
#dialogbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1000; cursor: pointer;}
#dialog{ position:fixed; left:50%; top:50%; overflow:hidden; z-index:1000; box-sizing:border-box; max-height:85%; width:800px; height:0; padding:50px 0; transform:translate(-50%,-50%); background:#fff;  opacity:0; transition:all linear 200ms; box-shadow:0 0 20px #000; border-radius:0 0 5px 5px; border:1px solid #ccc;}
#dialog .close{ position:absolute; right:0; top:0; width:36px; line-height:36px; font-size:18px; text-align:center; font-family: Arial, Helvetica, sans-serif; cursor:pointer; z-index:1;}
#dialog .close:hover{ background:#ddd;}
#dialog .title{ position:absolute; left:0; top:0; width:100%; background:#eee; padding:0 15px; font-size:16px; font-weight:bold; line-height:40px; box-sizing:border-box;}
#dialog .cont{ overflow:auto; line-height:1.8em; padding:0 20px; font-size:14px;}
#dialog .cont::-webkit-scrollbar{width:5px; height:5px;}
#dialog .cont::-webkit-scrollbar-thumb{background:#ccc;}
#dialog .btnbox{ line-height:40px; background:#fff; text-align:center; border-top:1px solid #eee; display:flex; position:absolute; left:0; bottom:0; width:100%;}
#dialog .btnbox .btn{ display:block; width:100%; cursor:pointer; font-size:16px; line-height:40px; color:#333;}
#dialog .btnbox.col2 .btn{ width:50%;}
#dialog .btnbox.col2 .btn.primary{ border-left:1px solid #ddd; color:#085c95; font-weight:bold;}
#dialog .btnbox .btn:hover{ color:#f60 !important;}
#dialog.show{ width:800px; height:300px; opacity:1;}

/*toast样式*/
.toast{ position:fixed; left:50%; bottom:-100px; z-index:1001; width:300px; margin-left:-150px; padding:5px 10px; line-height:1.5em; background:rgba(0,0,0,0.7); color:#fff; font-size:16px; text-align:center; border-radius:10px;}
.toast.show{ bottom:200px; transition:all ease-in-out 500ms;}
.toast.hide{ bottom:250px; opacity:0;}


/*公共颜色*/
.fff{ color:#fff;}
a.fff:hover,a.fff.active{ color:#fd0;}
.c000{ color:#000;}/*主要文字*/
a.c000:hover,a.c000.active{ color:#f90;}
.c333{ color:#333;}/*主要文字*/
a.c333:hover,a.c333.active{ color:#f90;}
.c666{ color:#666;}/*次要文字*/
a.c666:hover,a.c666.active{ color:#f90;}
.c999{ color:#999;}/*次要文字*/
a.c999:hover,a.c999.active{ color:#f90;}
.ccc{ color:#ccc;}/*辅助文字*/
a.ccc:hover,a.ccc.active{ color:#f90;}
.eee{ color:#eee;}/*边框*/
a.eee:hover,a.eee.active{ color:#f90;}
.blue{ color:#586b95;}/*链接*/
a.blue:hover{ color:#f90;}
.orange{ color:#ff4d30;}/*链接*/
a.orange:hover{ color:#f70;}


/* 可能会替换颜色 */
.color1{color:#ff4d30;}


/* 字体图标里面的图标和文字居中对齐 */
.iconfontcl .iconfont,
.iconfontcl span{float:left; line-height:inherit;}
.iconfontcl span{padding-left:4px;}
.iconfontcl:after{content:""; display:block; clear:both;}

/*font*/
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font40{ font-size:40px;}
.font50{ font-size:50px;}
.font60{ font-size:60px;}

/* 页面小标题 */
.pagettl{padding:50px 0 40px; text-align:center;}
.pagettl span{display:inline-block; position:relative; padding:0 15px; font-size:40px; color:#0d6fb8;}
.pagettl.white span{ color:#fff;}
.pagettl span em{font-weight:bold; line-height:1.5em;}
.pagettl span i.l,
.pagettl span i.r{width:23px; height:25px; position:absolute; top:50%; margin-top:-13px;}
.pagettl span i.l{background:url(/public/img/titlebg.png) center center no-repeat; left:-30px;}
.pagettl span i.r{background:url(/public/img/titlebg.png) center center no-repeat; right:-30px;}
.pagettl.white span i.l{background-image:url(/public/img/titlebg_white.png)}
.pagettl.white span i.r{background-image:url(/public/img/titlebg_white.png)}
.pagettl .min{ color:#aaa; font-size:14px; line-height:1.5em; display:block;}
.pagettl.white .min{ color:#fff;}
.pagettl .min em{padding:0 10px; position:relative; text-transform:uppercase;}
.pagettl .min em:before,
.pagettl .min em:after{content:""; width:30px; height:1px; background:#aaaaaa; position:absolute; top:50%; margin-top:-1px;}
.pagettl .min em:before{left:-30px;}
.pagettl .min em:after{right:-30px;}
.pagettl.white .min em:before,
.pagettl.white .min em:after{background:#fff;}
.pagettl.animate span{ transition:all ease-in-out 1s; transform:translateY(-30px); opacity:0;}
.pagettl.animate .min{ transition:all ease-in-out 1s; transform:translateY(30px); opacity:0;}
.pagettl.animate.load span{ transform:translateY(0px); opacity:1;}
.pagettl.animate.load .min{ transform:translateY(0px); opacity:1;}

.tabscroll .menu{ overflow:hidden;}
.tabscroll .menu .flex{ white-space:nowrap; text-align:center;}
.tabscroll .menu .li{ display:inline-block; min-width:130px; padding:0 15px; margin:0 20px; white-space:nowrap; line-height:40px; text-align:center; background:rgba(13, 111, 184, 0.1); color:#0d6fb8; cursor:pointer; font-size:16px; border-radius:20px;}
.tabscroll .menu .li:hover{ color:#fff; background:#0d6fb8;}
.tabscroll .menu .li:nth-child(0){ border:0;}
.tabscroll .menu .li.active{ background:#0d6fb8; color:#fff;}
.tabscroll .menu .li img{ border-radius:50%; background:#fff; padding:3px; margin-right:6px;}
.tabscroll .menu .li.active img{ background:#f6f6f6;}
.tabscroll .conts{ position:relative;}
.tabscroll .conts.run{ overflow:hidden;}
.tabscroll .conts .cont{ display:none; width:100%;}
.tabscroll .conts .cont.movehide{ display:block; position:absolute; left:0; top:0; transition:all ease-in-out 300ms;}
.tabscroll .conts .cont.movehide.endleft{ left:-100%;}
.tabscroll .conts .cont.movehide.endright{ left:100%;}
.tabscroll .conts .cont.showleft{ display:block; position:relative; left:100%; top:0; transition:all ease-in-out 300ms;}
.tabscroll .conts .cont.showright{ display:block; position:relative; left:-100%; top:0; transition:all ease-in-out 300ms;}
.tabscroll .conts .cont.showleft.end,.tabscroll .conts .cont.showright.end{ left:0;}
.tabscroll .conts .cont.active{ display:block;}

.morebtn{ text-align:center; padding:40px 0;}
.morebtn a{ display:inline-block; line-height:50px; width:340px; text-align:center; color:#0d6fb8; font-size:16px; background:#cfe2f1;}
.morebtn a::after{content:""; display:inline-block; vertical-align:middle; width:12px; height:12px; border:1px solid #0d6fb8; margin:-10px 0 0 10px; border-top:0; border-left:0; transform:rotate(45deg)}
.morebtn a:hover{ background:#0d6fb8; color:#fff}
.morebtn a:hover::after{ border-color:#fff}
.morebtn .nomore{ display:inline-block; line-height:50px; color:#999;}


header{ width:100%; height:960px; text-align:center; background:url(/public/img/index/banner.jpg?2022) center center no-repeat; position:relative; overflow:hidden;}
header .head{border-bottom:1px solid rgba(255, 255, 255, 0.2);}
header .head .top{width:1200px; height:90px; line-height:90px; margin:0 auto; position:relative;}
header .head .img{line-height:0; float:left; padding-top:23px;}
header .head .logo{ font-size:46px; font-weight:bold; width:265px; text-align:center; color:#fff; float:left; position:relative;}
header .head .logo span{font-size:36px; display:inline-block; vertical-align:top; margin-left:5px;}
header .head .logo .name{color:#fff; line-height:1.6em; font-size:12px; width:100%; text-align:center; font-weight:normal; position:absolute; left:0; top:5px;}
header .head .text{float:left; padding-top:26px;}
header .head .text span{display:block; color:#fff; line-height:1.6em; font-size:12px;}
header .head .nav{ float:right; width:830px; text-align:right;}
header .head .nav a{ display:inline-block; text-align:center; vertical-align:middle; margin-left:35px; position:relative; transition:all ease-in-out 50ms; font-weight:bold;}
header .head .nav a:first-child{margin-left:0;}
header .head .nav a:hover{ text-shadow:1px 1px 2px #666;}
header .head .nav a.active{ color:#fd0; text-shadow:1px 1px 2px #666; position:relative;}
header .head .nav a.active::after{content:""; width:62px; height:2px; background:#fd0; position:absolute; left:50%; bottom:26px; margin-left:-31px;}
header .head .tel{ position:absolute; right:0; top:120px; color:#fff; line-height:1em; font-size:14px;}
@keyframes wave1{0% { left:-997px}100% { left:0}}
@keyframes wave2{0% { left:-1009px}100% { left:0}}
header .wave1{ position:absolute; left:-997px; bottom:0; width:2991px; height:85px; background:url(/public/img/wave/wave1.png) left bottom repeat-x; animation:wave1 20s linear infinite;}
header .wave2{ position:absolute; left:-1009px; bottom:0; width:3027px; height:100px; background:url(/public/img/wave/wave2.png) left bottom repeat-x; animation:wave2 80s linear infinite;}
footer{ width:100%; padding-top:100px; color:#333; text-align:center; overflow:hidden; position:relative;}
footer .foot{ width:100%; background:#0d6fb8; height:275px; margin-top:-1px;}
footer .wave1{ position:absolute; left:-997px; top:15px; width:2991px; height:85px; background:url(/public/img/wave/wave3.png) left bottom repeat-x; animation:wave1 20s linear infinite;}
footer .wave2{ position:absolute; left:-1009px; top:0; width:3027px; height:100px; background:url(/public/img/wave/wave4.png) left bottom repeat-x; animation:wave2 80s linear infinite;}
footer .shouhou{ padding:0 20px 30px 20px; border-bottom:1px solid rgba(255,255,255,.2)}
footer .shouhou li{ width:295px; height:82px; float:left; color:#fff; text-align:left; line-height:1.5em; padding-left:96px; padding-top:20px;}
footer .shouhou li.n1{ background:url(/public/img/1year.png?2021) left center no-repeat;}
footer .shouhou li.n2{ background:url(/public/img/3year.png?2021) left center no-repeat; width:370px; margin:0 100px;}
footer .shouhou li.n3{ background:url(/public/img/lianbao.png) left center no-repeat; margin-right:0;}
footer .contactus{ padding-top:20px; text-align:left;}
footer .contactus .logo{width:120px; float:left; margin-right:20px;}
footer .contactus .left{ width:270px; height:120px; margin-right:10px; float:left; color:#fff;}
footer .contactus .middle{ width:510px; height:120px; margin-right:10px; float:left; text-align:center;}
footer .contactus .right{ width:242px; height:120px; float:right;}
footer .contactus .ttl{ font-size:30px; line-height:1.8em;}
footer .contactus .li{ font-size:14px; line-height:1.5em;}
footer .contactus .li .iconfont{ margin-top:-2px;}
footer .contactus dl{ float:left; width:25%; text-align:center;}
footer .contactus dl a{ color:#fff; line-height:2em;}
footer .contactus dl dd a{ font-size:14px;}
footer .contactus dl a:hover{ color:#fb0;}
footer .contactus .qrcode{ display:inline-block; padding:5px 5px 0 5px; width:100px; background:#fff; font-size:12px; text-align:center; line-height:1.8em;}
footer .contactus .qrcode.r{ float:right;}
footer .contactus .qrcode img{ width:100%; height:90px;}

footer .bottom{ padding:10px 0; line-height:30px; background:#0c64a5; color:#fff; text-align:center; font-size:14px;}


.w1200{ width:1200px; margin:0 auto;}
#container{ width:100%; min-height:600px; position:relative;}