@charset "UTF-8";

/**
 *
 * @authors tuyunkun
 * @date    2017-05-11 10:00:00
 * @version  reset.css + commonly.css
 * 重置样式 + 常用样式
 */

/* Reset CSS Document */
* { word-wrap: break-word }
/*html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, td, th, form, label, input, textarea, select, button, blockquote, span, img, a img, a, pre, hr, b { margin: 0; padding: 0; }
/*body { color: #666666; font: 14px  -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}*/
body { color: #666666;
    font-size: 14px;}
img, a img { border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li, ol, dt, dl, dd { list-style: none; }
em, th, i, address, cite, code, b, s { font-weight: normal; font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
input, textarea, select, button, option { vertical-align: middle; font-size: inherit; font-family: verdana, sans-serif; line-height: normal; }
textarea { overflow: auto; resize: none; }
input:focus, textarea:focus { outline: none; resize: none; }
select:focus { outline: none; resize: none; star: expression(this.onFocus=this.blur()); }
a,u{ color: #333333; text-decoration: none; }
a:hover { color: #1884fe ; text-decoration: none; }
a:active, a:focus, a:hover { outline: none; star: expression(this.onFocus=this.blur()); }
map, map area { outline: none; }
::selection { background-color: transparent; color: #004389; }/*选中字体的颜色 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:#eeeeee;}
.cursor{cursor: pointer;}
button{cursor: pointer;outline: none}
hr{
    height: 1px;
    border: 0;
    clear: both;
}
/* Common CSS Document */
.none { display: none; }
.inline { display: inline; }
.block { display: block; }
.dib-t { display: inline-block; *display: inline; vertical-align: top; letter-spacing: normal; *zoom: 1; }
.dib-m { display: inline-block; *display: inline; vertical-align: middle; letter-spacing: normal; *zoom: 1; }

/* 大小不定元素垂直居中 */
.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.spacing { letter-spacing: -0.34em; }
.mc { margin-right: auto; margin-left: auto; }
.fl { float: left; }
.fr { float: right; }
.fl-in { *display: inline; float: left; }
.fr-in { *display: inline; float: right; }
.relative { position: relative; }
.absolute { position: absolute; }
.pointer { cursor: pointer; }
.hidden { overflow: hidden; }
.ma { margin: auto; }

/* 无框文本框文本域 */
.bd_none { outline: none; border: 0 none; }

/* 绝对定位隐藏 */
.abs_out { position: absolute; top: -999em; left: -999em; }
.abs_clip { position: absolute; clip: rect(0 0 0 0); }

/* 按钮禁用 */
.disabled { outline: 0 !important; border-color: #acacac !important; color: #acacac !important; text-shadow: 1px 1px #ffffff !important; cursor: default !important; pointer-events: none; }
.disabled:hover { text-decoration: none !important; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clear-no { clear: none; }
.clear-h { clear: both; overflow: hidden; }
.clear { clear: both; *zoom: 1; }
.clear:before, .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "\200B"; font-size: 0; line-height: 0; }

/* font-size */
.c-word { overflow: hidden; white-space: nowrap; word-wrap: break-word; }
.e-word { overflow: hidden; white-space: normal; word-break: break-all; }
.nowrap { white-space: nowrap; }
.word-wrap { word-wrap: break-word; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; font-style: normal; }
.fa { font-family: Arial, sans-serif; }
.ft { font-family: Tahoma, sans-serif; }
.fv { font-family: Verdana, sans-serif; }
.fs { font-family: Simsun, sans-serif; }
.fht { font-family: "\9ED1\4F53", sans-serif; }
.fyh { font-family: "Microsoft YaHei", sans-serif; }
.fp { font-family: "PT Mono", Menlo, "Courier New", monospace; }
.t2 { text-indent: 2em; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.tj { text-align: justify; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.bdc { border: 1px solid #cccccc; }
.blc { border-left: 1px solid #cccccc; }
.brc { border-right: 1px solid #cccccc; }
.btc { border-top: 1px solid #cccccc; }
.bbc { border-bottom: 1px solid #cccccc; }
.bdd { border: 1px solid #dddddd; }
.bld { border-left: 1px solid #dddddd; }
.brd { border-right: 1px solid #dddddd; }
.btd { border-top: 1px solid #dddddd; }
.bbd { border-bottom: 1px solid #dddddd; }
.bde { border: 1px solid #eeeeee; }
.ble { border-left: 1px solid #eeeeee; }
.bre { border-right: 1px solid #eeeeee; }
.bte { border-top: 1px solid #eeeeee; }
.bbe { border-bottom: 1px solid #eeeeee; }
.bgff { background-color: #ffffff; }
.bgf2 { background-color: #f2f2f2; }
.bgfb { background-color: #fbfbfb; }
.bgf5 { background-color: #f5f5f5; }
.bgf0 { background-color: #f0f0f0; }
.bgeb { background-color: #ebebeb; }
.bge0 { background-color: #e0e0e0; }
.alpha { opacity: .5; filter: alpha(opacity=50); -webkit-opacity: 0.5; -khtml-opacity: .5; -moz-opacity: .5; }
.hr-2, .hr-3, .hr-4, .hr-5, .hr-6, .hr-7, .hr-8, .hr-9, .hr-10, .hr-11, .hr-12, .hr-13, .hr-14, .hr-15, .hr-16, .hr-17, .hr-18, .hr-19, .hr-20, .hr-30, .hr-24, .hr-40, .hr-26, .hr-22, .hr-35 { clear: both; overflow: hidden; font-size: 0; line-height: 0; }
.hr-2 { height: 2px; }  .hr-3 { height: 3px; }  .hr-4 { height: 4px; }  .hr-5 { height: 5px; }  .hr-6 { height: 6px; }  .hr-7 { height: 7px; }  .hr-8 { height: 8px; }  .hr-9 { height: 9px; }  .hr-10 { height: 10px; }  .hr-11 { height: 11px; }  .hr-12 { height: 12px; }  .hr-13 { height: 13px; }  .hr-14 { height: 14px; }  .hr-15 { height: 15px; }  .hr-16 { height: 16px; }  .hr-17 { height: 17px; }  .hr-18 { height: 18px; }  .hr-19 { height: 19px; }  .hr-20 { height: 20px; }  .hr-30 { height: 30px; }  .hr-24 { height: 24px; } .hr-22 { height: 22px; } .hr-26 { height: 26px; } .hr-40 { height: 40px; }.hr-35 { height: 35px; }
.wrapper { clear: both; margin: auto; max-width: 1920px; min-width: 1200px; width: 100%; }
.layout { clear: both; margin: auto; width: 1200px; }

/*公共头部*/
.common-top{
    width: 100%;
    background-color: #fff;
}
.layout3 .top-logo{
    margin-left: 100px;
}
.top-infos{
    font-size: 12px;
    color: #999999;
}
.top-infos .tel{
    font-size: 18px;
    color: #333;
    padding-left: 26px;
    background: url("../images/in_tel.png") no-repeat left center;
}
.top-infos .tel i{
    display: inline-block;
    height: 13px;
    width: 1px;
    background-color: #eeeeee;
    margin-right: 10px;
}
.top-infos .btns {
	position: relative;
}
.top-infos .btns button{
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    color: #fff;
    background-color: #1c8cec;
    border-radius: 12px;
    border: none;
	outline: none;
    text-align: center;
    cursor: pointer;
}
.top-infos .btns button:hover{
    background-image: linear-gradient(to bottom ,#3568eb , #3468ec);
}
.top-infos .btns button:hover{background: #2177D8;}
.top-infos .btns a {
	color: #1c8cec;
	font-size: 14px;
	margin-left: 17px;
}
.top-infos .btns .qrcode {
	display: none;
	width: 120px;
	height: 120px;
	background: #d3dfe9;
	position: absolute;
	top: 40px;
	right: -10px;
	z-index: 9;
	text-align: center;
	line-height: 120px;
}
.top-infos .search input {
	width: 170px;
	height: 24px;
	padding-left: 12px;
	border: 1px solid #eeeeee;
}
.top-infos .search input:focus {
	border: 1px solid #1d92f7;
}
.top-infos .search button {
	width: 80px;
	height: 40px;
    background: #1c8cec;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
}
/*.top-infos .search button:hover{background: #2177D8;}*/
/*公共导航*/
.common-nav{
    background-color: #1c8cec;
}
.common-nav-ul{
    height: 56px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.common-nav-ul>li{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.common-nav-ul>li:first-child{
    margin-left: 10px;
}
.common-nav-ul>li a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    position: relative;
    z-index: 2;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;  
}
.common-nav-ul>li:hover:before,.common-nav-ul>li.on:before{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/wj/banner_tab_on.png")no-repeat top center;
    background-size: 100% 100%;
    z-index: 1;
}
.common-nav-ul>li:hover .kid-nav{
    display: block;
}

.common-nav-ul li .kid-nav{
    width: 120px;
    background-color: rgba(255,255,255,.9);
    background: #fff;
    position: absolute;
    left: 50%;
    top: 45px;
    margin-left: -60px;
    z-index: 5;
    display: none;
}
.common-nav-ul li .kid-nav a:hover{
    color: #1d92f7;
}
.common-nav-ul li .kid-nav a{
    color: #333333;
    text-align: center;
}
/*.common-nav-ul li:last-child{
	display: none;
}*/
.kid-nav li:last-child {
	display: block;
}
/*头部banner*/
.common-banenr .bg-img{
    width: 100%;
    height: auto;
}
.common-banenr .banner-info{
    margin: 0 auto;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	margin-left: -600px;
	
}
.banner-info .banner-tit{
    position: absolute;
    left: 10px;
    top: 54px;
    z-index: 2;
}
.banner-info .banner-nav{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
	font-size:0;
}
.banner-nav a{
    display: inline-block;
    font-size: 22px;
    color: #fff;
    background-color: #375f95;
    width: 190px;
    height: 47px;
    line-height: 47px;
	margin:0 3px;
}
.banner-nav a.on{
    background-color: #fff;
    color: #375f95;
}

/*底部*/
.common-foot{
    background-color: #fafafa;
}
.common-foot .common-link{
    padding: 25px 0;
    border-bottom: 1px #e4e4e4 solid;
}
.common-link .txt{
    font-size: 14px;
    color: #333333;
}
.common-link .sel{
    border:1px #e4e4e4 solid;
    width: 265px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #333333;
    margin-left: 11px;
}
.common-link .sel:first-child{
    margin-left: 0;
}
.common-foot-info{
    text-align: center;
    padding-top: 10px;
	position: relative;
}
.common-foot-info .txt{
    display: inline-block;
    font-size: 14px;
    color: #333333;
    line-height: 2;
    margin:0 40px 0 70px;
}
.common-foot-info .link1{
    position: absolute;
	top: 25%;
}
.common-foot-info .link2{
    position: absolute;
	top: 30%;
}
.common-foot-info .link3{
    position: absolute;
	top: 30%;
	right:20%;
}

/* 分页 */
.page-area {clear: both;margin: 30px auto;letter-spacing: -0.34em;text-align: center;}
.pages,.page-area a, .page-area span, .page-area i, .page-area input { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; text-align: center; }
.page-area .prev, .page-area .next {width: 60px;height: 30px;line-height: 30px;border: 1px solid #d5d5d5;margin-left: 10px;}
.page-area .page-number a {margin-left: 10px;width: 30px;height: 30px;line-height:30px;border: 1px solid #d5d5d5;}
.page-area .page-number i { margin-left: 10px; }
.page-area .page-number a:hover,.page-area .prev:hover, .page-area .next:hover {color: #1c8cec;border: 1px solid #1c8cec;}
.page-area .page-number a.on,.page-area .page-number a:hover.on {background: #1c8cec;color: #ffffff;border: 1px solid #1c8cec;}
.page-area .textbox {margin-left: 8px;margin-right: 8px;padding-left: 10px;padding-right: 10px;width: 20px;height: 25px;line-height: 25px;border: 1px solid #c9c9c9;}
.page-area .button {margin-left: 10px;width: 50px;height: 30px;line-height: 30px;background: #fff;border: 1px solid #d5d5d5;font-size: 14px;font-family: "Microsoft YaHei";cursor: pointer;color: #545454;}
.page-area .tj { padding-left: 10px; padding-right: 10px; height: 30px; line-height: 30px; }
.page-area .button-area { padding-left: 10px; padding-right: 10px; height: 30px; line-height: 30px; }

/*侧边导航*/
.common-side-nav{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 5;
    box-shadow: 0 0 3px 3px #f0f0f0;
    margin-top: -210px;
}
.common-side-nav .item{
    width: 70px;
    height: 60px;
    text-align: center;
    font-size: 12px;
    color:#666666;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}
.common-side-nav .item .kid-info{
    position: absolute;
    right:80px;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 3px 3px #f0f0f0;
    display: none;
    z-index: 1;
}
.kid-info-link{
    width: 200px;
}
.kid-info-link a{
    display: inline-block;
    font-size: 14px;
    color: #1d92f7;
    margin: 3px 13px;
    padding: 4px 5px;
    border-radius: 5px;
    position: relative;
    float: left;
}
.kid-info-link a:hover{
    color:#fff;
    background-color: #1d92f7;
}
.kid-info-link a:nth-child(2n+1):after{
    content: "|";
    font-size: 14px;
    color:#1d92f7;
    position: absolute;
    right: -14px;
    top: 4px;
}
.common-side-nav .item .icon{
    display: inline-block;
    margin: 9px auto;
    background-image: url('../images/side_nav.png');
    background-repeat: no-repeat;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}
.bg-nav00 {
    width: 19px; height: 17px;
    background-position: -6px -106px;
}
.bg-nav01 {
    width: 19px; height: 19px;
    background-position: -6px -164px;
}
.bg-nav02 {
    width: 22px; height: 16px;
    background-position:  -6px -50px;
}
.bg-nav03 {
    width: 19px; height: 20px;
    background-position:  -6px -226px;
}
.bg-nav04 {
    width: 24px; height: 20px;
    background-position: -6px -290px;
}
.bg-nav05 {
    width: 15px; height: 22px;
    background-position:  -6px -354px;
}
.bg-nav06 {
    width: 16px; height: 10px;
    background-position:  -6px -6px;
}
.common-side-nav .item:hover .kid-info{
    display: block;
}
.common-side-nav .item:hover{
    background-color: #1d92f7;
    color:#fff
}
.common-side-nav .item:hover .bg-nav00{
    background-position: -6px -135px;
}
.common-side-nav .item:hover .bg-nav01{
    background-position:-6px -195px;
}
.common-side-nav .item:hover .bg-nav02{
    background-position: -6px -78px;
}
.common-side-nav .item:hover .bg-nav03{
    background-position: -6px -258px;
}
.common-side-nav .item:hover .bg-nav04{
    background-position:-6px -322px;
}
.common-side-nav .item:hover .bg-nav05{
    background-position:-6px -388px;
}
.common-side-nav .item:hover .bg-nav06{
    background-position: -6px -28px;
}
.active {
	background: #06A2F7;
	color: #fff;
}
.pages li,
.pages li a {
	margin-left: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.pages li a {
	display: inline-block;
	margin-left: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d5d5d5;
}

.pages .page-prev a {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d5d5d5;
	margin-left: 10px;
}

.pages .page-next a {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d5d5d5;
	margin-left: 30px;
}
.ov-space {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.common-top{
    background: url("../images/wj/img_index_banner.png") no-repeat top 35px center;
    background-size: 100% 726px;
}
.common-top.on{
    background: url("../images/wj/img_index_banner.png") no-repeat top center;
    background-size: 100% 726px;
}
.banner-top{
    width: 100%;
    background: url("../images/wj/img_index_banner.png") no-repeat bottom center;
    background-size: 100% 726px;
}
.banner-top-main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 15px 10px -15px rgba(102, 102, 102, .5);
}
.flex{
    display: flex;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.content-between{
    justify-content: space-between;
}
.content-center{
    justify-content: center;
}
.items-center{
    align-items: center;
}
.flex-1{
    flex: 1;
}
.flex-1-5{
    flex: 1.5;
}
.flex-1-2{
    flex: 1.2;
}
.color999{
    color: #999;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mr-20{
    margin-right: 20px;
}
.banner-top-main-top{
    box-shadow: 0 0 10px 5px #f8fbfd inset;
    padding: 30px 20px 40px;

}
.banner-top-main-top > div{
    overflow: hidden;
}
.swiper-box{
    width: 560px;
    height: 380px;
}
.div-more{
    font-size: 16px;
    color: #999;
    cursor: pointer;
}
.div-more:hover{
    color: #1c8cec;
}
.div-tab{
    width: 100%;
    height: 100%;
    white-space: nowrap;
    display: block;
    overflow: auto;
    scroll-snap-type: both mandatory;
}
.div-tab-item{
    display: inline-block;
    scroll-snap-align: center;
    cursor: pointer;
    font-size: 24px;
    color: #666;
    padding: 7px 0;
    margin-right: 30px;
}
.div-tab .div-tab-item:last-child{
    margin-right: 0;
}
.div-tab-item.on{
    color: #1c8cec;
    position: relative;
}
.div-tab-item.on:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 99999px;
    background: #1c8cec;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.div-list{
    width: 100%;
    height: 100%;
}
.div-list-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: 11px 0;
    cursor: pointer;
}
.div-list-item:hover > div{
    color: #1C8CEC!important;
}
.div-list-item > div{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    padding-right: 30px;
}
.layout3 {
    clear: both;
    margin: 0 auto ;
    width: 1400px;
    height: 94px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout2 {
    margin: 10px auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout2 > div{
    width: 100%;
}
.div-header-right{
    height: 100%;
    background: url("../images/wj/img_header_right.png")no-repeat center right ;
    background-size: 175px 128px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 180px;
}
.div-header-right > img{
    margin-bottom: 10px;
}
.div-header-right > .search{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.div-header-right > .search input{
    width: 330px;
    height: 100%;
}
.div-hr{
    margin: 0;
}
.div-float{
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #c1c1c1;
    z-index: 999999;
}
.div-float-item{
    width: 110px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #c1c1c1 ;
    font-size: 14px ;
    color: #999999;
    cursor: pointer;
}
.div-float-item:last-child{
    border-bottom:none;
}

.div-float-item > img {
    margin-right: 7px;
}
.div-float-item.on{
    background-image: linear-gradient(to bottom ,#3568eb , #3468ec);
    color: #fff;
}
.div-float-item > ul{
    display: none;
    width: 110px;
    position: absolute;
    top: 0;
    left: -110px;
    background: #1d8bec;
    padding: 10px;
}
    .div-float-item > ul li{
        min-height: 56px;
        border-bottom: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px ;
        color: #fff;
    }
    .div-float-item > ul li img{
        width: 100%;
    }
    .div-float-item > ul li:last-child{
        border-bottom:none;
    }