@charset "utf-8";
/* CSS Document */
html,body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;font-family:"微软雅黑" ; color:#4c4a4a; background:#fff ; font-size:14px; overflow-x:hidden;}
a{color:#000; text-decoration:none;}
a img{ border:none;}
ul,li,dl,dt,dd,p,h2,h3,h4,h5{ list-style:none; padding:0; margin:0;}
input{
  &::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
  }
  &:focus::-webkit-contacts-auto-fill-button{
    opacity: 0;
  }
}
css代码/* chrome */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
/* 火狐浏览器 */
input[type="number"]{-moz-appearance: textfield;}

/*首页样式*/
.ban1_wrap{ width: 100%;min-width: 1280px;position: relative;overflow:hidden;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.ban1-bg {width: 100%;position: relative;}
.ban1-bg img{ width: 100%;}
.ydy_xz{ width:437px;height:186px;position: absolute;bottom:0px;  background:url(../images/xz_bg.png) no-repeat;padding-left:70px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-top: 720px;z-index: 10;  }
.ydy_logo{width: 340px; margin-top:12px; margin-left: 5px;}
.ydy_xz img{width: 100%}
.ydy_left_b_l2{ width:92px; height: 92px; margin-top:-33px;}
.ydy_left_b_l2 img{ width: 100%;border: 2px solid #000; }
.ydy_left_b_l2 p{ font-size: 18px; color: #fff;text-align: center; }
.ydy_left_b_r2{margin-left:30px;}

.link_apple{width:180px;height: 66px; background: url(../images/pic_18.png) no-repeat;background-size: 100%; text-indent: -9999px;display: block;}
.link_apple:hover{ background: url(../images/pic_18_hover.png) no-repeat;background-size: 100%;}
.link_android{width:180px;height: 66px;background: url(../images/pic_21.png) no-repeat;background-size: 100%; text-indent: -9999px;display: block; margin-top: 5px; }
.link_android:hover{ background: url(../images/pic_21_hover.png) no-repeat;background-size: 100%;}


.ban-box{width: 100%;min-width: 1280px;position: relative;overflow:hidden;background: url(../images/ydy_bg-2.jpg) no-repeat;background-size: 100%; display: flex;flex-direction: column;justify-content:flex-start;align-items: center;}
.ban2_wrap{width: 100%;min-width: 1280px;position: relative; display: flex;flex-direction: column;justify-content:flex-start;align-items: center;}
.ban2-bg {width: 100%;position:absolute;}
.ban2-bg img{ width: 100%;}
.ban2-tit{position: relative;margin-top: 130px;}
.ban2_wrap .inner{ display: flex; justify-content: flex-start; align-items: center; width: 1048px; height: 632px; background: url(../images/lb-bg.png) no-repeat; margin-top: 60px;}
.ban2_wrap .inner .flexslider{ width:1016px; height: 564px; padding: 84px 0 100px 16px;}
.ban2_wrap .inner .flexslider .flex-viewport li{width:1016px; height:564px;position: relative; }
.ban2_wrap .inner .flexslider .flex-viewport li img{width: 100%; }
.ban2_wrap .inner .flexslider .flex-direction-nav{width: 1200px;height: 75px;  position: absolute;top: 50%; left: 50%; margin:100px 0 0 -595px; }
.ban2_wrap .inner .flexslider .flex-direction-nav li a{width:76px; height: 86px; display: block;position: absolute; }
.ban2_wrap .inner .flexslider .flex-direction-nav li .flex-prev{ background:url(../images/prev.png) no-repeat;left: 0 }
.ban2_wrap .inner .flexslider .flex-direction-nav li .flex-next{ background:url(../images/next.png) no-repeat;right: 0; }

.ban3-bg {width: 100%;min-width: 1280px;position:relative;background: url(../images/ban2-bottom-hover.png) no-repeat;}
.ban3-bg img{ width: 100%;}
.ban3_wrap{ width:100%; position: relative;min-width: 1280px;overflow: hidden;}
.ban3_wrap .inner{ display: flex;flex-direction: row; justify-content: center; align-items: center;}
.ban3_wrap .inner .kfxx-box{ width: 113px; height: 113px; border-radius: 113px; display: flex;justify-content:center;align-items: center; margin: 60px 40px 0 60px;background: #4f4f6e;position: relative;}
.ban3_wrap .inner .kfxx-box:hover {background: url(../images/kfxx-hover.png) no-repeat;}
.ban3_wrap .inner .kfxx-box .kfxx-qq{background:url(../images/qq.png) no-repeat;width: 78px;height: 73px;}
.ban3_wrap .inner .kfxx-box .kfxx-tap{background:url(../images/tap.png) no-repeat;width: 78px;height: 73px;}
.ban3_wrap .inner .kfxx-box:hover .kfxx-qq{background:url(../images/qq-hover.png) no-repeat;width: 78px;height: 73px;}
.ban3_wrap .inner .kfxx-box:hover .kfxx-tap{background:url(../images/tap-hover.png) no-repeat;width: 78px;height: 73px;}
.ban3_wrap .inner .kfxx-box ._icon{ position: absolute;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;background:url(../images/weixin.png) no-repeat;width: 78px;height: 73px; }
.ban3_wrap .inner .kfxx-box:hover ._icon{background:transparent;}
.ban3_wrap .inner .kfxx-box ._codeImg{width: 73px;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease; -o-transition: all .4s ease;transition: all .4s ease;}
.ban3_wrap .inner .kfxx-box:hover ._codeImg {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.xf-code{ position: fixed;top:290px; right: 0; width:206px; height:239px; background: url(../images/cz-xf.png) no-repeat;z-index: 9995; color: #fff;   }
.xf-code .xf-inner{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.xf-code img{ width:140px; height: 140px;margin:10px 0 0 10px;}
.xf-code .xf-text{ margin-top:20px;color: #fff ;font-size: 25px; }


.ban6_wrap{ width: 100%;position: relative; min-width: 1280px;}
.ban_con{ width:1260px;height: 100%; margin:0 auto;position:relative;}
.foot-con{ padding:38px 61px; display: flex;flex-direction: row;justify-content: center;align-items: center;}
.logo-td{ padding:0 0 0 100px; }
.fr{float: left;padding-left:100px;line-height: 25px;font-size: 13px;color: #fff;}
.fr img{width: 16px;}
.fr a{color:#fff;}