@charset "utf-8";

body{font-size:18px; color:#333; text-align:left; font-family:Microsoft YaHei, "微软雅黑", Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0; margin:0;}
ul, ol, li{list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input::-moz-focus-inner{border:none; padding:0;}
select, input{vertical-align:middle;}
input[type="text"], input[type="password"], textarea{outline-style:none; -webkit-appearance: none;}
textarea{resize:none;}
input:focus, textarea:focus{outline:none;}
table{border-collapse:collapse; border-spacing:0;}
img, a img{border:none; margin:0; padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}
a{outline-style:none;text-decoration:none; color:#333;}
a:focus{outline:none; -moz-outline:none;}
.red{color: #f00;}

/*文字排版*/
.fs14{font-size:.875em;}
.fs20{font-size:1.25em;}
.fs22{font-size:1.375em;}
.fs24{font-size:1.5em;}
.fs28{font-size:1.75em;}
.fs30{font-size:1.875em;}
.fs32{font-size:2em;}
.fs40{font-size:2.5em;}
.fs48{font-size:3em;}

/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table; content:""; line-height:;}
.clearfix:after{clear:both;}
.clear{clear:both;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.block{display:block;}
.none{display:none;}

/*边距*/
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.containerfp:after, .container:before {display: table; content: "";}
.containerfp:after {clear: both;}
.containerfp{width: 1200px; /*width: 1200px\0/;*/ margin-right: auto; margin-left: auto;}
@media (max-width:1480px){
	.containerfp{width:1170px; padding-left: 15px; padding-right: 15px;}
	.containerfp.pt40{padding-top: 30px;}
}
@media (max-width:1200px){
	.containerfp{width:970px;}
}
@media (max-width:992px){
	.containerfp{width:750px;}
	.containerfp.entirebox{padding: 15px;}
}
@media (max-width:768px){
	.containerfp{width:auto;}
	.container.pt40{padding-top: 0;}
	.head-phone{width:98%;}
	.foot-content{ height:auto;}
}
.container-fluid{padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.crumb h2{position: relative; padding: 20px 0 20px 26px; line-height: 28px; font-size: 1em; font-weight: normal;}
.crumb h2 em{font-style: normal;}
.crumb h2:before{position: absolute; top: auto; left: 0; content: ""; margin-top: 5px; width: 16px; height: 18px;background: url("../img/location.png") no-repeat; }
.crumb a:hover{color: #1d4d9b;}
.crumb span{color: #1d4d9b;}
.crumb.gray{background: #f5f5f5;}
.crumb.line{border-bottom: 1px solid #eee;}
@media (max-width: 992px){
  .crumb h2{padding: 15px 0 15px 26px;}
}
@media (max-width: 768px){
  .crumb{background-color: #fff; border-bottom: 1px solid #eee;}
}


.wrapper{position: relative; min-height: 30px; background: url("../img/wrapper_bg.png") repeat-x top #fff;z-index: 1;}
.wrapper.index{background-image: url("../img/wrapper_bg_home.png");}


.wyxxbox{padding-top: 30px;}
.wyxxbox > div{float: left; position: relative; padding-top: 33px; width: 23%; text-align: center; transition: ease all .3s;}
.wyxxbox > div + div{margin-left: 185px;}
.wyxxbox > div .tit{display: block;height: 64px; margin-top: 22px; font-size: 26px;}
.wyxxbox > div .tit i{font-style: normal;font-size: 19px;display: block;}
.wyxxbox > div .sub{display: block;margin-top: 52px;margin-bottom: 58px;font-size: 18px;}
.wyxxbox > div .wfjjsub{position: relative;;display: block;margin: 19px auto;width: 220px;padding: 10px 32px 10px 18px;line-height: 28px;font-size: 18px;;text-align: left;;background: url("../img/jjlibg.png") no-repeat;box-sizing: border-box;    background-size: 100% 100%;}
.wyxxbox > div .wfjjsub::after{position: absolute;content: '';right: -7px;top: 50%;margin-top: -18px;width: 36px;height: 36px;background:url("../img/enter_ico.png") no-repeat;}
.wyxxbox > div .wfjjsub2{background: url("../img/jjlibg1.png") no-repeat;margin-bottom:25px;background-size: 100% 100%;}
.wyxxbox > div .wyxx{width: 170px;height: 46px;margin: 50px auto;line-height: 46px;border-radius: 23px;background: url("../img/xxbg1.png") no-repeat;}
.wyxxbox > div .wyxx a{color: #fff;display: block;}

.wyxxbox .wfjj{background: url("../img/wfjjbg.png") no-repeat top center;}
.wyxxbox .jbpt{background: url("../img/jbptbg.png") no-repeat top center;}
.wyxxbox .swdc{background: url("../img/jurxbj.png") no-repeat top center;}

.wyxxbox > .wfjj .tit{height:50px}
.wyxxbox > .jbpt .tit{width:210px;margin:0 auto 120px;text-align: justify;text-align-last: justify;height: auto;font-size: 23px;cursor: default;}
.wyxxbox .jbpt .sub{margin-top:25px;margin-bottom: 53px;}
.wyxxbox .swdc .sub,
.wyxxbox .tsjs .sub{margin-top: 52px;margin-bottom: 58px;}
.wyxxbox > .jbpt .wyxx{background-image: url("../img/sswf.png");}
.wyxxbox > .swdc .wyxx{background-image: url("../img/jbrx.png");}

.wyxxbox .jzxx:before{background-color: #4ba0ff; background-image: linear-gradient(to right, #4ba0ff, #77e9fa);margin:0 auto;width:99%;}
.wyxxbox .wfjj:before{background-color: #ffa53c; background-image: linear-gradient(to right, #ffa53c, #ffc051);margin:0 auto;width:99%;}
.wyxxbox .jbpt:before{background-color: #846cee; background-image: linear-gradient(to right, #846cee, #98c9fe);margin:0 auto;width:99%;}
.wyxxbox .swdc:before{background-color: #d72c1b; background-image: linear-gradient(to right, #d72c1b, #d72c1b);margin:0 auto;width:99%;}
.wyxxbox .tsjs:before{background-color: #4898f7; background-image: linear-gradient(to right, #18B1DB, #58EDD2);}
.wyxxbox > div .wyxx a:hover{color: #fff;}
.wyxxbox > div:before{position: absolute; top: 0; right: 0; left: 0; height: 10px; content: ""; display: none;}
.wyxxbox > div:hover{margin-top: -30px; padding-bottom: 30px;}
.wyxxbox > div:hover:before{display: block;}

@media (max-width:1480px){
    .wyxxbox > div{width: 23.5%;}
    .wyxxbox > div + div{margin-left: 1.33%;}
    .wyxxbox > div .tit{font-size: 22px;}
    .wyxxbox > div .tit i{font-size: 16px;}
    .wyxxbox > div .wfjjsub{font-size: 16px;background-size: 100% 100%;width: 190px;padding-right:18px;}
	.wyxxbox > div .wfjjsub::after{right:-20px;}
	.wyxxbox .jbpt .sub{margin-top:40px;}
}
@media (max-width:1220px){
    .wyxxbox > div{float: left; width: 40%; margin-right: 5%; margin-left: 5% !important; margin-bottom: 30px; background-size: cover !important;}
}
@media (max-width:992px){
  .wyxxbox{padding-top: 15px;}
  .wyxxbox > div:hover{margin-top: -15px; padding-bottom: 15px;}
}
@media (max-width:768px){
    .jzxxbox .loginbox ul{margin-top: 20px;}

    .wyxxbox > div{width: 100%; margin-right: 0; margin-left: 0 !important;}
}