@charset "UTF-8";
/**
 * @author 	    wlj 
 * @createdate  2016-06-27 
 * @name 	          基本共用样式表
 * @modify		whz
 */
 
/* ----------------- CSS 公共样式 ----------------- */
* {box-sizing: border-box;}
html,body {height: 100%;font-size: 14px;color: #666;font-weight: 400;font-family: '微软雅黑', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, small,i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,input {margin: 0;padding: 0;}
a:link, a:visited, a:hover, a:active {color: #333;text-decoration: none;outline: none;}
td, th, div,p,span {word-break: break-all;word-wrap: break-word;}
ul,dl,ol, li {margin: 0;padding: 0;list-style: none;}
a {color: #666;text-decoration: none;outline: none} 
img {border: none;vertical-align: middle;}
table {border-collapse: collapse;}
.clearfix:after{content: "";display: table;clear: both;}
:focus {outline: none;}
/* 解决iPhone输入框内阴影 */
input[type="text"] {-webkit-appearance: none;}
.wrapper { width:100%; margin:0 auto;}
.fr {float:right;}
.fl {float:left;}
.fr1{display: inline-block;position: relative;right: 0.16rem;width: 0.36rem;height: 1.04rem;}
.fr1 img{position: absolute;top: 50%;transform: translate(0, -50%);}
.item11{border-bottom: 1px solid rgb(241, 241, 241);
    animation-delay: 0.16s;
    font-size: 0.28rem;}
.item p{ display:inline-block;}
/* 这些没用 */
.wrappers {position: relative;width: 1050px;margin: 0 auto;}
.textover {white-space: nowrap;word-wrap: normal;overflow: hidden;text-overflow: ellipsis;}/* 字体超出控制 */
.relative {position: relative;}
.absolute {position: absolute;}
.center {text-align: center;}
.overflow {overflow: hidden;}
.display {display: inline;}
.pointer {cursor: pointer}
.hidden {display: none;}
.mr30 {margin-right: 30px;}
.overflow-hidden {overflow: hidden;}
/* CSS 顶部导航菜单样式 -----------------*/
.header-wrap .jxdnavbar {position: relative;width: 1200px;height: 104px;background: none;margin: 0 auto;z-index: 99999;}
.header-wrap-index .jxdnavbar {position: absolute;left:50%;width:1200px;height:104px;margin-left:-600px;background: none;z-index: 99999;}
.jxdnavbar .navlogo {width:185px;margin-top:40px;}
.jxdnavbar .navbox {height:104px;}
.jxdnavbar .navbox ul {height:95px;padding-top:38px;border-bottom:1px solid #eee;}
.jxdnavbar .navbox ul li {float:left;height:53px;padding: 0 48px;text-align: center;line-height: 53px;overflow: hidden;}
.jxdnavbar .navbox>ul>li>a {display: block;font-size:16px;color: #fff;}
.jxdnavbar .navbox>ul .triangle {display:block;position:absolute;bottom:10px;border-width:10px;border-style:dashed dashed solid;border-color:transparent transparent #fff;font-size:0;line-height:0;}
/* CSS 顶部导航子菜单样式 ------------------*/
.subnav {position: absolute;top: 120px;left: 0;padding:20px 0;border-top: 3px solid #f7f7f7;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=90);background:#fff;/*实现IE背景透明*/text-align: left;font-size: 15px;line-height: 34px;z-index: 999;}
.subnav dl {float: left;width: 150px;z-index: 1000;}
.subnav dl dt{margin-bottom: 15px;}
.subnav dl dt a {margin-bottom: 15px;font-size: 16px;color: #449CFE;font-weight: normal;}
.subnav dl dd a {height: 30px;font-size: 14px;line-height: 30px;font-weight: normal;}
.subnav dl dd a:hover {color: orange;}
/*css 轮播区样式覆盖----------------------*/
/* .carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.carousel-inner {height: 100%;}
.carousel-inner .item img {transition: all 0.3s linear 1s;-webkit-transition: all 0.3s linear 1s;}
.carousel-indicators {bottom: .6rem;}
.carousel-indicators li {display: inline-block;_zoom:1;_display:inline;width: .2rem;height: .2rem;margin: 0 .4rem 0 0;border:none;background:#e6e6e6;text-indent: -999px;cursor: pointer;}
.carousel-indicators li.active {width: .72rem;height: .2rem;margin-right: .3rem;background: #3d91ff;border-radius: .14rem;} */
/*gotop 返回顶部样式 --------------------*/
#gotop {display: none;position: fixed;right:3%;bottom: 80px;}
#gotop a {display: block;width: 54px;height:54px;text-align: center;text-decoration: none;color: #000;-moz-transition: color 1s;-webkit-transition: color 1s;-o-transition: color 1s;}
#gotop a span {display: block;height: 54px;width: 54px;margin-bottom: 5px;padding-top: 12px;background: #418AFF;font-size: 18px;color: white;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition: background 1s;}
#gotop a:hover span {background: orange;color: white;}
/*ripple 鼠标点击样式 --------------------*/
.ripple {position: absolute;width: 0;height: 0;background: rgba(255, 255, 255, 0.4);border-radius: 50%;opacity: 1;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.rippleEffect {-webkit-animation: rippleDrop .6s linear;animation: rippleDrop .6s linear;}/* 把 "rippleDrop" 动画捆绑到元素，时长几秒*/
 @-webkit-keyframes rippleDrop {100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}}/* Safari and Chrome */
 @keyframes rippleDrop {100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}}
 

/* header */
.header {position: fixed;width: 100%;height: 1.4rem;background: #fff;z-index: 99;}
.header .header-top {width: 100%; padding: .4rem .28rem .3rem .4rem;}
.header-top img.logo{width: 2rem;}
.header-top img.search{width: .64rem;}
.header-top img.nav{width: .64rem;margin-left: .2rem;}
.header-top div {position: relative;top: -.02rem;margin-left: .32rem;font-size: .24rem;line-height: .34rem;}
.header-top form {display: none;position: absolute;width: calc(100% - 1.5rem);height: calc(100% - .7rem);background: #fff;}
.header-top .serc_txt {width: 100%;height: .7rem;padding-left: .2rem;border: 1px solid #E8E8E8;border-radius: .4rem;font-size: .3rem;}
.header-top .icon-search {position: absolute;top: .02rem;right: .2rem;width: .64rem;height: .64rem;background: url('../mobileImg/icon_search.png') no-repeat;background-size: .64rem;}

/* 导航 */
.menu {display:none;position: fixed;top: 1.2rem;right: 0;width: 100%;height: calc(100% - 1rem)!important;background: rgba(0,0,0,0.5);overflow-y: hidden;z-index: 2;}
/* .menu .sub-menu {padding: 0 10px 20px 15px;display: none;} */
.menu>ul {max-height: 92%;padding: 0 .4rem;background: #fff;overflow-y: auto;}
.menu li {width: 100%;font-size: .34rem;line-height: 1.04rem;color: #333;}
/* .no-touch .menu a:hover {color: #333;} */
.menu.lateral-menu-is-open {display: block;-webkit-overflow-scrolling: touch;}
.menu .item>div {border-bottom: 1px solid #f1f1f1;}
.menu .item ul {display: none;}
.menu ul>a>item>div{font-weight:blod;}
.menu .item1 {margin-left: .2rem;border-bottom: 1px solid #f1f1f1;font-size: .32rem;line-height: 1.1rem;}
.menu .item11{font-size: .28rem;font-family: Microsoft YaHei;font-weight: 400;color: #595757;opacity: 1;}
.menu .item.is-clicked>div>p {color: #595757;font-weight: bold;}
.menu .item1.is-clicked>div>p {color: #595757;font-weight: bold;}
.menu .item.is-clicked .p_list .item1.is-clicked>div>p {color: #595757;font-weight: bold;}
.menu .item.is-clicked .item1 a:hover, .menu .item.is-clicked .item1 a:active {color:#595757;font-weight: bold;}
.menu .item11 a:hover{color:#595757;font-weight: bold;}
.menu .item .arrow {display: inline-block;position: relative;right: .16rem;width: .36rem;height: 1.04rem;}
.menu .item .arrow img {position: absolute;top: 50%;transform: translate(0, -50%);}
.menu a:hover{font-weight: bold;}

.footer>ul {max-height: 92%;background: #F7F7F7;overflow-y: auto;overflow-x: hidden;}
.footer li {width: 100%;font-size: .32rem;line-height: 1.24rem;color: #333;}
.footer.lateral-menu-is-open {display: block;-webkit-overflow-scrolling: touch;}
.footer .item>div {border-bottom: 1px solid #f1f1f1;}
.footer .item ul {display: none;}
.footer .item1 {margin-left: .2rem;border-bottom: 1px solid #f1f1f1;font-size: .28rem;line-height: 1.1rem;width:calc(100% - 0.2rem);}
.footer{width: 100%;position: absolute;padding: 0.3rem 0.4rem 0.5rem;text-align:left;background: #F7F7F7;overflow-x: hidden;}
.footer .item.is-clicked>div>p {color: #595757;font-weight: bold;}
.footer .item1.is-clicked>div>p {color: #595757;font-weight: bold;}
.footer .item.is-clicked .item1 a:hover, .footer .item.is-clicked .item1 a:active {color:#595757;font-weight: bold;}
.footer .item .arrow {display: inline-block;position: relative;right: .16rem;width: .36rem;height: 1.04rem;}
.footer .item .arrow img {position: absolute;top: 50%;transform: translate(0, -50%);}
.footer .item ul {display: none;}
.footer .item.is-clicked .p_list .item1.is-clicked>div>a {color: #595757;font-weight: bold;}
.footer .item11 a:hover{color:#595757;font-weight: bold;}
.footer .item11{font-size:0.26rem;line-height: 1.04rem;margin-bottom: 0;}
.footer a:hover{font-weight: bold;}
.footer ul>a>item>div{font-weight:blod;}
.item11:hover{font-weight:bold;}
/* .footer .item{margin-bottom:.82rem;} */
.wechat{width:100%;}
.we_log{padding-top:0.68rem;display: flex;align-self: center;text-align: center;}
.we_log img{width:0.6rem;height:0.49rem;margin-right:0.32rem;}
.we_log p{font-size: .26rem;font-family: Microsoft YaHei;font-weight: 400;line-height: .56rem;color: #595957;opacity: 1;}
/*微信公众号  */
.accounts{width:2.99rem;height:3.09rem;background: #FFFFFF;box-shadow: 0px 12px 14px rgba(71, 119, 183, 0.05);opacity: 1;position: absolute;bottom: 3rem;left: 0.7rem;display:none;}
.acc_top{width: 100%;height: .50rem;background: #AEAEAE;opacity: 1;text-align:center;line-height: 0.5rem;}
.acc_top p{display: inline-block;font-size: .20rem;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;opacity: 1;}
.close_log{position:absolute;display: inline;color:#FFFFFF;right: 0.1rem;}
.two_dim_code{text-align:center;font-size: .18rem;font-family: Microsoft YaHei;font-weight: 300;color: #999999;opacity: 1;}
.two_dim_code img{margin: 0.08rem auto 0;width: 2.08rem;height: 2.06rem;}
.rotate{transform-origin:center center;
    -ms-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);
    -ms-transition: -ms-transform 0.2s;-o-transition: -o-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.rotate1{transform-origin:center center;
    -ms-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);
	-ms-transition: -ms-transform 0.2s;-o-transition: -o-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s; }

/* footer */
/* .footer {margin-top: 1.2rem;padding: 0 0 .6rem 0;background: #F7F7F7;text-align: center;font-size: .28rem;line-height: .56rem;color: #aeaeae;} */
.footer .title {margin-top: 0;margin-bottom: .32rem;padding-top: .6rem;text-align: center;font-size: 0.36rem;line-height: .48rem;color: #fff;font-weight: 400;}
.footer p.lineb {width: .7rem;height: .04rem;margin: .34rem auto;background: #3d91ff;}
.footer .title img {width: 2.46rem;}
#newBridge {display: none !important;}
.we_info{color:#595957;font-size:.26rem;line-height:.56rem;text-align: center;}
.we_info img{width:0.36rem;height:0.36rem;}
@media (width: 1024px) {
  .we_log{margin-left:1rem;}
}

.sider-bar-container{
    	width:1.2rem;
    	height:2.4rem;
    	position:fixed;
    	top:65%;
    	right:0.1rem;
    	display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index:1000;
        border-radius: 0.18rem;
        background-color:#317EF6;
        
    }
      .sider-phone-container{
    	width:1.2rem;
    	height:1.2rem;
    	border-bottom:0.02rem solid #2A5BCC;
    	display:flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    	box-sizing: border-box
    }
     .sider-phone-container .phone-pic {
     	width:0.4rem;
     	height:0.4rem;
     	background:url("../images/phone.png") no-repeat;
     	background-size:100% 100%;
     	margin-bottom:0.18rem;
     
     }
     .sider-phone-container .phone-text{
     	width:1rem;
     	font-size:0.24rem;
     	color:#FFFFFF;
     	font-family:PingFang SC-Regular;
     }
      .sider-weixin-container {
      	width:1.2rem;
    	height:1.2rem;
    	display:flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
     }
       .sider-weixin-container .weixin-pic {
     	width:0.6rem;
     	height:0.5rem;
     	background:url("../images/weixinpic.png") no-repeat;
     	background-size:cover;
     	margin-bottom:0.12rem;
     }
       .sider-weixin-container .weixin-text{
     	width:1rem;
     	font-size:0.24rem;
     	color:#FFFFFF;
     	font-family:PingFang SC-Regular;
     	
     }
       .sider-weixin-container .weixin-hover-container{
    	width:184px;
    	height:184px;
    	border-radius: 3px;
    	background:url("../images/weixinjuxing.png") no-repeat;
    	background-size:cover;
    	position:fixed;
     	top:calc(40% + 2.8rem);
     	right:1.5rem;
     	z-index:1005;
     	display:none;
     	justify-content: center;
    	align-items: center;
    	
    }
    .phone-tell {
    	width:0.6rem;
    	height:0.6rem;
    	position:absolute;
    	background-color:red；
    
    
    }
     
     .weixin-hover-container .weixin-hover{
    	width:154px;
    	height:150px;
    	background:url("../images/weixincode.png") no-repeat;
    	background-size:cover;
    	
    }