@charset "UTF-8";



*{font-family:"Microsoft YaHei","微软雅黑","黑体","宋体","Arial",sans-serif;color: #333333;margin: 0px;padding: 0px;}

html,body{

  overflow-x: hidden;
   -webkit-touch-callout: none; -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

:focus {outline: none;}

p,h1,h2,h3,h4,h5,img,button,dl,dt,dd,span {transition:  all .5s;font-size: 14px;}

ul,h1,h2,h3,h4,h5,h6,p,dl,hr{padding: 0;margin: 0;font-weight: normal;}

a,a:hover,a:focus{text-decoration: none;outline: none;}

button:focus {outline: none;}

a{color: #333333;}

ul{list-style: none;}

ul:before,ul:after{display: none;}

input{outline:none;border:none;background:none;}

textarea{resize: none;}

img {max-width: 100%;display: inline-block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}



.container {width: 1200px;}

.con1400 {width: 1400px;margin: 0 auto;}

.con1760 {width: 1760px;margin: 0 auto;}

.con1220 {width: 1220px;margin: 0 auto;}

.fl { float: left;}

.fr { float: right;}

.clearfix,.clear,.clearboth {clear: both;}

.flexrow {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}

.nopadding {padding: 0px;}



input::placeholder {	color: #dbdbdb;font-weight: normal;font-family: RR;}

input::-webkit-input-placeholder,input:-moz-placeholder,input:-ms-input-placeholder,input::-moz-placeholder{	font-size: 16px;color: #dbdbdb;font-weight: normal;font-family: RR;}



.swiper-container {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

  }

  .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }

.idx_flexstart {

    justify-content: flex-start;

}



/* css 动画 */

@keyframes mymove

{

  0% {right:-4px;top: -4px;width: 0px;height: 0px;opacity: 0;}

  100% {right: -4px;top: -4px;width: 56px;height: 56px;opacity: 1;}

}





 /* 特殊字体 */

 @font-face

 {

 font-family: Barlow-Bold;

 src: url('../fonts/Barlow-Bold.ttf'),

     url('../fonts/Barlow-Bold.ttf'); /* IE9+,可以是具体的实际链接 */

 }

 @font-face

 {

 font-family: PingFang-SC-Regular;

 src: url('../fonts/PingFangSCRegular.otf'),

     url('../fonts/PingFangSCRegular.otf'); /* IE9+,可以是具体的实际链接 */

 }

 @font-face

 {

 font-family: Barlow-Black;

 src: url('../fonts/Barlow-Black.ttf'),

     url('../fonts/Barlow-Black.ttf'); /* IE9+,可以是具体的实际链接 */

 }

 @font-face

 {

 font-family: Barlow-Medium;

 src: url('../fonts/Barlow-Medium.ttf'),

     url('../fonts/Barlow-Medium.ttf'); /* IE9+,可以是具体的实际链接 */

 }

 

 @font-face

 {

 font-family: Barlow-Regular;

 src: url('../fonts/Barlow-Regular.ttf'),

     url('../fonts/Barlow-Regular.ttf'); /* IE9+,可以是具体的实际链接 */

 }



@media (max-width:1760px) {

    .con1760 {width: 95%;}

}

@media (max-width:1280px) {

  .con1220 {width: 90%;}

}