/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
 @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../fonts/sourcehansanscn-normal.woff2") format("woff2"),
       url("../fonts/sourcehansanscn-normal.woff") format("woff"),
       url("../fonts/sourcehansanscn-normal.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-normal.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 
@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/montserratsemibold.eot');
    src: url('fonts/Montserrat-SemiBold/MontserratSemiBold.eot') format('embedded-opentype'),
         url('../fonts/montserratsemibold.woff2') format('woff2'),
         url('../fonts/montserratsemibold.woff') format('woff'),
         url('../fonts/montserratsemibold.ttf') format('truetype'),
         url('../fonts/montserratsemibold.svg') format('svg');
}
 
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/montserrat-medium.woff2") format("woff2"),
       url("../fonts/montserrat-medium.woff") format("woff"),
       url("../fonts/montserrat-medium.ttf") format("truetype"),
       url("../fonts/montserrat-medium.eot") format("embedded-opentype"),
       url("../fonts/montserrat-medium.svg") format("svg"),
       url("fonts/Montserrat-Medium/Montserrat-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 


body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#333;
}
a{
    color:inherit;
	color:#333;
    text-decoration: none; 
}
a:hover  {
    color:#3a90e9;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
ul,li{
margin:0; padding:0}
::-moz-placeholder { color:#9e9e9e; }
input:-webkit-input-placeholder { color:#9e9e9e; } 
input:-moz-placeholder { color:#9e9e9e; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.wmid{
margin:0 auto; max-width:75%;}
/*********header**********/
.header_top{ font-size:13px; color:#444; line-height:40px;
background-color:#f0f0f0; overflow:hidden;  }
.header_top_left{
float:left;}
.header_top_right{
float:right}
.header_top_right ul li{ float:right;
  position:relative}
.header_top_right ul li:nth-child(1):before{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:20px; height:20px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/h_img1.png);}
.header_top_right ul li:nth-child(1){
padding-left:18px;}
.header_top_right ul li:nth-child(1) a{ float:left;
display:inline-block; padding:0 6px; position:relative; }
.header_top_right ul li:nth-child(1) a:nth-child(1){background-position:right center; background-repeat:no-repeat; 
/*background-image:url(../images/img2.png);*/
}
.header_top_right ul li:nth-child(1) a:last-child{
float:right; padding-left:18px; margin-left:12px; padding-right:0}
.header_top_right ul li:nth-child(1) a:last-child:before{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%); width:12px; height:17px;
    transform: translateY(-50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/h_img3.png);}
.header_mid{ padding:2em 0; overflow:hidden; position:relative;
background-position:center top; background-repeat:repeat-x; background-image:url(../images/img4.jpg);}
.header_mid:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-image:url(../images/bg.jpg);}
.header_mid_left{
position:relative}
.header_mid_left_right{ width:255px; padding-left:32px; background-position:16px center; background-repeat:no-repeat; background-image:url(../images/img5.png);
position:absolute; left:100%; line-height:1.6; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); color:#54a2da; font-size:13px; }
.header_mid_left{
  max-width:31.31944444444444%;}
.header_mid .wmid{ z-index:10;
position:relative}
.header_mid_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); width:335px;}
.header_mid_right_mid{ overflow:hidden; padding-left:70px; line-height:38px; height:38px;
position:relative; padding-right:43px; border:1px #e9e9e9 solid; background-color:#fff}
.header_mid_right_mid_right{
position:absolute; right:0; top:0; height:100%; width:43px;}
.header_mid_right_mid_right button{
border:none; background:none; width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;   cursor:pointer; background-color:#02d399;}
.header_mid_right_mid_right button i{webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
position:absolute; left:50%; top:50%;  z-index:10; width:1.5em; height:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/search.png);}
.header_mid_right_mid_right button:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#00b482;}
.header_mid_right_mid_right button:hover:after{
width:100%;}
.header_mid_right_mid_left_left{
position:absolute; left:10px; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header_mid_right_mid_left_left select{ color:#9e9e9e;
border:none; background:none; font-size:13px;}
.header_mid_right_mid_left_right{ padding-left:10px;
background-position:left center; background-repeat:no-repeat; background-image:url(../images/img8.jpg);
 }
.header_mid_right_mid_left_right input{ height:38px; line-height:38px;
border:none; width:100%; background:none; background-color:#fff; font-size:13px;}
.header_nav{
background-color:#1479d7;}
.header_nav ul li{ font-family:Verdana, Arial, Helvetica, sans-serif;
float:left; position:relative; z-index:10;}
.header_nav ul li a.biga{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#fff; font-size:1.125em; display:block; position:relative; line-height:2.777777777777778em; text-align:center}
.header_nav ul li a.biga:hover,.header_nav ul li a.bigaon,.header_nav ul li:hover a.biga{
background-color:#105ca2;}
.header_nav ul li a.biga:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:888;
content:''; position:absolute; left:50%; top:110%;opacity:0; width:0.9444444444444444em; height:.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img9.png);-webkit-transform: translateX(-50%);transform: translateX(-50%); z-index:888;}
.header_nav ul li a.biga:hover:after,.header_nav ul li a.bigaon:after,.header_nav ul li:hover a.biga:after{
top:100%;opacity:1;}
.header_nav ul li a.biga.nosec:after{
display:none}
.header_nav ul li dl{ display:none;
position:absolute; left:0; width:100%; z-index:100; background-color:rgba(0, 0, 0, 0.5); text-align:center;}
.header_nav ul li dl a{ padding:4px 0px;
display:inline-block; position:relative; color:#fff;}
.header_nav ul li dl dd{
margin:1em 0;}
.header_nav ul li dl a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#02c980; width:0;}
.header_nav ul li dl a:hover:after{
width:100%;}
/***********index***********/
.index_1{ overflow:hidden; padding-bottom:7.5em;
background-color:#f0f6f7; text-align:center;}
.index_1_no_hot{
padding-top:7.5em;}
.index_1_1 a{ padding-left:1.136363636363636em; text-align:left;
font-size:2.75em; color:#333333; font-weight:bold; display:inline-block; position:relative;}
.index_1_1 a:before{
content:''; position:absolute; left:0; top:0.2em; width:0.9090909090909091em; height:0.9090909090909091em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.index_1_2{ margin-top:1.5em; margin-bottom:4em; text-align:left;
font-size:.9375em; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden}
.index_1_1{
margin-top:4.875em;}
.index_1_1 a:hover{
color:#f12f44}
.index_1_3{ overflow:hidden; min-height:25.790625em;
position:relative; background-color:#fff;}
.index_1_3_right{
margin-left:50%; position:relative; z-index:10;}
.index_1_3_bg{
position:absolute; right:0; top:0; width:17.01388888888889%;}
.index_1_3_right_mid_1 a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-right:5px;border-radius: 2.1em;
font-size:1.25em; color:#3a90e9; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; border:1px #3a90e9 solid;   width:6.75em; line-height:2.1em; text-align:center; position:relative; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif}
.index_1_3_right_mid_1 a span{
position:relative; z-index:10;}
.index_1_3_right_mid_1 a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-image:url(../images/img5.jpg);
content:''; position:absolute; left:0; top:0; width:0%; height:100%;background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_3_right_mid_1 a:hover:after,.index_1_3_right_mid_1 a.on:after{
width:100%;}
.index_1_3_right_mid_1 a:hover,.index_1_3_right_mid_1 a.on{
color:#fff; border-color:#fff }
.index_1_3_right_mid_2_mid_1{
min-height:13.425em}
.index_1_3_right_mid_2_mid_1 ul li a{ padding-left:6.5625em; padding-right:8em;
display:block; position:relative; text-align:left;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_1_3_right_mid_2_mid_1 ul li a.nc_link_212{
padding-left:9.5em;}
.index_1_3_right_mid_2_mid_1 ul li a.nspan{
padding-left:1.25em;}
.index_1_3_right_mid_2_mid_1 ul li a:hover{
color:#f34540}
.index_1_3_right_mid_2_mid_1_left{ padding-left:1.25em;
position:absolute; left:0; color:#999999;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_1_3_right_mid_2_mid_1_right{font-family: "Montserrat-Medium";
position:absolute; right:0; font-size:13px; color:#444;}
.index_1_3_right_mid_2_mid_1 ul li{
margin-top:1.125em;}
.index_1_3_right_mid_2_mid_1 ul li:nth-child(1){
margin-top:2.5vw;}
.index_1_3_right_mid_2_mid_1 ul li a:hover .index_1_3_right_mid_2_mid_1_left{
color:#f34540}
.index_1_3_right_mid{
margin:2.5vw;}
.index_1_3_right_mid_2_mid{
display:none}
.index_1_3_right_mid_2_mid_1_left:before,.index_1_3_right_mid_2_mid_1 ul li a.nspan:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; width:10px; height:10px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img9.png);}
.index_1_3_right_mid_2_mid_1 ul li a:hover .index_1_3_right_mid_2_mid_1_left:before{
background-image:url(../images/img10.png);}
.index_1_3_right_mid_2_mid_1 ul li a.nspan:hover:before{
background-image:url(../images/img10.png);}

.c_view{ width:108px; height:30px; line-height:30px;
display:inline-block; position:relative; font-size:13px; ont-family: "Montserrat-Medium"; color:#000; font-weight:bold}
.index_1_3_right_mid_2_mid_2{
text-align:left; margin-top:1.875vw;}
.c_view i{ overflow:hidden;
 position:absolute; width:30px; height:30px;   right:0; top:0;border-radius: 50%; overflow:hidden;}
.c_view i:after{ content:''; left:0; right:0; background-image:url(../images/img4.png); position:absolute;  background-position:center; width:100%; height:100%;transition:0.3s;}
.c_view i:before{ content:''; z-index:10; right:100%; background-image:url(../images/img3.png); position:absolute;  background-position:center; width:100%; height:100%;transition:0.3s;}
.c_vew:hover i:after{
left:100%;}
.c_view:hover i:before{ right:0}
.c_view:hover{
color:#1479d7}
.index_1_3_right_mid_1{
text-align:left;}
.index_1_3_right_mid_1 a:last-child{
margin-right:0}
.index_1_3_left{
position:absolute; left:0; top:0; width:50%; height:100%;}
.index_1_3_left .swiper-slide{
width:100%; height:100%;}
.index_1_3_left .swiper-slide:after{ background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img7.png);
content:''; position:absolute; left:0; bottom:0; width:100%; height:3.75em;}
.index_1_3_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_3_left a{
display:block}
.index_1_3_left_name{
position:absolute; left:0; bottom:0; width:100%; color:#fff;}
.index_1_3_left_name h2{ margin-bottom:1em; z-index:10; padding-right:5em;
font-size:1.25em; position:relative; padding-left:1em; text-align:left; font-weight:normal}
.index_1_3_left_left{ left:1em; left:-3.75em; top:50%;-webkit-transform: translateY(-50%);transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateY(-50%); background-image:url(../images/pp.png); cursor:pointer;opacity:.5;border-radius:100%; 
position:absolute; z-index:10; width:2.875em; height:2.875em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_3_left_right{ right:1em; right:-3.75em; top:50%;-webkit-transform: translateY(-50%);transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateY(-50%); background-image:url(../images/nn.png); cursor:pointer;opacity:.5;border-radius:100%; 
position:absolute; z-index:10; width:2.875em; height:2.875em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_3_left_right:hover,index_1_3_left_left:hover{
opacity:1;}
.index_1_3_left:hover .index_1_3_left_right{
right:1em;}
.index_1_3_left:hover .index_1_3_left_left{
left:1em;}
.indexbanner{
background-color:#1479d7}
.index_1_3_num{ font-family: "Montserrat-Medium";
position:absolute; right:1em; bottom:.5em; color:#fff; z-index:10; font-size:1.125em;}
.index_1_3_num span{
color:#fd1f1f; font-size:1.875em; font-style:italic}
.index_1_3_bg_2{
position:absolute; right:0; bottom:0; max-width:5.69444444444444%;}
.index_2_1{
position:relative; }
.index_2_1_right{
position:absolute; right:0; bottom:0;}
.index_2_1_right a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-position:center; background-repeat:no-repeat; background-size:cover;
display:inline-block; text-align:center; width:8.625em; line-height:2.625em; color:#222; border-radius: 2.625em;position:relative; border:1px #222222 solid;}
.index_2_1_right a span{font-family: "Montserrat-Medium";
font-size:13px; position:relative; z-index:10;}
.index_2_1_right a:before{
content:''; position:absolute; height:1px; background-color:#222; top:50%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.875em; left:-.9375em; z-index:1;}
.index_2_1_right a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-image:url(../images/img5.jpg); 
content:''; position:absolute; left:100%; top:0; height:100%; width:0%;opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover;border-radius: 2.625em;}	
.index_2_1_right a:hover{
color:#fff; border-color:#fff;}
.index_2_1_right a:hover:before{
background-color:#fff; width:72%; left:50%;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.index_2_1_right a:hover:after{
left:0; width:100%; opacity:1;}	
.index_2_1_left{
display:inline-block; position:relative;}	
.index_2_1_left_right{ line-height:1.5;
position:absolute; left:10.625em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; bottom:0.2em; color:#666666;}
.index_2_1_left_right_2{
font-size:.875em;}
.index_2_1_left_right_1{
font-size:13px;font-family: "Montserrat-Medium";}
.index_2_1_left_left_1 span{
display:inline-block; padding-top:.34em; position:relative; font-size:2.5em; color:#222;}
.index_2_1_left_left_1 span:before{
content:''; position:absolute; left:0; top:0; width:100%; height:0.15em; background-color:#1479d7;}
.index_2{
margin-top:5.4375em;  }
.index_2_2{
margin-top:3.75em;}
.index_2_2_1{ position:relative;
overflow:hidden;}
.index_2_2_1 img{
width:100%; position:relative;}
.index_2_2_2{ margin-top:1.5em; position:relative;
font-size:1.5em; color:#000; font-weight:bold}
.index_2_2_3{
font-size:.9375em; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word; margin-top:.875em;
word-break:break-all; overflow:hidden; color:#000;}
#indexproject_sb{ margin:0 auto; margin-top:5.5em;
position:relative; left:auto; right:auto; top:auto; bottom:auto; width:45.13888888888889%; height:7px; background:none;}
#indexproject_sb .swiper-scrollbar-drag{
z-index:10; background-color:#02d399;border-radius:0}
#indexproject_sb:after{
content:''; position:absolute; left:0; width:100%; height:3px; top:50%; margin-top:-1.5px; background-color:#cccccc}
.scrobar_nav{
text-align:center;}
.scrobar_nav div{
display:inline-block; margin-top:15px; margin-bottom:6.25em;}
.scrobar_nav_left{ cursor:pointer;
width:7px; height:10px; background-position:center; background-image:url(../images/img14.jpg); background-repeat:no-repeat;}
.scrobar_nav_right{ cursor:pointer;
width:7px; height:10px; background-position:center; background-image:url(../images/img15.jpg); background-repeat:no-repeat;}
.index_3{ padding-top:4em; padding-bottom:7.5em; position:relative;
overflow:hidden; background-color:#f3f7f9; background-position:center top; background-repeat:no-repeat; }
.index_3_bg{ background-position:center top; background-repeat:no-repeat;
position:absolute; left:0; top:0; width:100%; height:47.65625vw;background-image:url(../images/img20.jpg);}
.index_3 .wmid{
z-index:10}
.whitetext,.index_2_1_left_left_1 span.whitetext{
color:#fff}
.index_2_1_left_left_1 span.whitetext:before{
background-color:#fff}
.index_2_1_right a.whitebtn{
color:#fff; border-color:#fff}
.index_2_1_right a.whitebtn:before{
background-color:#fff}
.index_2_1_right a.whitebtn:hover{
border-color:rgba(255, 255, 255, 0);}
.index_3_1{ background-color:#fff;
margin-top:2.5em; position:relative;}
.index_3_1_right{
margin-left:50%; overflow:hidden}
.index_3_1_right_mid{
margin:0 3.64583333333333vw; margin-top:3.64583333333333vw;}
.index_3_1_right_mid_1{
position:relative;}
.index_3_1_right_mid_1_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.index_3_1_right_mid_1_left span{ padding-left:0.8em; position:relative;
font-size:1.875em; color:#1479d7; display:inline-block; line-height:1.2;  }	
.index_3_1_right_mid_1_left span:before{
content:''; position:absolute; left:0; top:10%; height:80%; width:0.1666666666666667em; background-color:#1479d7}
.index_3_1_right_mid_2 ul li{
border-bottom:1px #d6d6d6 dotted; padding:10px 0px;}
.index_3_1_right_mid_2 ul li a{ min-height:60px; color:#222;
display:block; position:relative; padding-left:75px; padding-right:120px;}
.index_3_1_right_mid_2_left{border:3px #f0f0f0 solid;border-radius:100%;
position:absolute; left:0; top:0; width:54px; height:54px; overflow:hidden;}
.index_3_1_right_mid_2_left img{
width:100%;
}
.index_3_1_right_mid_2_right{
position:absolute; right:0; top:5px; text-align:right}
.index_3_1_right_mid_2_right_2{
font-size:13px;font-family: "Montserrat-Medium";}
.index_3_1_right_mid_2_right_1{
font-size:.875em; margin-bottom:10px; }
.index_3_1_right_mid_2_right_1 span{font-family: "Montserrat-Medium";
color:#f34540; font-weight:bold}
.index_3_1_right_mid_2_mid_2{
font-size:13px;}
.index_3_1_right_mid_2_mid_1{
font-size:14px; font-weight:bold; margin-bottom:10px; padding-top:5px;}
.index_3_1_right_mid_2{
padding:1.25vw 0 2.60416666666667vw 0; border-top:1px #e5e5e5 solid; margin-top:1.125em;}
.index_3_1_left{
position:absolute; left:0; top:0; width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img21.jpg); color:#fff;}
.index_3_1_left_mid_1{
font-size:1.375em; margin-bottom:.4em;}
.index_3_1_left_mid_2{font-family: "Montserrat-Medium";
font-size:3.5em; font-weight:bold; margin-bottom:3vw}
.index_3_1_left_mid{
margin:0 4.16666666666667vw;}
.index_3_1_left_mid_3 a{ color:#fff; text-align:center;border-radius:3px;
display:inline-block;  width:15.625em; line-height:3.75em;}
.index_3_1_left_mid_3 a span{ padding-left:2.2em;
font-size:1.375em; display:inline-block; position:relative;}
.index_3_1_left_mid_3 a:nth-child(1){
background-color:rgba(255, 81, 81, 0.85); margin-right:1.25vw;}
.index_3_1_left_mid_3 a:nth-child(1):hover{background-color:rgba(255, 81, 81, 1); }
.index_3_1_left_mid_3 a:nth-child(2){
background-color:rgba(2, 211, 153, 0.85);}
.index_3_1_left_mid_3 a:nth-child(2):hover{
background-color:rgba(2, 211, 153, 1);}
.index_3_1_left_mid_3 a span:before{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_3_1_left_mid_3 a:nth-child(1) span:before{ background-image:url(../images/i1.png);
width:1.454545454545455em; height:1.363636363636364em;}
.index_3_1_left_mid_3 a:nth-child(2) span:before{background-image:url(../images/i2.png);
width:1.5em; height:1.272727272727273em;}
.index_3_1_left_mid_4{ margin-top:3.28125vw;
font-size:13px; color:rgba(255, 255, 255, 0.25);}
.index_3_1_left_mid_4 span{ padding-left:27px;
display:inline-block; position:relative;}
.index_3_1_left_mid_4 span:before{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.461538461538462em; height:1.461538461538462em;
content:''; position:absolute; left:0; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img18.png);}
.index_4_ad_list li img{
width:100%;}
.index_4_ad_list li{
margin-top:1.25em;}
.index_4_ad_list li:nth-child(1){
margin-top:0}
.index_4{
margin-top:2.5em;}
.index_5{
margin-top:3.75em;}
.index_5_1 ul li{
float:left; width:48.61111111111111%;}
.index_5_1 ul li:nth-child(2n){
float:right}
.index_5_1_mid{
border:1px #eeeeee solid;}
.index_5_1_mid_1{
background-color:#f9f9f9; padding:1.4em 1.6875em;}
.index_5_1_mid_1_mid{
position:relative;}
.index_5_1_mid_1_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.index_5_1_mid_1_left span{
font-size:1.375em;}
.index_5_1_mid_2{
margin:1.875em 1.6875em;}
.index_5_1_mid_2 dl dd a{ padding-left:1.25em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; position:relative; padding-right:9em;}
.index_5_1_mid_2_right{-webkit-transform: translateY(-50%);font-family: "Montserrat-Medium";
    transform: translateY(-50%); font-size:13px;
position:absolute; right:0; top:50%;}
.index_5_1_mid_2 dl dd a:hover{
color:#ff5764}
.index_5_1_mid_2 dl dd{
margin-top:1.125em;}
.index_5_1_mid_2 dl dd:nth-child(1){
margin-top:0}
.index_5_1_mid_2 dl dd a:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; width:10px; height:10px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img9.png);}
.index_5_1_mid_2 dl dd a:hover:before{
background-image:url(../images/img10.png);}
.index_5_1{
margin-top:2.5em;}
.index_5_1 ul li:hover .index_5_1_mid_1{
background-color:#9ec9ee; color:#fff}
.index_5_1 ul li:hover .c_view{
color:#fff}
 
.index_5_1 ul li:hover i:after{
  background-image:url(../images/img8w.png);}

.index_6{
margin-top:3em;}
.index_6_2 ul li{ margin-right:1.27314814814815%;
float:left; width:13.19444444444444%; margin-top:1em; margin-bottom:1em;}
.index_6_2 ul li:nth-child(7){
margin-right:0}
.index_6_2_mid{ position:relative; 
text-align:center; border:1px #eeeeee solid; height:5.20833333333333vw;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:relative; 
}
.myscroll{
height:25.3125em; overflow:hidden}
.index_6_2 ul li:hover .index_6_2_mid{ -webkit-box-shadow:0 0.40625em 0.8125em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.40625em 0.8125em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.40625em 0.8125em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.40625em 0.8125em rgba(0,0,0,0.1);
    box-shadow:0 0.40625em 0.8125em rgba(0,0,0,0.1);}
.index_6_2_mid img{
position:absolute; max-width:88%; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.index_6_2{ margin-bottom:5em;
margin-top:2em;}
.index_6_1{
position:relative;}
.index_6_1_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.index_6_1_right div{opacity:.5; cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; width:2.1875em; height:2.1875em;}
.index_6_1_right_left{ margin-right:8px;
background-image:url(../images/img26.png);}
.index_6_1_right_right{
background-image:url(../images/img25.png);}
.index_6_1_right div:hover{
opacity:1;}
.index_6_2_mid_mask{opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:10; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img27.png);}
.index_6_2_mid_mask p{
margin:0 1em;}
.index_6_2 ul li:hover .index_6_2_mid_mask{
opacity:1;}
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px;height:100%;justify-content:center;left:0;letter-spacing:.1em;line-height:1;position:absolute;top:0;width:100%;z-index:10;  }
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s; position:relative; z-index:10;}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
a:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
a:hover .a-image-hover span:first-child{transition-delay:.12s}
a:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
a:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
a:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.a-image-hover:after{background-color:rgba(0,0,0,.4);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%} 
a:hover .a-image-hover:after{ opacity:1;}
.indexbanner{
position:relative}
/***********footer****************/
#footer{ padding-top:5em; padding-bottom:5em;
background-color:#1c2042; overflow:hidden}
.footer_1{ color:#fff;
position:relative; padding-right:7.5em;}
.footer_1_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); max-width:120px;}
.footer_1_right div{
text-align:center; font-size:13px; color:#fff; opacity:.6; text-align:justify;
    text-align-last:justify; margin-top:8px;}
	
.footer_1_left_1 span{ padding-left:1.043478260869565em;
font-size:2.875em; display:inline-block; position:relative;}
.footer_1_left_1 span:before{ background-image:url(../images/img1.png);top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); left:0;
content:''; position:absolute; width:0.6521739130434783em; height:0.8695652173913043em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_1_left_2{
font-size:.935em; margin-top:1em;}
.footer_1_left_2 a{
color:#fff}
.footer_2{ font-size:13px; color:#bbbcc2;
border-top:1px #333755 solid; margin-top:2.3em; padding-top:1.5em;}
.footer_2 a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#bbbcc2}
.footer_2_1_left_2{
margin-top:1em;}
.footer_2 a:hover{
color:#fff}
.footer_2_1_right{
position:absolute; right:0; top:0;}
.footer_2_1{
position:relative}
/*******about************/
.banner_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.banner_footer_mid{
position:relative; min-height:6.25em;}
.banner_footer_mid_left{ height:100%;
position:absolute; left:0; bottom:0; width:250px; text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img4.png);}
.banner_footer_mid_left span{ padding-left:1.653846153846154em;
display:inline-block; position:relative; font-size:1.625em;}
.banner_footer_mid_left span:before{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.153846153846154em; height:1.153846153846154em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/a_img1.png);}
.banner_footer_mid_right{
position:absolute; right:0; bottom:1em; font-size:13px; color:rgba(255,255,255,.75);}
.banner_footer_mid_right a{color:rgba(255,255,255,.75);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.banner_footer_mid_right a:hover{
color:#fff}
.about_1_mid{
position:relative; min-height:1017px;}
.about_mid_left{ height:100%; background-color:#f0f4f9;
position:absolute; left:0; top:0; width:250px;}
.about_mid_right{
margin-left:250px;}
.about_mid_right_other{
margin-left:0}
.about_1{
margin-bottom:9.375em;}
.about_mid_left ul li a{ position:relative; z-index:10;
display:block; padding-left:3.75em; line-height:3.125em; color:#222}
.about_mid_left ul li a:before{ width:100%;
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#e7edf3}
.about_mid_left ul{
margin-top:1.875em; position:relative}

.HeaderBrick{display:block;overflow:hidden;position:absolute;left:0;width:100%;top:0;  height:3.125em;pointer-events:none;transition: all .5s;background:#dfe6ee;}
.HeaderBrick:after{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/img5.png);
content:''; width:100%; left:0%;  position:absolute; top:0; height:100%;}
.about_mid_right_mid_1{ line-height:1;
position:relative; font-size:2.5em;background-position:center bottom; background-repeat:repeat-x; background-image:url(../images/img3.png);}
.about_mid_right_mid_1_left{
display:inline-block; background-color:#fff; position:relative; z-index:10; padding-right:.5em;}
.about_mid_right_mid_1_right{
position:absolute; left:100%; top:.1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*.about_mid_right_mid_1_right{ width:calc(100% - 4.425em);
position:absolute; left:4.425em; bottom:.15em; padding-bottom:.5em;background-position:center bottom; background-repeat:repeat-x; background-image:url(../images/img3.png);}*/
.about_mid_right_mid_1_right_1{ letter-spacing:1px;
font-size:12px; color:#1479d7; font-family: "Montserrat-Medium";}
.about_mid_right_mid{
margin-left:3.85416666666667vw; padding-top:4.5vw;}
.about_mid_right_mid_2_con{
line-height:2; position:relative; z-index:10}
.about_mid_right_mid_2{
margin-top:3.3vw; position:relative;}
.about_mid_right_mid_2_bg{ max-width:10.41666666666667vw;
position:absolute; right:0; top:16.35416666666667vw;}
.about_mid_right_mid_2_list_1 ul li{
position:relative; padding:1.25em 0; border-bottom:1px #e6e6e6 solid;}
.about_mid_right_mid_2_list_1 ul li:nth-child(1){
padding-top:0}
.about_mid_right_mid_2_list_1_mid{
position:relative; min-height:135px; padding-left:230px;}
.about_mid_right_mid_2_list_1_mid_left{
position:absolute; left:0; top:0; overflow:hidden; width:200px;}
.about_mid_right_mid_2_list_1_mid_left img{
width:100%;}
.about_mid_right_mid_2_list_1_mid_right_1{
font-size:1.25em; color:#333;}
.about_mid_right_mid_2_list_1_mid_right_2{
color:#333; font-size:.9375em; line-height:1.7;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:.875em; margin-bottom:1.125em;}
.about_mid_right_mid_2_list_1_mid_right_3{
font-size:13px; color:#333;font-family: "Montserrat-Medium";}
.about_mid_right_mid_2_list_1_mid_right_3 span:nth-child(1){
float:left}
.about_mid_right_mid_2_list_1_mid_right_3 span:nth-child(2){
float:right}
.about_mid_right_mid_2_list_1 ul li:hover .about_mid_right_mid_2_list_1_mid_right_1{
color:#ff4554;}
.about_mid_right_mid_2_list_1 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:-1px; z-index:10; height:1px; width:0; background-color:#ff4554}
.about_mid_right_mid_2_list_1 ul li:hover:after{
width:100%;}
.pagination{
text-align:center;}
.pagination li{
display:inline-block; margin:0 2px;}
.pagination li a,.pagination li span{
border:1px #ededed solid; display:inline-block; padding:.3em .7em; color:#999} 
.pagination li a:hover{
border-color:#ff4554; color:#222;}
.pagination li.active span{
color:#fff; background-color:#ff4554; border-color:#ff4554}
.about_mid_right_mid_2_list_2{
margin-top:3.75em;}
.about_info_1{
text-align:center; font-size:1.875em; margin-top:1em;}
.about_info_2{ margin-top:1em; margin-bottom:1.75em;
text-align:center; font-size:13px; color:#999;}
.about_info_2 span{
display:inline-block; margin:0 5px;}
.about_info_3{ font-size:.875em; line-height:2; padding-top:4em; padding-bottom:4em;
background-position:center top; background-repeat:repeat-x; background-image:url(../images/img3.png);}
.about_info_4_left{ line-height:26px;
font-size:13px; color:#666; position:relative;
 }
.about_info_4_left span:before{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:15px; height:15px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img14.png);
content:''; position:absolute; left:0; top:50%;} 
.about_info_4_left span{
display:inline-block; position:relative;padding-left:23px;}


.about_info_4_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%); padding-left:30px;
    transform: translateY(-50%); background-position:left center; background-repeat:no-repeat; background-image:url(../images/img9.jpg);}
.about_info_4{ position:relative; min-height:26px;
border-bottom:1px #eeeeee solid; border-top:1px #eeeeee solid; padding:.875em 0;}
.about_info_4_right .box div{ cursor:pointer;
display:inline-block; width:26px; height:26px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#share-qrcode{
background-image:url(../images/img10.png);}
#share-qzone{
background-image:url(../images/img12.png);}
#share-sina{
background-image:url(../images/img11.png);}
#share-qq{
background-image:url(../images/img13.png);}
.about_info_5{
text-align:center; margin-top:5em;}
.about_info_5 a{ overflow:hidden; width:12.5em; text-align:center; line-height:2.8125em;border-radius:2.8125em;
display:inline-block; position:relative; border:1px #222 solid;}
.about_info_5 a span{
position:relative; z-index:10;}
.about_info_5 a:hover{
color:#fff; border-color:#fff;}
.about_info_5 a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img4.png);}
.about_info_5 a:hover:after{
width:100%;}
/********support********/
.support_1{
margin:0 auto; max-width:45.3125em;}
.support_1_1{ margin-bottom:1em;
text-align:center; font-size:1.5em;}
.support_1_2 .layui-form-pane .layui-form-label{
border:none; background:none; font-size:.9375em; text-align:right}
.support_1_2 .layui-form-pane .layui-input{
font-size:.9375em;border-radius:5px; border:1px #cdcdcd solid;}
.support_1_2 .layui-form-radio i{
font-size:16px;}
.support_1_2 .layui-form-radio i:hover,.support_1_2 .layui-form-radioed i{
color:#ff4554}
.support_1_2 .layui-form-pane .layui-form-label{
width:115px;}
.support_1_2 .layui-form-pane .layui-input-block{
margin-left:145px;}
.support_1_2 .layui-form-select dl dd{
font-size:.9375em;}
.support_1_2 .layui-form-select dl dd.layui-this{
background-color:#ff4554}
.jzmoney{
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;}
.jzmoney p{ cursor:pointer;
flex: 0 1 32%; text-align:center;
max-width: 32%; margin-left:2%;}
.jzmoney p:nth-child(1){
margin-left:0}
.jzmoney p span{ position:relative;
display:block;font-size:.9375em;border-radius:5px; border:1px #cdcdcd solid; line-height:38px; height:38px;}
.jzmoney p span:after{ display:none;
content:''; position:absolute; right:0; bottom:0; width:1.533333333333333em; height:1.533333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.jzmoney p.on span{
border-color:#ff4554}
.jzmoney p.on span:after{
display:block}
.otm{
width:100%}
.support_1_2 .x-red{
color:#ff4554}
.pay_list p{ margin-right:1em; cursor:pointer; position:relative;
display:inline-block; border-radius:5px; border:1px #cdcdcd solid; width:13.125em; height:4em; position:relative;}
.pay_list p span{
position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pay_list p.alipay span{
background-image:url(../images/alipay.png); width:6.6875em; height:2.4375em;}
.pay_list p.wxpay span{
background-image:url(../images/wxpay.jpg); width:8.875em; height:2.5em;}
.pay_list p.on{
border-color:#ff4554}
.pay_list p:after{ display:none;
content:''; position:absolute; right:0; bottom:0; width:1.4375em; height:1.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.pay_list p.on:after{
display:block}
.agree_xy{
font-size:14px;}
.agree_xy .layui-form-checkbox span{
display:none}
.agree_xy{
position:relative; padding-left:25px;}
.agree_xy .layui-form-checkbox{ line-height:15px; text-align:center; position:absolute;
margin:0; width:15px;  height:15px; padding:0; left:0; top:1px; border:2px #ff4554 solid}
.agree_xy .layui-form-checkbox i{ color:#ff4554; display:none;
width:15px; left:-5px; top:-1px; right:auto; font-size:14px;}
.agree_xy .layui-form-checkbox.layui-form-checked i{
display:block}
.agree_xy a{
color:#0090f4}
#jzbtn{ width:11.36363636363636em; height:2.727272727272727em; text-align:center;
position:relative; margin-left:225px; font-size:1.375em; background-color:#ff4554;border-radius:5px;}
#jzbtn span{ padding-left:2em;
display:inline-block; position:relative;}
#jzbtn span:after{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.454545454545455em; height:1.363636363636364em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png);}
.support_2{
margin:0 10.9375em}	
.support_2_1{
font-size:1.5em; margin-bottom:1.25em;}
.support_2_2 dl dd p{
font-size:.9375em; margin-top:1em;}
.support_2_2 dl{
margin-bottom:1em;}	
.support_2 ul li{
margin-top:3em;}
.support_2_footer span{ background-position:left top; background-repeat:no-repeat; background-image:url(../images/img3.png);
display:inline-block; position:relative; color:#999999; font-size:13px; padding-left:1.875em;}
.support_2_footer{ margin-top:3em; display:inline-block;
padding-top:1em; border-top:1px #dbe1ea solid;}
.support_mid{
min-height:807px;}	
/*****user*********/
.div1200{
margin:0 auto; max-width:75em; padding:0 1em;}
.user_header_mid{
position:relative;}
.user_header_left{
position:relative; display:inline-block;}
.user_header_left_left img{
height:3.75em;}
#user_header{
padding:1.25em 0;}
.user_header_left_right{
position:absolute; left:100%; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); height:2.3125em; width:100%;}
.user_header_left_right img{
margin-left:5px;}	
.user_header_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
position:absolute; right:0; top:50%;}
.user_header_right a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; border:1px #0b82d7 solid; color:#0b82d7; text-align:center; font-size:.875em; line-height:2.142857142857143em; width:6em;border-radius:2.142857142857143em;}
.user_header_right a:hover{
color:#fff; background-color:#0b82d7}
.user_header_right a:nth-child(1){
border-color:#ff6000; color:#ff6000; margin-right:.65em;}
.user_header_right a:nth-child(1):hover{
background-color:#ff6000; border-color:#ff6000; color:#fff}
#user_footer{ padding:1.875em 0;
background-color:#1c2042; overflow:hidden}
#user_footer .footer_2{
margin-top:0; padding-top:0; border:none}
.indexbanner .swiper-slide img{
width:100%}
.userlogin_mid{ overflow:hidden;
position:absolute; left:0; bottom:0; width:100%; top:0; height:100%; z-index:1;}
.userlogin_mid_right{ -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
float:right; width:22.5em; background-color:#fff;border-radius:5px; }	
.userlogin_mid_right_mid{
margin:0 1.875em;}
.userlogin_mid_right_mid_1{
text-align:center; padding-top:8px; margin-bottom:.875em;}
.userlogin_mid_right_mid_2_left{
  font-size:1.25em;}
.userlogin_mid_right_mid_2_right{ position:absolute; right:0; top:50%;
 font-size:13px; color:#999;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.userlogin_mid_right_mid_2{
position:relative; margin-bottom:.875em;}

.userlogin_mid_right_mid_3 .layui-form-pane .layui-input-block{
margin-left:0}
.userlogin_mid_right_mid_3 .layui-tab-content{
padding:0;}
.userlogin_mid_right_mid_3 .layui-form-pane .layui-input{ font-size:14px; line-height:40px; height:40px;
background-color:#f5f5f5; border:1px #eeeeee solid;vertical-align:middle;/*表单控件上下居中对齐*/ font-family:Verdana, Arial, Helvetica, sans-serif;  }
.userlogin_mid_right_mid_3 .agree_xy{
color:#999; font-size:13px;}
.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox{
top:0; color:#1fcd85;}
.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox{
border:1px #1fcd85 solid; background-color:#fff; left:2.8px; top:1px;  }
.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox i{
 color:#1fcd85}
.userlogin_mid_right_mid_3 .agree_xy:before{ background-color:#f2f2f2;
content:''; position:absolute; left:0; top:-1px; width:20px; height:20px;} 
.userlogin_mid_right_mid_3 .layui-form-pane .layui-input-block.sm{
min-height:inherit; margin-bottom:1.25em;}
#userlogin_btn{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.jpg);
padding-left:0; padding-right:0; width:100%; height:2.777777777777778em; line-height:2.777777777777778em;  border-radius:5px;-webkit-box-shadow: 0px 9px 25px rgba(0,0,0,.3);
			-moz-box-shadow: 0px 9px 25px rgba(0,0,0,.3);
			box-shadow:  0px 9px 25px rgba(0,0,0,.3);}
#userlogin_btn span{
font-size:1.125em;}
.userlogin_mid_right_mid_4{
font-size:13px;}
.userlogin_mid_right_mid_4 a{
color:#666;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.userlogin_mid_right_mid_4 a:hover{
color:#0b82d7}
.userlogin_mid_right_mid_4 a:nth-child(1){
float:left}
.userlogin_mid_right_mid_4 a:nth-child(2){
float:right}
.userlogin_mid_right_mid_3 .layui-form-item:last-child{
margin-bottom:10px;}
.userlogin_mid_right_mid_5{ margin-top:1em;
text-align:center; position:relative;}
.userlogin_mid_right_mid_5:after{
content:''; position:absolute; left:0; top:50%; width:100%; height:1px; margin-top:-.5px; background-color:#efefef;}
.userlogin_mid_right_mid_5 span{opacity:.5;
display:inline-block; background-color:#fff; font-size:14px; color:#888888; position:relative; z-index:10;}
.userlogin_mid_right_mid_6{ margin-top:.875em;
text-align:center; margin-bottom:1em;}
.userlogin_mid_right_mid_6 a{ width:2.625em; height:2.625em; background-size:cover;
display:inline-block; background-position:center; background-repeat:no-repeat; background-image:url(../images/img1.png);}
.userbannerimg{
position:relative; width:100%; height:415px; padding:7.29166666666667vw 0; background-position:center; background-repeat:no-repeat; background-size:cover;}

@media screen and (min-height:768px) {
.userbannerimg,.indexbanner_forget{
height:calc(100vh - 201.1px); padding-top:0; padding-bottom:0}
.userindex{height:calc(100vh - 201.1px); padding-top:0; padding-bottom:0}

}

#register_f_btn{
padding-bottom:2em;}
#register_body .userlogin_mid_right_mid_3 .layui-form-pane .layui-input{
background:none}
.yzmbar{ overflow:hidden; border:1px #eee solid;
position:relative; height:40px;}
.yzmbar_btn{ z-index:10; overflow:hidden;
position:absolute;   top:0; height:100%; left:188px; width:calc(100% - 188px); background-color:#eff7f8;}
.yzmbar_btn input{ border:none; cursor:pointer; background:none; text-align:center; width:100%; height:38px;
display:block; text-align:center; font-size:13px; line-height:40px; height:40px;  color:#444}
.userlogin_mid_right_mid_3 .layui-form-pane .yzmbar .layui-input{
border:none}
/********project******/
.about_mid_right_mid_2_list_pro_left{ overflow:hidden;
float:left; position:relative; width:40.54054054054054%;}
.about_mid_right_mid_2_list_pro_right{
float:right; width:55.22522522522523%;}
.about_mid_right_mid_2_list_pro ul li a{
display:block; overflow:hidden}
a:hover .index_2_2_2{
padding-left:1.75em;}
.index_2_2_2:before{ background-color:#02d399;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; height:.2083333333333333em; width:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
a:hover .index_2_2_2:before{width:1.25em;}
.about_mid_right_mid_2_list_pro_catename span{  color:#fff; font-size:.875em; line-height:28px; padding-left:28px; padding-right:12px;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img2.png);border-radius: 0 3px 3px 0;}
.about_mid_right_mid_2_list_pro_catename{
margin-top:1.45em;}
.about_mid_right_mid_2_list_pro .index_2_2_2{
margin-top:.875em;}

.about_mid_right_mid_2_list_pro .index_2_2_3{-webkit-line-clamp: 4; line-height:2;  }
.about_mid_right_mid_2_list_pro_link{
text-align:right; margin-top:.875em;}
.about_mid_right_mid_2_list_pro_link p{
text-align:left}
a:hover .about_mid_right_mid_2_list_pro_link .c_view i:before{
right:0
 }
a:hover .about_mid_right_mid_2_list_pro_link .c_view{
color:#1479d7}
.about_mid_right_mid_2_list_pro ul li{
padding:2.5em 0; border-bottom:1px #e6e6e6 solid; position:relative}
.about_mid_right_mid_2_list_pro ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:-1px; z-index:10; height:1px; background-color:#ff4554; width:0;}
.about_mid_right_mid_2_list_pro ul li:hover:after{
width:100%;}
.about_mid_right_mid_2_list_pro ul li:nth-child(1){
padding-top:0}
.project_info{
background-color:#f6f6f6; overflow:hidden;}
.project_info_1{ background-position:left center; background-repeat:no-repeat; padding:1.25em 0; background-image:url(../images/img6.png); padding-left:30px;
font-size:13px; color:rgba(102, 102, 102, 0.75);}
.project_info_1 a{color:rgba(102, 102, 102, 0.75);}
.project_info_1 a:hover{
color:#1479d7}
.project_info_2{
background-color:#fff; overflow:hidden;-webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1); padding:1.75em;}
.project_info_2_left{
float:left; overflow:hidden; width:49.85549132947977%; overflow:hidden;}
.project_info_2_left img{
width:100%;}
.project_info_2_right{
float:right; width:46.24277456647399%;}
.project_info_2 .index_2_2_2{
margin-top:1em;}
.project_info_2 .index_2_2_3{ margin-bottom:4em;
margin-top:1.5em; line-height:2;-webkit-line-clamp:1000;}
.project_info_2_right_1 a{ position:relative;
display:inline-block; color:#fff; background-color:#f9554c;border-radius:3px; overflow:hidden; width:12.5em; text-align:center; line-height:3.125em;}
.project_info_2_right_1 a span{
position:relative; z-index:10;}
.project_info_2_right_1 a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:100%; width:0; background-color:#1479d7}
.project_info_2_right_1 a:hover:after{
width:100%;}
.project_info_2_right_1 a.disa{
background-color:#c0c0c0}
.project_info_2_right_1 a.disa:after{
display:none}
.project_info_2_right_2{ height:26px; padding-top:0; padding-bottom:0;
border:none; margin-top:2.5em; padding-bottom:0}
.project_info_3_left{
float:left; width:76.38888888888889%; background-color:#fff;-webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);}
.project_info_3_left_mid{
padding:1.75em;}
.project_info_3{
margin-top:1.75em;}
.project_info_3_left_mid_1 ul li{
display:inline-block; margin-right:2.875em;}
.project_info_3_left_mid_1 ul li a{
display:block; position:relative; padding:.85em 0; font-size:1.25em;}
.project_info_3_left_mid_1{
border-bottom:1px #e9e9e9 solid;}
.project_info_3_left_mid_1 ul li a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:.2em; width:0%; background-color:#1479d7;}
.project_info_3_left_mid_1 ul li.on a:after,.project_info_3_left_mid_1 ul li:hover a:after{
width:100%;}
.project_info_3_left_mid_1 ul li.on a,.project_info_3_left_mid_1 ul li:hover a{ color:#1479d7}
.project_info_3_left_mid_2{
 font-size:14px; line-height:2;}
.tabcon{padding:1.75em;}
.project_info_3_left_mid_3_1{
font-size:13px; color:#5cc0c0; position:relative; padding-left:20px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img7.png);}
.project_info_3_left_mid_3_1 span{
display:inline-block; background-position:center; background-repeat:no-repeat; line-height:24px; width:110px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img8.jpg); text-align:center}
.project_info_3_left_mid_3_2{
font-size:1.125em; font-weight:bold; line-height:1.5; margin-top:1em;}
.project_info_3_left_mid_3_3{
font-size:13px; color:#666; line-height:2; margin-top:.875em; margin-bottom:1.5em;}
#page1,#page2{
text-align:center}
#page2{
margin-top:2em;}
#page1 .layui-laypage a,#page1 .layui-laypage span,#page2 .layui-laypage a,#page2 .layui-laypage span{
font-size:14px; padding:.25em .7em; font-size:16px; height:auto; line-height:normal; color:#999}
#page1 .layui-laypage .layui-laypage-curr .layui-laypage-em,#page2 .layui-laypage .layui-laypage-curr .layui-laypage-em{
background-color:#ff4554;}
.project_info_3_left_mid_3_4 dl dd{
display:inline-block; margin-right:1px;}
.project_info_3_left_mid_3_4 dl dd a img{
width:110px;
 }
#eventslist li{
margin-bottom:2em;} 
.project_info_3_left_mid_4_mid{ min-height:60px;
position:relative; padding-right:15em;}
.project_info_3_left_mid_4_mid_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); font-size:14px;}
.project_info_3_left_mid_4_mid_right span{
font-weight:bold; color:#f34540; font-size:18px; padding:0 3px;}
.project_info_3_left_mid_4_mid_left{
position:relative; padding-left:4.8125em;}
.project_info_3_left_mid_4_mid_left_left{border-radius:100%;
position:absolute; left:0; top:0; border:3px #eeeeee solid; width:54px; height:54px; overflow:hidden}
.project_info_3_left_mid_4_mid_left_left img{
width:100%;}
.project_info_3_left_mid_4_mid_left_right_1{
font-size:.875em; font-weight:bold; margin-bottom:10px; padding-top:6px;}
.project_info_3_left_mid_4_mid_left_right_2{
font-size:13px; color:#888;}
#donatelist li{
padding:10px 0px; border-bottom:1px #d6d6d6 dotted;}
.tabcon{
display:none}
.project_info_3_right{-webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
float:right; width:21.52777777777778%; background-color:#fff;}
.project_info_3_right_1{ background-size:cover; color:#fff; line-height:3.125em; padding-left:1.25em;
background-position:center; background-repeat:no-repeat; background-image:url(../images/img10.jpg);}
.project_info_3_right_1 span{ padding-left:1.727272727272727em;
display:inline-block; position:relative; font-size:1.375em;}
.project_info_3_right_1 span:after{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.136363636363636em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img9.png); height:1.227272727272727em;}
.project_info_3_right_2{
padding:0 1.25em;}
.project_info_3_right_2 ul li{
padding:1.25em 0; border-bottom:1px #e6e6e6 solid;}
.project_info_3_right_2_mid{
position:relative; overflow:hidden}
.project_info_3_right_2_mid img{
width:100%;}
.project_info_3_right_2_mid_name{ line-height:34px;
position:absolute; z-index:10; left:0; bottom:0; width:100%; color:#fff; font-size:14px; background-color:rgba(0,0,0,0.7); text-align:center;}
.project_info_3_right_2_mid_name p{
margin:0 10px;}
.project_info_4_left{
width:76.38888888888889%; text-align:center}
.project_info_4_left .about_info_5{
margin-top:3.75em; margin-bottom:3.75em;}
.project_info_3_right_3{
padding-top:1.25em;
text-align:center; padding-bottom:1.25em;}
.project_info_3_right_3 a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
font-size:14px; color:#999999}
.project_info_3_right_3 a:hover{
color:#1479d7}
.information_1{ padding:10px 1em;
background-color:#02d399; color:#fff}
.information_1 label{
position:relative;-webkit-transform: translateY(-4px);
    transform: translateY(-4px); display:inline-block; }
.information_1_left{ padding-left:2.6875em;
display:inline-block; position:relative;}
.information_1_left:after{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:2.125em; height:2.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/i_img1.png);}
.information_1_right{
display:inline-block; margin-left:6vw;}
.information_1 span{ font-weight:bold;
font-size:1.5em;}
.information_2 .layui-tab-content{
padding:0 2.91666666666667vw;}
.information_2 .layui-form-item{
float:left; clear:none; width:49%;}
.information_2 .layui-form-item:nth-child(2n){
float:right}
.information_2 .layui-form-pane .layui-form-label{
border:none; padding-right:10px; color:#666666; font-size:.9375em; width:auto; padding-left:0; background:none}
.information_2 .layui-form-pane .layui-input-block{
margin-left:107px;}
.information_2 .layui-form-pane .layui-input{
font-size:14px;border-radius:3px; border:1px #cdcdcd solid;}
.jztime{
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;}
.jztime dd{ cursor:pointer;
flex: 0 1 32%; text-align:center;
max-width: 32%; margin-left:2%;}
.jztime dd:nth-child(1){
margin-left:0}
#gss_btn{
width:100%;  background-color:#ff4554;}
#gss_btn span{ padding-left:2em;
position:relative; display:inline-block;}
#gss_btn span:after{
content:''; position:absolute; width:1.625em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png); background-size:cover; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.information_2{
margin-top:2em; margin-bottom:1.875em;}
.pay_method img{
height:28px;}
.information_3 .layui-table th{ border-top:3px solid #9ec9ee;
font-weight:bold; font-size:14px;}
.information_3 .layui-table td{
font-size:13px;}
.view_cer{
color:#3598dc}	
.information_4 span{ padding-left:20px;
font-size:13px; color:#999; display:inline-block; position:relative;}	
.information_4 span:before{
content:''; position:absolute; left:0; top:1px; width:16px; height:16px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);}	
.information_4{
margin-top:1.5em;}	
.information_2 .layui-form-select dl{
	font-size:14px;}
.information_2 .layui-form-select dl dd.layui-this {
    background-color: #ff4554;
}	
.index_5_1_mid_2_report{
margin-left:0; margin-right:0}	
.index_5_1_mid_2_report dl dd{ position:relative;
padding:.9375em 0; border-bottom:1px #e6e6e6 solid; margin:0}
.index_5_1_mid_2_report dl dd:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-color:#ff5764; height:1px; position:absolute; left:0; bottom:-1px; content:''; z-index:10; width:0}	
.index_5_1_mid_2_report dl dd:hover:after{
width:100%;}	
.fpinput{
display:none}	
#swiper-pagination-banner{
position:static; }
#swiper-pagination-banner .swiper-pagination-bullet{border-radius:12px; margin:0 5px;
width:12px; height:12px; opacity:.5; background-color:#fff;transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination-banner .swiper-pagination-bullet-active{
opacity:1; width:36px;}
.banner_jd{
position:absolute; left:0; bottom:0; width:100%; z-index:10; text-align:center; bottom:26px;}
.banner_jd_mid{
display:inline-block; position:relative;}
.banner_jd_mid_right{ top:50%; margin-top:-7px; cursor:pointer; z-index:10;
position:absolute; right:-17px;width:12px;height:14px;background:url(../images/pause-white.svg) no-repeat;background-size:100% 100%;}
.banner_jd_mid_right.stop{background:url(../fonts/play-white.svg) no-repeat;}	
.nybanner_wb{
position:absolute; left:0; top:0; width:100%; text-align:center; z-index:10; color:#fff; height:100%;}
.nybanner_wb_1{ font-size:1.125em; letter-spacing:2em;
color:rgba(255,255,255,.75)}
.nybanner_wb_2{ font-size:11px; letter-spacing:5px;
color:rgba(255,255,255,.75); margin-top:12px;}
.nybanner_wb_2_party{
font-size:.9375em;}
.index_5_1_mid_1_left span{  cursor:pointer;
padding:0 1em; color:#999999}
.index_5_1_mid_1_left span.syspan{
color:#000}
.index_5_1_mid_1_left span:nth-child(1){
padding-left:0; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img6.png);}
.index_5_1_mid_1_left span.on{
color:#222}
.index_5_1_mid_1_left span.syspan{
background:none}
.index_5_1 ul li:hover .index_5_1_mid_1_left span.syspan{
color:#fff}
.flist_hide{
display:none}
.cerbox{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;background-color:rgba(0, 0, 0, 0.8); text-align:center;}	
#cerimg{ max-width:32vw; max-height:100vh; overflow:hidden; overflow-y:auto;
display:inline-block; position:relative;}
.cerbox a{
position:fixed; display:block; right:2em; top:2em; z-index:100;}
.cerbox a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.cerbox a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.user_forget{
position:static; margin:0 auto;}
.user_forget .userlogin_mid_right{
float:none; margin:1em auto; padding-bottom:2em;}	
.indexbanner_forget{
background-color:#fff; padding:4em 0; border-top:1px #dedede solid;}
/*****userindex***********/
.userindex{
background-color:#f6f6f6; overflow:hidden; padding-bottom:4em;}
.userindex_mid{
position:relative;}
.userindex_top{
font-size:.875em; padding:1em 0; }
.userindex_mid{
position:relative; }
.userindex_mid_left{
box-shadow: 0 0 2px #eaeaea;position:absolute; left:0; top:0; width:200px; background-color:#fff; z-index:10;}
.userindex_mid_right{min-height:500px;
margin-left:215px; padding:15px; background-color:#fff;box-shadow: 0 0 2px #eaeaea;}
@media screen and (min-height:900px) {
.userindex_mid_right{
min-height:750px;}
}
.userindex_mid_left_mid{
margin:15px; border:1px #eaeaea solid;}
.userindex_mid_left_mid_1{ padding:10px 0px;
background-color:#1479d7; color:#fff; text-align:center;}
.userindex_mid_left_mid_1 span{
font-size:1.125em;}
.centers_listm_one_in{ margin-left:15px; margin-right:15px; cursor:pointer;
position:relative; padding-left:1.875em; border-bottom:1px #eaeaea solid; padding-top:.6em; padding-bottom:.6em;}
.centers_listm_one_in img{ 
height: 25px;
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.centers_listm_one_in b {
  width: 12px;
  height: 6px;
  display: block;
  background: url(../images/jbjt.png) no-repeat 0 0;
  position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
span.gjszmdm{border-bottom:1px #eaeaea solid; 
display:block; margin:0 15px;padding-left:1.875em; padding-top:5px; padding-bottom:5px;}
span.gjszmdm a{
display:block; font-size:.875em; padding:5px 0px; }	
.userindex_mid_right_1 span{
color:#e50012}
.userindex_mid_right_2{
border:1px #eaeaea solid; padding:15px; margin-top:15px;
}
.layui-tab-content-user{
padding-left:0; padding-right:0}
.userindex_mid_right_2_2{
margin:0 auto;  }
.user_index_avatar{ margin-top:0px; margin-left:10px;
border:1px solid #e6e6e6; max-width:100px; padding:5px;border-radius:100%;
}
.user_index_username,.bind_mobile{
margin-left:10px; line-height:38px; display:block}
.bind_mobile span{
margin-right:10px;}
.bind_mobile a{
margin-left:10px; color:#1479d7}
.layui-tab-content-user #userlogin_btn{
max-width:120px; margin:0 auto; float:none; }
.layui-tab-content-user #userlogin_btn span{
font-size:1em;}

.userindex_mid_right_2_1 {
  width: 888px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  border-left: 3px solid #1479d7;
  text-indent: 6px;
  margin-bottom: 19px;
}
.bindmobile{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;background-color:rgba(0, 0, 0, .5);}
.bindmobile_mid{
 margin:0 auto; max-width:500px; position:relative; padding:0 1em;}
.bindmobile_mid_mid_1{ position:relative;
background-color:#e3e3e3; padding:0.75em 1em;}
 .userindex_mid_right_2_2{
 font-size:14px;}
.bindmobile_mid_mid_1_right{
position:absolute; right:1em; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.bindmobile_mid_mid_1_right a{
display:block; background-image:url(../images/icon.png); width:16px; height:16px;background-position: 0 -40px;
cursor: pointer; background-repeat:no-repeat;}
.bindmobile_mid_mid_2{
background-color:#fff; padding:1em 2em;}
.bindmobile_mid_mid_2 ul li{height:36px; line-height:36px;
position:relative; padding-left:5em; font-size:.875em; margin-bottom:1em;}
.bindmobile_mid_mid_2 ul li span{
position:absolute; left:0; top:0; color:#999}
.bindmobile_mid_mid_2 ul li div{ padding:0 1em;
border:1px #c0c4cc solid; position:relative; overflow:hidden; border-radius: 4px;}
.bindmobile_mid_mid_2 ul li div input.wbk_bind{
border:none; width:100%; height:36px; line-height:36px; background:none}
#getvcode_bind{  cursor:pointer;
position:absolute; right:0; top:0; width:110px; height:100%; border:none; background-color:#f5f7fa;border-left:1px #c0c4cc solid;}
.bindmobile_mid_mid_2 ul li.bind_v div{
padding-right:126px;}
.confirm_bind{ border-radius: 4px; text-align:center; line-height:36px; height:36px; width:74px;
display:block; color:#fff; background-color:#1479d7;}
.confirm_bind:hover{
color:#fff}


@media screen and (max-width:1700px) {
#gss_btn span{
padding-left:0}
#gss_btn span:after{
display:none}
.information_2 .layui-tab-content{
padding:0}
.about_mid_right_mid_2_list_pro .index_2_2_3{-webkit-line-clamp: 3 }
.about_mid_right_mid_2_list_pro .index_2_2_2{
margin-top:0}
.support_2{
margin:0 8.8em}	
#jzbtn{
font-size:1.25em;}
.pay_list{
font-size:.875em;}
.about_info_1{
font-size:1.625em;}
.banner_footer_mid{
font-size:.875em;}
.about_mid_right_mid_1{
font-size:2em;}
.footer_1_left_1 span{
font-size:2.25em;}
.index_5_1_mid_1_left span{
font-size:1.25em;}
.index_3_1_left_mid_3 a{
font-size:.75em;}
.index_3_1_left_mid_2{
font-size:2em}
.index_3_1_left_mid_1{
font-size:1.25em;}
.index_3_1_right_mid_1_left span{
font-size:1.5em;}
.index_2_2_2{
font-size:1.375em;}
.index_2_1_right a{
font-size:.875em;}
.index_2_1_left_right{
left:9em;}
.index_2_1_left_left_1 span{
font-size:2em;}
.wmid{
max-width:85%;}
.index_1_1 a{
font-size:2em;}
.index_1_3_right_mid_1 a{
font-size:1.125em; width:auto; padding:0 .7em;}
}
@media screen and (max-width:1200px) {
	#jzbtn{
	font-size:1em;}
	.pay_list p{
	font-size:.875em;}
	.support_1_2 .layui-form-pane .layui-input-block{
	margin-left:122px;}
	.support_1_2 .layui-form-pane .layui-form-label{
	width:90px}
	.support_1_2 .layui-tab-content{
	padding-left:0; padding-right:0}
	.support_1_1{
	font-size:1.25em;}
	.project_info_3_right_1 span,.project_info_3_left_mid_1 ul li a{
	font-size:1.125em;}
	.about_info_1{
	font-size:1.375em;}
	.about_mid_right_mid_1{
	font-size:1.5em;}
	.index_6_2 ul li{
	width:15.60570987654321%;}
	.index_6_2 ul li:nth-child(6n){
	margin-right:0}
	.index_6_2 ul li:nth-child(7n){
	margin-right:1.27314814814815%}
	.index_6_2_mid{
	height:8vw;}
	.footer_1_left_1 span{
	font-size:1.875em;}
	.index_3_1_left_mid_1{
	font-size:1.125em;}
	.index_3_1_right_mid_1_left span{
	font-size:1.25em;}
	.index_3_1_left_mid_2{
	font-size:1.5em;}
	.index_3_1_left_mid_3 a{
	font-size:.7em;}
	.index_2_2_2{
	font-size:1.125em;}
	.index_2_1_left_left_1 span{
	font-size:1.5em;}
	.wmid{
	max-width:90%;}
	.index_1_1 a{
	font-size:1.5em;}
	.index_1_1{
	margin-top:2.5em;}
	.index_1_3_left_name h2{
	font-size:1.125em;}
}
.index_1_3_left_img{
display:none; width:100%;}
.m-ins-navbox{
	width: 100%;
	height: 40px;
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 11;
}
.m-ins-navbox.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.m-ins-navbox .left{
	width: 15%; float:left;
	cursor: pointer;
}
.m-ins-navbox .left .ico{
	display: block;
	width: 100%;
	height: 40px;
	background: url("../images/ico_35.png") no-repeat center #1479d7;
	background-size: auto 50%;
}
.m-ins-navbox .ret-subbox{
	position: absolute;
	top: 40px;
	width: 100%;
	background-color: #035cac;
	left: 0;
	z-index: 2;
	display: none;
}
 
.m-ins-navbox .right{
	width: 85%; float:right;
	position: relative;
}
.m-ins-navbox .right .tit{
	display: block;
	width: 95%;
	padding-left: 5%;
	font-size: 18px;
	color: #1479d7;
	line-height: 40px;
	background: url("../images/ico_36.png") no-repeat 93% center;
	 
	cursor: pointer;
}
.m-ins-navbox .right .subbox{
	width: 100%;
	position: absolute;
	top: 40px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a{
	display: block;
	width: 95%;
	padding-left: 5%;
	line-height: 40px;
	height: 40px;
	border-top: 1px solid #e5e5e5;
	background: url("../images/ico_37.png") no-repeat 92% center;
	background-size: auto 35%;
	/*border-left: 1px solid #fff;
	margin-left: -1px;*/
}
@media screen and (max-width:1024px) {
	.userindex_mid_right_2,.userindex_mid_right_1{
	width:810px}
	.userindex_mid_right{
	overflow:hidden; overflow-x:auto;}
	#jzbtn{
	margin-left:auto; margin-right:auto; float:none; display:block}
	.project_info_2_right_1 a{
	width:9em; line-height:2.5em;}
	.about_mid_right_mid_2_bg{
	display:none}
	.about_1{
	margin-bottom:4em;}
	.about_mid_right_mid_2_list_1_mid_right_1{
	font-size:1em;}
	.nybanner_wb_2,.nybanner_wb_1{
	letter-spacing:0}
	.about_1_mid{
	min-height:inherit}
	.about_mid_right_mid_1{
	font-size:1.125em;}
	.m-ins-navbox{
	display:block}
	.about_mid_right_mid{
	margin-left:0}
	.about_mid_left{
	display:none}
	.about_mid_right{
	margin-left:0}
	.banner_footer{
	display:none}
	.index_5_1 ul li:nth-child(1){
	margin-bottom:2em;}
	.index_5_1 ul li{
	width:100%;}
	.index_3_1_right{
	margin-left:0}
	.index_3_1_left{
	width:100%; overflow:hidden; padding:4em 0; position:static; height:auto}
	.index_3_1_left_mid_3 a{
	width:13em;}
	.index_1_3_left_img{
	display:block}
	.index_1_3_left_bg{
	display:none}
	.header_mid_left_right{
	display:none}
	.index_1_3_left{
	position:static; width:100%; height:auto}
	.index_1_3_right{
	margin-left:0}
}
.mobile_user_nav{
position:absolute; right:35px; top:50%;-webkit-transform: translateY(-50%); padding-right:15px; display:none;
    transform: translateY(-50%);  background-position:right center; background-repeat:no-repeat;   background-image:url(../images/img2.png);  }
.mobile_user_nav a{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/img1.png);
display:block; width:100%; height:100%; background-size:cover; position:relative;width:20px; height:20px;}	
.mobilenav{ cursor:pointer;
position:absolute; right:0; top:50%;width:20px; height:16px; margin-top:-8px; display:none;}
.mobilenav .icon{
position:absolute; left:0px; top:8px; width:100%; height:24px;}

@media screen and (max-width:950px) {
	.support_2 ul li{
	margin-top:2em;}
	.support_2_1{
	font-size:1.25em;}
	.support_2{
	margin-left:0; margin-right:0}
	.information_1_left{
	padding-left:2em; display:block}
	.information_1_right{
	display:block; margin-left:2em;}
	.information_1_left:after{
	font-size:.75em;  }
.index_6_2 ul li{
	width:18.98148148148148%;}
	.index_6_2 ul li:nth-child(5n){
	margin-right:0}
	.index_6_2 ul li:nth-child(6n){
	margin-right:1.27314814814815%}
	.index_6_2_mid{
	height:9vw;}
	.project_info_3_left{
	width:100%;}
	.project_info_3_right{
	width:100%; margin-top:1.75em;}
	.project_info_4_left{
	width:100%;}
	.project_info_3_right_2 ul li{
	width:32%; float:left; margin-right:2%;}
	.project_info_3_right_2 ul li:nth-child(3){
	margin-right:0}
}
@media screen and (max-width:850px) {
	.project_info_2_left,.project_info_2_right{
	width:100%;}
	.information_2 .layui-form-item{
	width:100%;}
}

@media screen and (max-width:815px) {

.userlogin_mid_right{
float:none; margin:0 auto; width:auto; max-width:23em;}
.user_header_left_right{
display:none}
.user_header_left_left img{
height:2.75em;}
#user_header{
padding:1em 0;}
.userbannerimg,.userindex,.indexbanner_forget{
height:calc(100vh - 186.1px);  }
}

@media screen and (max-width:810px) {

	
	#cerimg{ max-width:70vw; }
 
.cerbox a img{ width:2em;}
 


	#mainWrap{
	padding-top:82px;}
	#userbody #mainWrap{
	padding-top:0}
	#header{
	position:fixed; left:0; top:0; width:100%; z-index:777;}
	.information_1 span{
	font-size:1.375em;}
	.project_info_3_left_mid_1 ul li a:after{
	height:2px;}
	.tabcon{
	padding-left:0; padding-right:0}
	.footer_2_1{
	padding-right:2em}
	.index_5_1_mid_1{
	padding-top:1em; padding-bottom:1em;}
	.index_5_1{
	margin-top:2em;}
	.index_3{
	padding-bottom:4em;}
	.index_2_1_left_left_1 span{
	font-size:1.25em;}
	.index_1{
	padding-bottom:4em;}
	.index_1_no_hot{
	padding-top:4em;}
	.index_1_3_num{
	font-size:1em;}
	.index_1_3_left_left{
	font-size:.875em; left:1em;}
	.index_1_3_left_right{
	font-size:.875em; right:1em;}
	.index_1_1 a{
	font-size:1.25em;}
	.mobilenav,.mobile_user_nav{
	display:block}
	.header_top{
	display:none}
	.header_mid_right{
	display:none}
	.header_mid{
	padding:1em 0;}
	.header_mid_left{
	max-width:none;}
	.header_mid_left img{
	height:50px;}
	.header_nav{
	display:none}
	#swiper-pagination-banner .swiper-pagination-bullet{
	margin:0 3px;}
	.banner_jd{ bottom:16px;
	transform: scale(.8, .8);}
	.index_5_1_mid_2 dl dd a{
	padding-right:5.5em; }
}
@media screen and (max-width:768px) {
.footer_1,.footer_2{
text-align:center}
.index_1_3_right_mid_1{
text-align:center}
.header_mid:after {
background-image:url(../images/bg2.jpg); background-size:cover;}
	.about_mid_right_mid_1_right{
	top:0}
	.about_mid_right_mid_1{
	background-image:url(../images/l.png);}
	.index_6_1_right{
	font-size:.875em;}
.index_6_2 ul li{
	width:24.04513888888889%;}
	.index_6_2 ul li:nth-child(4n){
	margin-right:0}
	.index_6_2 ul li:nth-child(5n){
	margin-right:1.27314814814815%}
	.index_6_2_mid{
	height:10vw;}
	.index_6_2{
	margin-bottom:2em;}
}
#swiper-pagination-links{
display:none; position:static;}
#swiper-pagination-links .swiper-pagination-bullet{
background:none; border:2px #c9c9c9 solid; opacity:1}
#swiper-pagination-links .swiper-pagination-bullet-active{
background-color:#c9c9c9}
.about_mid_right_mid_2_list_pro_left img{
width:100%;}
.donate_value{
display:none}
.donate_value .project_info_3_left_mid_4_mid_right{
position:static}
@media screen and (max-width:640px) {
	.cerbox a{
	top:5vw; right:5vw;}
	#cerimg{ max-width:90vw; }
	.support_2_footer{
	margin-top:2em;}
	.support_2_1{
	font-size:1em;}
	.pay_list p{
	font-size:.6em;}
	#jzbtn{
	width:100%;}
	.about_mid_right_mid_2_list_1 .index_5_1_mid_2{
	margin-left:0; margin-right:0}
	.information_3{
	overflow-x:auto;}
	.information_3 .layui-table{
	width:768px;}
	.information_1 span{
	font-size:1.25em;}
	.pagination{
	font-size:.875em;}
	.project_info_3_left_mid_3_2{
	font-size:1em;}
	.project_info_3_left_mid_3_4 dl dd a img{
	width:100%;}
	.project_info_3_left_mid_3_4 dl dd{ margin-bottom:4px;
	width:24.25%; margin-right:1%; float:left; display:block}
	.project_info_3_left_mid_3_4 dl dd:nth-child(4n){
	margin-right:0}
	.donate_value{
	display:block; padding-bottom:8px;}
	.project_info_3_left_mid_4_mid{
	padding-right:0em;}
	.project_info_3_left_mid_4_mid_right{
	position:static; display:none}
	.donate_value .project_info_3_left_mid_4_mid_right{
	display:block; -webkit-transform: translateY(0%);
transform: translateY(0%);}
	#page1 .layui-laypage a, #page1 .layui-laypage span, #page2 .layui-laypage a, #page2 .layui-laypage span{
	font-size:14px;}
	.project_info_3_left_mid_1 ul li a{
	padding-top:12px;}
	.project_info_3_left_mid_1 ul li{
	margin-right:1em;}
	.project_info_3_right_2 ul li{
	width:100%; margin-right:0}
	.project_info_2 .index_2_2_3{
	margin-bottom:2.5em;}
	.project_info_2_right_1 a{
	width:100%;}
	.about_mid_right_mid_2_list_pro ul li{
	padding:1.5em 0;}
	.about_mid_right_mid_2_list_pro_left{
	width:100%;}
	.about_mid_right_mid_2_list_pro_right{
	width:100%; margin-top:1em;}
	.about_mid_right_mid_2_list_1_mid_right_2{
	color:#666;}
	.about_info_5 a{
	width:100%; line-height:2.25em;border-radius:2.25em; display:block;}
	.about_info_5{
	margin-top:2.5em;}
	.about_info_3{
	padding-top:2em; padding-bottom:2em;}
	.about_info_1{ margin-top:0;
	font-size:1.25em;}
	.about_mid_right_mid_2_list_2{
	margin-top:2em;}
	.about_mid_right_mid_2{
	margin-top:2em;}
	.about_mid_right_mid{
	padding-top:2em;}
	.about_mid_right_mid_2_list_1_mid_right{
	margin-top:1em;}
	.about_mid_right_mid_2_list_1_mid{
	padding-left:0;}
	.about_mid_right_mid_2_list_1_mid_left{
	position:static; width:100%;}
	#linktab{
	text-align:center}
	.index_6_1_right{
	display:none}
	.index_6{
	margin-top:2em; padding-top:2em; background-color:#f3f7f9; overflow:hidden}
	#swiper-pagination-links{
	display:block}
	.index_6_2 ul li{ background-color:#fff;
	width:32.48456790123457%; margin-top:0}
	.index_6_2 ul li:nth-child(3n){
	margin-right:0}
	.index_6_2 ul li:nth-child(4n){
	margin-right:1.27314814814815%}
	.index_6_2_mid{
	height:15vw;}


	.footer_2,.footer_2_1_left_2,.footer_1_left_2{
	line-height:1.5;}
	.footer_2_1_right{
	display:none}
	.footer_2_1{
	padding-right:0em}
	.footer_1_left_1 span{
	font-size:1.5em;}
	#footer{
	padding-top:2.5em; padding-bottom:2.5em;}
	.footer_1{
	padding-right:0}
	.footer_1_right{
	display:none}
	.index_5_1_mid_1{
	padding-left:1em; padding-right:1em;}
	.index_5_1_mid_2{
	margin:1em;}
	.index_3_1_left{
	padding:2.5em 0;}
	.scrobar_nav div{
	margin-bottom:2.5em;}
	#indexproject_sb{
	width:100%; margin-top:2.5em;}
	.index_2{
	margin-top:2.5em;}
	.index_2_2{
	margin-top:2em;}
	.index_2_1{
	text-align:center}
	.index_2_1_left_right,.index_2_1_right{
	display:none}
	.index_1_3_right_mid_1 a{
	font-size:1em}
	.index_1_3_right_mid_2_mid_1 ul li a,.index_1_3_right_mid_2_mid_1 ul li a.nc_link_212{
	padding-right:80px; padding-left:18px;}
	.index_1_3_right_mid_2_mid_1_left{
	width:5px; text-indent:-999em;}
	.index_1_3_right_mid_2_mid_2{
	margin-top:1.5em;}
}
@media screen and (max-width:480px) {
.user_header_right{
display:none}
	#mainWrap{
	padding-top:72px;}
	.jztime dd {
    
    flex: 0 1 49%;
    
    max-width: 49%;
    
}
.jztime dd:nth-child(3) {
     
    flex: 0 1 calc(100% + 85px);
     
    max-width: calc(100% + 85px);
    margin-left: -85px; margin-top:1em;
	 
}
	
	.information_1{
	font-size:14px; }
	.information_1 span{
	font-size:14px;}
	 .information_1_right,.information_1_left{
	 padding:5px 0px;}
	.information_1 .information_1_right span{
	display:inline-block;}
	.information_1_right{
	margin-left:0}
	.information_1_left{
	padding-left:0}
	.information_1_left:after {
	display:none}
	#gss_btn span{
	font-size:.9375em;}
	.project_info_4_left .about_info_5{
	margin:2.5em 0;}
	.index_5_1_mid_1_left span{
	font-size:1.125em;}
	.c_view{
	width:100px;}
	.c_view i{
	transform: scale(.8, .8);}
	.index_1_3_left_name h2{
	font-size:1em; padding-right:55px;}
	.index_1_3_left_left,.index_1_3_left_right{
	font-size:.65em}
	.index_5{
	margin-top:32px;}
	.index_4{
	margin-top:32px;}
	.index_3_1_right_mid_1_left span{
	font-size:1.125em;}
	.index_3{ padding-top:2.5em;
	padding-bottom:32px;}
	.index_3_1_left_mid_1{
	font-size:1em;}
	.index_3_1_left_mid_3 a:nth-child(1){
	float:left; width:48%; margin:0; margin-bottom:1.5em; margin-top:1em; line-height:3.2em}
	.index_3_1_left_mid_3 a:nth-child(2){
	float:right; width:48%; margin:0; margin-bottom:1.5em; margin-top:1em; line-height:3.2em}
	.index_1{
	padding-bottom:32px;}
	.index_1_no_hot{
	padding-top:32px;}
	.index_1_3_right_mid_1 a{
	padding:0 .4em; margin-right:2px;}
	.index_1_3_right_mid{
	margin:5vw 4vw;}
	.header_mid_left img{
	height:40px;}
	.index_1_1{
	margin-top:32px;}
	.index_1_2{
	margin-bottom:32px; margin-top:1em;}
	
}
@media screen and (max-width:450px) {
#userbody .layui-form-item .layui-input-inline{
margin-left:-1px}
}
/******mobile nav**********/
.mobile{width:20px;height:16px;cursor:pointer;display:block;z-index:10001}
#header .mobile span{position:absolute;display:block;width:20px;height:2px;background:#000;left:0;top:0;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;cursor:pointer}
#header .mobile span:nth-child(2){left:5px; top:7px; width:15px;}

#header .mobile span:nth-child(3){left:0; background-color:#000; top:14px; width:20px;}

#header .mobile.open span{-webkit-transform:translateY(0px) rotate(45deg);-ms-transform:translateY(0px) rotate(45deg);transform:translateY(0px) rotate(45deg)}
#header .mobile.open span:nth-child(2){ top:0; -webkit-transform:translateY(0px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-45deg);transform:translateY(0px) rotate(-45deg); width:20px;}

#navi{ right:0;width:87.33333333333333%;height:100%;overflow-y:scroll;z-index:1000;position:fixed;top:0;background-color:rgba(255, 255, 255, 1);-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.4s ease-in-out;transition:-webkit-transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}
#navi::-webkit-scrollbar{display:none}
#navi.menuIsActive{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
#navi .inner{height:calc(100vh - 82px);position:relative}
#navi>.inner>.menu>ul{margin:82px 0 0}
#navi>.inner>.menu>ul>li{top:0;font-size:20px;text-align:left;line-height:26px; margin-bottom:32px;}
#navi>.inner>.menu>ul>li>a{ position:relative;-webkit-transition:-webkit-transform 0.4s ease-in-out;transition:-webkit-transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;padding:0 0 0 5%; font-weight:bold;position:relative;display:block }
#navi>.inner>.menu>ul>li>a:after{ font-size:.4em;transition: .2s ease-in-out;

-webkit-transition: .2s ease-in-out;

-moz-transition: .2s ease-in-out;

-o-transition: .2s ease-in-out;
content:''; position:absolute; right:5%; width:2.125em; height:1.1875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ico_100.png); top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);} 
#navi>.inner>.menu>ul>li.on>a:after	{transform: rotate(-180deg);

-webkit-transform: rotate(-180deg);

-moz-transform: rotate(-180deg);

-o-transform: rotate(-180deg);}
#navi>.inner>.menu>ul>li dl{ display:none; padding-bottom:1em; font-size:16px; margin:0 5%; border-bottom:1px #dedede solid;
}
#navi>.inner>.menu>ul>li dl dd a{
display:block; padding:0 0 0 80px;}
#navi>.inner>.menu>ul>li dl dd{
margin-top:10px;}
.headermask{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; visibility:hidden;
content:''; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:#000;opacity:0;}
#header.showafter .headermask{
visibility:visible; opacity:.41}
.navi_close{  cursor:pointer; width:24px; height:40px; cursor:pointer; 
position:fixed; z-index:88888; right:5%; top:10px;}
.navi_close svg.icon {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 24px;
    height: 24px;
}
.ovh{
overflow:hidden}
#navi>.inner>.menu>ul>li>a.nhs:after{
display:none}
@media screen and (max-width:480px) {
.pagination li{
margin-bottom:5px;}
#navi .inner{height:calc(100vh - 72px);}
#navi>.inner>.menu>ul{margin:72px 0 0}
}
/*.keith {
    text-align: justify;
}
.keith:after {
    display: inline-block;
    width: 100%;
    content: '';
}*/
@media screen and (max-width:410px) {
.index_1_3_right_mid_1 a{
  margin-right:2px; padding:0 3px;}
.project_info_3_left_mid_1 ul li{
margin-right:8px;}
.wmid{
max-width:95%}
.index_1_3_right_mid{
margin-left:2vw; margin-right:2vw;}
}
@media screen and (max-width:387px) {
 .support_1_2 .layui-form-pane .layui-form-label{
 padding-left:0}
 .support_1_2 .layui-form-pane .layui-input-block{
 margin-left:105px;}
 .pay_list p{
 font-size:.55em}
}
/**************************/
.alipaymask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;background-color:rgba(0, 0, 0, .5);}
.alipaymask_mid{
margin:0 auto; max-width:520px; padding:0 1em;}
.alipaymask_mid_mid{
background-color:#fff;border-radius: 10px; padding:1em; position:relative; text-align:center}
.alipaymask_mid_mid_2 img{
width:200px;}
.alipaymask_mid_mid_2{
margin-bottom:1.5em; margin-top:1.5em;}
.alipaymask_mid_mid_1{
padding-top:2em;
 }
.alipaymask_mid_mid_3{ padding-top:1em;
text-align:right; border-top:1px solid #e8e8e8}
.alipaymask_mid_mid_3 a{border-radius: 3px; font-size:14px; padding:4px 8px; 
display:inline-block;border:1px solid #e8e8e8; margin-left:3px; overflow:hidden}
.alipaymask_mid_mid_3 a:hover{
border-color:#1890ff; color:#1890ff}
.alipaymask_mid_mid_3 a:nth-child(2){
color:#fff; background-color:#1890ff; border-color:#1890ff}
.alipaymask_mid_mid_close{
position:absolute; right:0; top:0; width:3em; height:3em; text-align:center; cursor:pointer}
.alipaymask_mid_mid_2_wx img{
max-width:200px;}
.alipaymask_mid_mid_2_wx{
padding:1.5em 0 0 0;}
.wxpayqr img{
width:200px;}
.donate_order{
margin:0 auto;  max-width:490px;}
.donate_order_1{
text-align:center; max-width:220px; margin:0 auto;}
.donate_order_1 img#orderqr{
border:1px #dedede solid;}
.donate_order{
text-align:center}
.donate_order_1_footer{ padding:.85em 0; margin-top:1em;
color:#fff; background-color:#00c901;     position:relative;}
.donate_order_1_footer_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:5em; text-align:center;}
.donate_order_1_footer_right{
text-align:left; margin-left:5.8em; line-height:1.5; font-size:13px;}
.donate_order_2{
text-align:center; padding:1em 0;}
.donate_order_3{
text-align:center; color:#222222; font-size:1.375em;}
.donate_order_4{
font-size:2.5em; margin:.3em 0;}
.donate_order_5 ul li{ line-height:1.6; padding:.2em 0;
width:100%; clear:both; overflow:hidden; font-size:13px; color:#222222;}
.donate_order_5_left{
float:left;}
.donate_order_5_right{
float:right}
.donate_order_5{ padding:1em 0; margin-top:1.5em;
border-top:2px #dee2ea solid; border-bottom:4px #dee2ea solid; overflow:hidden}
.order_su{
text-align:center}
.view_ticket,.view_ticket:hover{
color:#ff0000}
.donate_order_6{
padding-top:2em;}
.donate_order_6 a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 border:1px #dedede solid; padding:.5em 1.75em;}
.donate_order_6 a:nth-child(1){
float:left;}
.donate_order_6 a:nth-child(2){
float:right}
.donate_order_6 a:hover{ color:#3598dc;}

@media screen and (max-width:480px) and (max-height:650px){
    .userbannerimg{
	height:100vh;}
}

.yzmbar_btn{
left:145px; width:calc(100% - 145px)}
.mobile_user_mid{
display:none}
.layui-input-inline_pc{
width:150px;}
.layui-form-label_zt{
width:60px;}
.layui-input-inline_zt2{
width:80px;}
.layui-form-label_sj{
width:60px;}
.layui-input-inline_sj2{
width:80px;}
@media screen and (max-width:640px) {
.mobile_user_mid{
font-size:.9375em; display:block}
.userindex_mid_left,.userindex_mid_right{
display:none}
.mobile_user_mid_1{
background-color:#fff; position:relative; padding:10px 0px; padding-left:95px; min-height:72px;}
.mobile_user_mid_1_left{
position:absolute; left:0; top:10px;}
.mobile_user_mid_1_left img{
width:60px;}
.mobile_user_mid_1_right_1{
padding-bottom:10px; padding-top:10px;}
.mobile_user_mid_1_right_2{
font-size:.875em; color:#999;}
.mobile_user_mid_2{
background-color:#fff; overflow:hidden; margin-top:1em; padding:1em 0;}
.mobile_user_mid_2 ul li{
float:left; width:33.3333%; text-align:center;}
.mobile_user_mid_2_mid{
margin:0 1em; line-height:1.6;}
.mobile_user_mid_3 ul li{ padding:1em;
display:block; margin-top:1em; background-color:#fff; overflow:hidden;}
.mobile_user_mid_3_1 span{
font-size:1.125em;}
.mobile_user_mid_3_1{
padding-bottom:.5em; margin-bottom:1em; border-bottom:1px #dedede solid}
.mobile_user_mid_3_2 dl dd{
float:left; width:50%; text-align:center;}
.mobile_user_mid_3_2 dl dd a{
color:#333;}
.mobile_user_mid_3_2_1 img{
height:1.75em;}
.mobile_user_mid_3_2_2{
margin-top:10px;}
/*********/
.userindex_mid_right_show{
display:block; margin-left:0}
.userindex_mid_right_show .userindex_mid_right_1{
display:none}
.userindex_mid_right_2, .userindex_mid_right_1{
width:100%;}
.userindex_mid_right_show .layui-tab-content-user{
padding-right:1em;}
.userindex_mid_right_show .layui-form-pane .layui-form-label{
width:70px;}
.userindex_mid_right_show .layui-form-pane .layui-input-block{
margin-left:102px;}
.userindex_mid_right_show .layui-tab-content-user #userlogin_btn{
max-width:100%;}
.userindex_mid_right_show .userindex_mid_right_2{
width:768px;}
.userindex_mid_right_show .userindex_mid_right_2_width{
width:100%;}

.userindex_mid_right_show .layui-form-item .layui-input-inline_pc{
width:100%; margin-right:0; margin-bottom:1em;}

.userindex_mid_right_show .layui-input-inline_sj2{
width:100%; margin-top:1em;}
.userindex_mid_right_show .layui-input-inline_sj2 .layui-btn{
display:block; padding-left:0; padding-right:0; width:20%;}
}