@charset "utf-8";

html {

  overflow-x: hidden;

  overflow-y: scroll;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-overflow-scrolling: touch;

}



body,

html {

  font-size: calc(100vw / "120");

  font-family: 'Microsoft YaHei', 'montserrat';

}

body {

  overflow-x: hidden;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  font-family: 'Microsoft YaHei';

}

a,

article,

aside,

body,

button,

dd,

details,

div,

dl,

dt,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

img,

input,

li,

menu,

nav,

ol,

p,

section,

select,

table,

tbody,

td,

textarea,

th,

tr,

ul {

  padding: 0;

  margin: 0;

}

:after,

:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

a {

  color: #3c3c3c;

  text-decoration: none;

}

a:hover,

a:link,

a:visited {

  text-decoration: none;

}

i {

  font-style: normal;

}

input {

  margin: 0;

  padding: 0;

}

button {

  margin: 0;

  padding: 0;

  outline: 0;

  border: none;

}

input,

input[type=button],

input[type=reset],

input[type=submit] {

  border: none;

  resize: none;

}

select:focus,

select:focus-visible,

input:focus,

input:focus-visible,

textarea:focus,

textarea:focus-visible {

  outline: none;

}

textarea {

  resize: none;

}

ul,

ol,

li {

  list-style: none;

}

img {

  height: auto;

  max-width: 100%;

  -ms-interpolation-mode: bicubic;

  border: none;

  vertical-align: middle;

}

.c00 {

  color: #000;

}

.cf {

  color: #fff;

}

.bg0 {

  background: #000;

}

.bgf {

  background: #fff;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.pr {

  position: relative;

}

.pa {

  position: absolute;

}

.pa50 {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 100%;

}

