/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 14px; font-family: Arial, 'Microsoft YaHei'; color: #333; background: #f8f8f8; overflow-x:hidden; position:relative;}
body.active{ overflow:hidden;}
a { color: #666; }
a:hover { color: #01a3e4; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper1 { max-width: 1920px; min-width: 1200px; margin: 0 auto; }
.wapper2 { max-width: 1280px; min-width: 1200px; margin: 0 auto; }
.wapper3 { max-width: 1066px; min-width: 1066px; margin: 0 auto; }
.wapper4 { padding:0 80px; min-width:1200px; margin: 0 auto;}
input, textarea, select { outline: none; font-family: Arial, 'Microsoft YaHei';}
img { object-fit: cover; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
#lContent img, #lblContent img, .xiangxi_con img, .xiangqing img { width: auto !important; height: auto !important; max-width: 100%; }
@media(max-width:1560px) {
.wapper4 { padding:0 30px;}
}
@media(max-width:1024px) {
.wapper1 { width: 90%; }
}
/*common end*/


.headbg { width: 100%; background: url(../images/headbg1.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 2; }
.head { height: 56px; padding: 0 30px; }
.head .logo { float: left; }
.head .logo img { display: block; height: 24px; margin-top: 16px; }
.head .h_btn1 { float: right; margin-left: 110px; }
.head .h_btn1 a { float: left; height: 34px; line-height: 34px; margin-top: 11px; font-size: 14px; border-radius: 8px; }
.head .h_btn1 .button1 { color: #fff; }
.head .h_btn1 .button1:hover { color: #d3effa; }
.head .h_btn1 .button2 { color: #01a3e4; background: #d3effa; padding: 0 25px; margin-left: 35px; }
.head .h_btn1 .button2:hover { background: #fff; }
.h_search1 { float: right; width: 446px; height: 34px; margin-top: 11px; position: relative; overflow: hidden; }
.h_search1 .text1 { float: left; border: 1px solid #d3effa; background: #d3effa; height: 32px; line-height: 33px; padding: 0 48px 0 15px; width: calc(100% - 65px); border-radius: 8px; color: #333; }
.h_search1 .text1:hover, .h_search1 .text1:focus, .h_search1:hover .text1 { border-color: #333;/* background:#fff;*/ }
.h_search1 .button1 { width: 18px; height: 32px; background: url(../images/ico_search1.png) center no-repeat; background-size: contain; position: absolute; top: 0; right: 15px; z-index: 1; }
.h_search1 .button1:hover { background-image: url(../images/ico_search1_hover.png); }
.h_search1 .text1::-webkit-input-placeholder, .h_search1 .text1:-moz-placeholder, .h_search1 .text1::-moz-placeholder, .h_search1 .text1:-ms-input-placeholder {
color:#666;
font-size:14px;
}
/*menu*/
.menu { height: 56px; line-height: 56px; float: left; }
.menu ul li { float: left; position: relative; margin-left: 50px; }
.menu ul li span a { font-size: 14px; color: #fff; font-weight: normal; display: block; text-align: center; }
.menu ul li span a:hover, .menu ul li:hover span a { color: #d3effa; }
.menu ul li dl { background: #fff; width: 110px; border-radius: 8px; transform: translateX(-50%); position: absolute; left: 50%; top: 46px; box-shadow: 0 8px 32px rgba(0,0,0,.2); padding: 7px 7px; display: none; }
.menu ul li:hover dl { display: block; }
.menu ul li dl dd { line-height: 24px; }
.menu ul li dl dd a { font-size: 14px; color: #333; font-weight: normal; display: block; text-align: center; padding: 5px 5px; border-radius:4px;}
.menu ul li dl dd a:hover { color: #fff; background:#01a3e4;}
.menu ul li:last-child span a i { display: block; width: 20px; height: 56px; background: url(../images/ico_more1.png) center no-repeat; background-size: 20px 4px; }
.menu ul li:last-child span a i:hover { background-image: url(../images/ico_more1_hover.png); }
.h_height { height: 56px; }
@media(max-width:1700px) {
.head .h_btn1 { margin-left: 30px; }
.head .h_btn1 .button2{ margin-left:30px;}
.h_search1 { width: 18%; }
.menu ul li { margin-left: 30px; }
}


.webforce1bg { }
.webforce1 { position: relative; }
.webforce1:before { content: ""; width: 253px; height: 100%; background: #fff; position: absolute; left: 0; z-index: 0; }
.webforce1_lt { float: left; width: 253px; min-height: calc(100vh - 120px); background: #fff; position: relative; z-index: 1; }
.webforce1_lt_box { padding: 27px 13px 40px 30px; }
.tit1 { }
.tit1 .h2 { font-size: 14px; line-height: 1em; padding-bottom: 10px; border-bottom: 1px solid #b2b2b2; font-weight:bold;}
.side_a { margin-bottom: 40px; }
.side_a .list { }
.side_a .list ul li { float: left; width: 46px; margin: 10px 0 0 9px; }
.side_a .list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.side_a .list ul li:nth-child(4n-1) { width: 45px; }
.side_a .list ul li a { display: block; text-align: center; font-size: 14px; line-height: 20px; border: 1px solid #ddd; border-radius: 4px; color: #333; }
.side_a .list ul li:hover>a, .side_a .list ul li.active>a { border-color: #f60; background: #ffefe5; color: #f60; ; }
.side_b { margin-bottom: 40px; }
.side_b .list { }
.side_b .list ul li { float: left; width: 24px; margin: 10px 0 0 7px; }
.side_b .list ul li:nth-child(7n-6) { margin-left: 0; clear: left; }
.side_b .list ul li .img { position: relative; }
.side_b .list ul li .img img { display: block; width: 24px; height: 24px; }
.side_b .list ul li .img:before { content: ""; width: 22px; height: 22px; border: 1px solid transparent; position: absolute; top: 0; left: 0; z-index: 1; }
.side_b .list ul li:hover .img:before, .side_b .list ul li.active .img:before { border-color: #f60; }
.side_c { margin-bottom: 40px; }
.side_c .list { }
.side_c .list ul li { border-bottom: 1px solid #ddd; position: relative; }
.side_c .list ul li a { display: block; font-size: 14px; line-height: 14px; color: #333; padding: 15px 0 15px 26px; }
.side_c .list ul li .h2 { width: calc(100% + 13px) }
.side_c .list ul li i { width: 22px; height: 18px; position: absolute; left: 0; top: 13px; }
.side_c .list ul li i img { display: block; height: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.side_c .list ul li strong { font-weight: normal; }
.side_c .list ul li:hover a { color: #f60; }
.side_c .list ul li span { display: inline-block; vertical-align: top; }
.side_c .list ul li b { font-weight: normal; color: #f60; }


.webforce1_rt { float: right; width: calc(100% - 253px); }
.webforce1_rt_box { padding: 27px 30px 80px 27px; }
.webforce1_list { }
.webforce1_list ul li { float: left; width: 382px; margin: 0 0 30px calc((100% - 1528px)/3); }
.webforce1_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.webforce1_list ul li .nr_box { border: 1px solid #ddd; background: #fff; }
.webforce1_list ul li .imgbg { position: relative; }
.webforce1_list ul li .img { padding-bottom: 75%; position: relative; z-index: 1; overflow: hidden; }
.webforce1_list ul li .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; z-index: 1; }
.webforce1_list ul li .img:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 2; opacity:0; visibility:hidden; transition:all .5s ease;}
.webforce1_list ul li .imgbg:hover .img:before { opacity:1; visibility:visible;}
.webforce1_list ul li .img:after{ content:""; width:60px; height:60px; background:url(../images/ico_search2.png) center no-repeat; background-size:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; visibility:hidden; transition:all .5s ease;}
.webforce1_list ul li .imgbg:hover .img:after{ opacity:1; visibility:visible;}
/*.webforce1_list ul li .img:before{ content:""; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; z-index:2; transition:all .6s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.webforce1_list ul li .imgbg:hover .img:before{-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}*/
.webforce1_list ul li .txt2bg { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; transition: all .6s ease; -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.webforce1_list ul li .imgbg:hover .txt2bg { -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); filter: "alpha(opacity=100)"; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.webforce1_list ul li .txt2 { color: #fff; width: 300px; margin: 0 auto; }
.webforce1_list ul li .txt2 .h2 { font-size: 14px; line-height: 24px; border: 1px solid #fff; padding: 10px 10px; background: url(../images/dmz_02.png) right 20px top 5px no-repeat; }
.webforce1_list ul li .txt2 .h2 span { float: left; width: 50%; margin: 2px 0; }
.webforce1_list ul li .txt2 .h3 { font-size: 14px; line-height: 34px; height: 36px; margin-top: 40px; }
.webforce1_list ul li .txt2 .h3 a { display: inline-block; border: 1px solid #fff; border-radius: 3px; color: #fff; padding: 0 20px 0 40px; background-position: left 20px center; background-repeat: no-repeat; background-size: auto 14px; }
.webforce1_list ul li .txt2 .h3 a:hover { background-color: #fff; color: #333; }
.webforce1_list ul li .txt2 .h3 .button1 { background-image: url(../images/ylwz.png); }
.webforce1_list ul li .txt2 .h3 .button1:hover { background-image: url(../images/ylwz_hover.png); }
.webforce1_list ul li .txt2 .h3 .button2 { float: right; background-image: url(../images/jgxq.png); }
.webforce1_list ul li .txt2 .h3 .button2:hover { background-image: url(../images/jgxq_hover.png); }
.webforce1_list ul li .txt1 { padding: 7px 10px 8px 10px; color: #666; }
.webforce1_list ul li .txt1 .h2 { height: 26px; line-height: 26px; font-size: 14px; }
.webforce1_list ul li .txt1 .h2 strong { float: left; font-weight:bold; margin-right: 10px; }
.webforce1_list ul li .txt1 .h2 em { font-style: normal; font-size: 15px; }
.webforce1_list ul li .txt1 .h2 span { width: 26px; height: 26px; background: url(../images/shouji.png) no-repeat; border-radius: 100%; float: left; margin-right: 6px; position: relative; overflow: hidden; }
.webforce1_list ul li .txt1 .h2 span:hover { background-image: url(../images/shouji_hover.png); }
.webforce1_list ul li .txt1 .h2 span.ico1 { background-position: left center; }
.webforce1_list ul li .txt1 .h2 span.ico2 { background-position: center center; }
.webforce1_list ul li .txt1 .h2 span.ico3 { background-position: right center; }
.webforce1_list ul li .txt1 .h2 span img { position: absolute; top: -26px; left: 0; }
.webforce1_list ul li .txt1 .h2 span:hover img { top: 26px; transition: all .6s ease; }
.webforce1_list ul li .txt1 .h2 i.sc { float: right; width: 16px; height: 26px; background: url(../images/dmz_03.png) center no-repeat; background-size:auto 16px; cursor:pointer;}
.webforce1_list ul li .txt1 .h2 i.sc:hover{ background-image:url(../images/dmz_03_hover.png);}
.webforce1_list ul li .txt1 .h2 i.view { float: right; height: 26px; line-height:26px; background: url(../images/view.png) left center no-repeat; background-size:20px auto ; padding-left:22px; margin-left:10px; font-style:normal; cursor:default;}
.webforce1_list ul li .txt1 .h2 i.view:hover{ background-image:url(../images/view_hover.png);}
.webforce1_list ul li .txt1 .h3 { height: 24px; line-height: 24px; font-size: 14px; padding-top: 8px; margin-top: 7px; border-top: 1px solid #ddd; }
.webforce1_list ul li .txt1 .h3 strong { float: left; font-weight: normal; }
.webforce1_list ul li .txt1 .h3 span.bh { font-size: 15px; margin-left:-2px;}
.webforce1_list ul li .txt1 .h3 span.copied { white-space: nowrap; color: #666; position: absolute; left: calc(100% + 6px); top: 0; display: none; }
.webforce1_list ul li .txt1 .h3 a { float: right; background: #f60; color: #fff; border-radius: 3px; width: 70px; text-align: center; position: relative; }
.webforce1_list ul li .txt1 .h3 a:hover { background: #f40; }
.webforce1_list ul li .txt1 .h3 .button1 { background: #037f00; color: #fff; position: relative; z-index: 1; }
.webforce1_list ul li .txt1 .h3 .button1:hover { background: #036300; }
.webforce1_list ul li .txt1 .h3 .button1 button { border: none; background: none; width: 70px; height: 24px; line-height: 24px; color: #fff; cursor: pointer; font-size: 14px; padding: 0; }
.webforce1_list ul li .txt1 .h3 .button2 { margin-left:20px;}
@media(max-width:1870px) {
.webforce1_rt_box { padding: 27px 30px 80px 20px; }
.webforce1_list ul li { float: left; width: calc((100% - 15px)/4); margin: 0 0 25px 5px; }
.webforce1_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
}
@media(max-width:1620px) {
.webforce1_rt_box { padding: 27px 30px 80px 10px; }
.webforce1_list ul li { float: left; width: calc((100% - 15px)/4); margin: 0 0 20px 5px; }
.webforce1_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.webforce1_list ul li .txt2 { width: 200px; }
.webforce1_list ul li .txt2 .h2 { font-size: 12px; background-position: right 0 top 0; }
.webforce1_list ul li .txt2 .h3 { font-size: 12px; margin-top: 20px; }
.webforce1_list ul li .txt2 .h3 a { padding: 0 10px 0 30px; background-position: left 10px center; }
.webforce1_list ul li .txt1 { padding: 7px 5px 8px 5px }
.webforce1_list ul li .txt1 .h2 { font-size: 12px; }
.webforce1_list ul li .txt1 .h2 strong { margin-right: 8px; }
.webforce1_list ul li .txt1 .h2 em { font-size: 12px; }
.webforce1_list ul li .txt1 .h2 span { margin-right: 4px; }
.webforce1_list ul li .txt1 .h3 { font-size: 12px; }
.webforce1_list ul li .txt1 .h3 span.bh { font-size: 12px; }
.webforce1_list ul li .txt1 .h3 .button2 { margin-left:10px;}
}
@media(max-width:1560px) {
.webforce1_list ul li .txt1 .h3 a { width: 54px; }
.webforce1_list ul li .txt1 .h3 .button1 button { font-size: 12px; width: 54px; }
.webforce1_list ul li .txt1 .h3 .button2 { margin-left:5px;}
}


.footbg { background: #272a33; padding: 10px 0; }
.foot { color: #818992; text-align: center; font-size: 14px; line-height: 22px; }
.foot a { color: #818992; }
.foot a:hover { color: #fff; }
.foot2bg{ background:#fff; border-top:1px solid #ededed;}
.foot2bg .poilce_icp{max-width: 16px; vertical-align:middle;}
.foot2{ color:#555; padding:5px 30px; font-size:12px; line-height:21px;}
.foot2 .rt{ float:right; text-align:right;}
.foot2 a{ color:#555;}
.foot2 a:hover{ color:#01a3e4;}


.pages1_box { }
.pages1bg { }
.pages1 { line-height: 28px; font-size: 14px; text-align: center; }
.pages1 span { display: inline-block; vertical-align: top; width: 28px; text-align: center; background: #e5e5e5; color: #333; border-radius: 3px; margin: 0 5px; }
.pages1 span a { display: block; color: inherit; }
.pages1 span.on, .pages1 span:hover { background: #01a3e4; color: #fff; }
.pages1 span.more { cur
}
.pages1 strong { font-weight: normal; margin: 0 5px; }
.pages1 strong input { border: 1px solid #ddd; background: none; width: 30px; height: 26px; line-height: 26px; text-align: center; border-radius: 3px; margin-left: 4px; margin-right: 4px; font-size: 14px; }
.pages1 strong input:hover, .pages1 strong input:focus { border-color: #666; }
.pages1 strong i { margin-left: 14px; }


/*Add------------------------------------------------------------------------------*/

.head2bg { width: 100%; background: url(../images/headbg1.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 2; }
.head2 { height: 56px; padding: 0 30px; overflow:hidden;}
.head2 .logo { float: left; }
.head2 .logo img { display: block; height: 24px; margin-top: 16px; }
.head2 .h_btn1 { float: right; }
.head2 .h_btn1 a { float: left; height: 34px; line-height: 34px; margin-top: 11px; font-size: 14px; border-radius: 8px; text-align:center;}
.head2 .h_btn1 .button2 { color: #01a3e4; background: #d3effa; width:90px; margin-left: 35px; }
.head2 .h_btn1 .button2:hover { background: #fff; }
.head2 .h_btn2{ float:left; height:24px; line-height:24px; margin:16px 0 0 50px; position:relative;}
.head2 .h_btn2 strong{ float:left; font-weight:normal; font-size:14px; color:#fff;}
.head2 .h_btn2 strong span{ font-size:16px; vertical-align:middle;}
.head2 .h_btn2 a{ float:left; text-align:center; border-radius:5px; width:90px; line-height:24px; margin:0 0 0 25px; background:#d3effa; color:#01a3e4;}
.head2 .h_btn2 a:hover{ background:#fff;}
.head2 .h_btn2 a.button1{}
.head2 .h_btn2 a.button1 span{white-space: nowrap; color:#fff; position:absolute; top:0; left:calc(100% + 25px); display:none;}
.head2 .h_btn2 a.button1 button{ border:none; background:none; width:90px; height:24px; line-height:24px; color:#01a3e4; cursor:pointer; font-size:14px; padding:0;}
.head2 .h_btn3{ height:34px; float:left; margin:11px 0 0 12%;}
.head2 .h_btn3 ul li{ float:left; margin-left:25px;}
.head2 .h_btn3 ul li i{ display:block; width:34px; height:34px; }
.head2 .h_btn3 ul li i.ico_pc{ width:35px; background:url(../images/ico_pc.png) center no-repeat; background-size:contain;}
.head2 .h_btn3 ul li.on i.ico_pc{ background-image:url(../images/ico_pc_hover.png);}
.head2 .h_btn3 ul li i.ico_mobile{ width:23px; background:url(../images/ico_mobile.png) center no-repeat; background-size:contain;}
.head2 .h_btn3 ul li.on i.ico_mobile{ background-image:url(../images/ico_mobile_hover.png);}
.h_height { height: 56px; }


.inside_mobile1bg{ height:calc(100vh - 56px); min-height:843px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inside_mobile1{ width:1000px; margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.inside_mobile1_lt{ width:393px; height:800px; position:relative; background:url(../images/bg_phone1_white.png) top center no-repeat; background-size:contain;}
.inside_mobile1_lt .nr_box{ padding:100px 0 0 0; margin:0 26px;/* overflow:hidden;*/}
.inside_mobile1_lt .iframe_box{/* background:#f00;*/ overflow:hidden; }
.inside_mobile1_lt iframe{ display:block; width:341px; height:607px; border:none; overflow-y:auto; overflow-x:hidden;}
.inside_mobile1_rt{ width:521px; height:843px; background:url(../images/bg_phone2.png) top center no-repeat; background-size:contain; position:relative;}
.inside_mobile1_rt .nr_box{}
.inside_mobile1_rt .ewm{ position:absolute; top:80px; left:210px;}
.inside_mobile1_rt .ewm img{ display:block; margin:0 auto; width:158px; border:1px solid #00a3e4; border-radius:10px; padding:5px;}
.inside_mobile1_rt .ewm span{ display:block; text-align:center; color:#fff; font-size:18px; line-height:56px; margin-top:30px;}
@media(max-width:1720px){
.inside_mobile1bg{ min-height:754px;}
.inside_mobile1{ width:900px; }
.inside_mobile1_lt{ width:351px; height:715px; }
.inside_mobile1_lt .nr_box{ padding:89px 0 0 0; margin:0 23px; }
.inside_mobile1_lt .iframe_box{ }
.inside_mobile1_lt iframe{ width:305px; height:543px; border:none; }
.inside_mobile1_rt{ width:466px; height:754px; }
.inside_mobile1_rt .ewm{ top:70px; left:188px;}
.inside_mobile1_rt .ewm img{ width:140px;}
.inside_mobile1_rt .ewm span{ font-size:16px; line-height:48px; margin-top:30px;}
}
@media(max-width:1520px){
.inside_mobile1bg{ min-height:667px;}
.inside_mobile1{ width:800px; }
.inside_mobile1_lt{ width:315px; height:635px; }
.inside_mobile1_lt .nr_box{ padding:79px 0 0 0; margin:0 23px; }
.inside_mobile1_lt .iframe_box{ }
.inside_mobile1_lt iframe{ width:269px; height:482px; border:none; }
.inside_mobile1_rt{ width:412px; height:667px; }
.inside_mobile1_rt .ewm{ top:60px; left:165px;}
.inside_mobile1_rt .ewm img{ width:125px;}
.inside_mobile1_rt .ewm span{ font-size:14px; line-height:46px; margin-top:25px;}
}


.inside_demo1bg{}
.inside_demo1{}
.inside_demo1 .iframe_box{ overflow:hidden;}
.inside_demo1 .iframe_box iframe{ width:100%; height:calc(100vh - 56px); border:none; overflow-y:auto; overflow-x:hidden;}


.pay1bg{ background:#fff;/* min-height:calc(100vh - 120px);*/ min-height:calc(100vh - 88px);}
.pay1{ padding:4vw 0 20px 0;}
.pay1 .list1{ text-align:center; }
.pay1 .list1 img{ display:block; width:100%;}
.pay1 .list1 .h2{ font-size:33px; line-height:43px; font-weight:bold;}
.pay1 .list1 .h2 span{ padding:0 18px;}
.pay1 .list2{}
.pay1_list{ margin-bottom:55px;}
.pay1_list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.pay1_list ul li{ width:240px; margin:45px 20px 0 20px; cursor:pointer;}
.pay1_list ul li .nr_box{ border:4px solid transparent; box-shadow:0px 0px 20px rgba(174,174,174,.25); border-radius:8px; overflow:hidden; padding:25px 0 25px 0;}
.pay1_list ul li .txt{ text-align:center;}
.pay1_list ul li .txt .h2{ font-size:20px; line-height:30px; height:30px; margin-bottom:6px;}
.pay1_list ul li .txt .h3{ font-size:14px; line-height:28px; height:28px; margin-bottom:22px; position:relative;}
.pay1_list ul li .txt .h3 b{ font-size:28px;}
.pay1_list ul li .txt .h3:before{ content:""; width:152px; height:1px; background:#c4c4c4; position:absolute; left:50%; transform:translateX(-50%); bottom:-12px;}
.pay1_list ul li .txt .h4{ font-size:14px; line-height:24px; height:24px;}
.pay1_list ul li.on .nr_box{ border-color:#01a3e4; background:url(../images/check@2x.png) top -2px right -2px no-repeat; background-size:28px; }
.pay1_count{ max-width:800px; margin:0 auto; margin-bottom:55px;}
.pay1_count .h2{ float:left; font-size:18px; line-height:36px; text-align:center;}
.pay1_count .h2 strong{ vertical-align:top; font-size:36px; color:#01a3e4;}
.pay1_count .h2 b{}
.pay1_count .h3{ float:right; font-size:18px; line-height:36px;}
.pay1_count .h3 span{ display:inline-block; vertical-align:top; text-align:center; border:1px solid #ddd; line-height:34px; width:34px; cursor:pointer; margin-left:10px; border-radius:4px;}
.pay1_count .h3 span.on,.pay1_count .h3 span:hover{ border-color: #01a3e4; background: #e5f6fc /*url(../images/check2@2x.png) right bottom no-repeat*/; background-size:10px auto; color: #01a3e4;}
.pay1_ewm{ border:1px solid #f5f5f5; border-radius:8px; margin-bottom:20px; padding:30px 0 30px 0;}
.pay1_ewm ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.pay1_ewm ul li{ width:180px;}
.pay1_ewm ul li .nr_box{}
.pay1_ewm ul li .img{ border:1px solid #c4c4c4; width:178px; height:178px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.pay1_ewm ul li .img img{ display:block; width:140px; height:140px;}
.pay1_ewm ul li .txt{ text-align:center; margin-top:20px;}
.pay1_ewm ul li .txt .h2{ font-size:18px; line-height:30px;}
.pay1_ewm ul li .txt .h2 i{ display:inline-block; vertical-align:top; width:30px; height:30px; margin-right:10px;}
.pay1_ewm ul li .img2{ border:1px solid #c4c4c4; width:178px; height:178px; text-align:center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.pay1_ewm ul li .img2_box{ width:126px;}
.pay1_ewm ul li .img2 .h2{ font-size:18px; line-height:28px; margin-bottom:15px;}
.pay1_ewm ul li .img2 .h3{ font-size:14px; line-height:24px; margin-bottom:10px;}
.pay1_ewm ul li .img2 .h4{}
.pay1_ewm ul li .img2 .h4 a.ico_qykf{ display:inline-block; vertical-align:top; width:100px; height:28px; line-height:28px; text-align:center; border-radius:30px; font-weight:normal; background:#01a3e4; color:#fff;}
.pay1_ewm ul li .img2 .h4 a.ico_qykf:hover{ background:#0099d7;}
.pay1_ewm ul li .img2 .h4 a.ico_qykf i{ display:inline-block; vertical-align:middle; margin-right:5px; width:14px; height:14px; background:url(../images/kefu.png) center no-repeat; background-size:contain;}
.pay1_ewm ul li.wxpay .txt .h2 i{ background:url(../images/wx-pay@2x.png) center no-repeat; background-size:auto 30px;}
.pay1_ewm ul li.alipay .txt .h2 i{ background:url(../images/ali-pay@2x.png) center no-repeat; background-size:auto 30px;}
.pay1_ewm ul li.ppay .txt .h2 i{ background:url(../images/p-pay@2x.png) center no-repeat; background-size:auto 30px;}
.pay1 .list3{ }
.pay1 .list3 .h2{ font-size:12px; line-height:28px; text-align:center;}
.pay1 .list3 .h2 a{ color:#01a3e4; font-weight:bold;}
.pay1 .list3 .h2 a:hover{ color:#0099d7;}
.pay1 .list3 .h2 a.ico_qykf{ display:inline-block; vertical-align:top; width:100px; height:28px; line-height:28px; text-align:center; border-radius:30px; font-weight:normal; background:#01a3e4; color:#fff;}
.pay1 .list3 .h2 a.ico_qykf:hover{ background:#0099d7;}
.pay1 .list3 .h2 a.ico_qykf i{ display:inline-block; vertical-align:middle; margin-right:5px; width:14px; height:14px; background:url(../images/kefu.png) center no-repeat; background-size:contain;}



.kefu1_box{ width:70px; position:fixed; z-index:11; right:10px; top:50%; transform:translateY(-50%);}
.kefu1{ width:70px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15); border-radius:8px; transition:all .3s ease; position:relative; right:0;}
.kefu1_box.active .kefu1{ right:-80px;}
.kefu1 ul li{ position:relative; padding:0 10px;}
.kefu1 ul li .nr_box{ display:block; padding:10px 0; border-top:1px solid #f2f2f2;}
.kefu1 ul li:nth-child(1) .nr_box{ border-top:none;}
.kefu1 ul li .nr_box .img{ height:28px;}
.kefu1 ul li .nr_box .img img{ display:block; margin:0 auto; height:28px;}
.kefu1 ul li .nr_box .img img.ico2{ display:none;}
.kefu1 ul li:hover .nr_box .img img.ico1{ display:none;}
.kefu1 ul li:hover .nr_box .img img.ico2{ display:block;}
.kefu1 ul li .nr_box .h2{ text-align:center; font-size:12px; line-height:12px; margin-top:7px; color:#666;}
.kefu1 ul li:hover .nr_box .h2{ color:#01a3e4;}
.kefu1 ul li .box0{ padding-right:10px; position:absolute; top:50%; transform:translateY(-50%); right:100%; display:none;}
.kefu1 ul li:hover .box0{ display:block;}
.kefu1 ul li .box0:before{ content:""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #fff; position: absolute; top: 50%; margin-top: -5px; right: 5px;}
.kefu1 ul li .box0 .h3{ text-align:center; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15); padding:11px 0; border-radius:5px; width:160px; color:#666; font-size:16px; line-height:28px;}
.kefu1 ul li .box0 .h3 i{ display:inline-block; vertical-align:top; margin-right:7px;}
.kefu1 ul li .box0 .h3 i img{ display:block; height:28px;}
.kefu1 ul li .box4{}
.kefu1 ul li .box4 .ewm{ text-align:center; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15); padding:15px 12px; border-radius:5px; width:136px;}
.kefu1 ul li .box4 .ewm span{ display:block; color:#666; font-size:16px; line-height:1em; margin-bottom:15px;}
.kefu1 ul li .box4 .ewm img{ display:block; margin:0 auto; width:124px; padding:5px; border:1px solid #a5a5a5; border-radius:5px;}
.kefu1_btn{ width:27px; margin:0 auto; height:27px; margin-top:20px; border-radius:100%; box-shadow:0 2px 8px rgba(0,0,0,.15); position:relative; }
.kefu1_btn a{ display:block; border-radius:100%; width:27px; height:27px; background:url(../images/ico_btn1.png) center no-repeat; background-size:contain; transition:all .3s ease;}
.kefu1_box.active .kefu1_btn a{ transform:rotate(45deg);}
.kefu1 ul li .box1,.kefu1 ul li .box2,.kefu1 ul li .box5,.kefu1 ul li .box6{ cursor:pointer;}
.kefu1 ul li .box1:hover .h3,.kefu1 ul li .box2:hover .h3,.kefu1 ul li .box5:hover .h3,.kefu1 ul li .box6:hover .h3{ color:#01a3e4;}
.kefu1 ul li .box1 i img.ico2,.kefu1 ul li .box2 i img.ico2,.kefu1 ul li .box5 i img.ico2,.kefu1 ul li .box6 i img.ico2{ display:none;}
.kefu1 ul li .box1:hover i img.ico2,.kefu1 ul li .box2:hover i img.ico2,.kefu1 ul li .box5:hover i img.ico2,.kefu1 ul li .box6:hover i img.ico2{ display:block;}
.kefu1 ul li .box1:hover i img.ico1,.kefu1 ul li .box2:hover i img.ico1,.kefu1 ul li .box5:hover i img.ico1,.kefu1 ul li .box6:hover i img.ico1{ display:none;}


.login1_box { }
.login1 { width: 600px; background: #fff; border-radius: 12px; overflow: hidden;/* transform: scale(.5); opacity:0; visibility:hidden; transition:all .3s ease;*/}
.login1_box.active .login1{/* transform: scale(1); opacity:1; visibility:visible;*/}
.login1 .list2 { padding: 32px 72px 32px 72px; }
.login1 .list2 .h2 { font-size: 18px; line-height: 26px; font-weight: bold; text-align: center; }
.login1 .list2 .form { }
.login1 .list2 .form ul li { margin-top: 20px; }
.login1 .list2 .form .warning1 { font-size: 14px; line-height: 22px; color: #f60; position: absolute; right: 10px; top: 12px; }
.login1 .list2 .form .text1 { border: 1px solid #ddd; background: none; height: 46px; line-height: 46px; border-radius: 8px; padding: 0 15px 0 55px; width: calc(100% - 72px); font-size: 14px; color: #333; }
.login1 .list2 .form .text1:focus, .login1 .list2 .form .text1:hover { border-color: #01a3e4; }
.login1 .list2 .form .phone1 { position: relative; }
.login1 .list2 .form .phone1 i { width: 24px; height: 24px; background: url(../images/ico_phone1.png) center no-repeat; background-size: contain; position: absolute; left: 15px; top: 12px; }
.login1 .list2 .form .phone1.active i { background-image: url(../images/ico_phone1_hover.png); }
.login1 .list2 .form .phone1 .text1 { }
.login1 .list2 .form .phone1:hover .text1 { border-color: #01a3e4; }
.login1 .list2 .form .yzm1bg { height: 48px; }
.login1 .list2 .form .yzm1 { float: left; width: 318px; position: relative; }
.login1 .list2 .form .yzm1 i { width: 24px; height: 24px; background: url(../images/ico_pass1.png) center no-repeat; background-size: contain; position: absolute; left: 15px; top: 12px; }
.login1 .list2 .form .yzm1.active i { background-image: url(../images/ico_pass1_hover.png); }
.login1 .list2 .form .yzm1bg.disabled .yzm1.active i { background-image: url(../images/ico_pass1.png); }
.login1 .list2 .form .yzm1 .text1 { }
.login1 .list2 .form .yzm1bg.disabled .yzm1 .text1 { cursor: not-allowed; border-color: #ddd; }
.login1 .list2 .form .yzm1bg .button2 { float: right; border: none; width: 122px; height: 48px; background: #01a3e4; color: #fff; border-radius: 8px; font-size: 14px; cursor: pointer; }
.login1 .list2 .form .yzm1bg .button2.disabled, .login1 .list2 .form .yzm1bg .button2[disabled] { background: #bfbfbf; cursor: not-allowed; }
.login1 .list2 .form .tips1 { height: 24px; line-height: 24px; position: relative; }
.login1 .list2 .form .tips1 input { width: 24px; height: 24px; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; }
.login1 .list2 .form .tips1 label { display: inline-block; vertical-align: top; position: relative; cursor:pointer;}
.login1 .list2 .form .tips1 label:before { content:""; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../images/ico_check1.png) center no-repeat; background-size: contain; margin-right: 16px; }
.login1 .list2 .form .tips1 label.checked:before { background-image: url(../images/ico_check1_hover.png); }
.login1 .list2 .form .tips1 .warning1 { top: 1px; }
.login1 .list2 .form .button1 { display: block; border: none; width: 100%; height: 48px; line-height:48px; background: #01a3e4; color: #fff; border-radius: 8px; font-size: 14px; cursor: pointer; }
.login1 .list2 .form .button1.disabled, .login1 .list2 .form .button1[disabled] { background: #bfbfbf; cursor: not-allowed; }
.login1 .list3 { height: 44px; line-height: 44px; background: #fafafa; }
.login1 .list3 .h2 { text-align: center; font-size: 12px; color: #666; }
.login1 .list3 .h2 a { color: #666; }
.login1 .list3 .h2 a:hover { color: #01a3e4; }

.ui-slider-wrap { background: #e8e8e8; position: relative; }
.ui-slider-wrap .ui-slider-bg { width: 0; }
.ui-slider-wrap .ui-slider-btn { position: absolute; top: 0; left: 0; cursor: move; text-align: center; border: 1px solid #ccc; background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.ui-slider-wrap .ui-slider-btn { background: #fff url(../images/slider.png) no-repeat center; }
.ui-slider-wrap .ui-slider-btn.success { background-image: url(../images/success.png); }
.ui-slider-wrap .ui-slider-text { width: 100%; height: 100%; font-family: "微软雅黑"; text-align: center; position: absolute; top: 0; left: 0; color: #666;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: slidetounlock 3s infinite;
-webkit-text-size-adjust: none;}
.ui-slider-wrap .ui-slider-no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
@-webkit-keyframes slidetounlock { 
0% {
background-position:-200px 0
}
100% {
background-position:200px 0
}
}


.zxxd1_box {/* display:block !important*/}
.zxxd1{ width: 600px; background: #fff; border-radius: 12px; overflow: hidden;/* transform:  scale(.5) ; opacity:0; visibility:hidden; position:relative; transition:all .3s ease;*/}
.zxxd1_box.active .zxxd1bg .zxxd1{/* transform: scale(1); opacity:1; visibility:visible;*/}
.zxxd1 .form2{ padding: 9px 30px 30px 30px;}
.zxxd1 .form2 dl{ margin-top:10px;}
.zxxd1 .form2 dl dt{ float:left;/* width:80px;*/ text-align:left; font-size:16px; line-height:40px; font-weight:bold;}
.zxxd1 .form2 dl dt font{ color:#f00;}
.zxxd1 .form2 dl dd{/* float:right; width:calc(100% - 90px);*/}
.zxxd1 .form2 .h2{ font-weight:bold; font-size:16px; line-height:40px;}
.zxxd1 .form2 .h2 span{ font-size:17px;}
.zxxd1 .form2 .h2 font{} 
.zxxd1 .form2 #WZBH1{ }
.zxxd1 .form2 #JG{}
.zxxd1 .form2 .h2 .jiage{ color:#f60;}
.zxxd1 .form2 .text1 { display:block; border: 1px solid #ddd; background: none; height: 38px; line-height: 38px; padding: 0 10px 0 10px; width: calc(100% - 22px); font-size: 14px; color: #333; border-radius:8px;}
.zxxd1 .form2 .text1:focus, .zxxd1 .form2 .text1:hover { border-color: #f60; }
.zxxd1 .form2 .button_box{ height:40px; text-align:center; margin-top:30px;}
.zxxd1 .form2 .button1 { display:inline-block; vertical-align:top; text-align:center; border: 1px solid #ddd; height: 40px; line-height:38px; background: #fff; color: #333; border-radius: 8px; font-size: 14px; cursor: pointer; width:160px; margin:0 8px; transition:all .3s ease;}
.zxxd1 .form2 .button1:hover{ background:#ffefe5; border-color:#f60; color:#f60;}
.zxxd1 .form2 .button1.button2{ background: #f60; border-color:#f60; color:#fff;}
.zxxd1 .form2 .button1.button2:hover{ background: #f40; border-color:#f40; color:#fff;}
/*.zxxd1 .form2 .button1 { display:inline-block; vertical-align:top; text-align:center; border: 1px solid #f60; height: 40px; line-height:38px; background: #f60; color: #fff; border-radius: 8px; font-size: 14px; cursor: pointer; width:160px; margin:0 8px; transition:all .3s ease;}
.zxxd1 .form2 .button1:hover{ background:#f40; border-color:#f40;}
.zxxd1 .form2 .button1.button2{ background: #fff; border-color:#ddd; color:#333;}
.zxxd1 .form2 .button1.button2:hover{ background: #ffefe5; border-color:#f60; color:#f60;}*/
.zxxd1 .form2 .gmnx1{ font-size:14px; line-height:38px; height:40px;}
.zxxd1 .form2 .gmnx1 span{ float:left; text-align:center; margin:5px 10px 0 0; border: 1px solid #ddd; cursor:pointer; width:calc((100% - 30px)/4 - 2px); border-radius:4px; transition:all .3s ease;}
.zxxd1 .form2 .gmnx1 span:nth-child(4){ margin-right:0;}
.zxxd1 .form2 .gmnx1 span.active,.zxxd1 .form2 .gmnx1 span:hover{ border-color: #f60; background: #ffefe5 /*url(../images/gou02.png) right bottom no-repeat*/; color:#f60;}
.zxxd1 .form2 .radio_box{ font-size:14px; line-height:24px;}
.zxxd1 .form2 .radio_box span{ float:left; width:calc(100%/3 - 20px);/* margin-right:20px;*/ cursor:pointer; padding-left:20px; position:relative;}
.zxxd1 .form2 .radio_box span input{ display:inline-block; vertical-align:top; width:14px; height:14px; position:absolute; left:0; top:5px;}
.zxxd1 .form2 .radio_box span label{ cursor:pointer;}
.zxxd1 .form2 .check_box{ font-size:14px; line-height:24px;}
.zxxd1 .form2 .check_box span{ display:inline-block; vertical-align:top; margin-right:20px; cursor:pointer; padding-left:20px; position:relative;}
.zxxd1 .form2 .check_box span input{ display:inline-block; vertical-align:top; width:14px; height:14px; position:absolute; left:0; top:5px;}
.zxxd1 .form2 .check_box span label{ cursor:pointer;}
.zxxd1 .form2 .text2 { display:block; border: 1px solid #ddd; background: none; height: 60px; line-height: 30px; padding: 0 10px 0 10px; width: calc(100% - 22px); font-size: 14px; color: #333; }
.zxxd1 .form2 .text2:focus, .zxxd1 .form2 .text1:hover { border-color: #f60; }
.zxxd1 .form2 dl.dl_style2 dt{ float:none; width:100%; text-align:left; line-height:26px;}
.zxxd1 .form2 dl.dl_style2 dd{ width:100%; margin-top:5px;}
.zxxd1 .form2 dl.dl2{ margin-top:7px;}
.zxxd1 .form2 dl.dl2 dd{ margin-top:0;}
.zxxd1 .form2 dl.dl3{ margin-top:15px;}
.zxxd1 .form2 dl.dl3 dd{ margin-top:0;}
.zxxd1 .form2 dl.dl4{ margin-top:16px;}
.zxxd1 .form2 dl.dl4 dd{ margin-top:0;}
.zxxd1 .form2 dl.dl5{ margin-top:14px;}
.zxxd1 .form2 dl.dl6{ margin-top:8px;}
.zxxd1 .form2 dl.dl7{ margin-top:20px;}
.zxxd1 .form2 dl.dl8{ margin-top:30px;}




.tjdd1_box { }
.tjdd1{ width: 600px; background: #fff; border-radius: 12px; overflow: hidden;/*transform: scale(.5); opacity:0; visibility:hidden; transition:all .3s ease; position:relative;*/}
.tjdd1_box.active .tjdd1bg .tjdd1{/* transform: scale(1); opacity:1; visibility:visible;*/}
.tjdd1_close3 { width: 32px; height: 32px; background: url(../images/ico_back3.png) center no-repeat; background-size: contain; position: absolute; top: 20px; left: 26px; cursor: pointer; }
.tjdd1_close3:hover { background-image: url(../images/ico_back3_hover.png); }
.tjdd1 .list2{ padding: 30px 80px 35px 80px;}
.tjdd1 .list2 .h1{ text-align:center; font-size:24px; line-height:1em; color:#333; font-weight:bold; margin-bottom:30px;}
.slideTxtBox_01{ width:222px; margin:0 auto;}
.slideTxtBox_01 .hd{ height:24px; line-height:24px; background:#f2f2f2; border-radius:5px; overflow:hidden;}
.slideTxtBox_01 .hd ul li{ float:left; width:50%;}
.slideTxtBox_01 .hd ul li a{ display:block; text-align:center; color:#333; font-size:12px;}
.slideTxtBox_01 .hd ul li.on a{ background:#01a3e4; color:#fff;}
.slideTxtBox_01 .hd ul li:nth-child(1).on a{ background:#05d02f; color:#fff;}
.slideTxtBox_01 .hd ul li span{ display:block;}
.slideTxtBox_01 .hd ul li .s2{ display:none;}
.slideTxtBox_01 .hd ul li .s2 img{ display:inline-block; vertical-align:top; height:16px; margin-right:5px; margin-top:4px;}
.slideTxtBox_01 .hd ul li.on .s1{ display:none;}
.slideTxtBox_01 .hd ul li.on .s2{ display:block;}
.slideTxtBox_01 .bd{ margin-top:10px;}
.tjdd1_list{ text-align:center;}
.tjdd1_list .ewm{ border:1px solid #01a3e4; border-radius:5px; padding:9px;}
.slideTxtBox_01 .bd .tjdd1_list:nth-child(1) .ewm{ border-color:#05d02f;}
.tjdd1_list .ewm img{ display:block; width:100%;}
.tjdd1 .list2 .tips1{ font-size:12px; line-height:22px; margin-top:15px; color:#333; text-align:center;}


.tjxq1_box { }
.tjxq1 {width: 600px; background: #fff; border-radius: 12px; overflow: hidden;/* transform: scale(.5); opacity:0; visibility:hidden; transition:all .3s ease;*/}
.tjxq1_box.active .tjxq1bg .tjxq1{/* transform: scale(1); opacity:1; visibility:visible; transition:all .3s ease;*/}
.tjxq1 .list2 { padding: 25px 30px 30px 30px; }
.tjxq1 .list2 .h2 { font-size: 20px; line-height: 30px; font-weight: bold; text-align: center; }
.tjxq1 .list2 .h3{ font-size:16px; line-height:26px; font-weight:bold; margin-bottom:5px;}
.tjxq1 .list2 .h3 font{ color:#f00;}
.tjxq1 .list2 .h3 span{ font-weight:normal; color:#999; font-size:12px;}
.tjxq1 .list2 .form { }
.tjxq1 .list2 .form ul li { margin-top: 20px; }
.tjxq1 .list2 .form dl.checkbox1{}
.tjxq1 .list2 .form dl.checkbox1 dd{ float:left; width:calc(100%/3); font-size:14px; line-height:14px; margin:10px 0 0 0;}
.tjxq1 .list2 .form dl.checkbox1 dd:nth-child(1),.tjxq1 .list2 .form dl.checkbox1 dd:nth-child(2),.tjxq1 .list2 .form dl.checkbox1 dd:nth-child(3){ margin-top:0;}
.tjxq1 .list2 .form dl.checkbox1 dd.other1{ width:100%;}
.tjxq1 .list2 .form dl.checkbox1 dd label{ cursor:pointer;}
.tjxq1 .list2 .form dl.checkbox1 dd label input{ width:14px; height:14px; vertical-align:top; margin:0 5px 0 0;}
.tjxq1 .list2 .form .warning1 { font-size: 14px; line-height: 22px; color: #f60; position: absolute; right: 10px; top: 9px; }
.tjxq1 .list2 .form .text1 { border: 1px solid #ddd; background: none; height: 38px; line-height: 38px; border-radius: 8px; padding: 0 19px 0 19px; width: calc(100% - 40px); font-size: 14px; color: #333; }
.tjxq1 .list2 .form .text1:focus, .tjxq1 .list2 .form .text1:hover { border-color: #f60; }
.tjxq1 .list2 .form .lxfs1{ height:40px;}
.tjxq1 .list2 .form .phone1 { position: relative; float:left; width:50%;}
.tjxq1 .list2 .form .phone1 .text1 { }
.tjxq1 .list2 .form .phone1:hover .text1 { border-color: #f60; }
.tjxq1 .list2 .form .yzm1bg { height: 40px; float:right; width:50%;}
.tjxq1 .list2 .form .yzm1 { float: left; width:calc(100% - 120px); position: relative; margin-left:10px;}
.tjxq1 .list2 .form .yzm1 .text1 { }
.tjxq1 .list2 .form .yzm1bg.disabled .yzm1 .text1 { cursor: not-allowed; border-color: #ddd; }
.tjxq1 .list2 .form .yzm1bg .button2 { float: right; border: none; width: 100px; height: 40px; background: #f60; color: #fff; border-radius: 8px; font-size: 14px; cursor: pointer; margin-left:10px;}
.tjxq1 .list2 .form .yzm1bg .button2:hover{ background:#f40;}
.tjxq1 .list2 .form .yzm1bg .button2.disabled, .tjxq1 .list2 .form .yzm1bg .button2[disabled] { background: #bfbfbf; cursor: not-allowed; }
.tjxq1 .list2 .form .tips1 { height: 24px; line-height: 24px; position: relative; }
.tjxq1 .list2 .form .tips1 input { width: 24px; height: 24px; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; }
.tjxq1 .list2 .form .tips1 label { display: inline-block; vertical-align: top; position: relative; cursor:pointer;}
.tjxq1 .list2 .form .tips1 label:before { content:""; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../images/ico_check1.png) center no-repeat; background-size: contain; margin-right: 16px; }
.tjxq1 .list2 .form .tips1 label.checked:before { background-image: url(../images/ico_check1_hover.png); }
.tjxq1 .list2 .form .tips1 .warning1 { top: 1px; }
.tjxq1 .list2 .form .button_box{ height:40px; text-align:center; margin-top:30px;}
.tjxq1 .list2 .form .button_box .button1 { display:inline-block; vertical-align:top; text-align:center; border: 1px solid #ddd; height: 40px; line-height:38px; background: #fff; color: #333; border-radius: 8px; font-size: 14px; cursor: pointer; width:160px; margin:0 8px; transition:all .3s ease;}
.tjxq1 .list2 .form .button_box .button1:hover{ background:#ffefe5; border-color:#f60; color:#f60;}
.tjxq1 .list2 .form .button_box .button1.button2{ background: #f60; border-color:#f60; color:#fff;}
.tjxq1 .list2 .form .button_box .button1.button2:hover{ background: #f40; border-color:#f40; color:#fff;}
.tjxq1 .list3 { height: 44px; line-height: 44px; background: #fafafa; }
.tjxq1 .list3 .h2 { text-align: center; font-size: 12px; color: #666; }
.tjxq1 .list3 .h2 a { color: #666; }
.tjxq1 .list3 .h2 a:hover { color: #01a3e4; }


.dgzz1{ padding:30px 30px; text-align:center;}
.dgzz1 .txt{ font-size:14px; line-height:34px; display:inline-block; text-align:left;}


/*<!---->*/
/*.wrap { position: fixed; left: 0; top: 0; background-color: #000; z-index: 10000; opacity: 0.3; }*/
.popUpBox { /* display: none; */ width: 600px; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 10000; background-color: #fff; border-radius: 12px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); }
.layer-head { width: 100%; height: 72px; box-sizing: border-box; background-color: #fafafa;/* cursor: move;*/ }
.layer-head-text { height: 72px; line-height: 72px; }
.layer-head-text .logo1 { padding: 13px 0 0 0; }
.layer-head-text .logo1 img { display: block; margin: 0 auto; height: 46px; pointer-events:none;-webkit-user-drag: none; user-select: none;}
.layer-close { width: 32px; height: 32px; background: url(../images/ico_close1.png) center no-repeat; background-size: contain; position: absolute; top: 20px; right: 24px; cursor: pointer; }
.layer-close:hover { background-image: url(../images/ico_close1_hover.png); }
.layer-body { width: 100%; height: calc(100% - 72px); }
.popuplay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, .6); display: none; }
.popuplayout { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.zoomIn{
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;}
@-webkit-keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}
@keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}


.bannerbg{ margin-top:20px; overflow:hidden;}
.bannerbg .banner_box{ width:146.1%; margin-left:-23.05%;}
.slider.responsive{}
.slider.responsive .slick-slide{}
.slider.responsive .slick-slide .img{ padding:0 10px;}
.slider.responsive .slick-slide img{ display:block; width:100%; border-radius:12px; opacity: 0.4; }
.slider.responsive .slick-slide.slick-center img{ opacity:1;}
.slider.responsive .slick-prev,.slider.responsive .slick-next{ width:56px; height:56px; margin-top:-28px; border-radius:100%; background-color:rgba(0, 0, 0, 0.4); background-size:8px 16px; background-position:center; background-repeat:no-repeat;}
.slider.responsive .slick-prev{ left:34.5%; background-image:url(../images/ico_lt1.png);}
.slider.responsive .slick-next{ right:34.5%; background-image:url(../images/ico_rt1.png);}
.slider.responsive .slick-prev:hover{ background-image:url(../images/ico_lt1_hover.png);}
.slider.responsive .slick-next:hover{ background-image:url(../images/ico_rt1_hover.png);}
.slick-prev:before, .slick-next:before{ display:none;}
.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide {
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container1 .swiper-slide img{ display:block; width:100%; border-radius:12px; opacity: 0.4; transition: all 0.3s ease 0s;}
.swiper-container1 .swiper-slide.swiper-slide-active img{ opacity:1;}
.swiper-container1 .swiper-pagination1{ display:none;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ width:56px; height:56px; margin-top:-28px; border-radius:100%; background-color:rgba(0, 0, 0, 0.4); background-size:8px 16px; display:none;}
.swiper-container1:hover .swiper-button-prev1,.swiper-container1:hover .swiper-button-next1{ display:block;}
.swiper-container1 .swiper-button-prev1:hover,.swiper-container1 .swiper-button-next1:hover{ background-color:rgba(0, 0, 0, 0.65);}
.swiper-container1 .swiper-button-prev1{ left:26%; background-image:url(../images/ico_lt1.png);}
.swiper-container1 .swiper-button-next1{ right:26%; background-image:url(../images/ico_rt1.png);}
.swiper-container1 .swiper-button-prev1:hover{ background-image:url(../images/ico_lt1_hover.png);}
.swiper-container1 .swiper-button-next1:hover{ background-image:url(../images/ico_rt1_hover.png);}

.webforce2bg{ padding:10px 0 10px 0; background:#fff;}
.webforce2{}
.webforce2 ul li{ float:left; width:calc((100% - 100px)/6); margin:10px 0 0 20px; transition:all .3s ease; border-radius:12px;}
.webforce2 ul li:hover{ box-shadow: 0 0 8px 0 rgba(0,0,0,.16), 0 0 2px 1px rgba(0,0,0,.16);}
.webforce2 ul li:nth-child(6n-5){ margin-left:0; clear:left;}
.webforce2 ul li .img{/* padding-bottom:80%; position:relative;*/ border-radius:12px; overflow:hidden;}
.webforce2 ul li .img img{ display:block; width:100%;/* height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;*/}
.webforce2 ul li .img .ico2{ display:none;}
.webforce2 ul li:hover .img .ico1{ display:none;}
.webforce2 ul li:hover .img .ico2{ display:block;}

.webforce3bg{ padding:20px 0 25px 0; background:#fff;}
.webforce3{}
.slideTxtBox_02{ padding-top:56px; position:relative;}
.slideTxtBox_02 .hd{ width:100%; background:#fff; height:55px; line-height:55px; border-bottom:1px solid #ededed; position:absolute; top:0; left:0; z-index:11;}
.slideTxtBox_02 .hd .logo1{ position:absolute; left:80px; top:50%; transform:translateY(-50%); display:none;}
.slideTxtBox_02 .hd .logo1 img{ display:block; height:24px;}
.slideTxtBox_02.active{/* padding-top:0;*/}
.slideTxtBox_02.active .hd{ position:fixed; top:0; left:0;backdrop-filter: blur(30px); background:#f8f8f8;}
.slideTxtBox_02.active .logo1{ display:block;}
.slideTxtBox_02 .hd ul{ min-width:1200px; margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.slideTxtBox_02 .hd ul li{}
.slideTxtBox_02 .hd ul li a{ display:block; font-size:20px; color:#999; border-bottom:1px solid transparent; padding:0 30px;}
.slideTxtBox_02 .hd ul li a:hover{ color:#222;}
.slideTxtBox_02 .hd ul li.on a{ color:#222; border-color:#222;}
.slideTxtBox_02 .bd{ }
.dingwei_div{ padding-top:56px; margin-top:-56px;}
.webforce3_list { }
.webforce3_list ul{ padding-top:30px;}
.webforce3_list ul li { float: left; width: calc((100% - 100px)/5); margin: 0 0 25px 25px; }
.webforce3_list ul li:nth-child(5n-4) { margin-left: 0; clear: left; }
.webforce3_list ul li .nr_box { border: 1px solid #ddd; background: #fff; }
.webforce3_list ul li .imgbg { position: relative; }
.webforce3_list ul li .img { padding-bottom: 75%; position: relative; z-index: 1; overflow: hidden; }
.webforce3_list ul li .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; z-index: 1; }
.webforce3_list ul li .img:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 2; opacity:0; visibility:hidden; transition:all .5s ease;}
.webforce3_list ul li .imgbg:hover .img:before { opacity:1; visibility:visible;}
.webforce3_list ul li .img:after{ content:""; width:60px; height:60px; background:url(../images/ico_search2.png) center no-repeat; background-size:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; visibility:hidden; transition:all .5s ease;}
.webforce3_list ul li .imgbg:hover .img:after{ opacity:1; visibility:visible;}
/*.webforce3_list ul li .img:before{ content:""; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; z-index:2; transition:all .6s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.webforce3_list ul li .imgbg:hover .img:before{-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}*/
.webforce3_list ul li .txt2bg { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; transition: all .6s ease; -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.webforce3_list ul li .imgbg:hover .txt2bg { -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); filter: "alpha(opacity=100)"; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.webforce3_list ul li .txt2 { color: #fff; width: 300px; margin: 0 auto; }
.webforce3_list ul li .txt2 .h2 { font-size: 14px; line-height: 24px; border: 1px solid #fff; padding: 10px 10px; background: url(../images/dmz_02.png) right 20px top 5px no-repeat; }
.webforce3_list ul li .txt2 .h2 span { float: left; width: 50%; margin: 2px 0; }
.webforce3_list ul li .txt2 .h3 { font-size: 14px; line-height: 34px; height: 36px; margin-top: 40px; }
.webforce3_list ul li .txt2 .h3 a { display: inline-block; border: 1px solid #fff; border-radius: 3px; color: #fff; padding: 0 20px 0 40px; background-position: left 20px center; background-repeat: no-repeat; background-size: auto 14px; }
.webforce3_list ul li .txt2 .h3 a:hover { background-color: #fff; color: #333; }
.webforce3_list ul li .txt2 .h3 .button1 { background-image: url(../images/ylwz.png); }
.webforce3_list ul li .txt2 .h3 .button1:hover { background-image: url(../images/ylwz_hover.png); }
.webforce3_list ul li .txt2 .h3 .button2 { float: right; background-image: url(../images/jgxq.png); }
.webforce3_list ul li .txt2 .h3 .button2:hover { background-image: url(../images/jgxq_hover.png); }
.webforce3_list ul li .txt1 { padding: 7px 10px 8px 10px; color: #666; }
.webforce3_list ul li .txt1 .h2 { height: 26px; line-height: 26px; font-size: 14px; }
.webforce3_list ul li .txt1 .h2 strong { float: left; font-weight:bold; margin-right: 10px; }
.webforce3_list ul li .txt1 .h2 em { font-style: normal; font-size: 15px; }
.webforce3_list ul li .txt1 .h2 span { width: 26px; height: 26px; background: url(../images/shouji.png) no-repeat; border-radius: 100%; float: left; margin-right: 6px; position: relative; overflow: hidden; }
.webforce3_list ul li .txt1 .h2 span:hover { background-image: url(../images/shouji_hover.png); }
.webforce3_list ul li .txt1 .h2 span.ico1 { background-position: left center; }
.webforce3_list ul li .txt1 .h2 span.ico2 { background-position: center center; }
.webforce3_list ul li .txt1 .h2 span.ico3 { background-position: right center; }
.webforce3_list ul li .txt1 .h2 span img { position: absolute; top: -26px; left: 0; }
.webforce3_list ul li .txt1 .h2 span:hover img { top: 26px; transition: all .6s ease; }
.webforce3_list ul li .txt1 .h2 i.sc { float: right; width: 16px; height: 26px; background: url(../images/dmz_03.png) center no-repeat; background-size:auto 16px; cursor:pointer;}
.webforce3_list ul li .txt1 .h2 i.sc:hover{ background-image:url(../images/dmz_03_hover.png);}
.webforce3_list ul li .txt1 .h2 i.view { float: right; height: 26px; line-height:26px; background: url(../images/view.png) left center no-repeat; background-size:20px auto ; padding-left:22px; margin-left:10px; font-style:normal; cursor:default;}
.webforce3_list ul li .txt1 .h2 i.view:hover{ background-image:url(../images/view_hover.png);}
.webforce3_list ul li .txt1 .h3 { height: 24px; line-height: 24px; font-size: 14px; padding-top: 8px; margin-top: 7px; border-top: 1px solid #ddd; }
.webforce3_list ul li .txt1 .h3 strong { float: left; font-weight: normal; }
.webforce3_list ul li .txt1 .h3 span.bh { font-size: 15px; margin-left:-2px;}
.webforce3_list ul li .txt1 .h3 span.copied { white-space: nowrap; color: #666; position: absolute; left: calc(100% + 6px); top: 0; display: none; }
.webforce3_list ul li .txt1 .h3 a { float: right; background: #f60; color: #fff; border-radius: 3px; width: 70px; text-align: center; position: relative; }
.webforce3_list ul li .txt1 .h3 a:hover { background: #f40; }
.webforce3_list ul li .txt1 .h3 .button1 { background: #037f00; color: #fff; position: relative; z-index: 1; }
.webforce3_list ul li .txt1 .h3 .button1:hover { background: #036300; }
.webforce3_list ul li .txt1 .h3 .button1 button { border: none; background: none; width: 70px; height: 24px; line-height: 24px; color: #fff; cursor: pointer; font-size: 14px; padding: 0; }
.webforce3_list ul li .txt1 .h3 .button2 { margin-left:20px;}
@media(max-width:1820px) {
.webforce3_list ul li { float: left; width: calc((100% - 80px)/5); margin: 0 0 20px 20px; }
.webforce3_list ul li .txt1{ padding:7px 5px 8px 5px}
.webforce3_list ul li .txt1 .h2{ font-size:12px;}
.webforce3_list ul li .txt1 .h2 strong{ margin-right:5px;}
.webforce3_list ul li .txt1 .h2 em{ font-size:13px;}
.webforce3_list ul li .txt1 .h2 span{ margin-right:2px;}
.webforce3_list ul li .txt1 .h3{ font-size:12px;}
.webforce3_list ul li .txt1 .h3 span.bh{ font-size:13px;}
.webforce3_list ul li .txt1 .h3 .button2 { margin-left:10px;}
}
@media(max-width:1560px) {
.slideTxtBox_02 .hd .logo1{ left:30px;}

.webforce3_list ul li .txt1 .h3 a{ width:54px; font-size:12px;}
.webforce3_list ul li .txt1 .h3 .button1 button{ width:54px; font-size:12px;}
.webforce3_list ul li .txt1 .h3 .button2 { margin-left:5px;}
}


.copied1_box{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:9999; top:0; left:0; display:none;}
.copied1bg{ width:100%; height:100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.copied1{ font-size:14px; line-height:44px; padding:0 20px 0 40px; background:#fff; border-radius:3px; box-shadow:0px 0px 10px rgba(0,0,0,.5); position:relative; color:#0C0;}
.copied1 i{ width:14px; height:14px; position:absolute; left:20px; top:15px;}
.copied1 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}


.collect1_box{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:9999; top:0; left:0; display:none;}
.collect1bg{ width:100%; height:100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.collect1{ font-size:14px; line-height:44px; padding:0 20px 0 40px; background:#fff; border-radius:3px; box-shadow:0px 0px 10px rgba(0,0,0,.5); position:relative; color:#0C0;}
.collect1 i{ width:14px; height:14px; position:absolute; left:20px; top:15px;}
.collect1 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}


.proFunc1bg{ padding:56px 0 120px 0;/* background:#fff;*/}
.proFunc1{ position:relative;}
.proFunc1 .h1{font-size: 33px; line-height: 43px; font-weight: bold; text-align: center; margin-bottom:56px;}
.proFunc1_lt{ width:96px; position:fixed; }
.proFunc1_lt ul{ position:relative; padding:60px 0;}
.proFunc1_lt ul:before{ content:""; width:1px; height:483px; background:url(../images/ruler.png) center no-repeat; position:absolute; top:0; right:0;}
.proFunc1_lt ul li{ margin-bottom:10px;}
.proFunc1_lt ul li a{ display:block; font-size:13px; line-height:23px; color:#333; position:relative; text-align:right; padding-right:15px;}
.proFunc1_lt ul li.active a{ color:#01a3e4;}
.proFunc1_lt ul li.active a:before{ content:""; width:9px; height:9px; border-radius:100%; background:#01a3e4; position:absolute; top:7px; right:-4px;}
.proFunc1_rt{ width:1024px; margin:0 auto;}
.proFunc1_rt .list1{}
.proFunc1_rt .form{ font-size:14px; line-height:24px; background:#fff; border-radius:8px;}
.proFunc1_rt .form table{ border-collapse:collapse; border:1px solid #eee; border-radius:8px; overflow:hidden;}
.proFunc1_rt .form table td{ padding:20px 10px; text-align:center}
.proFunc1_rt .form table tr:nth-child(1) td{ text-align:center !important; padding:35px 10px;}
.proFunc1_rt .form table tr td:nth-child(1){ width:110px;}
.proFunc1_rt .form table tr td:last-child{ text-align:left;}
.proFunc1_rt .form table .tit2{ font-size:16px; line-height:26px; font-weight:bold;}


.cooperation1bg{ min-height: calc(100vh - 88px);}
.cooperation1bg .wapper2{ max-width:1024px; min-width:1024px; padding:20px 0 20px 0;}
.cooperation1bg .wapper2>.h1{ font-size:33px; line-height:43px; font-weight:bold; text-align:center;}
.cooperation1{ padding:5px 60px 20px 60px; background:#fff; border-radius:8px; margin-top:15px;}
.cooperation1 .list1{}
.cooperation1 .list1 .box1{ }
.cooperation1 .list1 .box1 dl{ margin-top:10px;}
.cooperation1 .list1 .box1 dl dt{ margin-bottom:5px;}
.cooperation1 .list1 .box1 dl dt .h2{ font-size:18px; line-height:28px; font-weight:bold;}
.cooperation1 .list1 .box1 dl dd{}
.cooperation1 .list1 .box1 dl dd .txt{ font-size:14px; line-height:24px; }
.cooperation1 .list2{ margin-top:10px;}
.cooperation1 .list2 .h1{ font-size:18px; line-height:28px; font-weight:bold; text-align:left;}
.cooperation1 .list2 .form{ max-width:660px; margin-top:10px;}
.cooperation1 .list2 .form ul li{ margin-top:10px;}
.cooperation1 .list2 .form .text1{ display:block; border:1px solid #ddd; background:#fff; border-radius:4px; height:38px; line-height:38px; padding:0 15px; width:calc(100% - 32px); color:#333;}
.cooperation1 .list2 .form .text1:focus{ border-color:#f60;}
.cooperation1 .list2 .form .text2{ display:block; border:1px solid #ddd; background:#fff; border-radius:4px; height:76px; line-height:38px; padding:0 15px; width:calc(100% - 32px); color:#333;}
.cooperation1 .list2 .form .text2:focus{ border-color:#f60;}
.cooperation1 .list2 .form select{ display:block; border:1px solid #ddd; background:#fff; border-radius:4px; height:40px; line-height:38px; padding:0 10px; width:100%; color:#333;}
.cooperation1 .list2 .form select:focus{/* border-color:#f60;*/}
.cooperation1 .list2 .form .button1{ display:block; border:1px solid #f60; background:#f60; border-radius:4px; line-height:40px; text-align:center; width:calc(100% - 2px); color:#fff;}
.cooperation1 .list2 .form .button1:hover{ border-color:#f40; background:#f40;}
.cooperation1 input::-webkit-input-placeholder, .cooperation1 textarea::-webkit-input-placeholder { color: #999; font-size:14px; }
.cooperation1 input:-moz-placeholder, .cooperation1 textarea:-moz-placeholder { color: #999; font-size:14px; }
.cooperation1 input::-moz-placeholder, .cooperation1 textarea::-moz-placeholder { color: #999; font-size:14px; }
.cooperation1 input:-ms-input-placeholder, .cooperation1 textarea:-ms-input-placeholder { color: #999; font-size:14px; }


/*提示框*/
.popup_tip_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999;}
.popup_tip_close1{ width:100%; height:100%; position:absolute; top:0; left:0;}
.popup_tipbg{ min-width:100px; max-width:750px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.popup_tip{ border-radius:8px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); }
.popup_tip_close2{ display:none;}
.popup_tip_txt{ padding:15px 20px; text-align:center; font-size:14px; line-height:24px;}
.popup_tip_txt span{ display:inline-block; padding-left:30px; position:relative;}
.popup_tip_txt span i{ width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.success .popup_tip_txt span{ color:#4ebb23; }
.error .popup_tip_txt span{ color:#f34b51; }
.warning .popup_tip_txt span{ color:#f1b306; }
.success .popup_tip_txt span i{ background-image:url(../images/ico_success.png);}
.error .popup_tip_txt span i{ background-image:url(../images/ico_error.png);}
.warning .popup_tip_txt span i{ background-image:url(../images/ico_warning.png);}
@-webkit-keyframes fadeInUp2 { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUp2 { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

/*user_pay页面*/
.user_pay1 {
    padding: 2vw 0 20px 0;
}
.user_pay1 .wapper3 .pay_wxts{
    color: #f60;
    background: #FCF8E2;
    border: 1px solid #FBECCB;
    padding: 12px;
    padding-left: 35px;
    line-height: 18px;
    position: relative;
}

.user_pay1 .wapper3 .pay_wxts img{
    width: 20px;
    position: absolute;
    left: 12px;
    top: 10px;
}

.txzfxx table {
    background: #f4f4f4;
}

.txzfxx table tr td {
    font-size: 18px;
    color: #333;
    padding: 0 10px;
}

.txzfxx table tr td input {
    border: #ddd solid 1px;
    display: block;
    outline: none;
    border-radius: 5px;
    padding: 0;
    margin: 15px 0;
    height: 36px;
    width: 300px;
    padding-left: 10px;
    transition: all 0.2s;
    background: #fff;
}

.gm_zfff {
    margin-top: 20px;
}

.gm_zfff .hd {
    height: 40px;
    background: url(../images/gm_02.gif) bottom repeat-x;
}

.xs-msg-erro {
    height: 0px;
    background: #FCF1F1;
    color: #CC3333;
    margin-top: 10px;
    overflow: hidden;
}

.gm_zfff .hd ul li {
    float: left;
    height: 39px;
    line-height: 39px;
    font-size: 18px;
    width: 200px;
    cursor: pointer;
    text-align: center;
    background: #f4f4f4;
    margin-right: 10px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.gm_zfff .hd ul li.on {
    background: url(../images/gm_01.gif) no-repeat;
    color: #ce1b29;
    height: 40px;
    line-height: 40px;
}

.gm_zfff .bd ul {
    padding-bottom: 0px;
}
.gm_zfff .bd ul {
    padding: 20px 0;
}

.gm_zfff .bd ul li span {
    float: left;
    padding-right: 20px;
    margin-bottom: 15px;
}

.gm_zfff .bd ul li img {
    border: #ddd solid 2px;
    cursor: pointer;
    border-radius: 5px;
}

.gm_zfff .bd ul li img:hover {
    border: #66afe9 solid 2px;
}

.gm_zfff .bd .zf_hover img {
    border-radius: 5px;
    border: #26a826 solid 2px;
}

.fgx {
    border-bottom: #ddd dotted 1px;
    height: 1px;
    margin-bottom: 20px;
}
.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    clear: both;
}
.btnbc {
    border: none;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #e72f3c;
    transition: all 0.2s;
    width: 288px;
    height: 40px;
    line-height: 40px;
}
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .8;
    filter: alpha(opacity = 80);
}
.white_content {
    display: none;
    position: absolute;
    top: 200px;
    left: 10%;
    width: 80%;
    height: 80%;
    border: none;
    z-index: 1002;
    overflow: auto;
    text-align: center;
}
.reveal-modal {
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -238px;
    margin-top: -218px;
    width: 460px;
    height: 420px;
    border: #b1b1b1 solid 8px;
    background: #fff;
    position: fixed;
    z-index: 9999;
}
.reveal-modal h2 {
    height: 50px;
    background: #4a5a78;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
}
.reveal-modal h2 strong {
    float: left;
    font-weight: normal;
}
.reveal-modal h2 span {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    line-height: 24px;
    overflow: hidden;
    cursor: pointer;
}
.reveal-modal .title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    color: #666;
    margin-top: 30px;
}
.reveal-modal .con {
    width: 190px;
    height: 190px;
    border: #ddd solid 1px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}
.reveal-modal .con .shuaxin {
    position: absolute;
    display: none;
    left: 0;
    top: 0px;
    width: 190px;
    height: 190px;
    background: url(../images/bgbg.png) no-repeat;
}
.reveal-modal .daojishi {
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.reveal-modal .daojishi span {
    color: #ff5d5b;
}
.reveal-modal .qtzf {
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 30px;
    margin-top: 10px;
    border-top: #c6c6c6 solid 1px;
}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index: 9998;
    display: none;
    top: 0;
    left: 0;
}
.wxewmid img{
    width: 100%;
}

.reveal-modal .con .shuaxin a {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 30px;
    text-align: center;
    border: #f1f2f7 solid 1px;
    background: #f1f2f7;
    margin-top: 79px;
    color: #666;
    border-radius: 2px;
}