@charset "utf-8";
/* CSS Document */
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:16px; color:#333333; padding-top: 60px;}
ul,li{ list-style:none;}
img{ font-size:0; display: block;}
h2,h3{ font-weight: normal;}
input,select,textarea,button{outline:none;}
input::placeholder,textarea::placeholder{ color: #999; font-family:"微软雅黑";}
input:focus,textarea:focus,button:focus{ outline: none;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
/*最大宽度*/
.max-w1280{ max-width: 1280px; width: 91%; margin: 0 auto;}
/*边距*/
.mt30{ margin-top: 30px!important;}
.mt20{ margin-top: 20px!important;}
.mt10{ margin-top: 10px!important;}
.mt0{ margin-top: 0!important;}
.mr0{ margin-right: 0!important;}
.mb0{ margin-bottom: 0!important;}
.pt0{ padding-top: 0!important;}
.pb0{ padding-bottom: 0!important;}
/**/
.main-body,.banner,.ad1,.modular,.banner-home{ width: 100%; float: left; position: relative;}
.swiper{width: 100%; overflow: hidden; position: relative;}
.flex-lr{ width: 100%; display: flex; justify-content: space-between;}
.container{ max-width: 1720px; width: 91%;}
.fixed{ position: fixed; z-index: 999; top: 0; left: 0;}
.ta-r{ text-align: right;}
.flex-center{ display: flex; justify-content: center; align-items: center;}
.bor-t{ border-top: 1px solid #dcdcdc;}
#anchor{ width: 100%; float: left; position: absolute; top: -60px;}

/*头部*/
header{ width: 100%; height: auto; float: left; display: flex; justify-content: center; position: fixed; left: 0; top: 0; z-index: 99999; transition: all 0.3s linear; background-color: #111111;}
header .container{ max-width: 1720px; width: 91%; height: 60px; display: flex; justify-content: space-between; align-items: center;  position: relative;}
header .f-right{ display: flex; align-items: center; }
header .f-right .ico{ margin: 0 25px;}
header .language{ height: 100%; display: flex; align-items: center; position: relative;}
header .language .ico{ cursor: pointer;}
header .language ul{ position: absolute; top: 38px; left: -20px; display: none;}
header .language ul li{ background-color: #fff; padding: 10px 10px; border-bottom: 1px solid #dcdcdc;}
header .language ul li:last-child{ border-bottom: 0;}
header .language ul li a{ color: #666; font-size: 14px; white-space: nowrap;}
header .nav{ display: flex; }
header .nav ul{ display: flex; }
header .nav ul li{ margin: 0 25px;}
header .nav ul li a{ color: #fff;}
.white{ background-color: #fff; border-bottom: 1px solid #dcdcdc;}
.white .nav ul li a{ color: #333;}

/*底部*/
footer{ width: 100%; float: left; background-color: #272727; color: #fff; font-size: 18px; display: flex; justify-content: center;}
footer .container{ max-width: 1720px; width: 91%;}
footer .footer1{ width: 100%; float: left; display: flex; justify-content: space-between; padding-top: 80px;}
footer .footer1 .arrange{ display: flex; flex-direction: column;}
footer .footer1 .arrange .li a{ color: #999999; font-size: 14px;}
footer .footer1 .arrange .li{ margin-top: 5px;}
footer .footer1 .arrange .li:first-child{ margin-bottom: 10px;}
footer .footer1 .arrange .li:first-child a{ color: #fff; font-size: 20px;}
footer .footer1 .arrange .li .input{ width: 270px; height: 36px; float: left; border: 1px solid #999999; box-sizing: border-box; background-color: #272727; padding: 5px; box-sizing: border-box; color: #fff;}
footer .footer1 .arrange .li .bottom{ width: 60px; height: 36px; float: left; background:url(../images/ico05.png) no-repeat center center #999999; }
footer .footer1 .arrange .li .p1{ font-size: 14px; color: #999;}
footer .footer1 .arrange .li .p2{ font-size: 24px; color: #fff;}
footer .footer2{ width: 100%; float: left; padding: 60px 0 20px 0; display: flex; justify-content: space-between; align-items: center; }
footer .footer2 p{ font-size: 14px; color: #999999; text-align: left;}
footer .footer2 p a{ color: #999;}
footer .footer2 .ico{ display: flex; }
footer .footer2 .ico a{ margin-left: 20px;}
footer .footer3{ width: 100%; float: left; padding: 20px 0;}
footer .footer3 p{ font-size: 14px; color: #999999; text-align: right;}

/*分页*/
.pagenum{ width: 100%; float: left; margin-top: 60px; font-size: 14px; display: flex; justify-content: center;}
.pagenum a{ width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; background-color: #f6f6f6;  margin-right: 10px;}
.pagenum a:hover{ background-color: #333333; color: #FFFFFF; }
.pagenum span{ width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; margin-right: 10px; background-color: #333333; color: #FFFFFF;}

.paging{ width: 100%; float: left; margin-top: 30px; margin-bottom: 80px; display: flex; justify-content: space-between;}
.paging a{ width: 49%; float: left; font-size: 16px; font-weight: bold;}


@media screen and (max-width: 1600px) { /*当屏幕尺寸小于1600px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/16);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 
}
@media screen and (max-width: 1200px) { /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/12);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 header .nav ul li{ margin: 0 10px;}
}
@media screen and (max-width: 900px) { /*当屏幕尺寸小于900px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/9);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 
}
@media screen and (max-width: 800px) { /*当屏幕尺寸小于900px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/8);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 header .nav ul li{ margin: 0 2px;}
 
}