/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';
  /* project id 2383891 */
  src: url('//at.alicdn.com/t/font_2383891_ogh03p9nri.eot');
  src: url('//at.alicdn.com/t/font_2383891_ogh03p9nri.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2383891_ogh03p9nri.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2383891_ogh03p9nri.woff') format('woff'),
    url('//at.alicdn.com/t/font_2383891_ogh03p9nri.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2383891_ogh03p9nri.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
    url('../font/dinpro.woff2') format('woff2'),
    url('../font/dinpro.woff') format('woff'),
    url('../font/dinpro.ttf') format('truetype'),
    url('../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'dinprob';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/DINPro-Bold.woff2') format('woff2'),
    url('../font/DINPro-Bold.woff') format('woff'),
    url('../font/DINPro-Bold.ttf') format('truetype'),
    url('../font/DINPro-Bold.svg#dinprob') format('svg');
}

@font-face {
  font-family: 'gilroyb';
  src: url('../font/gilroyb.eot');
  src: url('../font/gilroyb.eot') format('embedded-opentype'),
    url('../font/gilroyb.woff2') format('woff2'),
    url('../font/gilroyb.woff') format('woff'),
    url('../font/gilroyb.ttf') format('truetype'),
    url('../font/gilroyb.svg') format('svg');
}

@font-face {
  font-family: 'Gilroy-L';
  src: url('../font/Gilroy-Light.otf');
}

