/*微信小程序专题页样式开始*/
.wx-box2 { padding-bottom: 50px; }
.wx-box-title { padding-top: 44px; text-align: center; }
.wx-box-title h3 { font-size: 24px; color: #333333; font-weight: normal; }
.wx-box-title p { font-size: 14px; line-height: 20px; color: #999999; font-family: Arial; text-transform: uppercase; margin-top: 6px; }
.wx-box-line { width: 60px; height: 4px; background-color: #27a9ce; margin: 16px auto 0; }
.wx-box2-img{ text-align:center;height:407px; background-repeat:no-repeat; background-position:center;}
.wx-box2-p { text-align: center; }
.wx-box2-p h4 { font-size: 14px; line-height: 22px; color: #666666; font-weight: normal; }
.wx-box2-p p { font-family: Arial; color: #aaaaaa; font-size: 12px; line-height: 18px; margin-top: 26px; }
.wx-box3 { background-color: #ebfbff; padding-bottom: 90px; }
.wx-box3-content { text-align: center; margin-top: 50px; }
.wxb-round { display: inline-block; height: 130px; width: 130px; border: 1px solid #c8d3bf; border-radius: 100%; margin: 10px 6px 0; transition: all 0.4s ease; }
.wxb-round:hover { border: 1px solid #27a9ce; }
.wxb-round-icon { width: 56px; height: 56px; margin: 22px auto 4px; }
.wxb-round p { font-size: 14px; color: #333333; }
.wx-box5 { padding-bottom: 50px; }
.wx-box5-img{background-repeat:no-repeat; background-position:center;height: 132px;margin-top: 56px;}
.wx-box5-p { text-align: center; margin-top: 50px; }
.wx-box5-p p { font-size: 20px; color: #666666; line-height: 30px; }
.wx-box5-p span { display: inline-block; font-size: 14px; color: #bbbbbb; }
.wx-box6 { background-color: #f8f8f8; padding-bottom: 60px; }
.wx-box6-content { width: 1150px; margin: 0 auto; /*overflow: hidden;*/
padding-top: 10px; }
.wx-exp-box { float: left; width: 126px; margin-top: 34px; position: relative; margin-left: 78px; }
.wx-box6-content .wx-exp-box:nth-child(6n+1) { margin-left: 0; }
.wxe-box-img { width: 120px; height: 120px; overflow: hidden; border-radius: 10px; margin: 0 auto; position: relative; }
.wxe-box-img img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);/*filter: grey;*/
}
.wx-exp-box:hover .wxe-box-img img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }
.wxe-dark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity: 0.4; }
.wx-exp-box:hover .wxe-dark { opacity: 1; background: none; }
.wxe-box-p { font-size: 18px; color: #999999; text-align: center; margin-top: 20px; }
.wx-exp-box:hover .wxe-box-p { color: #333333; }
.wxe-code { position: absolute; left: 0; top: -146px; width: 100%; height: 138px; background: url("../images/wxe-code-bg.png") no-repeat center top; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: none;/*opacity: 0;*/
}
.wxe-code img { margin-top: 4px; }
.wx-exp-box:hover .wxe-code { display: block; opacity: 1; z-index: 2; }
.wx7-step { margin-top: 60px; }
.wx7-step-box { float: left; width: 270px; height: 100px; background: url("../images/wx7-step-bg.png") no-repeat; margin-left: 40px; }
.wx7-step-box:hover { background: url("../images/wx7-step-bg-on.png") no-repeat; }
.wx7-step .wx7-step-box:first-child { margin-left: 0; }
.wx7-step-box-num { float: left; width: 80px; height: 80px; line-height: 80px; background-color: #e8e8e8; text-align: center; font-size: 50px; border-radius: 100%; margin-top: 10px; margin-left: 10px; color: #999999; font-weight: 200; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.wx7-step-box:hover .wx7-step-box-num { background-color: #46c1ff; color: white; }
.wx7-step-box-p { float: left; margin-left: 12px; margin-top: 24px; }
.wx7-step-box-p h4 { font-size: 24px; color: #666666; font-weight: normal; }
.wx7-step-box-p p { font-family: Arial; color: #bbbbbb; line-height: 20px; text-transform: uppercase; letter-spacing: -1px; margin-top: 3px; }
.wx-box7 { padding-bottom: 30px; }
.wx7-p { margin-top: 70px; text-align: center; }
.wx7-p p { font-size: 20px; color: #666666; line-height: 30px; }
.wx7-p span { display: inline-block; color: #bbbbbb; font-size: 14px; line-height: 20px; }
.wx7-more { margin-top: 60px; text-align: center; }
.wx7-more a { display: inline-block; width: 240px; height: 60px; line-height: 60px; border: 3px solid #a2e0ff; border-radius: 40px; color: #23b6ff; font-size: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.wx7-more a:hover { background-color: #a2e0ff; color: white; }
/*微信小程序专题页样式结束*/
/*3.1新增效果*/
.wx-box1{background: url('//cdn.itzjj.com/publics/pc/images/wx-banner1.jpg') no-repeat center center;height: 560px;overflow: hidden;}
.wx-box1 .wrap{position: relative;height: 100%;overflow: hidden;}
.wx-box1-p { position: absolute; /*top: 140px;*/
top: 300px; left: 0; width: 452px; opacity: 0; }
.wx-box1-p .wx-box1-a { display: inline-block; width: 240px; height: 60px; border: 3px solid #90d9ff; line-height: 60px; text-align: center; color: white; font-size: 22px; border-radius: 40px; /*margin-top: 36px;*/
margin-top: 60px; transition: all 0.3s ease; opacity: 0; }
.wx-box1-p .wx-box1-a:hover { background-color: #90d9ff; }
.wx-box1-phone { position: absolute; right: -42px;top: 100px; opacity: 0; width:859px; height:602px;background: url('//cdn.itzjj.com/publics/pc/images/phone.png') no-repeat center center; display:block;}
.wxb-round { display: inline-block; height: 130px; width: 130px; /*border: 1px solid #c8d3bf;*/
border: none; border-radius: 100%; margin: 10px 6px 0; transition: all 0.4s ease; background: url("../images/wxb-round-bg.png") no-repeat center center; position: relative; }
.wxb-round:hover { border: none; }
.round-left { position: absolute; top: 0; left: 0; width: 65px; height: 130px; background: url("../images/round-left.png") no-repeat; clip: rect(130px,65px,130px,0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.wxb-round:hover .round-left { clip: rect(0,65px,130px,0); }
.round-right { position: absolute; top: 0; right: 0; width: 65px; height: 130px; background: url("../images/round-right.png") no-repeat; clip: rect(0,65px,0,0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.wxb-round:hover .round-right { clip: rect(0,65px,130px,0); }
.wxb-round-icon { width: 56px; height: 56px; margin: 22px auto 4px; z-index: 2; position: relative; }
.wxb-round-icon.wxb1{background: url('../images/wxb1.png') no-repeat center center;}
.wxb-round-icon.wxb2{background: url('../images/wxb2.png') no-repeat center center;}
.wxb-round-icon.wxb3{background: url('../images/wxb3.png') no-repeat center center;}
.wxb-round-icon.wxb4{background: url('../images/wxb4.png') no-repeat center center;}
.wxb-round-icon.wxb5{background: url('../images/wxb5.png') no-repeat center center;}
.wxb-round-icon.wxb6{background: url('../images/wxb6.png') no-repeat center center;}
.wxb-round-icon.wxb7{background: url('../images/wxb7.png') no-repeat center center;}
.wxb-round-icon.wxb8{background: url('../images/wxb8.png') no-repeat center center;}
.wxb-round p { font-size: 14px; color: #333333; position: relative; z-index: 2; }
.wxbp1 { color: #FFFF00; font-size: 24px; padding-top: 10px; }
.wxbp1 span { margin-right: 16px; color: #fff; font-size: 38px; font-weight: bold; }
.wxbp2 { display: inline-block; background-color: #ffff00; margin-top: 24px; }
.wxbp2 i { float: left; display: inline-block; background: #E6E607; height: 1px; width: 26px; margin: 19px 6px 0; }
.wxbp2 span { float: left; font-size: 20px; line-height: 38px; color: #333; }
.wx-news-list { margin-top: 40px; }
.wx-news-list li { float: left; width: 33.3%; line-height: 2.5; overflow: hidden; }
.wx-news-list li a { font-size: 14px; }

.wx-box4{height: 300px;background-repeat:no-repeat; background-position:center;}