/* 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/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body{
    font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   
	-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:#262626;
}
a{
    color:inherit;
	color:#000;
    text-decoration: none; 
}
a:hover  {
    color:#000;    
    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 {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#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; } 
/**********header************/
#header{
position:absolute; left:0; top:2.8125em; width:100%; z-index:100;}
.header_mid{
position:relative; margin:0 5.20833333333333%;}
.header_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_left a{
display:block; width:162px; height:19px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logow.png);}
.header_mid_right{
float:right;}
.header_mid_right_left{/*border-radius:10px;*/ margin-right:1.25em; background-image:url(../images/menubg.png);  width:492px; height:51px; line-height:43px; background-position:center; background-repeat:no-repeat;
float:left; /*background-color:#fff; line-height:2.5em;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/}
.header_mid_right_left ul li{
float:left; padding:0 1.25em; position:relative;}
.header_mid_right_left ul li:nth-child(1){
margin-left:35px;}
.header_mid_right_left ul li:after{
content:''; position:absolute; left:0; top:15%; height:70%; width:1px; background-color:#000;}
.header_mid_right_left ul li:nth-child(1):after{
display:none}
.header_mid_right_left ul li a{ color:#000; font-size:.875em;
 display:inline-block; position:relative;}
.header_mid_right_right{ margin-top:.25em;
float:right; line-height:35px;}
.header_mid_right_right a{   position:relative; margin-left:1px;
color:#fff; display:inline-block; padding:0 6px;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right_left ul li a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:5px; width:0; height:1px; background-color:#000;}
.header_mid_right_left ul li a:hover:after{
width:100%;}
.header_mid_right_right a:hover,.header_mid_right_right a.current{
background-color:#fff; color:#000;}
/*********about************/
.about_1{ color:#fff; padding-top:11.875em; position:relative; padding-bottom:5em;
background-image:url(../images/about/banner.jpg); background-position:center; background-size:cover;  }
.about_1:after{
content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; background-color:#fff; height:5em;border-radius:5em 5em 0 0;}
.about_mid{
margin:0 auto; padding:0 1em; max-width:75em;}
.about_1_1{
text-align:center; font-size:1.875em;}
.about_1_2{ 
line-height:1.7; margin-top:2em; margin-bottom:4em;}
.about_2_1 ul li{ margin-bottom:2.5em;
float:left; width:43.66666666666667%;}
.about_2_1 ul li:nth-child(2n){
float:right;}
.about_2_1_mid{ 
position:relative; padding-left:15.5em;}
.about_2_1_mid_left{
position:absolute; left:0; top:0; width:10.3125em;}
.about_2_1_mid_left_1{
border:1px #c0c0c0 solid; overflow:hidden}
.about_2_1_mid_left_1 img{
width:100%;}
.about_2_1_mid_left_2{
text-align:center; font-size:.875em; color:#000; margin-top:.75em;}
.about_2_1_mid_right_1{
font-size:.875em; color:#000;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5 }
.about_2_1_mid_right{min-height:200px;
position:relative; height:100%;}
.about_2_1_mid_right_2{
position:absolute; left:0; bottom:0;}
.about_2_1_mid_right_2 span{ padding-bottom:2px; overflow:hidden;
color:#aaaaaa; font-size:.9375em; display:inline-block; position:relative}
.about_2_1_mid_right_2 span:before{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#aaa}
.about_2_1_mid_right_2 span:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
content:''; position:absolute; left:-100%; bottom:0; width:100%; height:1px; background-color:#000}
.about_2_1{
margin-top:6.5625em;}
.about_2_1 ul li:hover .about_2_1_mid_right_2 span:before{
left:100%;}
.about_2_1 ul li:hover .about_2_1_mid_right_2 span:after{
left:0%;}
.about_2_2{
text-align:center; margin-bottom:6.25em; margin-top:3.75em;}
.about_2_2 a{ background-color:#4c4c4c;border-radius:8px; overflow:hidden; border:1px #fff solid;
display:block; margin:0 auto; max-width:10em; line-height:2.8em; text-align:center; color:#fff; position:relative;}
.about_2_2 a span{
 position:relative; z-index:10;}
.about_2_2 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;}
.about_2_2 a:hover:after{
width:100%;}
.about_2_2 a:hover{
color:#4c4c4c;border:1px #4c4c4c solid;}
.about_3{
background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/about/img5.jpg);}
.about_3 .about_1_1{
color:#fff; margin:2.8em 0;}
.about_3_1{
text-align:center; color:#fff;}
.about_3_1 ul li{ margin-bottom:3.125em;
float:left; width:41.66666666666667%;}
.about_3_1 ul li:nth-child(2n){
float:right}
.about_3_1_1{border-radius:10px; 
overflow:hidden;}
.about_3_1_1 img{
width:100%;}
.about_3_1 ul li a{
color:#fff}
.about_3_1_2_1{
text-align:center; margin-top:.875em;}
.about_3_1_2_2{
margin-bottom:.875em;}
.about_3_1_2_3{
text-align:left; font-size:.875em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5; margin-bottom:1.125em; min-height:3em;}
.about_3_1_2_4 span{ padding-bottom:2px; overflow:hidden;
color:#fff; font-size:.875em; display:inline-block; position:relative}
.about_3_1_2_4 span:before{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff}
.about_3_1_2_4 span:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
content:''; position:absolute; left:-100%; bottom:0; width:100%; height:1px; background-color:#fff}

.about_3_1 ul li:hover .about_3_1_2_4 span:before{
left:100%;}
.about_3_1 ul li:hover .about_3_1_2_4 span:after{
left:0%;}
.about_3 .about_2_2 a{
border:none; background-color:#fff; color:#000}
.about_3 .about_2_2 a:after{
background-color:#000}
.about_3 .about_2_2 a:hover{
color:#fff}
.about_4{ overflow:hidden;
position:relative}
.about_4_right{ background-image:url(../images/about/img6.jpg);
position:absolute; right:0; top:0; height:100%; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_4_left{
max-width:460px; margin:6em 0;}
.about_4_left_1{
font-size:.875em; line-height:1.5; margin-top:1em; margin-bottom:1.75em;}

.about_4_left_2 a{ background-color:#4c4c4c;border-radius:8px; overflow:hidden; border:1px #fff solid;
display:block;   max-width:10em; line-height:2.8em; text-align:center; color:#fff; position:relative;}
.about_4_left_2 a span{
 position:relative; z-index:10;}
.about_4_left_2 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;}
.about_4_left_2 a:hover:after{
width:100%;}
.about_4_left_2 a:hover{
color:#4c4c4c;border:1px #4c4c4c solid;}
/***********contact****************/
.contact_top{ border-bottom:1px #e7e7e7 solid;
position:relative; width:100%;}
.bannerbg{
background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100vh;}
.contact_top_left{
width:50%;}
body.logob .header_mid_left a{
background-image:url(../images/header/logob.png);}
.contact_top .swiper-pagination-bullet{
width:10px; height:10px; background-color:#aaaaaa; opacity:1;}
.contact_top .swiper-pagination-bullet-active{
background-color:#000}
.contact_top #swiper-pagination-index-banner{
bottom:50px;}
.contact_footer_mid{
  margin:0 14%; padding:0 1em;}
.contact_footer{
margin:4em 0;}
.contact_footer_mid_left{
float:left; width:30%;}
.contact_footer_mid_right{
float:right; width:53%;}
.contact_footer_mid_left_1{
}
.contact_footer_mid_left_2{
  margin-top:1.5em; font-size:.875em;}
.contact_footer_mid_left_2 ul li{
margin-top:.75em; color:#b2b2b2}
body.menub .header_mid_right_right a:hover,body.menub .header_mid_right_right a.current{
 color:#5c5d5d;  }
body.menub .header_mid_right_right a{
color:#b2b2b2}
.contact_top_right{ top:50%;transform:translateY(-50%);
position:absolute; width:350px; right:11.25%; }
.contact_top_right_1{
text-align:center; font-size:1.125em;}
.contact_top_right_2{
text-align:center; font-size:.875em; margin-top:1.875em; margin-bottom:1.875em;}
.contact_top_right_3 ul li{
float:left; width:50%; text-align:center;}
.contact_top_right_3 ul li a{ position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; padding-bottom:1em;   color:#b2b2b2; border-bottom:2px #b2b2b2 solid;  }
.contact_top_right_3 ul li a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:-2px; width:0%; height:2px; background-color:#000;}
.contact_top_right_3 ul li a.on,.contact_top_right_3 ul li a:hover{
color:#000}
.contact_top_right_3 ul li a.on:after,.contact_top_right_3 ul li a:hover:after{
width:100%;}
.contact_top_right_4{
padding-top:.5em;}
.contact_top_right_4 ul li{ position:relative;
margin-top:1.5em; padding:0 .5em;border:1px #b2b2b2 solid;border-radius:10px;}
.contact_top_right_4 ul li input,.contact_top_right_4 ul li textarea{ font-size:.875em;  
width:100%;    border:none; background:none; height:43px;}


       .contact_top_right_4 ul li input::-webkit-input-placeholder, .contact_top_right_4 ul li textarea::-webkit-input-placeholder{
            color:#b2b2b2;
        }
        .contact_top_right_4 ul li input::-moz-placeholder,.contact_top_right_4 ul li textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#b2b2b2;
        }
        .contact_top_right_4 ul li input:-moz-placeholder,.contact_top_right_4 ul li textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#b2b2b2;
        }
       .contact_top_right_4 ul li input:-ms-input-placeholder,.contact_top_right_4 ul li textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#b2b2b2;
        }



.contact_top_right_4 ul li textarea{
height:100px; padding:.5em 0;    resize: none;}
.contact_btn{
margin-top:2em;}
.contact_btn a{border-radius:10px; text-align:center; border:1px #fff solid; overflow:hidden;
display:block; position:relative; line-height:43px;   color:#fff; background-color:#4c4c4c;}
.contact_btn a span{
position:relative; z-index:10;}
.contact_btn a:after{ background-color:#999;
content:''; position:absolute; left:0; top:0; height:100%; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.contact_btn a:hover:after{
width:100%;}
.contact_top_right_4 ul li.re:after{
content:'*'; font-size:1.5em; color:#b2b2b2; position:absolute; right:-1em; top:50%;transform:translateY(-50%);}
 .contact_top_right_4 ul li.re span{ color:#ff0000;
 position:absolute; right:0; bottom:-1.5em; font-size:.875em;}
.contact_btn a.dis:after{
display:none}
/*********partner*************/
.par_1{
margin-top:9.375em; color:#4c4c4c}
.par_1 a{
color:#4c4c4c;}
.par_2 .about_3_1 ul li a{
color:#000}
.par_2 .about_3_1_2_4 span{
color:#999}
.par_2 .about_3_1_2_4 span:before,.par_2 .about_3_1_2_4 span:after{
background-color:#999}
.par_3{
text-align:center; margin-bottom:6.25em;}
.par_3 ul li{ margin:0 3px;
display:inline-block;}
.par_3 ul li a,.par_3 ul li span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; border:1px #b9b9b9 solid; padding:.15em .6em; color:#b9b9b9;}
.par_3 ul li.active span,.par_3 ul li a:hover{
color:#000; border-color:#000}
.par_2{
margin-top:6.25em;}
body.bodyw #footer{
background-color:#fff}
.par_info_1{
margin-top:6.25em; text-align:center; margin-bottom:4.5em;}
.par_info_1 h2{
font-weight:normal; font-size:2.25em;}
.par_info_2{
font-size:1.5em;}
.par_info_2 ul li{
margin-bottom:.5em;}
.par_info_3{ margin-top:1.75em;
line-height:1.9; font-size:1.125em;}
.par_info_4{
text-align:right}
.par_info_4 .about_4_left_2 a{ margin-left:18px;
display:inline-block; padding-left:30px; padding-right:30px;}
.par_info_4 .about_4_left_2 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.rea{ padding-right:38px;
background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img7.png);}
.par_info_4 .about_4_left_2 a:hover span.rea{
background-image:url(../images/about/img7b.png);}
.par_info_4{
margin-top:2.5em; margin-bottom:6.25em;}
/*********terms***********/
.tk_1{ margin-bottom:6.25em;
margin-top:12em;}
.tk_1 h2{
font-size:1.25em; font-weight:normal; text-align:center}
.tk_2{
line-height:2; margin-bottom:6.25em;}
/********news**********/
.tk_1 h4{
text-align:center; font-weight:normal; font-size:1.125em;}
.news_1 ul li{
display:inline-block; margin-right:1.25em;}
.news_1 ul li a{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 color:#a9a9a9}
.news_1 ul li a.on,.news_1 ul li a:hover{
color:#000;}
.tk_1_news{
margin-bottom:5em;}
.news_1{
padding-bottom:1.125em; border-bottom:1px #e7e7e7 solid}
.news_2_mid{ min-height:180px;
position:relative; padding-left:325px;}
.news_2_mid_left{
position:absolute; left:0; top:0; width:245px; overflow:hidden}
.news_2_mid_left img{
width:100%;}
.news_2_mid_mid{
width:535px;}
.news_2_mid_mid_1{
 color:#000; padding-top:1em}
.news_2_mid_mid_2{ font-size:.875em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
 color:#000; opacity:.5; line-height:1.6; margin-top:1.5em;}
 .news_2_mid_right{
 position:absolute; right:0; top:0;  }
.news_2_mid_more{
position:absolute; right:0; bottom:0;}
.news_2_mid_more span{ padding-bottom:.2em;
display:inline-block; position:relative;opacity:.3; font-size:.875em;}
.news_2_mid_more span:after{
content:''; position:absolute; left:0; bottom:0; height:1px; width:100%; background-color:#000;}
.news_2 ul li{
margin-top:2.875em;}
.news_2{
padding-bottom:3.25em;}
.news_info_1{ font-size:.875em;
text-align:center;   margin-bottom:1.5em; }
.tk_1_news_info{
margin-bottom:1.5em;}
.news_info_2{ font-size:.875em;
line-height:2; margin-bottom:4em;}
/******footer************/
#footer{ 
background-color:#000; padding-bottom:5.625em;}
.footer_1{padding-top:5.625em;}
.footer_1_left{
float:left;}
.footer_1_right{
float:right}
.footer_1_right ul li{
float:left; color:#ccc; margin-left:4em;}
.footer_1_right ul li p{
 }
.footer_1_right ul li a{ font-size:.875em;
color:#ccc;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_1_right ul li dl dd{
margin-top:1em;}
.footer_1_right ul li dl{
padding-top:.875em;}
.footer_1_right ul li a:hover{
color:#fff}
.footer_2_left{
float:left;}
.footer_2_left span{
font-size:.875em; color:#ccc; margin-right:1em;}
.footer_2{
margin-top:5.625em;}
.footer_2_right{
float:right}
.footer_2_right a{ margin-left:1.5em; position:relative;
display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover;}

.footer_2_right a.xhs{
width:4.1875em; height:1.5em; background-image:url(../images/footer/img1.png);}
.footer_2_right a.wb{
width:2em; height:1.625em; background-image:url(../images/footer/img2.png);}
.footer_2_right a.wx{
width:1.9375em; height:1.6875em; background-image:url(../images/footer/img3.png);}
.footer_2_right a.dy{
width:1.5625em; height:1.6875em; background-image:url(../images/footer/img4.png);}
.footer_2_right a.xd{
width:1.625em; height:1.4375em; background-image:url(../images/footer/img5.png);}
.footer_1_left a{
display:block; background-position:center; background-repeat:no-repeat; background-size:cover; width:162px; height:19px; background-image:url(../images/footer/logo.png);}
body.bodyw .footer_1_left a{
background-image:url(../images/footer/logob.png);}
body.bodyw .footer_1_right ul li{
color:#000}
body.bodyw .footer_1_right ul li a{
color:#696969;}
body.bodyw .footer_1_right ul li a:hover{
color:#000}
body.bodyw .footer_1{
border-top:1px #e7e7e7 solid}
body.bodyw .footer_2_left span{
color:#696969;}
.flb{
display:none}
body.bodyw .flb{
display:inline}
body.bodyw .flw{
display:none}

.footer_2_right a.wx img,.footer_2_right a.xhs img,.footer_2_right a.wb img,.footer_2_right a.dy img,.footer_2_right a.xd img{ max-width:none; position:absolute;
display:none; bottom:1.6875em; left:50%;transform:translateX(-50%);}
.footer_2_right a.wx:hover img,.footer_2_right a.wb:hover img,.footer_2_right a.xhs:hover img,.footer_2_right a.dy:hover img,.footer_2_right a.xd:hover img{
display:block}

body.bodyw .footer_2_right a.xhs{
  background-image:url(../images/footer/img1b.png);}
body.bodyw .footer_2_right a.wb{
  background-image:url(../images/footer/img2b.png);}
body.bodyw .footer_2_right a.wx{
 background-image:url(../images/footer/img3b.png);}
body.bodyw .footer_2_right a.dy{
  background-image:url(../images/footer/img4b.png);}
body.bodyw .footer_2_right a.xd{
  background-image:url(../images/footer/img5b.png);}
/********gallery**********/
.ga_cate ul li{
display:inline-block;}
.ga_cate ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding:.3em .4em;border-radius:10px 10px 0 0;
display:inline-block; font-size:1.125em; color:rgba(0,0,0,.3);}
.ga_cate ul li a:hover,.ga_cate ul li a.on{
color:#fff; background-color:#4c4c4c;}
.ga_cate{
border-bottom:1px #b9b9b9 solid;}
.ga_s_cate{
margin-top:1em;}
.ga_s_cate ul li{
display:inline-block; margin-right:1em; margin-bottom:10px;}
.ga_s_cate ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
 color:rgba(0,0,0,.3);}
.ga_s_cate ul li a:hover,.ga_s_cate ul li a.on{
color:#000;}
.ga_list ul li{ text-align:center; margin-top:2em;
float:left; width:155.7333333333333px; margin-right:46.72000000000005px;}
.ga_list ul li:nth-child(6n){
margin-right:0}
.ga_list_1{ border:1px #ccc solid;
overflow:hidden; text-align:center; position:relative; height:153.7333333333333px}
.ga_list_1 img{height:153.7333333333333px}
.ga_list_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; 
color:rgba(0,0,0,.3); min-height:42px; margin-top:1em;
}
.ga_list{
margin-top:1em; margin-bottom:2.5em;}
.art_info{
margin:0 auto; width:850px; position:relative;}
.art_info_left{border-radius:20px; 
overflow:hidden; width:340px;}
.art_info_left img{
width:100%;}
.art_info_right{
position:absolute; right:0; top:0; height:100%; width:52.35294117647059%;}
.art_info_right_2{
position:absolute; right:0; bottom:0; width:100%;}
.art_info_right_2 .par_info_4{
margin:0}
 
.art_info_right_1 ul li{
margin-bottom:1em;}
.art_info{
margin-top:4em; margin-bottom:5.9375em;}
.art_show_1_left{ overflow:hidden;border-radius:10px;
float:left; width:24.58333333333333;}
.art_show_1_right{
float:right; width:65.83333333333333%;}
.art_show_1_right_mid_1{
position:relative;   min-height:166px;}
.art_show_1_right_mid_1_left{
  width:166px;}
.art_show_1_right_mid_1_right{
margin-top:16px;
 }
.art_show_1_right_mid_2{
font-size:.875em; line-height:1.6; margin-top:1.5em; margin-bottom:2em;}
.art_show_1_right_mid_3{
text-align:right}
.art_show_1_right_mid_3 a{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow:hidden; margin-left:1em;
display:inline-block; position:relative; line-height:40px; padding:0 15px; background-color:#4c4c4c;border-radius:10px; }
.art_show_1_right_mid_3 a span{
position:relative; z-index:10;  color:#fff;}
.art_show_1_right_mid_3 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#999;}
.art_show_1_right_mid_3 a:hover:after{
width:100%;}
.art_show{
margin-top:260px;}
.art_show_2{
margin-top:3.75em;}
.art_show_2_mid{
position:relative; padding:0 32px;}
.art_show_2_mid_left{ cursor:pointer; z-index:10; top:50%;transform:translateY(-50%); left:0;
position:absolute; width:16px; height:28px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/art/img2.jpg);}
.art_show_2_mid_right{ cursor:pointer; z-index:10; top:50%;transform:translateY(-50%); right:0;
position:absolute; width:16px; height:28px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/art/img3.jpg);}
/*******index*********/
.indexvideo{
position:relative; width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/bg.jpg);}
.playvideo{ left:50%; top:50%; z-index:10;transform:translate(-50%, -50%);
position:absolute; width:8.625em; height:8.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/play.png);}
.art_show_2_mid_img{
overflow:hidden;border-radius:10px;}
.art_show_2_mid_img img{
width:100%;}
.art_show_3{
margin-top:97px; margin-bottom:100px;}
.artusershow{transform:translate(-50%, -50%); padding:0px; background-color:#fff;
position:fixed; z-index:2222; width:550px; left:50%; top:50%; display:none;}
.artusershow_mid{
margin:0 70px; position:relative; margin-bottom:2.5em;}
.popmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:222; opacity:.5;}
.artusershow .wxloginmid_mid_close a{  
width:25px; height:24px; background-image:url(../images/art/close.jpg);}
.all_ga_1{
text-align:center; border-bottom:1px #b9b9b9 solid; padding-bottom:1em; margin-top:2.5em;}
.all_ga_1 h2{
font-size:1.5em; font-weight:normal}
.ga_list_2_info{ color:#7c7c7c;
text-align:left; font-size:.875em; text-align:left; line-height:1.6; margin-top:1em; min-height:90px;}

 /* toast start */
@-webkit-keyframes toastAnimation {
	0% {
	opacity:1;
}
25% {
	opacity:0.75;
}
50% {
	opacity:0.5;
}
75% {
	opacity:0.25;
}
100% {
	opacity:0;
}
}@keyframes toastAnimation {
	0% {
	opacity:1;
}
25% {
	opacity:0.75;
}
50% {
	opacity:0.5;
}
75% {
	opacity:0.25;
}
100% {
	opacity:0;
}
}
.toast-message {
	text-align:center;
	color:#fff;
	font-size:14px;
	width:320px; left:50%; top:50%;transform:translate(-50%, -50%);
	padding:15px 0;
	background-color:rgba(0,0,0,0.5);
	box-shadow:0 8px 16px 0 rgba(51,51,51,0.30);
	border-radius:8px;
	position:fixed;
	z-index:9999;
	 
	/* -webkit-animation:toastAnimation 1.5s ease-in 0s 1 normal;
	 
 animation:toastAnimation 1.5s ease-in 0s 1 normal;*/
	 
}
/* toast end */
.index_login{ background-color:#fff; z-index:10; left:5%; top:50%;border-radius:10px; 
position:absolute; width:26.30208333333333%;transform:translate(0%, -50%);}
.index_login_mid{
margin:0 12%;}
.index_login_mid_1 ul li input{
border:none; width:100%; height:40px; line-height:40px; text-align:center; background:none}
.index_login_mid_1 ul li{ margin-bottom:25px;
border:1px #e5e5e5 solid; padding:0 1em;border-radius:10px;}
.index_login_mid_1{
margin-top:50px;}
.index_login_mid_2 a{border-radius:40px; position:relative; overflow:hidden;
display:block; text-align:center; line-height:40px; color:#fff; background-color:#000; max-width:195px; margin:0 auto}
.index_login_mid_2 a span{
position:relative; z-index:10}
.index_login_mid_2 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#999;}
.index_login_mid_2 a:hover:after{
width:100%;}
.index_login_mid_2{
margin-bottom:40px;}
.index_login_mid_3{ margin-bottom:35px;
text-align:center; font-size:1em;color:rgba(0,0,0,.3);}
.index_login_mid_3 p{
margin-bottom:15px;}
.index_login_mid_4{
font-size:.75em;color:#929292; line-height:1.6; margin-bottom:65px;}
/*********user**********/
.a2{
display:block; color:#ff0000}
.user_re_1{ margin-top:2.5em;
text-align:center}
.user_re_1{
margin-bottom:1.5em;}
.contact_top_right_4 ul li:last-child{
width:234px;}
#getvcode,#getvcode2{border-radius:10px; padding:0px; width:90px; cursor:pointer; text-align:center;
position:absolute; left:260px; top:0; height:100%; border:none; color:#000; background-color:#b2b2b2; font-size:.875em;}
#getvcode[disabled],#getvcode2[disabled]{
cursor:not-allowed}
.user_index_mid_left{
float:left; width:143px;}
.user_index_mid_left ul li a{border-radius:10px;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
display:block; line-height:50px; text-align:center;color:rgba(0,0,0,.3); font-size:1.5em;}
.user_index_mid_left ul li a:hover,.user_index_mid_left ul li a.on{
color:#fff; background-color:#5c5d5d;}
.user_index_mid_left ul li{
margin-bottom:10px;}
#usert{
margin-bottom:25px;}
.user_index_mid_right{
float:right; width:720px; margin-top:80px;}
.user_index_mid_right_1{ padding-left:137px; margin-bottom:30px;
 font-size:1.5em;}
.user_index_mid_right_2 ul li{ margin-bottom:5px; line-height:40px;
position:relative; padding-left:168px; min-height:40px;}
.user_index_mid_right_2 ul li span{ text-align:center;border-radius:8px;
position:absolute; left:0; top:0; width:120px; line-height:40px; color:#fff; background-color:#4c4c4c; font-size:1.125em;}
.user_index_mid_right_3{
text-align:right; margin-top:32px; margin-bottom:120px;}
.user_index_mid_right_3 a{border-radius:8px; text-align:center; position:relative; overflow:hidden;
display:inline-block;width:120px; line-height:40px; color:#fff; background-color:#4c4c4c; font-size:1.125em;}
.user_index_mid_right_3 a span{
position:relative; z-index:10;}
.user_index_mid_right_3 a:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
content:''; position:absolute; left:0; bottom:0; height:100%; width:0; background-color:#999;}
.user_index_mid_right_3 a:hover:after{
width:100%;}
.user_index_mid_right_2 ul li p input{border-radius:8px; padding:0 10px;
border:1px #b9b9b9 solid; width:273px; height:38px; line-height:38px;}
.contact_top_right_3_login{
margin-top:2em;}
.openlogin ul li{ margin-top:1.5em;
display:block; border:1px #b2b2b2 solid;border-radius: 10px; text-align:center}
.openlogin{
padding-top:.5em;}
.openlogin ul li a{
display:block; line-height:43px;  }
.openlogin ul li a span{padding-left:43px;
display:inline-block; position:relative;}
.openlogin ul li a span:after{transform:translateY(-50%); 
content:''; position:absolute; left:0; top:50%; width:35px; height:35px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.openlogin ul li:nth-child(1) a span:after{
background-image:url(../images/user/img2.png);}
.openlogin ul li:nth-child(2) a span:after{
background-image:url(../images/user/img3.png);}
.login_t{  margin-top:1.5em;
text-align:right; font-size:.875em;color:rgba(0,0,0,.3);}
.login_t a{
color:#000}
.wxloginmid{transform:translate(-50%, -50%); text-align:center; min-width:28.48958333333333vw;
position:fixed; left:50%; top:50%; z-index:5555; background-color:#e5e5e5; display:none;}
.wxloginmid_mid{ position:relative; padding-bottom:6vw;
padding-top:4.6875vw;}
.wxloginmid_mid_1{
font-size:1.25em;}
.wxloginmid_mid_2{ margin-left:auto; margin-right:auto; max-width:41.31627056672761%;
margin-top:1em; margin-bottom:1em;}
.wxloginmid_mid_3{
font-size:1.25em;}
.wxqr{ display:none;
border:1px #000 solid; padding:1em; background-color:#fff; }
.wxloginmid_mid_close{
position:absolute; right:1em; top:1em;}
.wxloginmid_mid_close a{
display:block; background-position:center; background-repeat:no-repeat; background-size:cover; width:1.5em; height:1.5em; background-image:url(../images/user/close.jpg);}
.user_index_ga{
float:right; width:85%;}
/*******find apss********/
.findpassmid{
margin:0 auto; width:400px;}
.findpassmid_1{
margin:2em 0 1em 0; font-size:1.125em;}
.findpassmid_2{
border:1px #b2b2b2 solid;  padding:0 1em;border-radius: 10px;}
.findpassmid_2 input{
width:100%; border:none;height:40px; line-height:40px;}
.findpassmid{
margin-bottom:6.25em;}
.user_index_ga .ga_list ul li{
margin-bottom:2.7em; margin-top:0;  width:16.8%;}
.user_index_ga .ga_list ul li:nth-child(5n){
margin-right:0}
.user_index_ga .ga_list ul li:nth-child(6n){
margin-right:4.000000000000004%}
.user_index_ga .ga_list{
margin-bottom:0}
.order_list ul li{ position:relative; margin-bottom:43px;
display:block;  clear:both; overflow:hidden; width:100%;}
.order_list_left{
float:left; width:480px;}
.order_list_left_left{
float:left; width:160px;}
.order_list_left_right{ margin-top:20px;
margin-left:25px; float:left; line-height:28px;}
.order_list_mid{
float:left; margin-top:55px;}
.order_list_right{
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.order_list_right a{ padding:0 15px;
display:inline-block; color:#fff; background-color:#000; font-size:14px; line-height:32px;border-radius:32px;}
.ert h2{
font-weight:normal; font-size:1.5em;}
.ert{
margin:100px 0px 180px 0px;}
.contact_top_right_faqs{
width:36%; right:7%;}
.contact_top_right_faqs_1{
margin:45px 9% 50px 9%; position:relative; border:1px #d0d0d0 solid;border-radius:45px;}
.contact_top_right_faqs_1_left{ width:43px;
position:absolute; left:0; top:0; height:100%;}
.contact_top_right_faqs_1_left input{
border:none; background:none; width:100%; height:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-image:url(../images/faqs/img2.png);}
.contact_top_right_faqs_1_mid{
margin:0 30px 0px 45px;}
.contact_top_right_faqs_1_mid input{ height:45px; line-height:45px; font-size:.875em;
border:none; background:none; width:100%;}

   .contact_top_right_faqs_1_mid input::-webkit-input-placeholder{
            color:#ddd;
        }
        .contact_top_right_faqs_1_mid input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#ddd;
        }
        .contact_top_right_faqs_1_mid input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#ddd;
        }
        .contact_top_right_faqs_1_mid input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#ddd;
        }

.contact_top_right_faqs_2{
position:relative; height:405px; overflow:hidden; padding-right:5px;}
.faqslist{
float:left; width:49%; margin-top:37px; }
.contact_top_right_faqs_2 .faqslist:nth-child(2n){
float:right;}
.contact_top_right_faqs_2 .faqslist:nth-child(1),.contact_top_right_faqs_2 .faqslist:nth-child(2){
margin-top:0}
.faqslist_mid{ padding:15px 18px;min-height:183px;
border:1px #d0d0d0 solid;border-radius:10px;}
.faqslist_mid_1{
 color:#000;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.faqslist_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; 
color:#7c7c7c;   font-size:.875em; margin-top:12px; margin-bottom:7px;}
.faqslist_mid_3 span{ position:relative; font-size:.875em;
display:inline-block; color:#7c7c7c;  padding-bottom:3px;}
.faqslist_mid_3 span:after{
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#000; opacity:.5; width:100%;}
.contact_top_right_faqs_3{
text-align:center; margin-top:37px; margin-bottom:37px;}
.contact_top_right_faqs_3 a{border-radius:8px; overflow:hidden;
display:block; position:relative; width:120px; line-height:35px; background-color:#4c4c4c; color:#fff; margin:0 auto;  }
.contact_top_right_faqs_3 a span{
position:relative; z-index:10;}
.contact_top_right_faqs_3 a:after{ background-color:#999;
content:''; position:absolute; left:0; top:0; height:100%; width:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.contact_top_right_faqs_3 a:hover:after{
width:100%;}
.contact_top_right_faqs_4{
  color:#000; margin-bottom:40px;}
.contact_top_right_faqs_5 a{
color:#7c7c7c; position:relative; padding-left:42px;}
.contact_top_right_faqs_5 a:after{transform: scale(.8, .8);
content:''; position:absolute; left:0; bottom:0; width:37px; height:31px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/faqs/img3.png);}
.faqsshow_1 h2{ font-size:1.125em;
  margin-top:20px; font-weight:normal}
.faqsshow_2{ font-size:.875em;
color:#7c7c7c; line-height:1.7; margin-top:20px;}

@media (max-height:1000px) {
	 
	.faqslist_mid{
	min-height:161px;}
	.contact_top_right_faqs_2{
	height:345px;}
	.faqslist{
	margin-top:20px;}
	.contact_top_right_faqs_1,.contact_top_right_faqs_3{
	margin-top:20px; margin-bottom:20px;}
	 
	
 
 
	
}

@media (max-width:1700px) {
#header{
top:1.5em;}
.openlogin ul li a{
line-height:40px;}
.openlogin ul li a span:after {
width:31px; height:31px;}
.openlogin{
padding-top:0}
.openlogin ul li{
margin-top:1em;}
.openlogin ul li a{
font-size:1em;}
.index_login_mid_3{
font-size:1em;}
.index_login_mid_3,.index_login_mid_2{
margin-bottom:25px;}
 .index_login_mid_4{
 margin-bottom:25px;}
 .index_login_mid_1{
 margin-top:25px;}
.playvideo{
width:7.1875vw; height:7.1875vw;}
.contact_footer_mid{
margin:0 5.20833333333333%}
 .bannerbg{
height:768px;  } 
 
.contact_top_right_4 ul li input{
height:40px; line-height:40px;}
.contact_top_right_4 ul li{
margin-top:1em;}
.contact_btn a{
height:42px; line-height:42px; font-size:1em;}
.contact_btn{
margin-top:1em;}
.contact_top_right_4{
padding-top:0}
 
.contact_top_right_2{
margin-top:1em; margin-bottom:1em;}
.contact_top_right_1{
margin-top:2.5em;}
.user_re_1{
margin-top:2.5em;}
 
}
@media (max-width:1200px) {
	#main,#footer,#header{
	width:1200px;}
	body{
	overflow-x:auto;}
}