@font-face {
  font-family: 'Rajdhani';
  src: url('../font/Rajdhani-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Rajdhani_b';
  src: url('../font/RAJDHANI_BOLD.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaBT_k';
  src: url('../font/FuturaBT_k.ttf') format('truetype');
}

@font-face {
  font-family: 'dincond';
  src: url('../font/dincond-medium-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Gilroyt';
  src: url('../font/Gilroyt.ttf');
}


@font-face {
  font-family: 'iconfont';
  /* Project id 2376408 */
  src: url('//at.alicdn.com/t/c/font_2376408_cmoqyesw9m.woff2?t=1671069977752') format('woff2'),
    url('//at.alicdn.com/t/c/font_2376408_cmoqyesw9m.woff?t=1671069977752') format('woff'),
    url('//at.alicdn.com/t/c/font_2376408_cmoqyesw9m.ttf?t=1671069977752') format('truetype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
  padding: 0;
  margin: 0;
}

body {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #808080;
  font-family: 'Gilroy-L';
  width: 100%;
  overflow-x: hidden;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px
}

img {
  border: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  max-width: 100%;
}

input:focus {
  outline: none;
}

/*滚动条*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button:vertical {
  display: none
}

::-webkit-scrollbar-track:vertical {
  background-color: black
}

::-webkit-scrollbar-track-piece {
  background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #555;
  border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
  background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
  background-color: #FF6E00
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.clearfix {
  zoom: 1;
}

a:link {
  color: #808080;
  text-decoration: none;
}

a:visited {
  color: #808080;
  text-decoration: none;
}

a:hover {
  color: #184390;
  text-decoration: none;
}

a:active {
  color: #808080;
  text-decoration: none;
}

h1 {
  font-size: 30px;
  color: #333;
  line-height: 30px;
  margin-bottom: 20px;
  background-image: url(../image/title_line.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  font-weight: bold;
}

h2 {
  font-size: 30px;
  color: #333;
  line-height: 30px;
  margin-bottom: 20px;
  background-image: url(../image/title_line.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  font-weight: bold;
}

h3 {
  font-size: 20px;
  color: #333;
  line-height: 20px;
  background-image: url(../image/title_line.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 15px;
}

h4 {
  font-size: 20px;
  color: #ddd;
  line-height: 20px;
}

h4 span {
  color: #333;
  display: block;
  margin-bottom: 5px;
}

h5 {
  font-size: 24px;
  color: #333;
  line-height: 24px;
  background-image: url(../image/title_line.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 15px;
}

/*top_menu*/
/* #top_menu {
  width: 100%;
  top: 0;
  z-index: 9999;
}

#top_menu ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#top_menu ul li {
  float: left;
}

#top_menu ul li:nth-child(1) {
  width: 30%;
  text-align: left;
}

#top_menu ul li:nth-child(2) {
  width: 70%;
  text-align: right;
  color: #ccc;
}

#top_menu ul li:nth-child(2) a {
  margin-left: 35px;
  font-size: 15px;
  font-weight: bold;
}

#top_menu ul li a:nth-child(7) {
  margin-right: 5px;
  margin-left: 40px;
  font-size: 12px;
}

#top_menu ul li a:nth-child(8) {
  margin-left: 5px;
  font-size: 12px;
}

.default {
  width: 100%;
  height: 80px;
  background-color: none;
  position: absolute;
  z-index: 9999;
  top: 0px;
  line-height: 80px;
  background-color: rgba(0, 90, 100, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(0, 0, 0, 0.4);
}

.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-color: rgba(255, 255, 255, 1);
  color: #ddd;
}

.menu_link a:link {
  color: #fff;
  text-decoration: none;
}

.menu_link a:visited {
  color: #fff;
  text-decoration: none;
}

.menu_link a:hover {
  color: #184390;
  text-decoration: none;
}

.menu_link a:active {
  color: #fff;
  text-decoration: none;
}

.menu_linka a:link {
  color: #000;
  text-decoration: none;
}

.menu_linka a:visited {
  color: #000;
  text-decoration: none;
}

.menu_linka a:hover {
  color: #184390;
  text-decoration: none;
}

.menu_linka a:active {
  color: #000;
  text-decoration: none;
}

.li_logo img:nth-child(1) {
  display: none;
}

.li_logoa img:nth-child(1) {
  display: block;
  height: 50px;
  margin-top: 15px;
}

.li_logo img:nth-child(2) {
  display: block;
  height: 50px;
  margin-top: 15px;
}

.li_logoa img:nth-child(2) {
  display: none;
} */


/*head*/
.head{position: fixed; left:0; top:0; width:100%; transition: top .5s; z-index:999999}
.heada{top: 0px;}
.headb{top:0;z-index:999999;}
/*head_a*/
.head_a{width:100%; background-color:#D63522;overflow: hidden;display:none;}
.head_a ol{width:66%; min-width:1200px; max-width:1200px; margin:0 auto;}
.head_a ol dd{width:60%; float:left; color:#eee; height:35px; line-height:35px;}
.head_a ol dd:nth-child(2){text-align:left; width:40%;}
.head_a ol dd dl{ float:right; height:19px; margin-top:8px; margin-left:8px;}
.head_a ol dd dl img{height:100%;}
/*head_b*/
.head_b{width:100%;overflow: hidden;/*box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:#fff; */}
.head_bb{box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:#fff;}
.head:hover .head_b{background-color:#fff;}
.head:hover .head_b ul li:nth-child(2) a{color:#333 !important;}
.head:hover .head_b ul li:nth-child(2){color:#333 !important;}
.head:hover .head_b ul dd dl a{color:#333 !important;}
.head:hover .head_b ul dd dl{color:#333 !important;}
.head_bb ul li{color:#333 !important;}
.head_b ul{width:66%; min-width:1200px;margin:0 auto;overflow: hidden;display: flex;justify-content: space-between; align-items: center;}
.head_b ul li{float:left; height:80px; line-height:80px;}
.head_b ul li:nth-child(1){width:200px;display:flex; -webkit-display:flex; justify-content:left; align-items:center; cursor:pointer;}
.head_b ul li:nth-child(2){width:calc(100% - 370px); font-size:16px; text-align:right;color: #fff;}
.head_b ul li:nth-child(2) a{margin-left:25px; display:inline-block; height:70px; color:#fff;font-size: 14px;}
.head_b ul li:nth-child(2) a:last-child{margin-left:0px;}
.head_b ul li img{width:100%;}
.head_b ul li .nav-up-selected{color:#d71718;}
.head_b ul dd{float:left;width:100px;}
.head_b ul dd dl{ float:right; height:25px; margin-top:30.5px; margin-left:8px;}
.head_b ul dd dl:nth-child(2){font-size: 30px;color: #fff;}
.head_b ul dd dl a{color:#fff;}
.head_b ul dd dl a:hover{color:#fff !important;}
.head_b ul dd dl img{height:100%;}
.head-v3{position:relative;}
.navigation-down{position:absolute; top:0; left:0px; width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,0.9);position:absolute; top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{width:66%; min-width:1200px;margin:0 auto; position:relative;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}
.navigation-down .nav-down-menu dl{float:left;margin:0px 30px 0 0; cursor:pointer;}
.navigation-down .menu-1 ol{float:right; margin:30px 0;width:300px;height:100px;display:flex;justify-content:center;align-items:center;overflow: hidden;display: none;}
.navigation-down .menu-1 ol img{width:100%;}
.navigation-down .menu-1 dl{ line-height:100px; font-size:15px;}
.navigation-down .menu-1 dl span{ font-size:24px; color:#d71718; margin-right:10px;}
.navigation-down .menu-1 dt{color:#000;}
.navigation-down .menu-1 dd a{color:#000;}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#000;}
/* #menu3 .navigation-down-inner{left: 50%;margin-left: -130px !important;}
#menu4 .navigation-down-inner{left: 50%;margin-left: -130px !important;} */

/*index_add*/
.video-back {
  display: block;
  height: 900px;
  text-align: center;
}

/*index_add*/
.index_banner {
  width: 100%;
  height: 90vh;
  margin: 0 auto 0 auto;
}

.txt-box {
  width: 66%;
  min-width: 1200px;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  color: #fff;
}

.swiper-slide .titleb_a_a {
  margin-top: 32vh;
}

.swiper-slide .titleb_a_a img {
  margin: 0 auto;
}

.swiper-slide .titleb_a {
  font-size: 40px;
  line-height: 50px;
  color: rgba(255, 255, 255, 1);
  margin-top: 38vh;
  letter-spacing: 0px;
  text-shadow: 1px 1px 1px #000;
}

.swiper-slide .titlec_a {
  margin-top: 40px;
}

.swiper-slide .titlec_a img {
  margin: 0 auto;
}

.swiper-slide .titled_a {
  font-size: 20px;
  line-height: 35px;
  color: rgba(255, 255, 255, 1);
  margin-top: 25px;
  text-shadow: 1px 1px 1px #000;
}

/*index_a*/
.index_a {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 120px 0;
}

.index_a h1 {
  font-weight: bold;
}

.index_a ul:nth-child(1) {
  text-align: center;
  margin-bottom: 60px;
  line-height: 30px;
  font-size: 16px;
}

.index_a ul li {
  width: 20%;
  float: left;
  text-align: center;
  border-left: 1px solid #eee;
  box-sizing: border-box;
  font-size: 13px;
}

.index_a ul li:nth-child(5) {
  border-right: 1px solid #eee;
}

.index_a ul li font {
  display: block;
  font-size: 44px;
  line-height: 40px;
  color: #184390;
}

.index_a ul li font span {
  font-size: 14px;
  color: #aaa;
  margin-left: 5px;
}

/*index_pro_divb*/
.index_pro_divbox {
  width: 100%;
  background: #F6F7F8;
  padding-bottom: 50px;
}

.index_pro_divb {
  width: 66%;
  min-width: 1200px;
  background: #F6F7F8;
  padding-bottom: 50px;
  margin: 0 auto;
}

.index_pro_top {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_pro_top .left {
  float: left;
}

.index_pro_top .left p:nth-child(1) {
  font-size: 30px;
  color: #184390;
  font-weight: bold;
}

.index_pro_top .left p:nth-child(2) {
  font-size: 30px;
  line-height: 40px;
  margin-top: 15px;
}

.index_pro_top .right {
  float: right;
  text-align: left;
  width:50%;
}

.index_pro_divb li {
  width: calc(25% - 12px);
  margin-right: 15px;
  float: left;
  background-color: #fff;
  background-image: url(../image/jbbg.gif);
  background-repeat: repeat-y;
  background-position: left;
  position: relative;
}

.index_pro_divb li:last-child {
  margin-right: 0;
}

.index_pro_divb li dd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8);
  color: #fff;
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  transition: all 1.3s
}

.index_pro_divb li dd dl {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.index_pro_divb li dd dl span {
  font-weight: 600;
  font-size: 20px;
}

.index_pro_divb li dd dl p {
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  background-image: url(../image/wh_line.gif);
  background-position: bottom left;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  text-transform: uppercase;
  text-align: center;
}

.index_pro_divb li dd dl a {
  color: #fff;
  padding: 8px 20px;
  border: 1px solid #fff;
}

.index_pro_divb li dd dl a:hover {
  color: #d71518;
  background-color: #fff;
  padding: 8px 20px;
  border: 1px solid #fff;
}

.index_pro_divb li ol {
  padding: 30px 0 30px 30px;
  font-size: 16px;
  color: #000;
}

.index_pro_divb li ol p {
  font-size: 16px;
  font-family: "dinpro";
  color: #000;
  background-image: url(../image/black_line.gif);
  background-position: bottom left;
  padding-bottom: 10px;
  background-repeat: no-repeat;
}

.index_pro_divb li img {
  width: 100%;
}

/*index_c*/
.index_c {
  width: 100%;
  padding: 80px 0;
  background-image: url(../image/dj_bg.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
}

.index_c ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_c ul li {
  width: 35%;
  float: left;
}

.index_c ul li:nth-child(2) {
  width: 60%;
  margin-left: 5%;
  overflow: hidden;
}

.index_c ul li a {
  background-color: #184390;
  padding: 8px 24px;
  color: #fff;
  border-radius: 10px;
  margin-right: 5px;
}

.index_c ul li a:hover {
  background-color: #000;
  color: #fff;
}


/*index_d*/
.index_d {
  width: 100%;
  height: auto;
  padding: 120px 0 100px 0;
  background-image: url(../image/index_new_bg.jpg);
}

.index_d ul:nth-child(1) {
  text-align: center;
  margin-bottom: 60px;
}

.index_d ul {
  width: 66%;
  min-width: 1200px;
  height: auto;
  margin: 0 auto;
}

.index_d ul li {
  width: 48%;
  float: left;
  margin-right: 4%;
  position: relative;
}

.index_d ul li:nth-child(2) {
  margin-right: 0;
}

.index_d ul li dl {
  border-bottom: 1px solid #ddd;
  padding-bottom: 17px;
  margin-bottom: 17px;
  cursor: pointer;
  overflow: hidden;
}

.index_d ul li dl:nth-child(3) {
  border: none;
}

.index_d ul li dl span {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;

}

.index_d ul li dl p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 38px;
  line-height: 19px;
  font-size: 14px;
}

.index_d ul li dl div ol:nth-child(1) {
  float: left;
  width: 80%;
}

.index_d ul li dl div ol:nth-child(2) {
  float: left;
  width: 12%;
  margin-left: 8%;
  font-size: 14px;
  text-align: center;
  font-family: 'dinpro';
  background-color: #fff;
}

.index_d ul li dl div ol font {
  font-size: 30px;
  line-height: 50px;
  background-color: #184390;
  width: 100%;
  display: block;
  height: 50px;
  color: #fff;
}

.index_d ul li img {
  width: 100%;
}

.index_d ul li dd {
  position: absolute;
  top: 20px;
  left: 25px;
  color: #fff;
  font-size: 18px;
}

.index_d ul li dd p {
  font-size: 12px;
  color: rgb(255, 255, 255, 0.5);
}

/*index_sb_a*/
.index_sb_a {
  width: 100%;
  background-image: url(../image/index_sb_a_bg.jpg);
  background-position: center;
  background-size: cover;
}

.index_sb_a ul {
  width: calc(66% - 100px);
  min-width: calc(1200px - 100px);
  margin: 0 auto;
  position: relative;
  padding: 180px 0 180px 100px;
}

.index_sb_a ul span {
  font-size: 22px;
  font-family: 'dinpro';
  color: #fff;
}

.index_sb_a ul h1 {
  font-size: 30px;
  background: none;
  color: #DB6222;
  margin-bottom: 0;
}

.index_sb_a ul li {
  position: absolute;
  font-size: 13px;
  line-height: 28px;
}

.index_sb_a ul li dd {
  padding: 20px;
}

.index_sb_a ul li dd font {
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.index_sb_a ul li dd img {
  margin: 10px 0;
}

.index_sb_a_lia {
  width: 250px;
  height: 330px;
  right: 0;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
}

.index_sb_a_lib {
  width: 250px;
  height: 250px;
  right: 250px;
  bottom: 0px;
  background-color: rgba(34, 66, 141, 0.8);
  color: #fff;
}

.index_sb_a ul a {
  background-color: #DB6222;
  text-align: center;
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
}

/*index_e*/
.index_e {
  position: relative;
  width: 100%;
  background: #F6F7F8;
}

.index_e_bg {
  background-attachment: fixed;
  background-image: url(../image/index_e_bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 600px;
  text-align: center;
}

.index_e_bg h1 {
  padding-top: 100px;
  padding-bottom: 20px;
  color: #fff;
}

.index_e_bg p:nth-child(2) {
  font-size: 18px;
  color: #fff;
}

.index_e .cont {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  margin-top: -300px;
  height: 600px;
  overflow: hidden;
  padding-bottom: 100px;
}

.index_e .swiper {
  width: 100%;
  height: 100%;
}

.index_e .swiper-slide {
  color: #000;
  background: #fff;
  padding: 4vw 2vw;
}

.swiperBtnBox {
  width: 200px;
  position: relative;
  background: #184390;
  height: 72px;
  color: #fff;
  margin: 0 auto;
  margin-top: -36px;
  z-index: 999;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 30px 0px rgb(33 66 141 / 20%);
}

.swiperBtnBox .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-left: 35px;
}

.swiperBtnBox .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-right: 35px;
}

.swiperBtnBox div:nth-child(2) {
  font-weight: bold;
}

.index_e .cont .top {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.index_e .cont .top .h3 {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  transition: color 1s;
}

.index_e .cont .top .line {
  display: block;
  width: 60px;
  height: 6px;
  margin: 2vw auto;
  background: url(../image/title_line.gif) no-repeat center;
  background-size: 100% auto;
}

.index_e .cont .top .desc {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  width: 60%;
  margin: 0 auto;
  height: 36px;
  font-weight: bold;
}

.index_e .cont .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: -30px;
}

.index_e .cont .imgBox img {
  max-width: 80%;
  max-height: 80%;
  display: block;
  transition: ease 1s;
  transform: scale(1.3);
}

.index_e .cont .swiper-slide:hover .imgBox img {
  transform: scale(1.1);
}



.index_c .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.index_c .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 420px;
}

.index_c .swiper-slide img {
  display: block;
  width: 100%;
}

/*bottom*/
.bottom {
  width: 100%;
  padding: 80px 0 0 0;
  background-color: #184390;
  color: #fff;
  background-image: url(../image/btmBanner.jpg);
  background-position: center;
  background-size: cover;
}

.bottom ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.bottom ul:nth-child(1) {
  margin-bottom: 80px;
}

.bottom ul:nth-child(2) {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  padding: 10px 0;
  line-height: 20px;
}

.bottom ul:nth-child(3) {
  font-size: 12px;
  padding: 10px 0;
  line-height: 20px;
}

.bottom ul li {
  float: right;
  text-align: left;
  margin-left: 50px;
}

.bottom ul li a {
  color: #fff;
}

.bottom ul li:nth-child(5) {
  float: left;
  text-align: left;
  margin-left: 0;
  max-width: 360px;
}

.bottom ul li:nth-child(5) img {
  width: 150px;
  margin-bottom: 20px;
}

.bottom ul li div {
  font-size: 15px;
  margin-bottom: 5px;
  color: #fff;
}

.bottom ul dl {
  width: 50%;
  float: left;
}

.bottom ul dl:nth-child(2) {
  text-align: right;
}

.bottom ul dl span {
  font-size: 14px;
  color: #000;
}

.bottom ul dl img {
  display: inline;
  margin-right: 5px;
  width: 12px;
}

.bottom ul dd {
  width: 50%;
  float: left;
}

.bottom ul dd:nth-child(2) {
  text-align: right;
}

.bottom ul dd font {
  font-size: 24px;
  color: #fff;
  margin-left: 3px;
}

/*bottom*/

/*n_bottom*/
.n_bottom {
  width: 100%;
  padding: 40px 0;
  background-image: url(../image/n_bottom_bg.jpg);
  background-attachment: fixed;
  background-size: cover;
}

.n_bottom ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.n_bottom ul li {
  float: left;
  color: #fff;
}

.n_bottom ul li:nth-child(1) {
  width: 20%;
  margin-right: 5%;
  font-size: 18px;
}

.n_bottom ul li:nth-child(2) {
  width: 75%;
}

.n_bottom ul li img {
  margin-top: 40px;
  width: 120px;
}

.n_bottom ul li dd {
  float: left;
  width: 30%;
}

.n_bottom ul li div {
  float: right;
  font-size: 18px;
  line-height: 36px;
  margin-left: 40px;
}

.n_bottom ul li div span {
  font-size: 20px;
  margin-right: 8px;
}


/*n_banner*/
.n_banner {
  width: 100%;
  background-size: cover;
  background-position: center;
}

.n_banner ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
      padding: 200px 0 280px 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}

.n_banner ul P {
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 2px;
  display: block;
text-transform: uppercase;
}

/*about_a*/
.about_a {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.about_a ul {
  float: left;
}

.about_a ul:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.about_a ul:nth-child(2) {
  width: 75%;
}

.about_a ul:nth-child(2) img {
  width: 100%;
  margin-top: 30px;
}

.about_a ul li {
  margin-bottom: 30px;
}

.about_a ul li div {
  width: 20%;
  float: left;
  text-align: center;
  border-left: 1px solid #eee;
  box-sizing: border-box;
  font-size: 13px;
}

.about_a ul li div:nth-child(5) {
  border-right: 1px solid #eee;
}

.about_a ul li div font {
  display: block;
  font-family: "dinpro";
  font-size: 44px;
  line-height: 40px;
  color: #184390;
}

.about_a ul li div font span {
  font-size: 14px;
  color: #aaa;
  margin-left: 5px;
}

/*about_b*/
.about_b {
  width: 100%;
  padding: 120px 0;
  background-image: url(../image/ldbg.jpg);
  background-attachment: fixed;
  background-size: cover;
}

.about_b ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.about_b ul li {
  float: left;
}

.about_b ul li:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.about_b ul li:nth-child(2) {
  width: 75%;
  color: #fff;
}

.about_b ul li img {
  width: 100%;
}

.about_b ul li h3 {
  color: #fff;
}

/*about_c*/
.about_c {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.about_c ol {
  float: left;
}

.about_c ol:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.about_c ol:nth-child(2) {
  width: 75%;
  position: relative;
}

.about_c .swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 50px;
}

.about_c .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  cursor: url("../image/shubiao.png"), auto;
  /* 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;
  transition: 300ms;
  transform: scale(0.8);
}

.about_c .swiper-button-next, .about_c .swiper-container-rtl .swiper-button-prev{
  right: -40px;
  background-image: url(../image/rjt.png);
  width: 60px;
  height: 60px;
  background-size: cover;
}
.about_c .swiper-button-prev, .about_c .swiper-container-rtl .swiper-button-next{
  left: -40px;background-image: url(../image/zjt.png);
  width: 60px;
  height: 60px;
  background-size: cover;
}
.about_c .swiper-button-next, .about_c .swiper-button-prev{
  top: 60%
}out_c .swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
}

/*about_d*/
.about_d {
  width: 100%;
  padding: 100px 0;
  background-color: #f5f5f5;
}

.about_d ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.about_d ul li {
  float: left;
}

.about_d ul li:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.about_d ul li:nth-child(2) {
  width: 75%;
}

.about_d ul li div {
  width: calc(33.33% - 30px);
  float: left;
  background-color: #999;
  margin-right: 45px;
  position: relative;
}

.about_d ul li div:nth-child(3) {
  margin-right: 0;
}

.about_d ul li div ol {
  position: absolute;
  top: 25px;
  width: 80%;
  left: 10%;
  color: #fff;
}

.about_d ul li div ol p {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  letter-spacing: 10px;
}

/***** Jazz *****/
figureg {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  height: auto;
  text-align: center;
  cursor: pointer;
}

figureg img {
  width: 100%;
  position: relative;
  display: block;
}

/***** Jazz *****/
figureg.effect-jazz {
  background: #ffffff;
}

figureg.effect-jazz figcaption::after,
figureg.effect-jazz img {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}

figureg.effect-jazz:hover img {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

figureg.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}


/*contact_c*/
.contact_c {
  width: 100%;
  padding: 100px 0;
}

.contact_c ul:nth-child(1) {
  padding-bottom: 30px;
}

.contact_c ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.contact_c ul ol {
  width: 47%;
  float: left;
  margin-right: 6%;
  height: 360px;
}

.contact_c ul ol:nth-child(2) {
  margin-right: 0;
}

.contact_c ul ol li:nth-child(1) {
  border-top: 1px solid #eee;
}

.contact_c ul ol li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #eee;
  padding: 30px 0;
}

.contact_c ul ol span {
  font-size: 16px;
  color: #000;
}

.contact_c ul ol img {
  width: 100%;
}

/*news_menu*/
.newsListTop {
  padding: 5.2vw 8vw;
  padding-bottom: 8vw;
  background: -webkit-linear-gradient(left, #EDF7FC, #a7dcff);
}

.newsListTop .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  width: auto !important;
}

.newsTitle {
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 3.12vw;
  color: #333333;
  margin-bottom: 3.90625vw;
}

.z_news_swiper {
  width: 77.2vw;
  margin: 0 auto;
}

.z_news_swiper li {
  position: relative;
  width: auto;
}

.z_news_swiper li .imgbox {
  width: 54.5vw;
  height: 30vw;
  overflow: hidden;
}

.imgbg {
  width: 100%;
  height: 100%;
  transition: ease 1s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.z_news_swiper li .infobox {
  width: 22.7vw;
  background: #fff;
  position: absolute;
  transform: translateX(100%);
  opacity: 0;
  transition: ease 1.5s;
  left: 0;
  bottom: 0;
  padding: 3vw;
  box-sizing: border-box;
}

.z_news_swiper .time {
  font-size: 14px;
  font-family: 'dinpro';
}

.z_news_swiper .tit {
  line-height: 1.875vw;
  font-size: 1.25vw;
  font-weight: bold;
  margin: 1vw 0;
  transition: color .6s;
  color: #000;
}

.z_news_swiper .desc {
  color: #666666;
  line-height: 24px;
}

.z_news_swiper li .iconfont {
  display: inline-block;
  transform: rotate(-45deg);
  margin-top: 7vw;
  font-size: 23px;
}

.z_news_swiper li a {
  transition: ease 1s;
  display: block;
}

/* .z_news_swiper li:nth-child(even){ padding-left:0;padding-right:17.70833vw ;} */
/* .z_news_swiper li:nth-child(even) .infobox{ left: auto; right: 0; } */
.z_news_swiper li:hover .imgbg {
  transform: scale(1.05, 1.05);
}

.z_news_swiper li:hover .tit {
  color: #184390;
}

.z_news_btn {
  display: flex;
  align-items: center;
  margin-top: 3vw;
}

.z_news_hd {
  display: block;
  margin: 0 20px;
}

.z_news_btn .iconfont {
  opacity: 0.2;
  cursor: pointer;
  outline: none;
  line-height: 30px;
  transition: ease 1s;
  font-size: 18px;
}

.z_news_btn .iconfont:hover {
  opacity: 1;
}

.z_news_swiper li.swiper-slide-active .infobox {
  transform: translateX(0);
  opacity: 1;
}

.z_news_swiper li.swiper-slide-active a {
  padding-left: 17.70833vw;
}

.newsListBtm {
  width: 66.6%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.toptitle {
  font-size: 30px;
}

.newsListBtm ul {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}

.newsListBtm ul li {
  width: 28%;
  margin-right: 8%;
  margin-bottom: 8vw;
  float: left;
  border-top: 2px solid #333333;
  position: relative;
}

.newsListBtm ul li:nth-child(3n) {
  margin-right: 0;
}

.newsListBtm ul li::before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 1;
  background: #DB6222;
  transition: ease 1.2s;
}

.newsListBtm ul li:hover::before {
  width: 100%;
}

.newsListBtm ul li .time {
  line-height: 3.02083vw;
  font-family: Arial;
  font-weight: 400;
  color: #333333;
}

.newsListBtm ul li .imgbox {
  overflow: hidden;
  height: 15.10416vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsListBtm ul li .imgbox img {
  max-width: none;
  width: 100%;
  min-height: 100%;
  transition: ease 1s;
}

.newsListBtm ul li:hover img {
  transform: scale(1.05, 1.05);
}

.newsListBtm ul li .infobox {
  margin-top: 1vw;
  display: flex;
  justify-content: space-between;
}

.newsListBtm ul li .ellipsis2 {
  width: 75%;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
  transition: color .8s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsListBtm ul li .iconfont {
  line-height: 1.5625vw;
  transform: rotate(-45deg);
  font-size: 22px;
  transition: ease .8s;
}

.newsListBtm ul li:hover .ellipsis2 {
  color: #184390;
}

.newsListBtm ul li:hover .iconfont {
  color: #184390;
  transform: rotate(0);
}


/*product_list_title*/
.product_list_title {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding:100px 0 20px 0;
  margin-bottom:-80px;
}
.product_l_t{
  display: flex;flex-direction: column;align-items: center;justify-content:center;padding-top: 100px;;
}
.product_l_t h4{
  text-align: center;margin-bottom:30px;
}
.product_l_t p{text-align: center;}
.js_menu_title h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
}
.pro_showImg{
  width:100%;
  overflow: hidden;
  display:flex;justify-content:center;align-items:center;
  margin-top: 30px;
}
.pro_showImg div{
  width:calc(25% - 15px);
  margin-right:20px;
  display:flex;justify-content:center;align-items:center;
  overflow: hidden;
}
.pro_showImg div:last-child{
  margin-right:0;
}
.pro_showImg div{
  width:100%;
}
.js_menu_title p {
  text-align: center;
  margin: 30px 0;
  line-height: 30px;
}

/*product_list*/
.product_list {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 80px 0 80px 0;
}

.product_list ul {
  float: left;
}

.product_list ul:nth-child(1) {
  width: 25%;
  margin-right: 3%;
}

.product_list ul:nth-child(2) {
  width: 72%;
}

.js_menu ul:nth-child(1) {
  width: 100% !important;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.js_menu ul:nth-child(1) li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.js_menu ul:nth-child(2) {
  width: 100%;
}

.product_list ul:nth-child(1) li {
  width: 85%;
  padding: 15px 0;
  cursor: pointer;
}

.js_menu ul:nth-child(1) li {
  width: 85%;
  padding: 15px 0;
  cursor: pointer;
  font-size: 18px;
}

.product_list ul:nth-child(1) li:nth-child(1) {
  border-top: 1px solid #eee;
}

.js_menu ul:nth-child(1) li:nth-child(1) {
  border-top: none;
}

.product_list ul:nth-child(1) li span {
  font-size: 22px;
  line-height: 24px;
  margin-right: 10px;
}

.js_menu ul:nth-child(1) li span {
  font-size: 28px;
  line-height: 24px;
  margin-right: 10px;
}

.left_menu {
  border-bottom: 1px solid #eee;
}

.left_menu:hover {
  border-bottom: 2px solid #000;
  color: #000;
}

.left_menua {
  border-bottom: 2px solid #000;
  color: #000;
}

.product_list ul:nth-child(2) li {
  float: left;
  width: calc(33.33% - 16px);
  margin-right: 24px;
  margin-bottom: 24px;
  background-color: #f5f5f5;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.product_list ul:nth-child(2) li:hover img {
  transform: scale(1.1);
}

.product_list ul:nth-child(2) li:nth-child(3n+3) {
  margin-right: 0;
}

.product_list ul:nth-child(2) li img {
  width: 100%;
  transition: all 0.9s;
  min-height: 100%;
}

.product_list ul:nth-child(2) li a {
  width: 100%;
  height: 227px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}

.js_menu ul:nth-child(2) li a {
  height: 280px;
}

.product_list ul:nth-child(2) li div {
  padding: 10px 0;
  color: #333;
  width: 90%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}


.js_table {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 100px;
  margin-top:80px;
}

.js_table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin-top: 30px;
  font-family: 'dinpro';
}

.js_table table tr {
  height: 40px;
  line-height: 30px;
  text-align: left;
  border: 1px solid #dcdcdc;
}

.js_table table tr th:nth-child(1) {
  text-align: center;
  width: 30%;
}

.js_table table tr td:nth-child(1) {
  text-align: center;
}

.js_table table tr th {
  background: #0E6EB8;
  color: #fff;
  padding: 0 10px;
  border-left: 1px solid #dcdcdc;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.js_table table tr td {
  padding: 0 10px;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  color: #000;
  word-break: break-all;
}

.js_table table tr:nth-child(2n) {
  background-color: #F1F4F6;
}

/*product_x*/
.product_x {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.product_x ul {
  float: left;
}

.product_x ul:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.product_x ul:nth-child(2) {
  width: 75%;
}

.product_x ul a {
  color: #446296;
  border: 1px solid #446296;
  padding: 0px 5px;
  font-size: 20px;
}

.wzdd {
  width: 80%;
  margin: 0 auto;
}

.td_ol {
  font-size: 50px;
  position: absolute;
  bottom: 60px;
  left: 10%;
  width: 80%;
  color: #ccc;
}

.td_ol span {
  font-size: 14px;
  letter-spacing: 6px;
  line-height: 20px;
}

.bbline {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.bbline_w {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
}

/*product_x1*/
.product_x1 {
  width: 100%;
  padding: 100px 0;
  background-color: #f5f5f5;
}

.product_x1 ul {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}

.product_x1 ul li {
  float: left;
}

.product_x1 ul li:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.product_x1 ul li:nth-child(2) {
  width: 75%;
}

.product_x1 ul li div {
  width: calc(33.33% - 30px);
  float: left;
  background-color: #999;
  margin-right: 45px;
  position: relative;
}

.product_x1 ul li div:nth-child(3) {
  margin-right: 0;
}

.product_x1 ul li div ol {
  position: absolute;
  top: 25px;
  width: 80%;
  left: 10%;
  color: #fff;
}

.product_x1 ul li div ol p {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  letter-spacing: 10px;
}

/*product_x2*/
.product_x2 {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.product_x2 ul {
  float: left;
}

.product_x2 ul:nth-child(1) {
  width: 20%;
  margin-right: 5%;
}

.product_x2 ul:nth-child(2) {
  width: 75%;
}

.cstable {
  margin-bottom: 15px;
}

.cstable td {
  padding: 10px 0;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.btmBanner {
  background-image: url(../image/btmBanner.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btmBanner p {
  color: #fff;
  font-size: 30px;
}

.btmBanner a {
  display: block;
  width: 134px;
  height: 42px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  line-height: 42px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: 30px;
  font-weight: bold;
}

.btmBanner a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: ease .65s;
  z-index: -1;
}

.btmBanner a:hover {
  color: #000;
}

.btmBanner a:hover:before {
  transform: scaleY(1);
}

/*news*/
.news_box {
  width: 1200px;
  margin: 50px auto;
  overflow: hidden;
}

.newsBox_l {
  width: 65%;
  float: left;
  position: relative;
}

.news_date {
  width: 87px;
  height: 87px;
  background: #EEEEEE;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -120px;
  top: 0;
}

.news_date div p:nth-child(1) {
  font-size: 44px;
  color: #184390;
  line-height: 44px;
}

.news_date div p:nth-child(2) {
  /* font-family: 'gilroyb'; */
}

.news_title {
  font-size: 28px;
  line-height: 30px;
  color: #000;
}

.news_tip {
  margin-top: 30px;
}

.news_tip span {
  margin-right: 20px;
  text-transform: uppercase;
}

.news_content {
  margin: 25px 0;
  padding: 25px 0;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  line-height: 24px;
  min-height: 300px;
}

.newsBox_r {
  width: 32%;
  float: right;
  overflow: hidden;
  margin-bottom: 50px;
}

.newsBox_r_t {
  background: #F3F3F3;
  padding: 25px;
  overflow: hidden;
}

.newsBox_r_title {
  font-size: 18px;
  height: 20px;
  line-height: 20px;
}

.news_first {
  width: 100%;
  overflow: hidden;
  float: left;
}

.news_first a {
  display: inline-block;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc;
  color: #3d3d3d;
}

.news_first_img {
  overflow: hidden;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news_first_img img {
  width: 100%;
  transition: all 0.9s;
}

.news_first a p {
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}

.news_first a:hover img {
  transform: scale(1.1);
}

.news_first a:hover p {
  color: #184390;
}

.news_other {
  width: 100%;
  overflow: hidden;
  float: left;
}

.news_other li {
  width: 100%;
  line-height: 40px;
  height: 40px;
}

.news_other li a {
  color: #3d3d3d;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.news_other li a span:nth-child(1) {
  width: 72%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.news_other li a span:nth-child(2) {
  float: right;
}

.news_other li a:hover span {
  color: #184390;
}

.news_return {
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  background: #184390;
  color: #fff !important;
  text-transform: uppercase;
  cursor: pointer;
}

.news_return:hover {
  color: #fff;
  background: #3094da;
}


/*fenye*/
.pagepn {
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  padding: 30px 0 0 0
}

.pagepn a {
  font-size: 14px;
  line-height: 19px;
  color: #888;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

.pagepn p {
  display: inline-block;
  vertical-align: top;
}

.pagepn .pageLeft,
.pagepn .pageRight {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  margin: 0 10px;
  font-size: 12px;
  line-height: 19px;
  padding: 0;
  background: none;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #000;
  width: 20px;
}

.pagepn .pageLeft a,
.pagepn .pageRight a {
  font-size: 16px
}

.pagepn .pageNum {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  padding: 0px;
  background: none;
  color: #000;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #000;
  width: 20px;
}

.pagepn .pageNum.on {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  background: #184390;
}

.pagepn .pageNum a {
  display: block;
}

.pagepn .pageNum:Hover a,
.pagepn span.on a {
  color: #474443;
  border-color: #888
}

/*contact*/
.contact_box {
  width: 66.6%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 100px 0;
}

/*
.contact_top{width:100%;overflow: hidden;}
.contact_top .top{width:100%;overflow: hidden;padding:30px 0;display: flex; justify-content: space-between;align-items: flex-end;}
.contact_top .top .left{float:left;}
.contact_top .top .left p:nth-child(1){font-size: 40px;color:#184390;line-height: 1;font-family: 'gilroyb';}
.contact_top .top .left p:nth-child(2){font-weight: bold;font-size:25px;color:#184390;margin-top:10px;}
.contact_top .top .right{float:right;text-align: right;}
.contact_top .top .right p:nth-child(1){font-size:14px;}
.contact_top .top .right p:nth-child(2){font-size: 20px;color:#184390;margin-top:10px;font-family: 'gilroyb';}
.contact_top .btm{border-top:1px solid #f1f1f1;padding:30px 0;width:100%;overflow: hidden;}
.contact_top .btm .left{float:left;}
.contact_top .btm .left p{font-size:14px;margin-bottom:15px;}
.contact_top .btm .right{float:right;margin-top: 30px;}
.contact_top .btm .right div{display: flex; justify-content: space-between;align-items: flex-end;}
.contact_top .btm .right div p{margin-right:20px;text-align: right;}
.contact_top .btm .right div img{width:120px;}
.contact_btm{width:100%;height:500px;margin-top:50px;}
*/
.contact_Box {
  overflow: hidden;
  background: #fff;
  margin-bottom: 60px;
  padding: 50px;
}

.contact_Box_left {
  width: 40%;
  float: left;
  overflow: hidden;
}

.contact_Box_right {
  width: 55%;
  float: right;
  overflow: hidden;
}

.contact_info .cname {
  font-size: 18px;
  padding-bottom: 5px;
  color: #000;
  font-family: 'Montserrat-Bold';
  font-weight: bold;
}
.gsmc{margin-top:15px;}

.contact_Box1 .contact_Box_title {
  font-size: 28px;
  color: #1a1a1a;
  position: relative;
  padding-bottom: 10px;
  line-height: 35px;
  font-weight: bold;
  display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.contact_Box1 .contact_Box_left .contact_Box_title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 125px;
  height: 2px;
  background: #e5e5e5;
  display: block;
}

.contact_info {
  width: 100%;
  margin-top: 40px;
  font-size: 14px;
}

.contact_info p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact_info i {
  margin-right: 10px;
  font-size: 20px;
  color: #213e82;
}

.contact_ewm {
  width: 150px;
  height: 150px;
}

.contact_bannerBox {
  width: 220px;
  height: 215px;
  border-radius: 10px;
  background: rgba(33, 62, 130, 0.8);
  padding: 20px 40px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 120px;
}

.contact_bannerBox p:nth-child(1) {
  font-size: 13px;
}

.contact_bannerBox p:nth-child(2) {
  font-size: 23px;
  font-weight: bold;
  line-height: 40px;
}

.contact_bannerBox p:nth-child(3) {
  font-size: 40px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 10px;
}

.contact_bannerBox p:nth-child(4) {
  font-size: 13px;
}

.contact_bannerBox a {
  background: -webkit-linear-gradient(left, #fff, #ccc);
  width: 120px;
  height: 30px;
  border: none;
  border-radius: 20px;
  margin-top: 10px;
  color: #213E82;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 30px;
}

.contact_topBox {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#container {
  width: 100%;
  height: 400px;
  float: right;
}


/*talent*/
.talent_aBox {
  background: #F4F4F4;
  padding: 80px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.talent_aBox:before {
  content: '';
  display: block;
  width: 100%;
  height: 140px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.talent_a {
  width: 1200px;
  margin: auto;
  position: relative;
}

.talent_a .title {}

.talent_a .title h3 {
  color: #000;
  font-size: 40px;
  line-height: 36px;
  margin-top: 10px;
  background: none;
}

.talent_a .title h3 span {
  color: #184390;
}

.talent_a .title h2 {
  margin-top: 10px;
  font-size: 24px;
  color: #000;
  background: none;
}

.talent_a .cont {
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.cont_left {
  width: 420px;
  float: left;
  padding-top: 20px;
  overflow: hidden;
}

.cont_left_top {
  color: #000;
}

.cont_left_top h2 {
  color: #000;
  margin-top: 10px;
  font-size: 24px;
  background: none;
}

.cont_left_top h3 {
  color: #000;
  margin-top: 10px;
  font-size: 35px;
  background: none;
}

.cont_left p {
  width: 100%;
  font-size: 16px;
  line-height: 35px;
  color: #2a2a2a;
  position: relative;
  margin-top: 60px;
}

.cont_mid {
  font-size: 54px;
  color: #e9e9e9;
  line-height: 67px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  position: absolute;
  left: 260px;
  top: 300px;
}

.cont_right {
  width: 644px;
  float: right;
}

.cont_right img {
  width: 100%;
}

.talent_bBox {
  background: #f7f7f7;
  box-sizing: border-box;
  padding-bottom: 100px;
}

.talent_bBg {
  background-image: url(../image/talent_bBg.jpg);
  position: relative;
  height: 430px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.talent_b {
  margin-top: -300px;
}

.talent_b .main {
  max-width: 1200px;
  margin: auto;
  position: relative;
  padding: 0 10px;
}

.talent_b .main .top {
  width: 1020px;
  position: relative;
  z-index: 2;
  top: 20px;
  color: #fff;
  margin-left: 90px;
}

.talent_b .main .top h2 {
  font-size: 24px;
  color: #fff;
  background: none;
}

.talent_b .main .top h3 {
  line-height: 48px;
  color: #fff;
  font-size: 40px;
  margin-top: 10px;
  background: none;
}

.talent_b .main .btm {
  width: 1200px;
  height: 640px;
  position: relative;
  overflow: hidden;
}

.talent_b .main .btm .btm_img {
  background-image: url(../image/btm_img.jpg);
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.talent_b .main .btm .btm_text {
  width: 658px;
  height: 320px;
  background: rgba(14, 30, 92, .9);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px;
}

.talent_b .main .btm .btm_text h3 {
  font-size: 24px;
  color: #fff;
}

.talent_b .main .btm .btm_text div {
  line-height: 30px;
  color: #dfe4ed;
  margin: 20px 0;
  font-family: 'Gilroy-L';
}

.talent_b .main .btm .btm_text a {
  height: 45px;
  line-height: 45px;
  width: 152px;
  text-align: center;
  border: 2px solid #fff;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.talent_b .main .btm .btm_text a:hover {
  background: #fff;
  color: #0F1D57;
}

.talent_cBox {
  width: 100vw;
  margin-top: 100px;
  padding: 50px 0;
  overflow: hidden;
}

.talent_cBox .left {
  width: 50%;
  height: 35.41666vw;
  float: left;
  position: relative;
}

.talent_cBox .left:before {
  content: '';
  display: block;
  width: 306px;
  height: 205px;
  background: url(../image/icon13.png) no-repeat center;
  position: absolute;
  right: -77px;
  top: -80px;
  z-index: -1;
}

.talent_cBox .left .leftImg {
  background-image: url(../image/leftImg.jpg);
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: ease 1s;
}

.talent_cBox .right {
  width: 38.54166vw;
  float: right;
  margin-right: 5.2vw;
}

.talent_cBox .right .top {
  width: 100%;
  position: relative;
  padding-top: 3vw;
  margin-bottom: 2vw;
}

.talent_cBox .right .top h2 {
  font-size: 24px;
  color: #000;
  background: none;
}

.talent_cBox .right .top h3 {
  line-height: 48px;
  color: #000;
  font-size: 40px;
  margin-top: 10px;
  background: none;
}

.talent_cBox .right .btm {
  position: relative;
  padding-bottom: 50px;
  overflow: hidden;
}

.talent_cBox .right .btm .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1vw;
  color: #000;
}

.talent_cBox .right .btm .cont {
  color: #2F2F2F;
  line-height: 30px;
  height: 17vw;
  overflow-y: auto;
}

.talent_cBox .right .btm .swiper {
  overflow: initial;
}

.talent_cBox .right .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -30px;
}


/*sb_a*/
.sb_a {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 110px 0 98px 0;
}

.sb_a ul:nth-child(1) {
  float: left;
  width: 25%;
}

.sb_a ul:nth-child(2) {
  float: left;
  width: 75%;
}

.sb_a ol {
  padding-left: 12px;
  background-image: url(../image/s_line.png);
  background-repeat: no-repeat;
  background-position: center left;
  margin-bottom: 25px;
}

.sb_a ol p:nth-child(1) {
  font-size: 28px;
  color: #333;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: bold;
}

.sb_a ol p:nth-child(2) {
  font-size: 13px;
  color: #888;
  line-height: 13px;
  letter-spacing: 2px;
  font-weight: 500;
}

.sb_a ul li {
  float: left;
  width: calc(33.3% - 12px);
  margin-right: 15px;
  margin-bottom: 12px;
  overflow: hidden;
  padding: 12px;
  background: #f2f2f2;
}

.sb_a ul li p {
  background: #fff;
  padding: 5px;
}

.sb_a ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.sb_a ul li:nth-child(3n) {
  margin-right: 0;
}

.sb_a ul li img {
  width: 100%;
  transition: all 0.9s;
}

.sb_a ul li:hover img {
  transform: scale(1.1);
}

/*sb_b*/
.sb_b {
  background-color: #eee;
}





.index_e_mob{display: none;}



.pcShow{display: block;}
.mobileShow{display: none;}

@media only screen and (min-width: 220px) and (max-width: 1100px) {
  .pcShow{display: none;}
  .mobileShow{display: block;}

  /*head*/
  .head_a{width:100%; height:55px; position:fixed; top:0; background-color:#fff; z-index:9999; box-shadow: 0 0 2px rgba(200,200,200,0.1); -webkit-box-shadow: 0 0 2px rgb(200,200,200,0.1); -moz-box-shadow: 0 0 2px rgb(200,200,200,0.1);}
  .head_a ul{width:95%; height:55px; margin:0 auto;}
  .head_a ul li:nth-child(1){width:75%;}
  .head_a ul li{width:25%; float:left; height:55px;}
  .head_a ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
  .head_a ul li:nth-child(1) img{width:150px;}
  .head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:55px;}
  
/*mob nav*/
.sp_nav{width:8vw; float:right; position:relative; cursor:pointer; height:8vw; margin-top:18px;}
.sp_nav span{display:block;background:#E85020;width:7vw;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left; width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:30px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#616161;width:100%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#cc0022}
.sjj_nav ul li ul li>ul{margin-left:10px}

  #top_menu ul{
    width:100%;min-width: 0;
  }
  #top_menu ul li:nth-child(2){
    display: none !important;
  }
  #top_menu ul li:nth-child(1){
    width: auto;padding-left:12px;
  }
  .li_logoa img:nth-child(1){
    height:40px;margin-top:20px;
  }
  .li_logo img:nth-child(2){
    height:40px;margin-top:20px;
  }
  .index_banner{height:50vh;}
  .txt-box{width:100%;min-width: 0;height:100%;}
  .txt-box ol{height:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;}
  .swiper-slide .titleb_a{width:calc(100% - 24px);font-size:16px;letter-spacing: 0px;    line-height: 20px;margin-top:0;}
  .swiper-slide .titlec_a{margin-top:15px;}
  .swiper-slide .titled_a{width:calc(100% - 24px);font-size:14px;letter-spacing: 0px;    line-height: 20px;    margin-top: 15px;}
  .index_a{width:calc(100% - 24px);min-width: 0;padding:120px 12px;}
  .index_a ul:nth-child(1){font-size: 14px;line-height: 25px;}
  .index_a h1{line-height: 45px;}
  .index_a ul li{width:50%;border-left:none;margin-bottom: 20px;}
  .index_a ul li:nth-child(2n-1){border-right:1px solid #eee;}
  .index_a ul li:nth-child(5){display: none;}
  .index_e_bg p:nth-child(2){font-size:14px;}
  .index_e .cont{width:calc(100% - 24px);min-width: 0;height: 500px;}
  .index_e{display: none;}
  .index_e_mob{display: block;}
  .index_pro_top{width:calc(100% - 24px);min-width: 0;    display: block;}
  .index_pro_top .left p:nth-child(2){font-size: 25px;    line-height: 30px;}
  .index_pro_top .right{margin-top:20px;width:100%;}
  .index_pro_divb{width:calc(100% - 24px);min-width: 0;}
  .index_pro_divb li{width: calc(50% - 6px);margin-right: 12px;margin-bottom:12px;}
  .index_pro_divb li:nth-child(2n){margin-right: 0px;}
  .index_sb_a ul{width:calc(100% - 24px);min-width: 0;    display: block;padding: 80px 0 550px 12px;}
  .index_sb_a_lib{width: calc(50% - 6px);height:auto;right: auto;}
  .index_sb_a_lia{width: calc(50% - 6px);height:auto;right:0;}
  .index_d ul{width:calc(100% - 24px);min-width: 0;}
  .index_d ul li:nth-child(1){display: none;}
  .index_d ul li:nth-child(2){width:100%;}
  .index_d ul li dl div ol:nth-child(2){width:70px;margin-left: 10px;}
  .index_d ul li dl div ol:nth-child(1){width:calc(100% - 80px);}
  .index_d ul li dl p{font-size:13px;}
  /* .index_d ul li dl span{height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;} */
  .bottom ul{width:calc(100% - 24px);min-width: 0; }
  .bottom ul li{display: none;}
  .bottom ul li:nth-child(5){display: block;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align:center;width:100%;}
  .bottom ul:nth-child(2){display: none;}
  .bottom ul:nth-child(3){display: none;}
  .bottom{padding:40px 0;}
  .bottom ul:nth-child(1){margin-bottom: 0;}
  .n_banner ul{width:calc(100% - 24px);min-width: 0;height: 40vh;padding:0 12px;font-size: 14px;line-height: 20px;}
  .n_banner ul P{padding-top:100px;font-size:20px;}
  .about_a{width:calc(100% - 24px);min-width: 0;}
  .about_a ul:nth-child(1){width:100%;display:flex;justify-content:center;align-items:center;margin-right: 0;margin-bottom:40px;}
  .about_a ul:nth-child(2){width:100%;font-size: 13px;}
  .about_a ul li div{width:50%;border-left:none;margin-bottom: 20px;}
  .about_a ul li div:nth-child(2n-1){border-right:1px solid #eee;}
  .about_a ul li div:nth-child(5){display: none;}
  .about_b ul{width:calc(100% - 24px);min-width: 0;}
  .about_b ul li:nth-child(1){width:100%;display:flex;justify-content:center;align-items:center;margin-right: 0;margin-bottom:40px;}
  .about_b ul li:nth-child(2){width:100%;}
  .about_b{padding:50px 0;}
  .about_c{width:calc(100% - 24px);min-width: 0;}
  .about_c ol:nth-child(2) p{font-size:13px;}
  .product_list_title{width:calc(100% - 24px);min-width: 0;display:block;justify-content:center;align-items:center;text-align: center;}
  .product_l_t p{width:100%;font-size:13px;}
  .product_list{width:calc(100% - 24px);min-width: 0;}
  .product_list ul:nth-child(1){width:100%;    display: block;}
  .product_list ul:nth-child(1) li{font-size: 12px;width:50%;float:left;display: flex;flex-direction: column;align-items: center;justify-content:center;padding: 15px;line-height: 20px;height: 70px;}
  .product_list ul:nth-child(1) li:nth-child(1){border-top: none;}
  .product_list ul:nth-child(2){width:100%;margin-top:40px;}
  .product_list ul:nth-child(2) li{    width: calc(50% - 6px);    margin-right: 12px;}
  .product_list ul:nth-child(2) li:nth-child(3n+3){ margin-right: 12px;}
  .product_list ul:nth-child(2) li:nth-child(2n){ margin-right:0px;}
  .product_list ul:nth-child(2) li a{height:150px;}
  .product_list ul:nth-child(1) li span{margin-right: 0;}
  .js_menu ul:nth-child(1) li span{margin-right: 0;}
  .js_menu_title p{font-size:13px;width: 100% !important;margin-left: 0 !important;}
  .js_table{width:calc(100% - 24px);min-width: 0;}
  .z_news_swiper li .infobox{width:30vw;}
  .z_news_swiper .desc{font-size:12px;line-height: 15px;height:30px;overflow:hidden;}
  .z_news_swiper .tit{font-size: 13px;
    line-height: 1.2;
    height: 30px;
    overflow: hidden;}
    .z_news_swiper{padding-top:70px;}
    .newsListBtm{width:calc(100% - 24px);min-width: 0;}
    .newsListBtm ul li{width:100%;}
    .newsListBtm ul li .imgbox{height:auto;}
    .newsListBtm ul li .time{padding:10px 0;}
    .news_box{width:calc(100% - 24px);min-width: 0;}
    .newsBox_r{display: none;}
    .newsBox_l{width: 100%;}
    .nav--active .nav{display:flex;justify-content:center;align-items:center;}
    .product_list ul:nth-child(2) li div{font-size: 13px;    height: 52px;line-height: 16px;display:flex;justify-content:center;align-items:center;}
    .newsListBtm ul li .ellipsis2{font-size:14px;margin-top: 10px;}
    .newsListBtm ul li .iconfont{ margin-top: 10px;}
    .news_title{font-size:20px;}
    .talent_aBox{padding: 0 12px;}
    .talent_a .title h3{font-size:28px;}
    .cont_left_top h3{font-size:28px;}
    .talent_a{width:100%;}
    .cont_left{width:100%;}
    .cont_left p{font-size:14px;line-height: 25px;}
    .cont_mid{display: none;}
    .cont_right{width:100%;margin:40px 0;}
    .talent_b .main .top{width:100%;margin-left: 0px;}
    .talent_b .main .top h3{font-size:28px;}
    .talent_b .main .btm{width: 100%; height: 440px;}
    .talent_b .main .btm .btm_text{width:100%;height:auto;padding:50px 20px;}
    .talent_cBox .left{width: 80%;height: 200px;}
    .talent_cBox .right{width:calc(100% - 24px);float:left;margin-top:40px;padding:0 12px;}
    .talent_cBox .right .top h3{font-size:28px;}
    .talent_cBox .right .btm .cont{height:auto;}
    .contact_box{width:calc(100% - 24px);min-width: 0;padding: 50px 0;}
    .contact_Box{padding:30px;}
    .contact_Box_left{width:100%;}
    .contact_Box1 .contact_Box_title{font-size:22px;line-height: 30px;}
    .contact_Box_right{width:100%;margin-top:40px;}
    .talent_a .cont{padding:60px 0;}
    .btm_text div{width:100%;}
    .pro_showImg div{width:calc(50% - 10px);float:left;margin-bottom:20px;}
    .pro_showImg div:nth-child(2){margin-right:0;}
    .pro_showImg{display: block;}
}