@import url(https://at.alicdn.com/t/font_1196769_8rtase17yzn.css);
@import url(https://at.alicdn.com/t/font_1183200_ipohyed5kia.css);
.box{overflow:hidden;float: left;width: 100%;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#132f5d;}
.left{float: left}
.right{float: right}
.animated {visibility: visible !important;animation-duration: 2s;animation-fill-mode: both;animation-timing-function: linear;}
.animated.infinite {animation-iteration-count: infinite;}
.h1,h1{font-size:36px}
.h2,h2{font-size:36px}
.h3,h3{font-size:30px}
.h4,h4{font-size:24px}
.h5,h5{font-size:18px}
.h6,h6{font-size:16px}
.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-weight:300}
.wd{width:1200px;margin:0 auto}
@keyframes fadeIn-left1 {
  0% {
    transform: translate(-10px, 0);
  }
  50%{
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(-10px, 0);
  }
}
.fadeIn-left1 {animation-name: fadeIn-left1;}

/*wap css ͼƬ����*/
*,
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
img {max-width: 100%;height: auto; }
img {-ms-interpolation-mode: bicubic; }
[class*="block-grid-"] {display: block;padding: 0;margin: 0 auto; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {content: " ";display: table; }
[class*="block-grid-"]:after {clear: both; }
[class*="block-grid-"] > li {display: block;float: left;height: auto;padding: 0 15px; }

@media only screen {
  .small-block-grid-1 > li {list-style: none;width: 100%; }
  .small-block-grid-1 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) {clear: both; }

  .small-block-grid-2 > li {list-style: none;width: 50%; }
  .small-block-grid-2 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {clear: both; }

  .small-block-grid-3 > li {list-style: none;width: 33.33333%; }
  .small-block-grid-3 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) {clear: both; }

  .small-block-grid-4 > li {list-style: none;width: 25%; }
  .small-block-grid-4 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) {clear: both; }

  .small-block-grid-5 > li {list-style: none;width: 20%; }
  .small-block-grid-5 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) {clear: both; }

  .small-block-grid-6 > li {list-style: none;width: 16.66667%; }
  .small-block-grid-6 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) {clear: both; }

  .small-block-grid-7 > li {list-style: none;width: 14.28571%; }
  .small-block-grid-7 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) {clear: both; }

  .small-block-grid-8 > li {list-style: none;width: 12.5%; }
  .small-block-grid-8 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) {clear: both; }

  .small-block-grid-9 > li {list-style: none;width: 11.11111%; }
  .small-block-grid-9 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) {clear: both; }

  .small-block-grid-10 > li {list-style: none;width: 10%; }
  .small-block-grid-10 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) {clear: both; }

  .small-block-grid-11 > li {list-style: none;width: 9.09091%; }
  .small-block-grid-11 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) {clear: both; }

  .small-block-grid-12 > li {list-style: none;width: 8.33333%; }
  .small-block-grid-12 > li:nth-of-type(1n) {clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) {clear: both; } }
@media only screen and (min-width: 35.61111em) {
  .medium-block-grid-1 > li {list-style: none;width: 100%; }
  .medium-block-grid-1 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {clear: both; }

  .medium-block-grid-2 > li {list-style: none;width: 50%; }
  .medium-block-grid-2 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {clear: both; }

  .medium-block-grid-3 > li {list-style: none;width: 33.33333%; }
  .medium-block-grid-3 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {clear: both; }

  .medium-block-grid-4 > li {list-style: none;width: 25%; }
  .medium-block-grid-4 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {clear: both; }

  .medium-block-grid-5 > li {list-style: none;width: 20%; }
  .medium-block-grid-5 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {clear: both; }

  .medium-block-grid-6 > li {list-style: none;width: 16.66667%; }
  .medium-block-grid-6 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {clear: both; }

  .medium-block-grid-7 > li {list-style: none;width: 14.28571%; }
  .medium-block-grid-7 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {clear: both; }

  .medium-block-grid-8 > li {list-style: none;width: 12.5%; }
  .medium-block-grid-8 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {clear: both; }

  .medium-block-grid-9 > li {list-style: none;width: 11.11111%; }
  .medium-block-grid-9 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {clear: both; }

  .medium-block-grid-10 > li {list-style: none;width: 10%; }
  .medium-block-grid-10 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {clear: both; }

  .medium-block-grid-11 > li {list-style: none;width: 9.09091%; }
  .medium-block-grid-11 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {clear: both; }

  .medium-block-grid-12 > li {list-style: none;width: 8.33333%; }
  .medium-block-grid-12 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {clear: both; } }
