@import url("intlTelInput.css");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: none;
}
.row{ display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
body {
  background: #fff;
  font-family: "Arial", arial;
  font-size:15px;line-height: 26px;
  color: #333333;
  font-weight: normal;
}
textarea,
input {
  font-family: "Arial", arial;
  color: #333333;
  font-size:15px;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  display: block;
}
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select,
input:focus,
textarea:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
textarea {
  overflow: auto;
  resize: none;
}
textarea::-webkit-scrollbar {
  width: 4px;
  background: #eeeeee;
}
textarea::-webkit-scrollbar-button {
  display: none;
}
textarea::-webkit-scrollbar-thumb {
  background: #ddd;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:15px;
  color: #333333;
  font-weight: normal;
}
a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
  font-family: "Arial", arial;
  color: #333333;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #0070b2;
}
a {
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
video,
iframe,
img {
  max-width: 100%;
}
.wrap {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.lzpic2 {
  display: none;
}
.picc {
  overflow: hidden;
}
.picc img {
  width: 100%;
  display: block;
}
.picc span {
  display: block;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.row:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.col {
  float: left;
}
.col12 {
  width: 100%;
  float: left;
}
.col1 {
  width: 8.33333333%;
}
.col2 {
  width: 16.66666667%;
}
.col3 {
  width: 25%;
}
.col4 {
  width: 33.33333333%;
}
.col5 {
  width: 41.66666667%;
}
.col6 {
  width: 50%;
}
.col7 {
  width: 58.33333333%;
}
.col8 {
  width: 66.66666667%;
}
.col9 {
  width: 75%;
}
.col10 {
  width: 83.33333333%;
}
.col11 {
  width: 91.66666667%;
}
.l {
  float: left;
}
.r {
  float: right;
}
.hide {
  display: none;
}
.table {
  display: table;
  height: 100%;
  width: 100%;
}
.td {
  display: table-cell;
  vertical-align: middle;
}
.swiper-pagination-bullet,
.swiper-button-prev,
.swiper-button-next {
  outline: none;
}
.nodata {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  margin-top: 13%;
  margin-bottom: 13%;
  background: url(../image/nodata.png) center top no-repeat;
  background-size: auto 169px;
  padding-top: 180px;
}
.nodata .title {
  color: #555555;
  font-size: 18px;
  overflow: hidden;
  margin-top: 2%;
  line-height: 26px;
}
.nodata .desc {
  color: #999999;
  font-size:15px;
  overflow: hidden;
  line-height: 24px;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .nodata {
    background-size: auto 130px;
    padding-top: 140px;
    margin-top: 15%;
    margin-bottom: 15%;
  }
}
.rbtn {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}
.rbtn:hover::after {
  width: 100%;
}
.rbtn input,
.rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  background: none;
}
.rbtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 100%;
  background: #0070b2;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.rbtn.w::after {
  background: #fff;
}
.article {
  line-height: 26px;
  font-size: 16px;
  color: #666;
}
.main-filter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none;
  background: url(../image/mainFilter.png);
}
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 76px 0 0 0;
}
.header {
  width: 100%;
  height: 85px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background: #fff;
  border-bottom: solid 1px #ededed;
}
.header .logo {
  float: left;
  overflow: hidden;
  height: 75px;
  margin-top: 3px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .logo:hover {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.header .logo img {
  height: 100%;
}
.header .language {
  float: right;
  position: relative;
  margin-top: 28px;
}
.header .language .tit {
  height: 20px;
  line-height: 20px;
  padding: 0 20px 0 12px;
  cursor: pointer;
  background: url(../image/arrow1.png) no-repeat right 0 center;
  font-weight: bold;
}
.header .language .tit.on {
  background-image: url(../image/arrow2.png);
}
.header .language .list {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 96;
  width: 100px;
  padding-top: 10px;
  text-align: center;
  display: none;
}
.header .language ul {
  background: #0070b2;
  border-radius: 4px;
  padding: 4px 0;
  position: relative;
}
.header .language ul::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #0070b2;
  border-width: 4px;
  margin-left: -4px;
}
.header .language li a {
  height: 30px;
  line-height: 30px;
  display: block;
  font-size:15px;
  color: #fff;
}
.header .language li a:hover {
  background: #004f7d;
}
.header .search-box {
  float: right;
  margin-top: 18px;
  margin-right: 16px;
  position: relative;
}
.header .search-box .search-btn {
  width: 40px;
  height: 40px;
  background: url(../image/search.png) no-repeat center;
  cursor: pointer;
}
.header .search-box .search-bar {
  width: 900px;
  height: 76px;
  position: absolute;
  right: -14px;
  top: -18px;
  z-index: 95;
  background: #fff;
  padding: 13px 10px;
  display: none;
}
.header .search-box .search-bar .close {
  width: 50px;
  height: 50px;
  float: right;
  background: url(../image/close.png) no-repeat center;
  background-size: 20px auto;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .search-box .search-bar .close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.header .search-box .search-bar .btn {
  width: 50px;
  height: 50px;
  float: left;
  background: url(../image/search2.png) no-repeat center #0070b2;
}
.header .search-box .search-bar .btn input {
  width: 100%;
  height: 100%;
  background: none;
  cursor: pointer;
}
.header .search-box .search-bar .inpu {
  width: 100%;
  padding: 0 60px;
}
.header .search-box .search-bar .inpu input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  font-size: 16px;
  color: #666;
  background: #eee;
}
.header .search-box .search-bar .inpu input::-webkit-input-placeholder {
  color: #cccccc;
}
.header .search-box .search-bar .inpu input:-moz-placeholder {
  color: #cccccc;
}
.header .search-box .search-bar .inpu input::-moz-placeholder {
  color: #cccccc;
}
.header .search-box .search-bar .inpu input:-ms-input-placeholder {
  color: #cccccc;
}
.header .nav .tit,
.header .menu-btn {
  display: none;
}
.header .nav {
  float: right;
  margin-right: 35px;
}
.header .nav > ul > li { float: left;  
}
.header .nav > ul > li .on{color: #fff; background-color: #0070b2}
.header .nav > ul > li > a {padding: 0 32px;
  height: 85px;
  line-height: 85px;
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-transform: uppercase;
}
.header .nav > ul > li:hover > a {color: #fff; background-color: #0070b2}
.header .nav .sub {
  display: none;
  min-width: 180px;
  position: absolute;
  top: 85px;
  z-index: 97;
}
.header .nav .sub ul {}
.header .nav .sub1 {background: url(../image/sub1_bg.png);border-radius: 0 0 10px 10px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .nav .sub1 li {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.header .nav .sub1 li.on a,.header .nav .sub1 a:hover {color: #0070b2;}
.header .nav .sub1 a {padding: 0px 10px; height: 40px;line-height: 40px; font-size:15px; color: #666; display: block; text-transform: uppercase;}

.banner{overflow: hidden; padding:0;}
.banner .swiper-pagination {bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;margin: 0 6px;border: solid 1px #fff;background: none;}
.banner .swiper-pagination .swiper-pagination-bullet-active {  background: #fff;}
.banner .swiper-slide { position: relative;}

.banner a,.banner img{ display: block;  position: relative;}
.banner .text {position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  z-index: 5;  color: #fff;  font-size: 16px;  text-align: right;}
.banner .text span {  color: #0070b2;}
.banner .text .p1 { font-size: 36px; font-weight: bold;}
.banner .text .p2 { margin-top: 10px;}
.banner .text .p3 { margin-top: 40px;}
.banner .text .p3 span { display: inline-block;  border: solid 1px #bcc4b5;  height: 48px;  line-height: 48px;  border-radius: 48px;  padding: 0 24px;  color: #fff;}


.pinpai {padding: 60px 0;}
.pinpai-left{width: 35%; padding-right:50px;  position: relative;}
.pinpai-left a { color: #fff; }
.pinpai-left .ui-title {margin-bottom: 15px;font-size: 36px; font-weight: bold;; color: #222;}
.pinpai-left .btn-primary{border-color: #0070b2; background-color: #0070b2;  }
.pinpai-left .offers-left-text {padding-top: 20px; padding-bottom: 50px; padding-right:30px;  line-height: 30px;}

.pinpai-left .btn-primary {display: inline-block;text-align: center;white-space: nowrap; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;font: 600 16px Montserrat;border: 1px solid transparent;padding: 19px 55px 20px;text-transform: uppercase;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.pinpai-right{padding-left: 36px; width: 65%;}
.pinpai-right ul {overflow: hidden;}
.pinpai-right ul li {width: 25%;float: left;text-align: center;border-top: 1px dashed #999; border-right: 1px dashed #999999;}
.pinpai-right ul li img{ display: block;  position: relative;}

@media screen and (min-width:1200px){
.pinpai-right ul li:nth-child(n+4) {border-bottom: 1px dashed #999;}
.pinpai-right ul li:nth-child(1) {border-left: 1px dashed #999;}
.pinpai-right ul li:nth-child(5) {border-left: 1px dashed #999;}
.advantages-box h5 { min-height:50px;}
}


@media only screen and (max-width: 1200px) {
.pinpai-right ul li {width: 50%;}
.pinpai-right ul li:nth-child(2n+1){border-left: 1px dashed #999;}
.pinpai-right ul li:nth-child(7) {border-bottom: 1px dashed #999;}
.pinpai-right ul li:nth-child(8) {border-bottom: 1px dashed #999;}

}

.pinpai-right ul li a{ position: relative; display: block;}
.pinpai-right ul li h4{  opacity: 0; position: absolute; left:0; bottom: 0;color:#fff;font-size:20px; text-align: center; top:30%;width: 100%;height:100%;z-index: 9;transform:translateX(0px);}
.pinpai-right ul li a:before{ opacity: 0;position: absolute;z-index: 2;content: "";left:0;top:0;width:100%;height:100%; background: rgba(0,112,178,0.9);transition: all .4s ease-in-out;}
.pinpai-right ul li:hover h4{ opacity: 1;transform:translateY(20px);}
.pinpai-right ul li:hover a:before{ opacity: 1}


.main-title-2 {margin-bottom: 50px; z-index: 999; color: #fff; float: none;    }
.main-title-2 h1 { color: #fff;  font-size: 40px;  font-weight: 700;  margin-bottom: 40px;  z-index: 20; text-align: center; }
.main-title-2 p {color: #fff; line-height:27px; max-width: 850px; text-align: center;    margin: 0 auto;}

.content-area {padding: 100px 0 100px;}
.advantages {background: rgba(0, 0, 0, 0.04) url(../image/bg-2.jpg) top left repeat;background-size: cover; width: 100%;opacity: 1;}
.advlist{-webkit-box-flex: 0; -ms-flex: 0 0 25%;  flex: 0 0 25%;  max-width: 25%; float: left; position: relative; min-height: 1px; padding-right: 15px;padding-left: 15px;}
.advantages-box { margin: 0 0 30px 0; width: 100%; background: #fff; padding: 25px; text-align: center;border-radius: 5px;}
.advantages-box .icon {background: #0070b2; border-radius: 50%; margin: 0 auto 20px; height: 60px; width: 60px; line-height: 78px; top: 0;font-size: 27px;    color: #fff;}

.advlist:nth-child(1) i{display: inline-block; width: 100%;height: 35px;background: url(../image/adv01.png) no-repeat center;}
.advlist:nth-child(2) i{display: inline-block; width: 100%;height: 35px;background: url(../image/adv02.png) no-repeat center;}
.advlist:nth-child(3) i{display: inline-block; width: 100%;height: 35px;background: url(../image/adv03.png) no-repeat center;}
.advlist:nth-child(4) i{display: inline-block; width: 100%;height: 35px;background: url(../image/adv04.png) no-repeat center;}

.advantages-box h5 {font-size: 24px;  margin-bottom: 25px;}
.advantages-box p {font-size: 15px; line-height:27px; height: 85px;}


.services-area {background: #f6f6f6;padding-bottom: 90px; padding-top: 120px; position: relative; z-index: 1;}
.section-title {max-width: 500px; margin: 0 auto 40px; text-align: center!important;}
.border-title h1 {position: absolute;font-size: 100px; line-height: 70px; color: transparent; text-transform: uppercase; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);    transform: translateX(-50%);    -webkit-text-stroke: 2px #f1f1f1;    top: 63px;    margin-bottom: 0;    font-family: 'Roboto',sans-serif;   width: 100%;   z-index: -1;}
.section-title h2 {font-size: 40px;font-weight: 700; text-transform: uppercase; margin-bottom: 22px;}
.serviceslist {-webkit-box-flex: 0; -ms-flex: 0 0 33.33%;  flex: 0 0 33.33%;  max-width: 33.33%;  position: relative; min-height: 1px; padding-right: 15px;  padding-left: 15px;}
.services-box {background: #fff; padding: 60px 50px 50px 50px; margin-bottom: 30px; text-align: center!important; position: relative;}
.services-box:before{position:absolute;bottom:0;width:0;height:5px;content:"";right:0;background:#0070b2;z-index:2;}


.serviceslist i {height: 70px; background-size: auto 70px;display: block; overflow: hidden; background-repeat: no-repeat;background-position: center center;transition: all 0.3s;}
.serviceslist:nth-child(1) i{background-image: url(../image/sevsr1.png);}
.serviceslist:nth-child(2) i{background-image: url(../image/sevsr2.png);}
.serviceslist:nth-child(3) i{background-image: url(../image/sevsr3.png);}
.serviceslist:nth-child(4) i{background-image: url(../image/sevsr4.png);}
.serviceslist:nth-child(5) i{background-image: url(../image/sevsr5.png);}
.serviceslist:nth-child(6) i{background-image: url(../image/sevsr6.png);}


.serviceslist h2{font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:23px; margin-top: 25px;}
.serviceslist P {margin-bottom:23px}
.serviceslist a{font-size:15px;  color:#0070b2; font-weight:bold; }

.services-box:hover{background: #0070b2;}
.serviceslist :hover h2,.serviceslist:hover P, .serviceslist:hover a{color:#fff;}
.serviceslist:nth-child(1) :hover i{background-image: url(../image/sevsr1-1.png);}
.serviceslist:nth-child(2) :hover i{background-image: url(../image/sevsr2-1.png);}
.serviceslist:nth-child(3) :hover i{background-image: url(../image/sevsr3-1.png);}
.serviceslist:nth-child(4) :hover i{background-image: url(404.png);}
.serviceslist:nth-child(5) :hover i{background-image: url(../image/sevsr5-1.png);}
.serviceslist:nth-child(6) :hover i{background-image: url(../image/sevsr6-1.png);}

.serviceslist i {transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s; }

.serviceslist :hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }


 .cta-area{background-attachment: fixed; background-image: url(404.png);background-size: cover;background-position: center; background-repeat: no-repeat; min-height: 450px;display: flex;align-items: center;position: relative;z-index: 1;}
 .cta-area h3 {font-size: 40px; margin-bottom: 22px; color:#fff;}
.cta-area h6 {font-size: 20px; margin-bottom: 22px; color:#fff;}
.btn-outline {color:#fff; background: transparent; color: #0b2154; border: 2px solid #f0f0f0;}
.theme_btn {overflow: hidden;color: #fff; font-size: 15px; font-weight: 600; line-height: 1; padding: 21px 55px 21px 35px;display: inline-block;position: relative;z-index: 1; cursor: pointer;text-transform: capitalize;transition: all .4s ease-in-out;}
 .cta-area .btn-list{text-align:center}
 .cta-area .btn-list li{display:inline-block;margin:0 5px}
 .cta-area .btn-list li .btn-outline{color:#fff}
 .cta-area .btn-list li .btn-outline:hover{background:#0070b2}
 .theme_btn .icon_box {display: inline-block; position: absolute; overflow: hidden; z-index: 2;  width: 30px;  height: 20px;text-align: center;   line-height: 20px;    margin-top: 2px;}

.category {padding-bottom: 90px; padding-top: 90px; position: relative; z-index: 1;}
.category .swiper-container,
.category .new,.category ul {overflow: hidden; }
.category .swiper-slide{ width: 33.33%; float: left; text-align: center; padding:15PX;}
.category .swiper-button-prev,.main .category .swiper-button-next {display: none; width: 52px; height: 52px; margin: -26px 0 0 0; background: no-repeat; background-size: 100% 100%; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
.category .swiper-button-prev {background-image: url(../image/arrow4.png);}
.category .swiper-button-prev:hover {background-image: url(../image/arrow6.png);}
.category .swiper-button-next {background-image: url(../image/arrow5.png);}
.category .swiper-button-next:hover {background-image: url(../image/arrow7.png);}

.featured-imagebox-post.style1{border:17px solid #fff;background-color:#fff;transition:all .4s;box-shadow:0 0 8px 0 rgba(18,29,39,0.16)}
.featured-imagebox-post.style1:hover{box-shadow:0 0 28px -6px rgba(31,31,31,0.21)}
.featured-imagebox-post.style1 .post-header{display:flex;align-items:center;margin-bottom:17px}
.featured-imagebox-post.style1 .featured-content{padding:35px 0 17px;position:relative;text-align: left; }
.featured-imagebox-post.style1 .post-meta{display:block;padding:5px 0 0}
.featured-imagebox-post.style1 .ttm-box-post-date{position:absolute;right:0;top:-35px;height:60px;width:60px;font-weight:500;font-size:15px;line-height:19px;padding-top:11px;z-index:2;color:#fff;text-align:center}
.featured-imagebox-post.style1 .ttm-box-post-date .ttm-entry-date{display:block;padding:0;margin:0;font-size:20px;line-height:20px;display:block;font-weight:500}
.featured-imagebox-post.style1 .ttm-box-post-date .ttm-entry-date .entry-month{font-size:14px;font-weight:400;margin-top:5px;text-transform:uppercase}
.ttm-blog-overlay-iconbox a{opacity:0;position:absolute;text-align:center;z-index:1;top:50%;left:50%;margin-top:-12px;margin-left:-17px;display:inline-block;height:25px;width:25px;line-height:25px;color:#fff;font-size:25px;z-index:2;-webkit-transition:all .9s ease;-o-transition:all .9s ease;-moz-transition:all .9s ease;transition:all .9s ease;transform:scale(0);-webkit-transform:scale(0)}
.featured-imagebox-post:hover .ttm-blog-overlay-iconbox a{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.featured-imagebox-post {overflow: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);    -o-transform: translateY(0); transform: translateY(0);    -webkit-transition: .5s;  -o-transition: .5s;    -moz-transition: .5s;    transition: .5s;}

.featured-imagebox,.featured-imagebox .featured-thumbnail{position:relative;overflow:hidden}
.featured-imagebox .featured-thumbnail img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.featured-imagebox:hover .featured-thumbnail img{-moz-transform:scale(1.09);-webkit-transform:scale(1.09);-ms-transform:scale(1.09);transform:scale(1.09)}
.ttm-box-view-overlay,.ttm-box-view-content-inner{position:relative;overflow:hidden}
.ttm-box-view-overlay:before,.ttm-box-view-content-inner:before{position:absolute;content:"";left:0;width:100%;height:100%;text-align:center;z-index:1;opacity:0;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
.featured-content::before{transform:scaleX(1)}

.ttm-box-post-date{background:#0070b2}
.ttm-box-post-date .ttm-entry-date {display: block; padding: 0; margin: 0; font-size: 20px; line-height: 20px; display: block;font-weight: 500;}
.ttm-box-post-date .ttm-entry-date .entry-month {font-size: 14px; font-weight: 400; margin-top: 5px;text-transform: uppercase;}
.ttm-box-post-date .ttm-entry-date .entry-month, .ttm-box-post-date .ttm-entry-date .entry-year {font-size: 16px;   line-height: 1;   display: block;   font-weight: 700;    text-transform: capitalize;}

.featured-title a{position: relative; overflow: hidden;    font-size: 18px; line-height: 32px;    font-weight: 500;    margin-bottom: 10px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.ttm-btn {display: inline-block;    vertical-align: middle;    font-size: 16px;    line-height: normal;    padding: 11px 32px 11px 31px;    background: transparent;    border-width: 1px;    border-style: solid;    border-color: #eaeff5;    position: relative;    text-transform: uppercase; font-weight: 700; overflow: hidden;    z-index: 1;    transition: all .5s ease 0s;}
.featured-desc{ margin-bottom: 15px; }

.category .imore{ background:#0070b2; display:block; margin:0 auto; width:156px; height:48px; line-height:48px; color:#fff; text-align:center; font-size:14px;transition:all 0.3s; margin-top:2%;}
.category .imore:hover{opacity:0.9;filter:Alpha(opacity=90);}
.category .imore span{ padding-right:5px; font-size:18px; font-family:"宋体"; vertical-align:middle;}


.page-header{background-size: cover;background-position: center; background-repeat: no-repeat; min-height: 320px;display: flex;align-items: center;position: relative;z-index: 1;}
.page-header:before { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(28,28,28,0.75);  content: "";   z-index: -1;}
.page-header .rtop h5 {font-size: 45px; margin-bottom: 42px; color:#fff;}
.page-header .rtop h5 {color:#fff;}
.page-header .rtop{max-width: 500px; margin:0 auto; text-align:center;}
.page-header .rtop span{font-size: 14px;  color:#0070b2; font-style:normal; }
.page-header .rtop a{color:#c3c3c3;  }
.page-header .rtop a:hover{color:#0070b2;  }

.page-menu {background:#0070b2; height: 48px; line-height: 48px; position: relative;  z-index: 10;}
.page-menu ul li{ float: left; }
.page-menu ul li a {    float: left; color: #fff; width: 140px;    text-align: center;    font-size: 14px;    height: 48px;}
.page-menu ul li .hover, .page-menu ul li a:hover { color: #075b96;   background: #fff;}

.about {padding: 120px;}
.width-50 {-webkit-box-flex: 0;-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.text-left {text-align: left !important;}
.ui-title {margin-bottom: 25px;font: 700 24px/1.1 Montserrat;color: #222;}
.ui-content{line-height: 28px; padding-right: 30px;}
.ptb{padding: 80px 0px 28px 0px}




.pinpai{background: #f5f5f5;overflow: hidden;}
.pinpai-show{overflow: hidden; }
.pinpai-box{display: table;}
.pinpai-show-l{background: #fff; display: table-cell; vertical-align: top; padding: 3.125%;}

.pinpai-show-l .img {float: left;    margin-right: 50px;    max-width: 230px;}
.pinpai-show-l .img  img {display: block;   max-width: 100%; vertical-align: middle; border: 1px solid #ddd;}

.pinpai-show-l .case_txt {overflow: hidden;}
.pinpai-show-l .case_txt .divs { line-height: 28px; color: #666666;    font-size: 15px;}
.pinpai-show-l .case_txt .divs  img{ padding:30px 0px;}

.pinpai-show-l .fenxiang {overflow: hidden;   text-align: center;    margin-top: 30px;}
.pinpai-show-l .fenxiang ul li {background: #f5f5f5; display: inline-block; width: 158px; height: 40px; line-height: 40px; overflow: hidden; margin-right: 6%; border-radius: 25px;}
.pinpai-show-l .fenxiang ul li:hover { background: #0070b2;; color: #fff}
.pinpai-show-l .fenxiang ul li a:hover{color: #fff}

.pinpai-show-r{display: table-cell;    vertical-align: top;    width: 46.25%;  background-color: #f5f5f5;    font-size: 15px;    line-height: 40px;    color: #666;}
.pinpai-show-r .single-theater {border: 5px solid #ec7532;    border-radius: 5px;    position: relative;    background: #ec7532;}
.pinpai-show-r .single-theater a.play-video {  position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; align-items: center;  width: 60px;  height: 40px; background: #FF0000 none repeat scroll 0 0; border-radius: 10px;  top: 54%; left: 50%;  margin: -30px 0 0 -30px;  z-index: 3; font-size: 17px;  color: #fff;  -webkit-transition: 0.4s ease;  transition: 0.4s ease;  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}.theater-left { display: table; height: 100%; width: 100%;}.theater-box { display: table-cell;  vertical-align: middle; text-align: left;}

.pinpailist .item { float: left;  margin-bottom: 30px; webkit-box-flex: 0; -ms-flex: 0 0 33.33%;  flex: 0 0 33.33%;  max-width: 33.33%; position: relative; min-height: 1px; padding-right: 15px;padding-left: 15px;}
.pinpailist .item .pro { background: #fff;    transition: all .2s .1s;    -webkit-transition: all .2s .1s;    border: 1px solid #eee;    border-radius: 5px;}
.pinpailist .item .pro:hover{border-color: #0070b2;-webkit-box-shadow:0 0px 10px 1px rgba(0, 112, 178, 0.3);box-shadow:0 0px 10px 1px rgba(0, 172, 178, 0.3);transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);}
.pinpailist .item:hover img{transform: scale(1);}
.pinpailist .item .img { overflow: hidden;   text-align: center; position: relative; width:100%;}
.pinpailist .item .img a {   text-align: center;left: 0;    top: 0;}
.pinpailist .item img {transition: all .3s;vertical-align: middle; }
.pinpailist .item .info {padding: 20px; min-height: 220px;}
.pinpailist .item .info p{font-size: 13px; line-height: 22px; text-align:left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.pinpailist .item .name {font-size: 18px; font-weight: 600; overflow: hidden;  line-height: 18px;  margin-top: 10px; margin-bottom: 10px; color: #000; }
.pinpailist .item .info .more {padding-top:20px; display: inline-block; font-size: 15px; color: #0070b2; text-transform: uppercase;border-bottom: 1px solid #0070b2; text-align: center;}


.fuwu {padding: 60px 0px;overflow: hidden;}
.fuwu li{background:#f5f5f5;overflow:hidden;margin-bottom:20px;transition:all .5s;}
.fuwu li .pic{width:50%; overflow:hidden;display:block;height:420px;}
.bgImg { background-position: center; background-size: cover;    position: relative;   transition: all 0.5s;    display: block;    width: 100%;    height: 100%;}
.fl {float: left;}
.fr {float: right;}
.fuwu li .txt{width:50%;padding:4%;position:relative;}
.fuwu li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}
.fuwu li h4::after,.applyFont .title::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#0070b2;width:15px;transition:all 0.4s; }
.fuwu li h4 a{color:#333;}
.fuwu li .txt .info{min-height:130px;}
.fuwu li .btn{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#0070b2;}
.fuwu li .more{background:#fff;color:#0070b2;margin-left:15px;}
.fuwu li .btn:hover{color:#fff;background:#0070b2;}
.fuwu li:nth-child(2n) .txt{float:left;} 
.fuwu li:nth-child(2n) .pic{float:right;}
.fuwu li:hover .bgImg{transform: scale(1.05);}
.fuwu li:hover{box-shadow:0 0 10px #ccc;}
.fuwu li h4 a:hover{color:#0070b2;}


.new-details {padding: 70px 0;}
.col-lg-8 {flex: 0 0 auto; width: 66.6666666667%;}
.col-lg-4 {flex: 0 0 auto; width: 33.3333333333%;}
.widget-area {padding-left: 50px;}
.widget-area .search {background-color: #f4f8ff;}
.widget-area .widget-item {margin-bottom: 30px; border-radius: 5px; padding: 30px 25px;}
.widget-area .search form { position: relative;}
.widget-area .search form .form-control { height: 55px; border-radius: 5px; background-color: #fff; border: 0;}
.form-control {display: block;    width: 100%; padding: 20px 30px; font-size: 1rem;    font-weight: 400;    line-height: 1.5;    color: #212529;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #ced4da;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: .25rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.widget-area .search form .btn {background-image: url(../image/search-1.png); background-repeat:no-repeat; background-position:center;padding: 20px 40px; position: absolute;    top: 0;    right: 0;    color: #fff;    background-color: #0070b2;  border-radius: 0 5px 5px 0;    -webkit-transition: .5s;    transition: .5s;    font-size: 20px;    height: 100%;}
.bx {font-family: 'boxicons'!important;    font-weight: normal;    font-style: normal;    font-variant: normal;    line-height: 1;    display: inline-block;    text-transform: none;    speak: none;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.widget-area .categories {background-color: #f4f8ff;}
.widget-area .widget-item h3 {    font-size: 22px;    margin-bottom: 15px;}
.widget-area .categories ul {    margin: 0;    padding: 0;}
.widget-area .categories ul li {    list-style-type: none;    display: block;    margin-bottom: 10px;}
.widget-area .categories ul li a {    display: block;    padding: 10px 12px;    border-radius: 5px;    color: #001648;    position: relative;    background-color: #fff;    padding-left: 25px;}
.widget-area .categories ul li a:before {    position: absolute;    content: '';    width: 5px;    height: 5px;    top: 19px;    left: 12px;    border-radius: 50%;   background-color: #0070b2;}
.widget-area .categories ul li a span {    position: absolute;    top: 10px;    right: 12px;}
.widget-area .brochures {    background-color: #0070b2;}
.widget-area .brochures h4 {    font-size: 22px;    margin-bottom: 10px;    color: #fff;}
.widget-area .brochures p {    margin-bottom: 18px;    color: #fff;}
.widget-area .brochures .btn-wrap {    position: relative;}
.widget-area .brochures .btn-wrap a{color: #fff;}

.common-btn {display: inline-block;    color: #fff;    background-color: #0070b2;    padding: 10px 25px;    font-weight: 500;   border: 0;    -webkit-transition: .5s;    transition: .5s;    opacity: 1!important;    z-index: 1;    position: relative;    border-radius: 30px;}
.widget-area .brochures .btn-wrap .one {background-color: #ffb901; border-radius: 5px 0 0 5px;}
.widget-area .brochures .btn-wrap .two {background-color: #001648;    border-radius: 0 5px 5px 0;    margin-left: -4px;}
.widget-area .brochures .btn-wrap span {display: inline-block;    width: 20px;    height: 20px;    line-height: 20px;    text-align: center;    font-size: 12px;    font-weight: 500;    position: absolute;    top: 12px;    left: 111px;    z-index: 1;    border-radius: 50%;    color: #001648;    background-color: #fff;}
.widget-area .news { padding: 0;}
.widget-area .widget-item h3 {font-size: 22px;    margin-bottom: 15px;}
.widget-area .news .inner {margin-bottom: 20px;}
.widget-area .news .inner ul {align-items: center!important; display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin: 0;    padding: 0;}

.widget-area .news .inner ul li:nth-child(1) {    -webkit-box-flex: 0;    -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%;}
.widget-area .news .inner ul li {list-style-type: none;display: inline-block;}
.widget-area .news .inner ul li:nth-child(2) { -webkit-box-flex: 0;    -ms-flex: 0 0 75%;    flex: 0 0 75%;    max-width: 75%;    margin-left: 10px;}

.widget-area .news .inner ul li a {display: block;font-weight: 600; font-size: 16px; margin-bottom: 5px;}
.widget-area .news .inner ul li span {display: block; font-size: 15px; color: #0070b2;}

.widget-area .call {    background-image: url(../image/call-bg.jpg);    background-size: cover;    background-position: center center;    background-repeat: no-repeat;    position: relative;    text-align: center;    z-index: 1;}
.widget-area .call:before {position: absolute;    content: '';    width: 100%;    height: 100%;    top: 0;    left: 0;    border-radius: 5px;    background-color: #0070b2;    opacity: .85;    z-index: -1;}
.widget-area .call i { background-image: url(../image/tel.png);background-size: 50% 50%; background-repeat: no-repeat; background-position: center; display: inline-block; width: 50px;  height: 50px;    line-height: 50px; background-color: #fff; border-radius: 50%;}
.widget-area .call span { display: block;    font-weight: 600;    font-size: 18px;    margin-bottom: 10px;    color: #fff;}
.widget-area .call a {margin-bottom: 0;    font-size: 22px;    font-weight: 700;    color: #fff;    display: block;}


.col-lg-8 .news-header {text-align: center;}
 .col-lg-8  .news-header> ul { margin-top: 14px;}
.col-lg-8  .news-header> ul > li { margin-bottom: 30px; background-color: #fff;}
.col-lg-8 .news-header .title {font-size: 30px;line-height: 36px; color: #000;}
.col-lg-8  .news-header .info-box {display: inline-block;padding-top: 15px;}
.col-lg-8 .news-header .info-box .info {float: right; font-size: 14px; color: #6c6c6c; vertical-align: middle;}
.col-lg-8 .news-header .info-box .info span { vertical-align: middle;}
.col-lg-8 .news-header .info-box .info img { margin: 0 8px; vertical-align: middle;}

.col-lg-8 .news-header .info-box > i {    display: inline-block;    width: 1px;    height: 15px;    margin: 0 22px;    background-color: #b4b4b4;  vertical-align: middle;}
.col-lg-8  .news-header .info-box .like {    float: left;    vertical-align: middle;}
.col-lg-8  .news-header .info-box .like i {    font-style: normal;    color: #d30000;    cursor: pointer;}
.col-lg-8  .news-header .info-box .like i img {  margin-right: 8px; vertical-align: middle;}
.col-lg-8  .news-header .info-box .like i span {  vertical-align: middle;}


.col-lg-8 .news-content {   min-height: 200px;    padding-top: 40px;    padding-bottom: 20px;    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";    font-size: 16px;    line-height: 28px;    overflow: hidden;}
.col-lg-8 .news-content img{max-width: 100%;padding: 20px 0px; text-align:center; vertical-align: middle; margin:0 auto;}
.col-lg-8 .news-pagination {  overflow: hidden;}
.col-lg-8 .news-pagination .next-page {  margin-left: 10px;  background: #ececec url(../image/next.png) center no-repeat;}
.col-lg-8 .news-pagination .prev-page {   background: #ececec url(../image/prev.png) center no-repeat;}
.col-lg-8  .news-pagination > a {    display: block;    float: right;    width: 56px;    height: 56px;    cursor: pointer;}


.faqList .tie{height:50px;line-height:50px;padding:0 0 0 45px;font-size:20px;background:#0070b2 url('../image/support_icon3.png') no-repeat 5px center;cursor:pointer;color:#fff;margin-bottom:15px;}
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:6px; right:16px; display:block; width:30px; height:30px; background:#0070b2;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:20px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:13px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 0 0 1.5rem; background-color:#f1f1f1; line-height:40px; font-size:14px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
.faqList .more {text-align:center; padding: 30px;}
.faqList .more a {line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px; padding: 8px 50px;}
.faqList .more a:hover{background:#0070b2; color:#fff; transition:all 0.3s;}


.lianxi{padding: 60px 0px;overflow: hidden;}
.lianxi .lianxi-left{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.lianxi .lianxi-left #allmap {    width: 100%;    height: 430px;    line-height: 28px;    font-size: 14px;}

.lianxi .lianxi-right{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%; padding-left: 60px;}
.lianxi .lianxi-right .padding_top20 { padding-top: 20px;padding-left: 15px;}
.lianxi .lianxi-right .padding_top20 h3{ margin-bottom:10px;  font-weight: 400;  text-transform: capitalize;   font-size: 30px;    line-height: 50px;}
.lianxi .lianxi-right .sep{ margin-top: 20px; margin-bottom: 5px; border-top: 1px solid #ebebeb;    display: block;    position: relative;}

.lianxi .lianxi-right .featured{position: relative;  margin: 15px 0; width: 100%;}
.lianxi .lianxi-right .featured-icon{display: table-cell; vertical-align: middle;}
.lianxi .lianxi-right .featured-icon i{height: 67px; width: 67px;   line-height: 67px;    display: inline-block;    vertical-align: middle;    text-align: center;    border: 1px solid transparent;   position: relative;    transition: all 1s ease 0s;    -moz-transition: all 1s ease 0s;    -webkit-transition: all 1s ease 0s;    -o-transition: all 1s ease 0s;    box-sizing: content-box;    position: relative;}
.lianxi .lianxi-right .featured .ico1{background: url(../image/icon_01.png) no-repeat center;}
.lianxi .lianxi-right .featured .ico2{background: url(../image/icon_02.png) no-repeat center;}
.lianxi .lianxi-right .featured .ico3{background: url(../image/icon_03.png) no-repeat center;}

.lianxi .lianxi-right .featured-content{display: table-cell; vertical-align: middle;}
.lianxi .lianxi-right .featured-content h3{font-size: 20px; line-height: 30px; font-weight: 500;  text-transform: capitalize;}


.form .formm{padding: 50px;margin-bottom: 40px; box-shadow: 0 0 9px 0 rgba(29,33,67,0.10);}
.form .formm .title {text-align: center; position: relative; margin-bottom: 12px;}
.form .formm .title h3{margin-bottom: 10px; font-weight: 400; text-transform: capitalize;  font-size: 30px; line-height: 50px;}

.col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-lg-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.form .formm .fbtn{text-align: center!important; padding-top: 10px;}
.form .formm .ttm-btn{background-color: #0070b2;border-color: #0070b2;color: #fff; font-size: 14px; padding: 14px 30px 14px 30px;}

.wrap-form{padding-top: 30px;}
.wrap-form span.text-input {margin: 5px 0 25px;margin-bottom: 20px;  display: block; position: relative;}
.wrap-form span.text-input input, .wrap-form span.text-input textarea, .wrap-form  span.text-input select{ background-color: #f8f8f8;}
textarea, input , select {
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #8093a8;
    padding: 13px 15px 14px;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    border: 1px solid rgba(0,43,92,0.08);
    font-size: 14px;
    outline: 0;
    line-height: inherit;
    letter-spacing: 0;}


.f_bg{ background:#303036; color:#6e6e72; font-size:14px; clear:both; padding-top:40px; text-align:left; }
.f_bg_div{ max-width:1400px; width:96%; margin:0 auto;}
.f_bg a{color:#6e6e72; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ height:70px; line-height:70px; font-weight:normal; font-size:16px;color:#fff; position:relative; text-transform:uppercase;}
.f_bg .links{width:14.5%;overflow:hidden; margin-bottom:5.5%;text-align:left;float:left;}
.f_bg .links ul li{ display:block; height:30px; line-height:30px; overflow:hidden;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px; }
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_l{ float:left;width:calc(100% - 200px);width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px); overflow:hidden; max-width:1020px;}
.f_bg .f_div2_r2{ overflow:hidden;text-align:left;}
.f_bg .f_div2_r2 ul li{ display:block; overflow:hidden; padding-left:25px; line-height:40px; background-repeat:no-repeat; background-position:left center;}
.f_bg .f_div2_r2 ul li.bgs1{ background-image:url(../image/foot_bg1.png);}
.f_bg .f_div2_r2 ul li.bgs2{ background-image:url(../image/foot_bg2.png); line-height:20px; background-position:left 2px; margin-top:2px;}
.f_bg .f_div2_r2 ul li.bgs3{ background-image:url(../image/foot_bg3.png);}
.f_bg .f_div2_r{ float:right;  max-width:200px; padding-top:80px; text-align:right;}
.f_bg .f_div2_r .weixin{ display:inline-block; text-align:center; line-height:34px;}
.f_bg .f_div2_r .weixin img{ width:127px; height:127px; display:block;}


.f_div3{ border-top:1px solid #3a393f;clear:both;overflow:hidden; line-height:26px; padding-top:36px; padding-bottom:35px; color:#6e6e72; font-size:14px;} 
.f_div3 span{ display:inline-block; vertical-align:top;}
.f_div3 a{ color:#6e6e72;transition:all 0.3s;}
.f_div3 a:hover{ color:#fff;}
.f_div3 .f_link2{ overflow:hidden; line-height:26px;}
.f_div3 .f_link2 label{ float:left;}
.f_div3 .f_link2 .p{ overflow:hidden;}
.f_div3 .f_link2 .p ul li{ margin-left:12px; padding-right:12px; position:relative; float:left;}
.f_div3 .f_link2 .p ul li:after{ content:""; position:absolute; right:1px; width:1px; height:10px; margin-top:-5px; top:50%; background:#3b3a40;}
.f_div3 .f_link2 .p ul li:last-child:after{ width:0; padding-right:0;}
.f_div3 .f_txt{ overflow:hidden;}
.f_div3 .r{ margin-top:13px; overflow:hidden;}

.gotop{ position:fixed; bottom:10%; right:1%; width:38px; height:38px; background:url(../image/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none; z-index:1;}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.right_ul{ height:46px; line-height:46px; overflow:hidden; border-top:2px solid #dedede; position:fixed; width:100%; bottom:0; left:0; display:none; background-color:#fff;}
.right_ul ul li{ width:25%; float:left; overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li img{ height:22px; margin:0 auto;}
.right_ul ul li a{ display:block; border-right:1px solid #dedede;}
.right_ul ul li:last-child a{ border:0;}


.foot_a{ float:right;line-height:28px; font-size:14px;  text-align:right; margin-top:6px;}
.foot_a ul{}
.foot_a ul li{ vertical-align:top; display:inline-block; margin-left:8px;}
.foot_a ul li a{ width:28px; height:28px; display:block;margin:0; position:relative;transition:all 0.3s;}
.foot_a ul li:first-child{ margin-left:0;}
.foot_a ul li:first-child a{ width:auto; background:none;}
.foot_a ul li:first-child img{ width:100px; height:28px;}
.foot_a ul li:hover a{filter: Alpha(Opacity=80);opacity: 0.8;}
.foot_a ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center;}
.foot_a ul li a:hover:after{ background-size:100% 100%;}
.foot_a ul li.weixin a{ background:url(../image/foot_ico2.png) center center no-repeat;background-size:100% 100%;}

.foot_a .bdshare-button-style0-24{ height:100%;}
.foot_a ul li.sinna a.bds_tsina{ background:url(../image/foot_ico3.png) left top no-repeat; width:28px; padding:0;background-size:100% 100%;}
.foot_a #online_moblie{ display:none;}
.foot_a ul li.online{ position:relative;}
.foot_a ul li.online .ewm{ position:absolute; background:#fff; border:1px solid #ccc; left:50%; margin-left:-55px; bottom:40px; display:none;}
.foot_a ul li.online .ewm img{ width:110px; display:block; height:110px;}
.foot_a ul li.online:hover .ewm{ display:block;}
.foot_a .bdshare-button-style0-24 a,.foot_a .bdshare-button-style0-24 .bds_more{ padding-left:0;}


#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hidden.on{ display:block;filter: alpha(opacity=60); opacity: 0.6; }
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}
.l {float: left;}


.pagination {list-style:none;margin:0;padding:20px;text-align: center;vertical-align:bottom}
.pagination a {line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;display:inline-block!important;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}

.pagination li.active a,.pagination li a:hover {background:#0070b2;color:#fff;border:1px solid #0070b2;}