@charset "utf-8";
/* CSS Document */
/***********通用基本类************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/* 滚动条 */
/*::-webkit-scrollbar {width:0px;}*/

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {text-decoration: none;color: #666666;}
a:hover, a:active {text-decoration: none;color: #125cb1;border: none;}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
padding: 0px;
margin: 0px;
text-align: left;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;box-sizing: border-box;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }
body {
        font-family: 微软雅黑;
        background-color: #fefefe;
        margin: 0;
    padding: 0;
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1920{width:100%;max-width:1920px;margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w80{width:80%; margin:0 auto;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}


html, body {
    position: relative;
    height: 100%;
}
.container{margin: 0 auto; width: 1200px;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.none{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.hand{cursor: pointer; _cursor: hand;}

.header{height: 100px;background-color: #fff; +position: relative; +z-index: 10;position: absolute;z-index: 2;width: 100%;}
.logo{z-index: 10000; left: 0; top: 23px; background-color: #fff; width: 380px;}
.top-twitter{right: 0; top: 36px;}
.top-twitter li{position: relative; display: inline-block; margin-left: 10px; width: 25px; height: 25px; +display: inline; +float: left;}
.top-twitter li:first-child{position: relative;top: -7px;padding-left: 15px;width: auto;color: #e34220;font-size: 16px;color: #999;background: url(../image/topicon.png) no-repeat 0 2px; +top: 0;}
.top-twitter li:first-child strong{padding-left: 10px;color: #333;font-size: 19px;}
.top-twitter a{display: block; width: 25px; height: 25px; background: url(../image/topicon.png) no-repeat; opacity: .65; filter: alpha(opacity=65);}
.top-twitter a:hover{opacity: 1; filter: alpha(opacity=100);}
.top-twitter .icon-tel{background-position: center -58px;}
.top-twitter .icon-wechat{background-position: center -30px;}
.ewmbox{display: none; z-index: 99; left: 50%; top: 65px; margin-left: -55px; width: 111px; height: 119px; text-align: center; background: url(../image/wxbox.png) no-repeat; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.ewmbox img{margin-top: 13px;}
.nav{margin: 0 auto; text-align: center; +margin-left: 400px;}
.nav li:first-child{margin-left: 170px;}
.nav ul{    display: flex;justify-content: center;flex-wrap: wrap;}
.nav li{position: relative; display: inline-block; +display: inline; +float: left;}
.nav li >a{display: block;padding: 38px 15px 35px;font-size: 16px;color: #666;border-bottom: 3px solid #fff;} 
.nav li >a:hover, .nav li.active >a{color: #035cac; border-bottom: 3px solid #035cac;}
.dropmenu{position: absolute; top: 97px; left: 50%; margin-left: -77px; z-index: 10000; display: none; border-top: 3px solid #035cac; width: 150px;}
.dropmenu a{display: block;padding: 12px 0;font-size: 14px;color: #666;background: #fcfcfc;text-align: center;} 
.dropmenu a:hover{color: #035cac; background-color: #f0f0f0;}

.inde_xman{
    width: 100%;
    height: 100%;
}
.wcslid{
    /* 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;
}
.inde_xman>.swiper-pagination{right:auto;left:20px;}
.inde_xman>.swiper-pagination .swiper-pagination-bullet-active{    background: #0045BE;}
.inde_xman>.swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 8px 0px;
}

.index_banner {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_banner .swiper-slide .bannerimg{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_banner>.swiper-pagination .swiper-pagination-bullet-active{background: #fdfdfd;}
.index_banner>.swiper-pagination .swiper-pagination-bullet{
        width: 30px;
        height: 5px;
        border-radius: 2px;
        background-color: white;
}
.i_selide1{width:100%;height:100%;position:relative}
.i_slide2{width: 100%;height: 100%;position: relative; overflow: hidden;    background-color: #343434;}

.i_slide3{
    width: 100%;
}
/* footer */
.footer{padding: 50px 0; background-color: #f2f2f2;}
.footer li{float: left;}
.footer li:first-child{width: 610px; border-right: 1px solid #ccc;}
.footer li:first-child dl{float: left;    width: 152px;}
.footer li:first-child dl dt{height: 45px;font-size: 16px;color: #333;}
.footer li:first-child dl dd a{display: block;font-size: 14px;color: #666;line-height: 32px;}
.footer li:first-child dl dd a:hover{color: #035cac;}
.f-contact{padding: 0 20px;width: 340px;}
.f-contact dt{margin-bottom: 32px; padding: 6px 0 6px 56px; background: url(../image/tel.png) no-repeat left center; font-size: 16px; color: #666;}
.f-contact dt strong{color: #333;}
.f-contact dd{margin-bottom: 10px; padding-left: 54px; font-size: 14px; line-height: 22px; color: #333; background-image: url(../image/footer.png); background-repeat: no-repeat;}
.f-icon-addr{background-position: 16px 3px;}
.f-icon-fax{background-position: 16px -28px;}
.f-icon-email{background-position: 16px -62px;}
.f-icon-tel{background-image: url(../image/tel1.png) !important; background-position: 14px 0;}
.f-ewm{width: 120px;}
.f-ewm img{width:100%}
.f-ewm p{margin-top: 10px;color: #333;text-align: center;font-size: 14px;}
.copyright{padding: 25px 0;background-color: #333;color: #fff;font-size: 13px;}
.copyright a{color: #f5f5f5;}
.copyright a:hover{color: #fff;}
.ft-26 {
    font-size: 26px;
}