@media only screen and (min-width: 56.94444em) {
  .large-block-grid-1 > li {list-style: none;width: 100%; }
  .large-block-grid-1 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) {clear: both; }

  .large-block-grid-2 > li {list-style: none;width: 50%; }
  .large-block-grid-2 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) {clear: both; }

  .large-block-grid-3 > li {list-style: none;width: 33.33333%; }
  .large-block-grid-3 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) {clear: both; }

  .large-block-grid-4 > li {list-style: none;width: 25%; }
  .large-block-grid-4 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) {clear: both; }

  .large-block-grid-5 > li {list-style: none;width: 20%; }
  .large-block-grid-5 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) {clear: both; }

  .large-block-grid-6 > li {list-style: none;width: 16.66667%; }
  .large-block-grid-6 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) {clear: both; }

  .large-block-grid-7 > li {list-style: none;width: 14.28571%; }
  .large-block-grid-7 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) {clear: both; }

  .large-block-grid-8 > li {list-style: none;width: 12.5%; }
  .large-block-grid-8 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) {clear: both; }

  .large-block-grid-9 > li {list-style: none;width: 11.11111%; }
  .large-block-grid-9 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) {clear: both; }

  .large-block-grid-10 > li {list-style: none;width: 10%; }
  .large-block-grid-10 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) {clear: both; }

  .large-block-grid-11 > li {list-style: none;width: 9.09091%; }
  .large-block-grid-11 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) {clear: both; }

  .large-block-grid-12 > li {list-style: none;width: 8.33333%; }
  .large-block-grid-12 > li:nth-of-type(1n) {clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) {clear: both; } }

