/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body{color: #666;line-height: 1.5;font-family: 'Microsoft Yahei';font-size: 14px;background: url(../images/bg.png);}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 12px;color: #444;font-family: 'Microsoft Yahei';outline: 0;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #666;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color: #0079c2;}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1200px;}
/*******************************
  -------[=头部]-------
********************************/
#hd {position: relative;height: 90px;background-color: #fff;overflow: hidden;}
#hd .logo {margin-top: 18px;float: left;display: block;}
#hd .logo img {display: block;height:55px;}
.box-search {margin-top: 26px;float: right;width: 200px;overflow: hidden;background-color: #f1f1f1;border-radius: 5px;}
.box-search .inp-search {padding: 0 10px;float: left;display: block;width: 80%;height: 38px;line-height: 38px;border: none;outline: none;background-color: transparent;}
.box-search .btn-search {float: left;width: 20%;height: 38px;line-height: 38px;background: url(../images/ico-search.png) center center no-repeat;border: none;outline: none;background-color: transparent;}
/*******************************
    -------[=导航]-------
********************************/
#nav {padding-left: 50px;float: left;}
#nav li {float: left;}
#nav a {padding: 0 21px;display: inline-block;height: 90px;line-height: 90px;font-size: 16px;}
.menuBtn {position: absolute;top: 50%;right: 20px;width: 46px;height: 28px;display: none;cursor: pointer;z-index: 99;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 2px;background-color: #0079c2;}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 41px;background-color: #fff;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 0;right: -280px;bottom: 0;width: 280px;
    background-color: #0079c2;z-index: 98;}
#aside.open {right: 0;}
#aside .menu {margin-top: 70px;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #fff;border-bottom: 1px solid #fff;}
#aside .menu .v1:hover {color: #0079c2;background-color: #fff;}
#aside .menu .sub {display: none;}
#aside .menu .sub a {padding-left: 40px;display: block;width: 100%;height: 32px;line-height: 32px;font-size: 12px;color: #fff;border-bottom: 1px dashed #fff;}
#aside .menu .sub a:hover {color: #fff;}
#aside .box-hd {margin: 20px auto 0;width: 270px;float: none;background-color: #fff;}
/*******************************
  -------[=底部]-------
********************************/
#fd {color: #fff;}
#fd .box-fd {padding: 38px 0 90px;background: url(../images/bg-bottom.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
#fd .box-fd .wp > div {margin-right: 2%;float: left;width: 32%;}
#fd .box-fd .wp > div:last-child {margin-right: 0;}
.tit-index-1 {position: relative;height: 60px;line-height: 58px;border-bottom-width: 2px;border-bottom-style: solid;font-size: 22px;font-weight: normal;}
.tit-index-1:after {position: absolute;bottom: -2px;left: 0;display: block;width: 88px;height: 2px;content: '';}
.tit-index-1.tit-bottom {margin-bottom: 38px;border-bottom-color: #da7d00;}
.tit-index-1.tit-bottom:after {background-color: #ffb400;}
#fd .box-fd .cont {overflow: hidden;}
#fd .box-fd img {float: left;width: 120px;height: 120px;}
#fd .m-honor img {border: 4px solid #ffa021;}
#fd .box-fd .txt {margin-left: 140px;color: #fff;}
#fd .m-honor p {padding-bottom: 20px;line-height: 1;}
#fd a {color: #fff;}
#fd a:hover {color: #0079c2;}
#fd .m-about img {border: 4px solid #ffa021;}
#fd .m-about .tit {padding-bottom: 14px;font-size: 16px;font-weight: bold;}
#fd .m-about .info {line-height: 1.71;text-align: justify;}
#fd .m-about a {text-decoration: underline;}
#fd .m-contact .txt p {padding-bottom: 20px;line-height: 1;}
#fd .copyright {padding: 23px 0;line-height: 1;background-color: #0079c2;overflow: hidden;}
#fd .copyright .s1 {float: left;font-family: 'Arial';}
#fd .copyright .s2 {float: right;}
#fd .copyright .s2 a {color: #fff;}
#fd .copyright .s2 a:hover {color: #fff;text-decoration: underline;}
/*******************************
    -------[=正文]-------
********************************/
/*子页banner*/
#banner-inner {height: 120px;background: url(../images/banner-inner.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
#banner-inner .sitemap {padding: 53px 0;float: right;text-align: right;color: #a9cee5;}
#banner-inner .sitemap a {color: #fff;}
#banner-inner .sitemap a:hover {color: #a9cee5;}
#banner-inner .col-name {padding: 44px 0;float: left;color: #fff;}
#banner-inner .col-name .cn {font-size: 32px;}
#banner-inner .col-name .en {margin-left: 21px;padding: 0 16px;display: inline-block;font-size: 12px;border: 1px solid #fff;vertical-align: super;}
/*产品二级*/
.box-subclass {margin-top: 44px;border-bottom: 1px solid #cacaca;}
.box-subclass .wp {height: 58px;overflow: hidden;overflow-x: auto;white-space: nowrap;}
.box-subclass .wp li {width:10%;margin-right: 8px;display: inline-block;text-align: center;}
.box-subclass .wp li a {padding: 0 8px;display: block;width: 100%;height: 58px;line-height: 56px;border-bottom: 2px solid transparent;color: #474747;font-size: 18px;}
.box-subclass .wp li a:hover,.box-subclass .wp li a.cur {color: #0079c2;border-bottom-color: #0079c2;}
.box-subclass .wp li a.child {position: relative;}
.box-subclass .wp li a.child:after {position: absolute;top: 50%;right: -10px;margin-top: -2px;display: block;width: 9px;height: 4px;background: url(../images/ico-arrow-down.png) center center no-repeat;content: '';}
.box-sub-subclass {display: none;}
.box-sub-subclass .wp {height: 40px;overflow: hidden;overflow-x: auto;white-space: nowrap;}
.box-sub-subclass a {padding-right: 20px;display: inline-block;height: 40px;line-height: 40px;color: #474747;}
.box-sub-subclass a:hover {color: #0079c2;}
/*分页*/
.pages {margin: 50px 0;line-height: 1;text-align: center;}
.pages a {margin: 0 2px;padding: 8px 10px;display: inline-block;background-color: #fff;color: #666;}
.pages a.cur,.pages a:hover {color: #fff;background-color: #0476bb;}

.pagination-list {
  padding-top: 30px;
  padding-bottom: 120px;
  display: flex;
  justify-content: center;
}
.pagination-list li {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  color: #333;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #dfe1e6;
  border-radius: 2px;
}
.pagination-list li:hover {
  color: #0daade;
  border: 1px solid #0daade;
}
.pagination-list li:first-child{
    width: 100px;
}
.pagination-list li:last-child {
    width: 100px;
    margin-right: 0;
}
.pagination-list li.active {
  background: #0daade;
  border: 1px solid #0000;
}
.pagination-list li.active a{color: #fff;}
.pagination-list li.disabled .pagination-icon {
  cursor: not-allowed;
  opacity: 0.3;
}
.pagination-list li.disabled:hover {
  border: 1px solid #dfe1e6;
}
.pagination-list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.pagination-icon img {
  display: block;
  width: 40px;
  height: 40px;
}
/*底部*/
.template-linkBanner{color:white;background:linear-gradient(180deg, #182029 2%, #11171e 98%);}
.template-linkBanner .content{width:1200px;margin:auto;padding:0 20px;}
.template-linkBanner .content .linkBox{display:flex;justify-content:space-between;}
.template-linkBanner .content .copyright{padding:95px 0 48px;font-size:12px;line-height:18px;opacity:0.6;}
.template-linkBanner .content .copyright a{color:#fff;}
.template-linkBanner .server{display:flex;justify-content:space-around;padding:40px 0 100px;}
.template-linkBanner .server .item{display:flex;align-items:center;}
.template-linkBanner .server .item img{width:40px;height:40px;margin-right:10px;}
.template-linkBanner .server .item p{font-size:16px;line-height:22px;}
.template-linkBanner .contact{width:fit-content;}
.template-linkBanner .contact .hotline{margin-bottom:44px;}
.template-linkBanner .contact .hotline p:first-of-type{margin-bottom:10px;font-size:14px;line-height:20px;}
.template-linkBanner .contact .hotline p:last-of-type{font-size:20px;line-height:28px;}
.template-linkBanner .contact .weichat p{margin-bottom:6px;font-size:12px;line-height:1;opacity:0.6;}
.template-linkBanner .contact .weichat img{width:90px;height:90px;}
.template-linkBanner .linkItem{width:fit-content;}
.template-linkBanner .linkItem .title{margin-bottom:40px;font-size:18px;line-height:26px;}
.template-linkBanner .linkItem .link li{height:36px;}
.template-linkBanner .linkItem .link a{display:block;height:100%;padding:10px 0;color:white;font-size:12px;line-height:18px;opacity:0.6;}