.pa100 {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.hide {

  display: none;

}

/* 搜索 */

.sertext,

.serbtn {

  display: block;

  float: left;

}

.searchbox {

  padding: 0.9375rem;

  box-shadow: 0 0 7px 0 #cfcfcf;

  background: #fff;

  width: 100%;

  top: 6.1875rem;

  border-top: 2px solid #ec1b23;

  text-align: center;

  z-index: 44;

  position: fixed;

}

.searchs {

  max-width: 600px;

  margin: 0 auto;

}

.searchs .sertext {

  display: block;

  padding: 0;

  outline: 0;

  padding-left: 0.75rem;

  width: 78%;

  float: left;

  border: 1px solid #cdcdcd;

  color: #a2a2a2;

  font-size: .75rem;

  height: 3.25rem;

  line-height: 3.25rem;

  transition: .4s;

}

.searchs .sertext,

.serbtn {

  font-size: 16px;

}

.serbtn {

  padding: 0;

  margin: 0;

  border: none;

  outline: 0;

  width: 22%;

  float: right;

  height: 3.25rem;

  text-align: center;

  line-height: 3.25rem;

  background: #ec1b23;

  color: #fff;

  font-size: .9375rem;

  cursor: pointer;

  transition: .44s;

}

.container {

  width: 100%;

  max-width: 100%;

}

.clearfix:after,

.clearfix:before {

  display: table;

  content: "";

}

.clearfix:after {

  clear: both;

}

.clearfix {

  zoom: 1;

}

.over {

  overflow: hidden;

}

.over > img {

  cursor: pointer;

  transition: all .4s;

}

.over > img:hover {

  transform: scale(1.1);

}

/* 控制文字几行 */

.line1 {

  display: -webkit-box;

  /*弹性伸缩盒子*/

  overflow: hidden;

  /*溢出部分隐藏*/

  text-overflow: ellipsis;

  /*溢出部分用省略号显示*/

  -webkit-box-orient: vertical;

  /*子元素垂直排列*/

  -webkit-line-clamp: 1;

  /*显示的行数*/

}

.line2 {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.line3 {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.line4 {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

}

.w100 {

  width: 100%;

}

header {

  line-height: 6.25rem;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  background: none;

}

header .clearfix .logo img {

  height: 4rem;

}

header .clearfix .search .iconfont {

  font-weight: bold;

  color: #fff;

  margin-right: .9375rem;

}

header .clearfix .search .iconfont.active::before {

  content: "\e602";

}

header .clearfix .head_menu {

  margin-right: 1.25rem;

}

header .clearfix .head_menu > ul > li {

  float: left;



  padding: 0 1.875rem;

}

header .clearfix .head_menu > ul > li > a {

  display: inline-block;

  font-size: 1.125rem;

  color: #fff;

  position: relative;

}

header .clearfix .head_menu > ul > li .submenu {

  position: absolute;

  left: 0;

  width: 100%;

  top: 100%;

	background: #fbfbfb;

	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

	visibility: hidden;opacity: 0;

	transition: all .15s;

	z-index: 1;

  text-align: center;

}header .clearfix .head_menu > ul > li .submenu li {

  display: inline-block;

  margin: 0 1rem;

  width: 15%;

}

header .clearfix .head_menu > ul > li .submenu li a {

  color: #333;

  display: block;

  text-align: center;

  line-height: 2.875rem;

}

header .clearfix .head_menu > ul > li .submenu li:hover a{

  color: #236bff;

}

header .clearfix .head_menu > ul > li.active > a::before,

header .clearfix .head_menu > ul > li:hover > a::before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 1.25rem;

  font-size: 2.5rem;

  width: 100%;

  height: .0625rem;

  background: #fff;

}

header .clearfix .head_menu > ul > li:hover .submenu {





        visibility: visible;

        opacity: 1;

        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    

}

.searchbox {

  display: none;

  top: 5.625rem;

}

.searchbox.active {

  display: block;

}

.phone_head {

  height: 80px;

  line-height: 80px;

}

.phone_head .container .clearfix .fl img {

  width: auto;

  height: 60px;

}

.phone_head .container .clearfix .caidan.active .icon-liebiao:before {

  content: "\e602";

}

.menu {

  display: none;

  position: absolute;

  top: 80px;

  width: 100%;

  height: 100000%;

  z-index: 999;

  background: #fff;

}

.menu .nav_ul {

  line-height: 28px;

}

.menu .nav_ul > li {

  padding: 8px 0;

}

.menu .nav_ul > li > a {

  color: #000;

  font-size: 18px;

  line-height: 22px;

  display: block;

}

.menu .nav_ul > li .icon-jianhao:before {

  content: "\eaf5";

}

.menu .nav_ul > li .submenu {

  padding-left: 15px;

  display: none;

}

.menu .nav_ul > li .submenu li a {

  color: #000;

  font-size: 16px;

  line-height: 20px;

  padding: 8px 0;

}

.menu .nav_ul li.clearfix a {

  display: inline-block;

}

.menu.active {

  display: block;

}

.phone_foot {

  background: #000;

}

.phone_foot .menu {

  padding: 20px 0;

  display: block;

  position: relative;

  background: #000;

  top: 0;

  z-index: 998;

}

.phone_foot .menu .container ul li a {

  color: #fff;

}

.phone_foot .menu .container ul li .iconfont {

  color: #fff;

}

.phone_foot .beian {

  border-top: 1px solid rgba(255, 255, 255, 0.5);

  text-align: center;

  color: #fff;

  padding: 15px 0;

  font-size: 14px;

}

.phone_foot,

.phone_head {

  display: none;

}

/* 分页 */

.pager .pagination {

  align-items: center;

  justify-content: center;

}

.pager .pagination a {

  color: #000;

  margin: 2.5rem 0.3rem;

}

.pager .pagination a,

.pager .pagination span {

  color: #000;

  display: block;

  font-size: .875rem;

  padding: 0.625rem 1rem !important;

  border: 1px solid #d8d8d8;

}

.pager .pagination a.page-num-current {

  background: #236bff;

  border: 1px solid #236bff;

  color: #fff;

}

.social-share .social-share-icon {

  width: 39px;

  height: 39px;

  line-height: 39px;

}

.social-share .icon-wechat,

.social-share .icon-weibo,

.social-share .icon-linkedin {

  border-color: rgba(0, 0, 0, 0.4);

  color: rgba(0, 0, 0, 0.4);

}

.social-share .icon-wechat .wechat-qrcode2 {

  display: none;

  border: 1px solid #eee;

  position: absolute;

  z-index: 9;

  top: -144px;

  left: -63px;

  width: 149px;

  height: 130px;

  color: #666;

  font-size: 12px;

  text-align: center;

  background-color: #fff;

  box-shadow: 0 2px 10px #aaa;

  transition: all 200ms;

  -webkit-tansition: all 350ms;

  -moz-transition: all 350ms;

}

.social-share .icon-wechat .wechat-qrcode2 .qrcode {

  width: 105px;

  margin: 10px auto;

}

.social-share .icon-wechat:hover .wechat-qrcode2 {

  display: block;

}

/* .social-share .icon-wechat .wechat-qrcode {

  display: none !important;

} */

@media (max-width: 770px) {

  .container {

    padding: 0 15px;

  }

  header,

  footer {

    display: none;

  }

  .phone_head,

  .phone_foot {

    display: block;

  }

}