/* ͼƬ�߿�cssImage Thumbnails */
.th {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);line-height: 0;width: 100%;transition: all 200ms ease-out;height:  0;padding-top:  100%;overflow: hidden;position: relative;}
.th a{text-align: center;vertical-align: middle;height: 100%;background: #fff;position: absolute;left: 0;top: 0;border: solid 4px #FFFFFF;width: 100%;
  /* 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;
}
.th a img{max-width: 100%;max-height: 100%}
.th:hover, .th:focus {box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);}
.th.radius {border-radius: 3px; }
.position{ width:100%; height:100%; position:absolute; left:0px;top:0px;}

/* ͼƬ�߿�cssImage Thumbnails */
.ths {
    border: solid 4px #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: table;
    line-height: 0;
    max-width: 100%;
    transition: all 200ms ease-out;
}
.ths a{display: table-cell;text-align: center;vertical-align: middle;height: 260px;background: #fff}
.ths:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}
.ths.radius {border-radius: 3px; }

.l_ginfo{text-align: center;padding: 10px 0;}
.l_ginfo span{font-size: 16px;line-height: 32px;padding: 0 10px;border-radius: 5px;}
/*��ҳ��ʽcss*/
#Pages{margin: 38px 0 15px;text-align: center;width: auto;line-height:30px;font-size: 0;}
#Pages a{border: #ddd 1px solid;padding: 5px 8px;color: #777;margin-right: 5px;text-decoration: none;font-weight: normal;line-height: initial;font-size: 12px;}
#Pages a:hover{border: #a0a0a0 1px solid;}
#Pages span strong{font-weight: normal}
#Pages span.red{border: #e0e0e0 1px solid;padding: 5px 8px;font-weight: bold;color: #fff;margin-right: 5px;background-color: #161616;font-size: 12px;}
/*�*/
#a1,#a2,#a3{display: inline-block;width: 100%;height: 0;position: absolute;top: -120px}
.v_center{
  text-align: center;
  /* 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;
}
.container,
.mq{width: 1264px;margin: 0 auto;position: relative}
.clearfix,.cls{clear: both;display: block}
.clearfix:after,.cls:after{width:100%;height:0;display:block;clear:both;content:''}
.member{color: transparent!important;position: absolute;}
.member:hover{color: inherit!important;}
/**********  header  ************/
.header{background: #FFF; z-index: 99; min-width: 1200px;}
.header h1{position: absolute; width: 202px; left: 50%; z-index: 1; margin-left: -101px;}
.header h1 img{height: 100px;}
.nav{text-align: left;}
.nav li{float: left; width: 148px; line-height: 100px; text-align: center;}
.nav li > a{font-size: 14px; display: block;}
.nav li.on > a, .nav li:hover > a{color: #014A8F; background: url(../img/nav_bottom.png) no-repeat center bottom;}
.nav-sub{position: absolute; top: 100px; left: 0; background-color: #F4F4F4; padding: 60px 0; width: 100%; display: none; z-index: 1;}
.nav-sub-info{float: left; width: 245px; text-align: left;}
.nav-sub-title{padding-bottom: 22px; position: relative; margin-bottom: 25px;}
.nav-sub-title .cn{font-size: 22px; color: rgba(0, 0, 0, 0.8); line-height: 34px;}
.nav-sub-title .en{font-size: 12px; color: rgba(80, 80, 80, 0.8); line-height: 22px;}
.nav-sub-title .line{position: absolute; width: 40px; position: absolute; height: 2px; background-color: #FFF; overflow: hidden; height: 1px; bottom: 0; left: 0;}
.nav-sub-title .line:before{position: absolute; left: 0; top: 0; height: 2px; background-color: #014A8F; content: ''; width: 60%; display: block;}
.nav-sub-title .line:after{position: absolute; right: 0; top: 0; height: 2px; background-color: #E60012; content: ''; width: 30%; display: block;}
.nav-sub-p{margin-bottom: 45px; font-size: 13px; color: #616161; line-height: 24px; height: 48px; overflow: hidden;}
.nav-sub-more{display: block; width: 148px; height: 44px; text-align: center; line-height: 44px; border: 1px solid #000; font-size: 12px; color: #3C3C3C; -webkit-transition: 0.2s ease all; transition: 0.2s ease all;}
.nav-sub-more:after{display: inline-block; vertical-align: top; height: 44px; width: 10px; margin-left: 12px; background: url(../img/more.png) center no-repeat; content: '';}
.nav-sub-more:hover{background-color: #000; color: #FFF;}
.nav-sub-more:hover:after{background-image: url(../img/more_on.png);}
.nav-sub-list{margin-left: 320px;}
.nav-sub-list-box{display: block; float: left; width: 50%; border-bottom: 1px solid #E2E2E2; padding: 32px 48px; box-sizing: border-box; height: 133px;}
.nav-sub-list-box:nth-of-type(odd){border-right: 1px solid #E2E2E2;}
.nav-sub-list-box img{display: block; float: left; width: 174px; height: 100px;}
.nav-sub-list-box .t{position: relative; margin-left: 210px; line-height: 100px; font-size: 14px; color: #000;}
.nav-sub-list-box .t:after{content: ''; position: absolute; display: block; width: 10px; height: 100px; top: 0; right: 0; background: url(../img/nav_arrow.png) center no-repeat; -webkit-transition: 0.2s ease all; transition: 0.2s ease all;}
.nav-sub-list-box:nth-child(-n+2){border-top: none; padding-top: 0;}
.nav-sub-list-box:nth-child(n+4){padding-bottom: 0;}
.nav-sub-list-box:hover img{opacity: .8;}
.nav-sub-list-box:hover .t:after{-webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px);}

/*banner*/
.banner{font-size: 0}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 64px!important;height: 64px!important;background-color: #ffffffb0;border-radius: 100%;background-size: 20px!important;opacity: .5}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1}
.banner .swiper-button-next{right: 10%!important}
.banner .swiper-button-prev{left: 10%!important}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1}
.banner .swiper-pagination-bullet-active{background: #C48D5C}
.banner .swiper-pagination{bottom: 80px!important;left: -10%!important;text-align: right!important;}

/**/
.quicktab{position: absolute; bottom: 0; background: #F0F0F0; opacity: .9; height: 90px; z-index: 999; width: 1200px; margin-left: -600px; left: 50%;}
.quicktab.fixed{position: fixed; width: 100%; top: 0; left: 0; margin-left: 0; opacity: 1; background: #F7F7F7;}
.quicktab ul li{float: left;}
.quicktab ul li a{display: block; width: 240px; height: 90px; position: relative; -webkit-transition: 0.2s ease all; transition: 0.2s ease all;}
.quicktab ul li a b{position: absolute; display: block; width: 51px; height: 51px; left: 19.5%; top: 50%; margin-top: -25px; -webkit-transition: .2s ease all; transition: .2s ease all; background-position: center center; background-repeat: no-repeat;}
.quicktab ul li a b i{display: block; width: 100%; height: 100%; background: url(../img/quickIcon_bg.png) center no-repeat; -webkit-transition: 1s linear all; transition: 1s linear all;}
.quicktab a span{font-size: 18px; color: #2C2C2C; display: inline-block; margin-left: 104px; margin-top: 25px;}
.quicktab a p{font-size: 11px; color: #9D9D9D; margin-left: 104px; text-transform: uppercase;}
.quicktab a img{position: absolute; left: 54px; top: 67px; display: none;}
.quicktab ul li a{background-position: 24% 50%; background-repeat: no-repeat;}
.quicktab ul a:hover{background-position: 24% 36%;}
.quicktab ul a:hover img{display: block;}
.quicktab ul a:hover b{-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);}
.quicktab ul a:hover b i{-webkit-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg);}
/**/
.indexPro{ float: left; width: 600px; height: 220px; position:relative}
.iptext { background: #F0F0F0; width: 240px; height: 220px; float: left; position:relative}
.iptext h5 { font-size: 18px; color: #030303; padding-top: 46px; padding-left: 42px; text-align:left}
.iptext p { font-size: 13px; color: #6D6D6D; padding-top: 4px; padding-left: 42px; text-align:left }
.iptext .more { width: 25px; height: 25px; background: url(../img/arr_circle.png) no-repeat center; display: block; position: absolute; right: 32px; bottom: 34px; }
.iptext:hover .more { background: url(../img/arr_con.png) no-repeat center; }
.ipimg { width: 360px; height: 220px; float: left; text-align: center; display: table; overflow: hidden; }
.ipimg a { width: 360px; height: 220px; display: table-cell; vertical-align: middle; text-align: center; }
.ipimg a:hover { -webkit-transform: scale(1.03); -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }
.ipimg img { max-width: 360px; max-height: 220px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
.ipimg a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }
.indexProBom{ width:100%; float:left; margin-top:5px;}
.ibtext{background: #F0F0F0; width: 390px; height: 320px; float: left;}
.ibtext:hover .more{background-image: url("../img/more_on.png"); color: #FFF; background-color: #333A4A;}
.ibtext h2{font-family: 'BASKVILL'; font-size: 36px; color: #030303; padding-left: 60px; padding-top: 52px; display: block;text-align:left }
.ibtext i{display: block; width: 50px; height: 2px; background: url("../img/bottom_line.png") no-repeat center; margin-top: 20px; margin-left: 60px;}
.ibtext h5{color: #030303; font-size: 19px; padding-left: 60px; padding-top: 22px;}
.ibtext .p{color: #929292; font-size: 12px; line-height: 25px; overflow: hidden; height: 50px; overflow: hidden; width: 255px; margin-left: 60px; margin-top: 16px; margin-bottom: 16px;text-align:left}
.ibtext .more{padding: 3px 23px; display: inline-block; border: 2px solid #333A4A; background-image: url("../img/more.png"); background-position: 85% 50%; background-repeat: no-repeat; margin-left: 60px; font-size: 12px; text-indent: -6px;text-align:left; float:left}
.ibimg{width: 810px; height: 320px; float: left; text-align: center; display: table; overflow: hidden;}
.ibimg a{width: 810px; height: 320px; display: table-cell; vertical-align: middle; text-align: center;}
.ibimg a:hover{-webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
.ibimg img{max-width: 810px; max-height: 320px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all;}
.ibimg a:hover img{-webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
/**/
.indexNewsLeft{float: left; width: 780px;}
.inimg{width: 390px; height: 390px; float: left; text-align: center; display: table;}
.inimg a{width: 390px; height: 390px; display: table-cell; vertical-align: middle; text-align: center;}
.inimg img{max-width: 390px; max-height: 390px;}
.indexNtext{background: #F4F4F4; float: left; width: 390px; height: 390px; position:relative}
.indexNtext:hover .into{background: url("../img/arr_con.png") no-repeat center;}
.indexNtext h3{font-size: 18px; color: #161616; margin-left: 58px; margin-top: 58px; margin-bottom: 40px; width: 280px;}
.indexNtext .p{color: #929292; font-size: 13px; line-height: 25px; height: 100px; margin-left: 58px; width: 280px; overflow: hidden; text-align: left; margin-bottom: 40px;}
.indexNtext .time{font-size: 12px; color: #524444; font-family: 'Helvetica'; margin-left: 58px;}
.indexNtext .into{width: 25px; height: 25px; background: url("../img/arr_circle.png") no-repeat center; display: block; position: absolute; right: 50px; bottom: 42px;}
.indexNewsRight{width: 408px; height: 390px; float: right; background: #F4F4F4;}
/*.iNList i{width: 4px; height: 4px; display: block; background: url("../images/li_circle.png") no-repeat center; top: 50px; position: absolute;}*/
.iNList li{border-bottom: 1px solid #E4E4E4; width: 328px; margin-left: 40px; padding-top: 36px; position: relative;}
.iNList li:first-child{padding-top: 44px;}
.iNList li:last-child{border-bottom: none;}
.iNList li h5{color: #2B2B2B; font-size: 16px; text-indent: 10px; background: url("../img/li_circle.png") no-repeat left center;}
.iNList li:hover h5{background: url("../img/footer_left.png") no-repeat left center;}
.iNList li .p{color: #929292; font-size: 12px; width: 304px; overflow: hidden; height: 18px; margin-top: 15px; margin-bottom: 30px; text-indent: 10px;}
/**/
.indexTit { height: auto; overflow: hidden; padding: 60px 0 62px; }
.indexTit h3 { display: inline-block; float:left }
.indexTit h3 span { font-size: 21px; font-weight: bold; color: #030303; background: url("../img/nav_left.png") no-repeat center left; padding-left: 14px; display:inline-block }
.indexNewsButton { float:right}
.indexNewsButton .more { padding: 5px 28px; display: inline-block; border: 2px solid #333A4A; background-image: url("../img/more.png"); background-position: 85% 50%; background-repeat: no-repeat; font-size: 12px; text-indent: -6px; }
.indexNewsButton .more:hover { background-image: url("../img/more_on.png"); color: #FFF; background-color: #333A4A; }
/**/
.zc_title h3{padding-top:50px; height: 90px;font-size: 34px; color: #333; text-align: center; line-height: 40px; width:100%; float:left; text-align: center; font-weight:bold}
.zc_title p{ width:100%; text-align:center; font-size:16px; float:left; line-height:32px; color:#999}
.zc_title  i{ display: block;font:12px/40px "Arial"; color:#aca7a6; text-transform: uppercase; width:100%; float:left; text-align:center;}
.zc_title  i img{vertical-align: middle;margin:0 20px;}

.zc_nav{ width:491px; float: left; position: relative;}
.zc_nav li{border-right:1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;width:244px; height:90px; float: left; overflow: hidden;}
.zc_nav li:nth-of-type(odd){border-left:1px solid #d9d9d9;}
.zc_nav li:nth-of-type(1),.zc_nav li:nth-of-type(2){border-top:1px solid #d9d9d9;}
.zc_nav li a{ display: inline-block;width:244px; height:90px; padding:20px 0 0 ;text-align: center;font-size: 20px; color: #333; line-height:30px; font-weight:600}
.zc_nav li i{ display: block; color:#787878;font:12px/20px "Arial"; text-transform: uppercase;}
.zc_nav li a:hover , .zc_nav .cur a{ background: #F00; text-decoration: none; color:#fff}
.zc_nav li a:hover i , .zc_nav .cur a i{ color:#f4ebd9;}
.zc_nr{width:690px;overflow: hidden; float: right;}
.zc_nr .nr_list{height: 360px; overflow: hidden; line-height: 0; position:relative; width:100%; float:left}
.zc_nr .fl{width:100%; height:360px; overflow: hidden; position:relative}
.zc_nr .fl img{width:100%; height:365px;}
.zc_nr .fr{width:100%;height:134px;overflow: hidden;padding: 0 45px; background-color:rgba(0,0,0,0.5); position:absolute; left:0px;bottom:0px}
.zc_nr .fr h3{ height: 49px;line-height: 49px; overflow: hidden;font-size: 30px; color: #fff;font-weight: normal;}
.zc_nr .fr h3 a{ color:#fff;}
.zc_nr .fr h3 i{font:18px "Times New Poman"; color:#777777; text-transform: uppercase;}
.zc_nr .fr p{ line-height: 24px; color: #fff; font-size: 14px;padding-top: 5px;}
/**/
.lc h2{height: 100px;font-size: 34px; color: #333333; text-align: center; line-height: 40px;}
.lc h2 i{ display: block;font:12px/20px "Arial"; color:#6f6f6f; text-transform: uppercase;}
.lc h2 i img{vertical-align: middle;margin:0 20px;}
.lc li{ float: left;width:174px;margin-right: 31px; overflow: hidden;}
.lc .li01 {background:url(../img/lc01.jpg) no-repeat center 0;}
.lc .li02 {background:url(../img/lc02.jpg) no-repeat center 0;}
.lc .li03 {background:url(../img/lc03.jpg) no-repeat center 0;}
.lc .li04 {background:url(../img/lc04.jpg) no-repeat center 0;}
.lc .li05 {background:url(../img/lc05.jpg) no-repeat center 0;}
.lc .li06 {background:url(../img/lc06.jpg) no-repeat center 0;margin-right: 0;}
.lc span{ display: block;padding-top: 185px;text-align: center; font-size: 20px; color:#383534; line-height: 30px;}
.lc i{display: block; font-style: normal;font-size: 16px;font-family: "Arial";text-align: center;padding-top: 10px;}
.lc .li01:hover {background:url(../img/lc07.jpg) no-repeat center 0;}
.lc .li02:hover {background:url(../img/lc08.jpg) no-repeat center 0;}
.lc .li03:hover {background:url(../img/lc09.jpg) no-repeat center 0;}
.lc .li04:hover {background:url(../img/lc10.jpg) no-repeat center 0;}
.lc .li05:hover {background:url(../img/lc11.jpg) no-repeat center 0;}
.lc .li06:hover {background:url(../img/lc12.jpg) no-repeat center 0;}
.lc li:hover span , .lc li:hover i{ color:#999;}



.drift{width:50px;height:auto;position:fixed;bottom:30%;right:-120px;z-index:999;padding-top: 10px;}
.drift:after{content: '';width:50px;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);border-radius: 10px 0 0 10px;display: inline-block;z-index: -1}
.drift ul{width: max-content}
.drift li{position: relative;transition: all ease-in-out 0.5s;width: max-content;padding-right: 16px;border-radius: 10px 0 0 10px;}
.drift li:hover{background-color: rgba(0, 0, 0, 0.35);transform: translateX(calc(-100% + 50px))}
.drift li a{display:inline-block;text-decoration:none;}
.drift li a i{display: inline-block;width: 50px;height: 50px;float: left;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;font-size: 20px;color: #fff;}
.drift li a span{color: #fff;font-size: 16px;display: inline-block;line-height: 50px;}

/*layout*/
.main_body{float: left;width: 100%;}
.FmovefadeInDown{animation:FmovefadeInDown 1.5s ease-out infinite;}
@keyframes FmovefadeInDown{
  0%{
    opacity: 1;
    transform: translate(0px,0px);
  }
  35%{
    opacity: 0;
    transform: translate(0px,50%);
  }
  65%{
    opacity: 0;
    transform: translate(0px,-50%);
  }
  100%{
    transform: translate(0px,0px);
    opacity: 1;
  }
}

.banner_pg{height: 580px;;background: #efefef;padding-top: 78px;color: #fff}
.banner_pg .ntd .h3{line-height: 1em;font-weight: 500;letter-spacing: 10px;font-size: 55px;text-transform: uppercase}
.banner_pg .ntd .p{line-height: 1em;font-weight: 500;letter-spacing: 10px;font-size: 22px;margin-top: 20px;}

.banner_pg .ntd .m {width: 50px;height: 50px;border: 1px solid #fff;overflow: hidden;border-radius: 50%;transform: translateY(0px);opacity: 1;margin: 50px auto 0;cursor: pointer}
.banner_pg .ntd .m i{display: inline-block;width: 100%;height: 100%}
.banner_pg .ntd .m i img{width: 50%}

.two-nav {width: 100%;height: 65px;border-bottom: 1px solid #D8D8D8;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0;background: #FFF;text-align: center;}
.two-nav ul li {display: inline-block;vertical-align: top;}
.two-nav ul li  a {display: block;padding: 0 30px;height: 65px;line-height: 65px;position: relative;}
.two-nav ul li a span {position: relative;color: #666;font-size: 15px;display: inline-block;height: 100%;width: auto;}

.two-nav ul li a span:before {content: "";position: absolute;bottom: 1px;height: 2px;right: 0;left: 0;background: #FFF;-webkit-transition: left .4s ease;-moz-transition: left .4s ease;transition: left .4s ease;}
.two-nav ul li a span:after {content: "";position: absolute;left: 0;bottom: 1px;width: 0;height: 2px;background: #000;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}

.two-nav ul a.select span:before {left: 15px;background: #c4a87d;}
.two-nav ul a.select span:after {width: 11px;}


.wp{width: 1200px;margin: 0 auto}

/*about*/
.about_list{ padding:130px 0;}
.about_list .left{width: 474px;}
.about_list .right{width: calc(100% - 550px);}
.about_list .right h1{text-align: left;margin-bottom: 22px;font-size: 27px;color: #000;font-weight: 400}
.about_list .right h1 span{font-family: -webkit-pictograph;font-size: 29px;padding-left: 5px}
.about_list .right .dr p{font-size: 16px;color: #666;line-height: 28px;margin-bottom: 10px;text-align: justify}


/*two-nav  nav-box*/
.nav-box {width: 1200px;margin: 0 auto;text-align: center;padding-top: 30px;}
.nav-box .list {background: #FFF;width: 100%;height: 60px;border: 1px solid #DDD;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.nav-box .list li {display: inline-block;vertical-align: top;position: relative;}
.nav-box .list li + li:after {content: "";left: 0;top: 50%;position: absolute;width: 1px;height: 10px;margin-top: -5px;background: #D9D9D9;}
.nav-box .list li a {line-height: 60px;height: 100%;padding: 0 32px;display: block;font-size: 14px;color: #666;}
.two-nav .list a.select {color: #c4a87d;}
.container,.min_list{padding-top: 60px;padding-bottom: 73px;}

/*��ҳ*/
.flip{padding-top: 42px;padding-bottom: 73px;width: 1200px;margin: 0 auto}
.flip .red strong{font-weight: normal}
.flip a, .flip .red{display: inline-block;zoom: 1;margin: 0px 3px;padding: 13px 16px;font-size: 14px;text-align: center;background: #FFF;color: #555;}
.flip .red,.flip a:hover {background: #333;color: #FFF;}
.flip p{font-size: 14px;line-height: 2;color: #8a8a8a;margin-top: 5px;}

.dimgs_list ul li a,.goods_list ul li a{display: inline-block;width: 100%;}
.dimgs_list ul li a .img,.goods_list ul li a .img{width:100%;height: 0;padding-top: 100%;position: relative;overflow: hidden;}
.dimgs_list ul li a .img:after,.goods_list ul li a .img:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 4px solid #fff;display: inline-block}
.dimgs_list ul li a .img img,.goods_list ul li a .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.dimgs_list ul li a .text,.goods_list ul li a .text{width: 100%;text-align: center;padding:10px 20px 20px}
.dimgs_list ul li a .text .h3,.goods_list ul li a .text .h3{width: 100%;font-size: 16px;}



/*�����б�*/
.news_list li + li {margin-top: 12px;}
.news_list li a {display: block;position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 5;}
.news_list li a .time {position: absolute;left: 10px;top: 50%;width: 100px;height: 112px;line-height: 112px;background: #4F4F4F;margin-top: -56px;z-index: -1;font-size: 0;text-align: center;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .time > div {display: inline-block;vertical-align: middle;line-height: 1.2;}
.news_list li a .time .day {font-size: 36px;color: #FFF;}
.news_list li a .time .year {font-size: 14px;color: #FFF;}

.news_list li a .nr {background:#f4f4f4;margin-left: 100px;height: 222px;padding: 34px 70px 34px 34px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);-moz-box-sizing: border-box;box-sizing: border-box;}
.news_list li a .nr .img {width: 260px;padding: 4px;background: #F5F5F5;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
.news_list li a .nr .img > div {width: 100%;position: relative;padding-bottom: 58.56574%;}
.news_list li a .nr .img > div img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.news_list li a .nr .title {margin-left: 298px;}
.news_list li a .nr .title h1 {margin-top: 10px;height: 48px;line-height: 48px;width: 100%;overflow: hidden;font-size: 20px;color: #333;margin-bottom: 12px;position: relative;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title h1:before {position: absolute;content: "";right: 0;bottom: 0;width: 50%;height: 1px;background: #E5E5E5;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title h1:after {position: absolute;content: "";left: 0;bottom: 0;width: 50%;height: 1px;background: #E5E5E5;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title .p {font-size: 13px;color: #666;line-height: 25px;height: 50px;overflow: hidden;width: 100%;text-align: justify}

.news_list li a:hover .time {background: #c4a87d;left: 5px;}
.news_list li a:hover .nr {margin-left: 105px;}
.news_list li a:hover .nr .title h1 {color: #c4a87d;}
.news_list li a:hover .nr .title h1:before {width: 668px;background: #A7A7A7;}
.news_list li a:hover .nr .title h1:after {width: 24px;background: #c4a87d;}

/*��������*/
.news_info{padding-top: 42px;padding-bottom: 80px}
.news_info .left{width: 873px;}
.news_info .left .left_content{width: 873px;padding: 64px 98px 48px;background: #f4f4f4;overflow: hidden;position: relative}
.news_info .news_info_cnt h2{font-size: 22px;line-height: 1.5;margin-bottom: 14px;font-weight: 400}
.news_info .news_info_box p{font-size: 16px;line-height: 2;text-align: justify}

.news_info .news_info_times{margin-bottom: 22px;}
.news_info .news_info_times span{font-size: 15px;word-wrap: break-word;word-break: break-all;color: #576b95;padding-right: 30px}
.news_info .left .qrcode{position: absolute;right: 98px;top: 26px;font-weight: 700;font-size: 16px;color: #ff0200;}
.news_info .left .qrcode #qrcode{display: inline-block;vertical-align: baseline;}

.newsi_m{height: 57px;margin-top: 25px;position: relative;background: #f4f4f4}
.newsi_m .dpages{font-size: 0!important;position: relative;height: 100%}
.newsi_m .dpages:after{content: '';display: inline-block;width: 1px;height: 100%;background: #E5E5E5;position: absolute;left: 50%;top: 0}

.newsi_m a{display: inline-block;width:calc(100% / 2);height: 57px;text-align: center;font-size: 14px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: middle;
  line-height: 57px;
  }

.newsi_m a img{margin-right: 30px;vertical-align: middle}
.newsi_m a.previous,
.newsi_m a.prev{float: left}
.newsi_m a.next,
.newsi_m a.nexts{float: right}
.newsi_m a.prev,
.newsi_m a.nexts{color: #888;}
.newsi_m a:hover{padding-left: 10px;}
.newsi_m a.nexts:hover,.newsi_m a.prev:hover{padding-left: 0;cursor:not-allowed}


.news_info .right{width: calc(100% - 900px);overflow: hidden}
.news_info .right .list{background: #ffffffb5;border: #e6e6e6 1px solid;margin-bottom: 20px;}
.news_info .right .list h3 {height: 54px;line-height: 53px;padding: 0 20px ;margin: auto;border-bottom: #e7e7e7 1px solid;font-size: 17px;color: red;}
.news_info .right .list h3 i{display: inline-block;width: 25px;font-size: 22px;vertical-align: middle;}
.news_info .right .hot .right_1{float: right}
.news_info .right .hot .right_1{float: right}
.news_info .right .hot .right_1 .more-btn{font-size: 14px; color: #141414; text-align: right; transition: all .4s ease; backface-visibility: hidden; font-weight: inherit;}
.news_info .right .hot .right_1 .more-btn span{margin-top: -4px; margin-left: 15px; display: inline-block; vertical-align: middle; width: 13px; height: 13px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/icon-29.png);}



.list_1 h3.hot {background: url(../img/hot.png) no-repeat 20px center #fff;}
.list_3 h3.faq {background: url(../img/faq.png) no-repeat 20px center;}
.list_1 .content em ,
.list_3 .content em {width: 15px;height: 15px;border-radius: 5px;font-style: normal;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;background: #ababab;text-align: center;line-height: 15px;margin-right: 12px;}
.list_1 .content li:nth-of-type(1) em,
.list_1 .content li:nth-of-type(2) em,
.list_1 .content li:nth-of-type(3) em {background: #c7000b ;}

#newsDetail_body .list .content {padding: 20px;}
#newsDetail_body .list .content li {margin: 5px 0;}
#newsDetail_body .list .content li,
#newsDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#newsDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#dlistDetail_body .list .content {padding: 20px;}
#dlistDetail_body .list .content li {margin: 5px 0;}
#dlistDetail_body .list .content li,
#dlistDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#dlistDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#dlistDetail_body .dpages{ padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
#dlistDetail_body .dpages a:nth-of-type(1){margin-right: 30px}


/*certificate*/
.certificate_list ul li{margin-bottom: 20px}
.certificate_list ul li a{display: inline-block;width: 100%;background: #fff}
.certificate_list ul li a .img{width:100%;height: 0;padding-top: 100%;position: relative;overflow: hidden;background: #F5F5F3}
.certificate_list ul li a .img:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 4px solid #fff;display: inline-block}
.certificate_list ul li a .img .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.certificate_list ul li a .certificate-introduce{padding:26px 26px 34px 26px;}
.certificate_list ul li a .certificate-introduce h1{font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  max-height: 56px;
  margin-bottom: 12px;
  position: relative;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;}
.certificate_list ul li a .certificate-introduce span{display: block;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  border-top: 1px dashed #BCBCBC;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;padding-bottom: 12px}

.certificate_list ul li a .certificate-introduce .time{
  padding-top: 12px;
  font-size: 12px;
  color: #888;
  line-height: 24px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.certificate_list ul li a:hover .certificate-introduce h1 { color: #C7000B;}
.certificate_list ul li a:hover .certificate-introduce h1,
.certificate_list ul li a:hover .certificate-introduce span,
.certificate_list ul li a:hover .certificate-introduce .time{-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-ms-transform: translate(0, -10px);transform: translate(0, -10px);}

/*contact*/
.contact_list{border: 1px solid #D8D8D8;padding: 45px 40px 45px 70px;-moz-box-sizing: border-box;box-sizing: border-box;background: #FFF;position: relative;}
.contact_list .left{width: 484px}
.contact_list .left .address {padding-bottom: 25px;}
.contact_list .left .address h1 {margin-top: 25px;margin-bottom: 10px;line-height: 28px;font-size: 24px;color: #444;font-weight: 400}
.contact_list .left .address  p {font-size: 15px;color: #555;line-height: 2;}
.contact_list .left .address + .address {border-top: 1px dashed #C6C6C6;}
.contact_list .right{width: 556px}

#dpageDetail_body p{font-size: 14px;line-height: 2;text-align: justify;}


.join-title{text-align:center;color:#666;margin-top:50px}
.join-title p{line-height:1.5em}
.join-title p:first-child{font-size:46px;color:#4b4b4b}
.join-title h2{font-size:46px;margin:10px 0 20px;color:#4b4b4b}
.join-title h2 span{color:#f90}
.join-title-img{margin-top:35px;background-image:url(../img/join-title-img.jpg);background-position:center 0;height:408px;box-sizing:border-box;padding-top:104px}
.join-title-img div{width:100%;height:200px;box-sizing:border-box;background-color:rgba(0,0,0,.65);padding-left:100px}
.join-title-img div h2{padding:45px 0 0;margin-bottom:15px;color:#fff;font-size:30px;font-weight:400}
.join-title-img div p{color:#b3b3b3;font-size:18px;margin-bottom:10px}
.join-title-img div span{color:#a7a7a7}

.join-support{margin-top:50px}
.join-support .join-sup-title{background-image:url(../img/join-sup-title.jpg);background-position:center 0;height:180px}
.join-support .join-sup-content .join-sup-st{margin-top:60px}
.join-support .join-sup-content .join-sup-st div{float:left}
.join-support .join-sup-content .join-sup-st div:first-child{width:90px;height:90px;color:#fff;font-size:48px;background-color:#4b4b4b;line-height:90px;text-align:center;margin-right:15px}
.join-support .join-sup-content .join-sup-st div:nth-of-type(2) p{font-size:36px;color:#4b4b4b;font-weight:700}
.join-support .join-sup-content .join-sup-st div:nth-of-type(2) p span{color:#f90}
.join-support .join-sup-content .join-sup-st div:nth-of-type(2) h2{font-size:24px;color:#4b4b4b;margin:0 0 5px;font-weight:400}
.join-support .join-sup-content .join-sup-st div:nth-of-type(2) span{color:#666}
.join-support .join-sup-content .join-sup ul{margin-top:35px}
.join-support .join-sup-content .join-sup-one .one-content ul li{width:200px;height:177px;background-image:url(../img/join-sup-one.png);background-repeat:no-repeat}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(1){background-position:0 0}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(2){background-position:-200px 0}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(3){background-position:-400px 0}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(4){background-position:-600px 0}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(5){background-position:-800px 0}
.join-support .join-sup-content .join-sup-one .one-content ul li:nth-of-type(6){background-position:-1000px 0}
.join-support .join-sup-content .join-sup-two .two-content ul li{width:382px;text-align:center;margin-right:27px}
.join-support .join-sup-content .join-sup-two .two-content ul li p{margin-top:15px}
.join-support .join-sup-content .join-sup-two .two-content ul li:last-child{margin-right:0}
.join-support .join-sup-content .join-sup-three .three-content ul li:first-child{margin-right:10px}
.join-support .join-sup-content .join-sup-three .three-content ul li div:first-child{width:170px;margin-right:8px}
.join-support .join-sup-content .join-sup-three .three-content ul li div:first-child img:nth-of-type(2){margin-top:10px}
.join-support .join-sup-content .join-sup-four .four-content ul li{ float:left}
.join-support .join-sup-content .join-sup-four .four-content ul li:nth-of-type(1){margin-right:10px}
.join-support .join-sup-content .join-sup-four .four-content ul li:nth-of-type(2){margin-right:10px}
.join-support .join-sup-content .join-sup-four .four-content ul li:nth-of-type(4){margin-right:10px;margin-top:10px}
.join-support .join-sup-content .join-sup-four .four-content ul li:nth-of-type(5){margin-top:10px}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

.a1-title{margin-bottom:30px;text-align:center}
.a1-title h2{font-size:40px}
.a1-title h2 span{font-size:30px;padding-left:20px}
.a1-title p{margin-top:10px;line-height:2}

.wh2{padding:50px 0 100px}
.wh2-ul{margin-top:50px; margin-bottom:50px}
.wh2-ul:after{content:"";display:block;width:100%;overflow:hidden;clear:both}
.wh2-ul li{width:20%;float:left;background:#fff;text-align:center;padding:35px 0;border-right:2px solid #d6d6d6}
.wh2-ul li:last-child{border-right:none}
.wh2-ul li i{width:93px;height:93px;line-height:93px;zoom:1;display:inline-block;vertical-align:middle;font-size:40px;background:#fff;transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;border:2px solid #808181;border-radius:50%}
.wh2-ul li h5{margin-top:30px}
.wh2-ul li p{margin-top:10px}
.wh2-ul li:hover{background:#f45631;color:#fff}
.wh2-ul li:hover i{border-color:#f45631;color:#f45631;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.search{float:left; overflow:hidden; position:relative;}
.search_input{z-index:2; float:left}
.search_btn{width:40px;height:50px;border:none;background:url(../img/searchB.png) no-repeat center center;cursor:pointer; float:left; margin-right:0px}
.search_txt_div{ float:left;margin:0px 5px; overflow:hidden;  width:150px; margin-top:10px}
.search_txt{width:125px;height:30px;color:#333;border: 1px solid #b3b3b3; background:none; border-radius:15px; float: left; padding-left:20px}