* { padding: 0; margin: 0; font-family: "Microsoft YaHei"; }

.cen_1620 { width: 95%; max-width: 1620px; margin: 0 auto; }

.cen_1200 { width: 95%; max-width: 1200px; margin: 0 auto; }

.cen_980 { width: 95%; max-width: 980px; margin: 0 auto; }

.cen_784 { width: 95%; max-width: 784px; margin: 0 auto; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: ''; display: block; clear: both; }

ol, ul, li { list-style: none; }

i, em { font-style: normal; }

img { display: block; vertical-align: middle; max-width: 100%; max-height: 100%; border: none; margin: 0 auto; }

a, a:hover { text-decoration: none; }

a:focus { outline: none; border: none; }

a, a:hover, a:focus, input, input:focus, button, button:focus, textarea, textarea:focus, select, select:focus, option, option:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

input, input:focus, button, button:focus, textarea, textarea:focus, select, select:focus, option, option:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#msg { color: #fff; font-size: 14px; text-align: center; line-height: 20px; background: rgba(0, 0, 0, 0.5); padding: 10px 20px; border-radius: 2px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000; }

body { padding-top: 70px; }
@media (max-width: 767px) { body { padding-top: 50px; } }

.header { display: block; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 100; }
.header .navbar { width: 100%; background: transparent; border: none; border-radius: 0; min-height: auto; margin: 0; }
.header .navbar .container-fluid { padding: 0; margin: 0; }
.header .navbar .container-fluid .navbar-header { padding: 0; margin: 0; border: none; }
.header .navbar .container-fluid .navbar-header .navbar-brand { height: 70px; margin: 0; }
@media (max-width: 767px) { .header .navbar .container-fluid .navbar-header .navbar-brand { height: 50px; padding: 6px 0; } }
.header .navbar .container-fluid .navbar-header .navbar-toggle { border-color: #067aad; margin: 8px 0; }
.header .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar { background-color: #067aad; }
.header .navbar .container-fluid .navbar-header .navbar-toggle:focus, .header .navbar .container-fluid .navbar-header .navbar-toggle:hover { background: #067aad; }
.header .navbar .container-fluid .navbar-header .navbar-toggle:focus .icon-bar, .header .navbar .container-fluid .navbar-header .navbar-toggle:hover .icon-bar { background-color: #fff; }
.header .navbar .container-fluid .navbar-collapse { padding: 0; margin: 0; border: none; }
.header .navbar .container-fluid .navbar-collapse .nav { margin: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li{position:relative;}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .dropdown-menu { height:auto;padding: 15px 0; opacity: 100; filter: alpha(opacity=100);}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .dropdown-menu > li > a{line-height:30px;padding:5px;opacity: 100; filter: alpha(opacity=100);}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .pro_header { height:auto; padding: 60px 0; opacity: 1; filter: alpha(opacity=100); }

.header .navbar .container-fluid .navbar-collapse .nav > li > a { color: #333; font-size: 16px; line-height: 30px; padding: 20px 30px; background: transparent; }
.header .navbar .container-fluid .navbar-collapse .nav > li > a:hover { color: #067aad; background: transparent; }
@media (max-width: 1070px) { .header .navbar .container-fluid .navbar-collapse .nav > li > a { padding: 20px 15px; } }
@media (max-width: 840px) { .header .navbar .container-fluid .navbar-collapse .nav > li > a { font-size: 14px; padding: 20px 10px; } }
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { min-width: 100%; text-align: center; background: rgba(255, 255, 255, 0.9); border: none;  margin: 0; display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a { color: #333; font-size: 14px; line-height: unset; padding: 0;opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a:hover { color: #067aad; background: transparent; }
@media (max-width: 840px) { .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { padding: 5px 0; }
  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a { line-height: 20px; } }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { display: block; width: 100%; background: #fff; border-top: 1px solid #eee; padding:0; height:0;overflow:hidden; position: fixed; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { display: inline-block; vertical-align: middle; width: 300px; height: 180px; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 { width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide { width: 100%; height: 160px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 { bottom: 0; text-align: left; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet { border-radius: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet:first-child { margin-left: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet-active { background: #067aad; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph { float: right; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one { display: inline-block; vertical-align: middle; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one a { display: block; width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 270px; height: 160px; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char { text-align: center; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { color: #333; font-size: 20px; margin: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one:hover .ph_char p { color: #067aad; }
@media (max-width: 1190px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { padding: 30px 0; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 230px; height: 120px; } }
@media (max-width: 1060px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { width: 270px; height: 150px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide { height: 130px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 200px; height: 90px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { font-size: 16px; } }
@media (max-width: 930px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 152px; } }
@media (max-width: 780px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { width: 260px; } }
@media (max-width: 767px) { .header .navbar .container-fluid .navbar-collapse {width:100%;background: rgba(255, 255, 255, 0.9); padding: 6px; position: absolute; right: 0; z-index: 100; }
  .header .navbar .container-fluid .navbar-collapse .nav { text-align: center; }
  .header .navbar .container-fluid .navbar-collapse .nav > li{display:inline-block;vertical-align:top;}
  .header .navbar .container-fluid .navbar-collapse .nav > li > a { line-height: 24px; padding: 5px 10px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { float: none; display: block; background: transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height:auto; position: static; top: unset; left: unset; z-index: inherit; }


  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a{ line-height: 20px;padding:5px;opacity: 100; filter: alpha(opacity=100);}

  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { height:auto;background: transparent; border-top: none; padding: 5px 0; position: static; left: unset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .cen_1200 { width: auto; max-width: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { display: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph { float: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one { display: block; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { display: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { font-size: 14px; line-height: 20px; padding: 5px 10px; } }

.footer { background-image: linear-gradient(to right, #2084c1, #011020); }
.footer .ft { font-size: 0; }
.footer .ft .ft_item { display: inline-block; vertical-align: middle; width: 33%; text-align: center; padding: 30px 0; cursor: pointer; position: relative; }
.footer .ft .ft_item .ft_con a { display: block; }
.footer .ft .ft_item .ft_con img, .footer .ft .ft_item .ft_con p { display: inline-block; vertical-align: middle; }
.footer .ft .ft_item .ft_con p { color: #fff; font-size: 16px; margin: 0 0 0 8px; }
.footer .ft .ft_item .ft_con_hi { display: none; max-width:120px;background: #eee; padding: 5px; border-radius: 4px; text-align: center; position: absolute; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; }
.footer .ft .ft_item .ft_con_hi p { color: #333; font-size: 14px; margin: 0; }
.footer .ft .ft_item:hover .ft_con_hi { display: block; }
@media (max-width: 767px) { .footer .ft .ft_item { padding: 18px 0; }
  .footer .ft .ft_item .ft_con img { width: 30px; }
  .footer .ft .ft_item .ft_con_hi { width: 100%; bottom: 75px; } }
.footer .fc i { display: block; width: 100%; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); margin: 0 auto; }
.footer .fc .fc_in { padding: 30px 0 20px; }
.footer .fc .fc_in .cen_1200 { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .fc .fc_in .fc_item { margin: 0 0 10px; }
.footer .fc .fc_in .fc_item .fc_tit { padding: 0 0 15px; }
.footer .fc .fc_in .fc_item .fc_tit a { color: #fff; font-size: 18px; }
.footer .fc .fc_in .fc_item .fc_tit a:hover { color: #067aad; }
.footer .fc .fc_in .fc_item .fc_item_in .fc_iin_one { padding: 5px 0; }
.footer .fc .fc_in .fc_item .fc_item_in .fc_iin_one a { color: #fff; font-size: 14px; }
.footer .fc .fc_in .fc_item .fc_item_in .fc_iin_one a:hover { color: #067aad; }
@media (max-width: 767px) { .footer .fc .fc_in { padding: 18px 0 8px; }
  .footer .fc .fc_in .fc_item .fc_tit { padding: 0 0 8px; }
  .footer .fc .fc_in .fc_item .fc_tit a { font-size: 16px; }
  .footer .fc .fc_in .fc_item .fc_item_in .fc_iin_one a { font-size: 12px; } }
.footer .copyright { text-align: center; padding: 25px 0; }
.footer .copyright p { color: #fff; font-size: 14px; margin: 0; }
.footer .copyright p a { color: #fff; font-size: 14px; display: inline-block; }
.footer .copyright p a:hover { color: #067aad; }
@media (max-width: 767px) { .footer .copyright { padding: 15px 0; } }

.banner .container1 .swiper-wrapper .swiper-slide { width: 100%; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.banner1 { display: block; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.banner1 .b1_in { display: block; width: 100%; height: 100%; }
.banner1 .b1_in .cen_1200 { display: block; height: 100%; position: relative; }
.banner1 .b1_in .b1_tit { display: block; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.banner1 .b1_in .b1_tit h2 { color: #00b9ff; font-size: 60px; text-transform: uppercase; margin: 0 0 30px; }
.banner1 .b1_in .b1_tit h3 { color: #fff; font-size: 50px; margin: 0; }
@media (max-width: 1000px) { .banner1 .b1_in .b1_tit h2 { font-size: 40px; margin: 0 0 10px; }
  .banner1 .b1_in .b1_tit h3 { font-size: 30px; } }
@media (max-width: 767px) { .banner1 { height: 350px; }
  .banner1 .b1_in .b1_tit { top: 40%; }
  .banner1 .b1_in .b1_tit h2 { font-size: 26px; }
  .banner1 .b1_in .b1_tit h3 { font-size: 18px; } }
@media (max-width: 440px) { .banner1 .b1_in .b1_tit { top: 30%; } }

.b1_subnav { display: block; background: #06182b; border-radius: 35px; max-width: 100%; padding: 22px 100px; position: absolute; bottom: 10%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; text-align: center; }
.b1_subnav a { color: #fff; font-size: 18px; display: inline-block; vertical-align: middle; line-height: 25px; width: 125px; }
.b1_subnav a:hover { color: #00b9ff; }
.b1_subnav .cur { color: #00b9ff; }
.b1_subnav i { color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; line-height: 25px; margin: 0 30px; }
@media (max-width: 1150px) { .b1_subnav { padding: 10px; } }
@media (max-width: 955px) { .b1_subnav { width: 100%; flex-wrap: wrap; }
  .b1_subnav a { margin: 0 10px; }
  .b1_subnav i { display: none; } }

.subnav1 { font-size: 0; padding: 20px 0; border-bottom: 1px solid #eee; }
.subnav1 a { color: #999; font-size: 16px; padding: 6px; }
.subnav1 a:hover { color: #00b9ff; }
.subnav1 i { color: #333; font-size: 16px; padding: 6px; }
.subnav1 span { color: #333; font-size: 16px; padding: 6px; }

.title1 { text-align: center; margin: 30px 0; }
.title1 h1 { color: #333; font-size: 40px; margin: 0; }
@media (max-width: 767px) { .title1 { margin: 15px 0; }
  .title1 h1 { font-size: 22px; } }

.title1w h1 { color: #fff; }

.title1c { text-align: left; }

.main { display: none; }
@media (max-width: 767px) { .main { display: block; } }

@media (max-width: 767px) { .swiper-container-h { display: none; } }

.swiper-container-v .swiper-wrapper .swiper-slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.index1 { display: block; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.index1 .i1_char { display: block; width: 95%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.index1 .i1_char .i1_tit { text-align: center; }
.index1 .i1_char .i1_tit h2 { color: #fff; font-size: 55px; font-weight: bold; letter-spacing: 6px; margin: 0; }
.index1 .i1_char .i1_tit p { color: #fff; font-size: 20px; margin: 20px 0 60px; }
.index1 .i1_char .i1_in { text-align: center; }
.index1 .i1_char .i1_in .i1_item { display: inline-block; vertical-align: middle; background: rgba(2, 16, 32, 0.3); padding: 20px 0; margin: 0 92px; position: relative; }
.index1 .i1_char .i1_in .i1_item:before { content: ''; display: block; width: 96px; height: 100%; position: absolute; top: 0; left: -96px; background: url(../images/b6.png) no-repeat center; background-size: 100% 100%; }
.index1 .i1_char .i1_in .i1_item:after { content: ''; display: block; width: 96px; height: 100%; position: absolute; top: 0; right: -96px; background: url(../images/b7.png) no-repeat center; background-size: 100% 100%; }
.index1 .i1_char .i1_in .i1_item h3 { color: #00eaff; font-size: 58px; line-height: 48px; margin: 0; }
.index1 .i1_char .i1_in .i1_item h3 p { color: #fff; font-size: 16px; display: inline-block; vertical-align: bottom; line-height: normal; margin: 0; }
@media (max-width: 1090px) { .index1 .i1_char .i1_tit h2 { font-size: 34px; }
  .index1 .i1_char .i1_tit p { font-size: 16px; margin: 10px 0 20px; }
  .index1 .i1_char .i1_in .i1_item { display: block; padding: 15px 0; margin: 20px 90px; }
  .index1 .i1_char .i1_in .i1_item h3 { font-size: 34px; line-height: 28px; }
  .index1 .i1_char .i1_in .i1_item h3 p { font-size: 14px; } }
@media (max-width: 767px) { .index1 { height: 400px; } }
@media (max-width: 520px) { .index1 .i1_char .i1_tit h2 { font-size: 26px; letter-spacing: 4px; }
  .index1 .i1_char .i1_tit p { font-size: 14px; }
  .index1 .i1_char .i1_in .i1_item { margin: 20px 30px; }
  .index1 .i1_char .i1_in .i1_item:before { width: 30px; left: -30px; }
  .index1 .i1_char .i1_in .i1_item:after { width: 30px; right: -30px; }
  .index1 .i1_char .i1_in .i1_item h3 { font-size: 30px; } }

.index2 { font-size: 0; display: block; width: 100%; height: 100%; }
.index2 .i2_item { display: inline-block; vertical-align: middle; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.index2 .i2_item .i2_char { display: block; width: 95%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.index2 .i2_item .i2_char h2 { color: #fff; font-size: 38px; margin: 0; }
.index2 .i2_item .i2_char p { color: #fff; font-size: 16px; margin: 10px 0 40px; }
.index2 .i2_item .i2_char a { color: #fff; font-size: 14px; display: inline-block; line-height: 36px; border: 1px solid #fff; border-radius: 20px; padding: 0 30px; }
.index2 .i2_item .i2_h { display: none; width: 50%; height: 100%; background: url(../images/b8.png) no-repeat center left; position: absolute; left: 30px; }
.index2 .i2_item .i2_h p { color: #fff; font-size: 18px; margin: 0; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.index2 .i2_item:nth-child(2) .i2_h { background: url(../images/b8.png) no-repeat center right; left: auto; right: 30px; }
.index2 .i2_item:nth-child(2) .i2_h p { left: auto; right: 20px; }
.index2 .i2_item:hover .i2_h { display: block; }
@media (max-width: 767px) { .index2 { height: 700px; }
  .index2 .i2_item { display: block; width: 100%; height: 50%; }
  .index2 .i2_item .i2_char h2 { font-size: 26px; }
  .index2 .i2_item .i2_char p { font-size: 14px; margin: 6px 0 15px; }
  .index2 .i2_item .i2_char a { font-size: 12px; line-height: 29px; padding: 0 14px; }
  .index2 .i2_item .i2_h { background-size: auto 100%; }
  .index2 .i2_item:nth-child(2) .i2_h { background-size: auto 100%; } }

.index3 { display: block; padding: 60px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.index3 .i3_tit { text-align: center; margin: 0 0 30px; }
.index3 .i3_tit h3 { color: #fff; font-size: 24px; margin: 0; }
.index3 .i3_in form { display: block; width: 100%; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline { display: inline-block; vertical-align: top; width: 43%; margin: 0 2% 0 0; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline input { color: #fff; background: transparent; border-radius: 22px; padding-left: 15px; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline input::-webkit-input-placeholder { color: #fff; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline input:-moz-placeholder { color: #fff; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline input::-moz-placeholder { color: #fff; }
.index3 .i3_in .layui-form .layui-form-item .layui-input-inline input:-ms-input-placeholder { color: #fff; }

.index3 .i3_in .layui-form .layui-form-item .xilie{color:#fff;width:28%;height:38px;background:transparent;border:1px solid #fff;border-radius:22px;padding:0 15px;margin:0 1% 0 0;}

.index3 .i3_in .layui-form .layui-form-item button { color: #011020; font-size: 16px; display: inline-block; vertical-align: top; width: 10%; height: 38px; line-height: 38px; text-align: center; background: #fff; border-radius: 25px; border:none;}
.index3 .i3_in .i3_info { display: block; width: 100%; text-align: left; height: 200px; background: rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 20px; margin: 30px 0;position: relative; overflow-y:auto;}


.index3 .i3_in .i3_info::-webkit-scrollbar{width:10px;height:10px;background:#fff;border-radius:6px;}
.index3 .i3_in .i3_info::-webkit-scrollbar-thumb{background:#1b98ff;border-radius:5px;box-shadow:0 0 4px rgba(24,104,154,.3) inset;}




.index3 .i3_in .i3_info .no { color: #fff; font-size: 16px; margin: 0; }
.index3 .i3_in .i3_info .nsi_addr { display: block; width: 100%; border-radius: 6px; padding: 20px; margin: 0 0 10px; }
.index3 .i3_in .i3_info .nsi_addr img, .index3 .i3_in .i3_info .nsi_addr p { display: inline-block; vertical-align: middle; }
.index3 .i3_in .i3_info .nsi_addr p { color: #fff; font-size: 16px; margin: 0 0 0 10px; }
@media (max-width: 767px) { .index3 { padding: 20px 0; }
  .index3 .i3_tit { margin: 0 0 20px; }
  .index3 .i3_tit h3 { font-size: 18px; }
  .index3 .i3_in .layui-form .layui-form-item .layui-input-inline { width: 48%; margin: 0 2% 10px 0; }
  .index3 .i3_in .layui-form .layui-form-item button { width: 100%; }
  .index3 .i3_in .i3_info { padding: 15px; margin: 20px 0 10px; }
  .index3 .i3_in .i3_info .nsi_addr { padding: 10px; }
  .index3 .i3_in .i3_info .nsi_addr p { font-size: 14px; } }

@media(max-width:455px){
  .index3 .i3_in .layui-form .layui-form-item .layui-input-inline{width:47%;}
}


.pro { margin: 0 0 50px; }
@media (max-width: 767px) { .pro { margin: 0 0 30px; } }

.pro_tit { display: block; width: 100%; text-align: center; padding: 40px 0 0; }
.pro_tit .protit_item { display: inline-block; vertical-align: middle; border: 1px solid #eee; border-radius: 50%; padding: 14px 24px; margin: 0 0 0 40px; cursor: pointer; }
.pro_tit .protit_item:first-child { margin-left: 0; }
.pro_tit .protit_item a { display: block; width: 100%; height: 100%; }
.pro_tit .protit_item .img .pt_hide { display: none; }
.pro_tit .protit_item .char p { color: #999; font-size: 16px; font-weight: 600; margin: 10px 0 0; }
.pro_tit .protit_item:hover, .pro_tit .cur { border-color: #067aad; }
.pro_tit .protit_item:hover .img .pt_show, .pro_tit .cur .img .pt_show { display: none; }
.pro_tit .protit_item:hover .img .pt_hide, .pro_tit .cur .img .pt_hide { display: block; }
.pro_tit .protit_item:hover .char p, .pro_tit .cur .char p { color: #067aad; }
.pro_tit .protit_i { display: block; width: 100%; height: 1px; margin: 40px 0 0; background-image: linear-gradient(to right, rgba(249, 249, 249, 0), #eeeeee, rgba(249, 249, 249, 0)); }
@media (max-width: 767px) { .pro_tit { padding: 20px 0 0; }
  .pro_tit .protit_item { padding: 10px 19px; margin: 0 0 0 20px; }
  .pro_tit .protit_item .img img { width: 35px; }
  .pro_tit .protit_item .char p { font-size: 14px; font-weight: 500; margin: 6px 0 0; }
  .pro_tit .protit_i { margin: 20px 0 0; } }

.pro_list { margin: 40px 0 0; }
@media (max-width: 767px) { .pro_list { margin: 20px 0 0; } }

.pro_item { display: inline-block; vertical-align: middle; width: 32%; text-align: center; margin: 0 0 30px 1%; }
.pro_item:nth-child(3n+1) { margin-left: 0; }
.pro_item a { display: block; width: 100%; height: 100%; }
.pro_item .pimg { display: block; width: 100%; height: 151px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.pro_item .ptit p { color: #333; font-size: 22px; margin: 20px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.pro_item:hover .ptit p { color: #067aad; }
@media (max-width: 767px) { .pro_item { width: 49%; margin: 0 0 20px 1%; }
  .pro_item:nth-child(3n+1) { margin-left: 1%; }
  .pro_item:nth-child(odd) { margin-left: 0; }
  .pro_item .ptit p { font-size: 16px; margin: 10px 0 0; } }
@media (max-width: 650px) { .pro_item .pimg { height: 120px; } }
@media (max-width: 500px) { .pro_item .pimg { height: 100px; } }
@media (max-width: 450px) { .pro_item { width: 48%; } }
@media (max-width: 380px) { .pro_item .pimg { height: 70px; } }

.pro_detail .prod_img { padding: 40px 0; }
.pro_detail .prod_char { padding: 30px 0; border-bottom: 1px solid #eee; text-align: center; }
.pro_detail .prod_char .prod_tit { margin: 0 0 20px; }
.pro_detail .prod_char .prod_tit h3 { color: #333; font-size: 40px; margin: 0 0 8px; }
.pro_detail .prod_char .prod_tit p { color: #333; font-size: 20px; margin: 0; }
.pro_detail .prod_char .prod_con p { color: #333; font-size: 16px; line-height: 30px; margin: 0; }
@media (max-width: 767px) { .pro_detail .prod_img { padding: 20px 0; }
  .pro_detail .prod_char { padding: 15px 0; }
  .pro_detail .prod_char .prod_tit { margin: 0 0 15px; }
  .pro_detail .prod_char .prod_tit h3 { font-size: 24px; margin: 0 0 4px; }
  .pro_detail .prod_char .prod_tit p { font-size: 16px; }
  .pro_detail .prod_char .prod_con p { font-size: 14px; line-height: 25px; } }

.pro_arguments { padding: 40px 0 20px; }
.pro_arguments .proa_in { display: block; width: 100%; text-align: center; padding: 20px 0 0; }
.pro_arguments .proa_in .proa_item { display: inline-block; vertical-align: text-top; width: 49%; padding: 20px 0; border-top: 1px solid #eee; }
.pro_arguments .proa_in .proa_item:nth-last-child(2) { border-bottom: 1px solid #eee; }
.pro_arguments .proa_in .proa_item:last-child { border-bottom: 1px solid #eee; }
.pro_arguments .proa_in .proa_item p { color: #333; font-size: 18px; margin: 0; }
@media (max-width: 767px) { .pro_arguments { padding: 20px 0; }
  .pro_arguments .proa_in { padding: 12px 0 0; }
  .pro_arguments .proa_in .proa_item { display: block; width: 100%; padding: 12px 0; }
  .pro_arguments .proa_in .proa_item:nth-last-child(2) { border-bottom: none; }
  .pro_arguments .proa_in .proa_item p { font-size: 14px; } }

.pro_series { padding: 40px 0 60px; }
.pro_series .pros_in { padding: 40px 0 0; }
.pro_series .pros_btn { text-align: center; }
.pro_series .pros_btn a { color: #067aad; font-size: 16px; display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; border: 1px solid #067aad; padding: 6px 30px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.pro_series .pros_btn a:hover { color: #fff; background: #067aad; }
@media (max-width: 767px) { .pro_series { padding: 20px 0; }
  .pro_series .pros_in { padding: 20px 0 0; } }

.talent_recruitment { margin: 0 0 30px; }
.talent_recruitment .tr_in .tr_item { border: 1px solid #999; padding: 0 30px; margin: 0 0 20px; }
.talent_recruitment .tr_in .tr_item .tr_tit { padding: 20px 0; cursor: pointer; }
.talent_recruitment .tr_in .tr_item .tr_tit:after { content: ''; display: block; clear: both; }
.talent_recruitment .tr_in .tr_item .tr_tit h2 { float: left; color: #333; font-size: 20px; margin: 0; }
.talent_recruitment .tr_in .tr_item .tr_tit .tr_tit_img { float: right; padding: 3px 0; }
.talent_recruitment .tr_in .tr_item .tr_tit .tr_tit_img .tr_hide { display: none; }
.talent_recruitment .tr_in .tr_item .cur .tr_tit_img .tr_show { display: none; }
.talent_recruitment .tr_in .tr_item .cur .tr_tit_img .tr_hide { display: block; }
.talent_recruitment .tr_in .tr_item .tr_con { margin: 0 0 20px; display: none; }
.talent_recruitment .tr_in .tr_item .tr_con p { color: #666; font-size: 16px; margin: 0 0 10px; }
@media (max-width: 767px) { .talent_recruitment .tr_in .tr_item { padding: 0 15px; margin: 0 0 15px; }
  .talent_recruitment .tr_in .tr_item .tr_tit { padding: 12px 0; }
  .talent_recruitment .tr_in .tr_item .tr_tit h2 { font-size: 16px; }
  .talent_recruitment .tr_in .tr_item .tr_con { margin: 0 0 12px; }
  .talent_recruitment .tr_in .tr_item .tr_con p { font-size: 14px; } }

.cultivate { margin: 0 0 30px; }
.cultivate .c_con { margin: 20px 0 0; }
.cultivate .c_con .c_item { display: inline-block; vertical-align: top; width: 32%; background: #f9f9f9; padding: 46px 30px; margin: 0 0 20px 1%; text-align: center; }
.cultivate .c_con .c_item:nth-child(3n+1) { margin-left: 0; }
.cultivate .c_con .c_item .ctit { display: block; padding: 20px 0; position: relative; }
.cultivate .c_con .c_item .ctit:before { content: ''; display: block; width: 100%; height: 1px; background-image: linear-gradient(to right, rgba(249, 249, 249, 0), #090909, rgba(249, 249, 249, 0)); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cultivate .c_con .c_item .ctit h2 { color: #333; font-size: 30px; display: inline-block; background: #f9f9f9; padding: 0 12px; margin: 0; position: relative; }
.cultivate .c_con .c_item .ccon p { color: #333; font-size: 16px; line-height: 30px; margin: 0; }
@media (max-width: 767px) { .cultivate { margin: 0 0 10px; }
  .cultivate .c_con { margin: 15px 0 0; }
  .cultivate .c_con .c_item { display: block; width: 100%; padding: 20px 15px; margin: 0 0 20px; }
  .cultivate .c_con .c_item .ctit h2 { font-size: 22px; }
  .cultivate .c_con .c_item .ccon p { font-size: 14px; line-height: 25px; } }

.join_condition { margin: 40px 0; font-size: 0; }
.join_condition .jc_item { display: inline-block; vertical-align: text-top; width: 49%; margin: 20px 0 30px 2%; }
.join_condition .jc_item:nth-child(even) { margin-left: 0; }
.join_condition .jc_item .jc_tit { display: block; width: 100%; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 0; margin: 0 0 10px; }
.join_condition .jc_item .jc_tit h3 { color: #fff; font-size: 24px; text-transform: uppercase; letter-spacing: 4px; margin: 0 0 10px; }
.join_condition .jc_item .jc_tit p { color: #fff; font-size: 16px; margin: 0; }
.join_condition .jc_item .jc_tit p i { display: inline-block; vertical-align: middle; width: 40px; height: 1px; }
.join_condition .jc_item .jc_tit p .jcp_l { background-image: linear-gradient(to right, rgba(249, 249, 249, 0), white); margin-right: 10px; }
.join_condition .jc_item .jc_tit p .jcp_r { background-image: linear-gradient(to left, rgba(249, 249, 249, 0), white); margin-left: 10px; }
.join_condition .jc_item .jci_one { display: block; width: 100%; background: #f9f9f9; padding: 20px 2%; margin: 0 0 10px; }
.join_condition .jc_item .jci_one .num { display: inline-block; vertical-align: middle; width: 28px; }
.join_condition .jc_item .jci_one .num h2 { color: #333; font-size: 24px; margin: 0; position: relative; }
.join_condition .jc_item .jci_one .num h2 img { position: absolute; bottom: 0; right: 0; }
.join_condition .jc_item .jci_one .jci_on { display: inline-block; vertical-align: middle; width: 90%; margin: 0 0 0 6px; }
.join_condition .jc_item .jci_one .jci_on p { color: #333; font-size: 18px; margin: 0; }
@media (max-width: 780px) { .join_condition { margin: 20px 0; }
  .join_condition .jc_item { display: block; width: 100%; margin: 10px 0; }
  .join_condition .jc_item .jc_tit { padding: 20px 0; }
  .join_condition .jc_item .jc_tit h3 { font-size: 20px; margin: 0 0 6px; }
  .join_condition .jc_item .jc_tit p { font-size: 14px; }
  .join_condition .jc_item .jc_tit p .jcp_l { margin-right: 8px; }
  .join_condition .jc_item .jc_tit p .jcp_r { margin-left: 8px; }
  .join_condition .jc_item .jci_one { padding: 10px 2%; }
  .join_condition .jc_item .jci_one .num { width: 25px; }
  .join_condition .jc_item .jci_one .num h2 { font-size: 18px; }
  .join_condition .jc_item .jci_one .jci_on p { font-size: 14px; } }
@media (max-width: 360px) { .join_condition .jc_item .jci_one .jci_on { width: 80%; } }

.join_flow { margin: 40px 0 80px; }
.join_flow .jf_in { font-size: 0; margin: 20px 0 0; }
.join_flow .jf_in .jf_one { display: inline-block; vertical-align: middle; width: 14%; text-align: center; background: #fff; padding: 30px 0; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); position: relative; }
.join_flow .jf_in .jf_one h4 { color: #333; font-size: 20px; margin: 0 0 40px; }
.join_flow .jf_in .jf_one .jf_r { display: inline-block; background: #fff; border-radius: 100%; padding: 8px 11px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: absolute; right: -10%; top: 58%; z-index: 1; }
@media (max-width: 990px) { .join_flow .jf_in .jf_one { width: 25%; }
  .join_flow .jf_in .jf_one .jf_r { right: -6%; top: 61%; } }
@media (max-width: 767px) { .join_flow { margin: 20px 0; }
  .join_flow .jf_in { margin: 15px 0 0; }
  .join_flow .jf_in .jf_one { padding: 20px 0; }
  .join_flow .jf_in .jf_one h4 { font-size: 16px; margin: 0 0 20px; }
  .join_flow .jf_in .jf_one .jf_r { top: 50%; } }
@media (max-width: 460px) { .join_flow .jf_in .jf_one { width: 33%; padding: 15px 0; }
  .join_flow .jf_in .jf_one h4 { margin: 0 0 15px; } }

.join_line { margin: 80px 0 40px; }
.join_line .title1 a { color: #067aad; font-size: 20px; display: inline-block; margin: 10px 0 0; }
.join_line .jl_in { margin: 40px 0 0; font-size: 0; }
.join_line .jl_in .jl_one { display: inline-block; vertical-align: text-top; background: #f9f9f9; width: 32%; margin: 0 0 20px 2%; padding: 20px 20px 10px; }
.join_line .jl_in .jl_one:nth-child(3n+1) { margin-left: 0; }
.join_line .jl_in .jl_one p { color: #333; font-size: 18px; margin: 0 0 10px; }
@media (max-width: 900px) { .join_line .jl_in .jl_one { width: 49%; margin: 0 0 20px 2%; }
  .join_line .jl_in .jl_one:nth-child(3n+1) { margin-left: 2%; }
  .join_line .jl_in .jl_one:nth-child(odd) { margin-left: 0; } }
@media (max-width: 767px) { .join_line { margin: 20px 0; }
  .join_line .title1 a { font-size: 16px; margin: 4px 0 0; }
  .join_line .jl_in { margin: 15px 0 0; }
  .join_line .jl_in .jl_one { margin-bottom: 15px; }
  .join_line .jl_in .jl_one p { font-size: 14px; margin: 0 0 8px; } }
@media (max-width: 520px) { .join_line .jl_in .jl_one { width: 100%; padding: 10px 10px 2px; margin: 0 0 15px; }
  .join_line .jl_in .jl_one:nth-child(3n+1) { margin-left: 0; } }

.shop_visualize { padding: 30px 0 60px; }
.shop_visualize .sv_in { margin: 60px 0 0; }
.shop_visualize .sv_in .sv_swiper { width: 100%; height: 100%; }
.shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 1200px; background: #fff; opacity: .5; filter: alpha(opacity=50); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
@media (max-width: 1400px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 1000px; } }
@media (max-width: 1200px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 770px; } }
@media (max-width: 940px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 560px; } }
@media (max-width: 768px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 480px; } }
@media (max-width: 610px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 380px; } }
@media (max-width: 500px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 300px; } }
@media (max-width: 400px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 240px; } }
@media (max-width: 320px) { .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide { width: 200px; } }
.shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide-active, .shop_visualize .sv_in .sv_swiper .swiper-wrapper .swiper-slide-duplicate-active { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.shop_visualize .sv_in .sv_swiper .sv_tit p { color: #333; font-size: 16px; font-weight: bold; margin: 30px 0 10px; }
.shop_visualize .sv_in .sv_swiper .sv_pagination { color: #999; font-size: 16px; text-align: left; position: static; }
.shop_visualize .sv_in .sv_swiper .sv_pagination span { color: #999; font-size: 16px; }
@media (max-width: 767px) { .shop_visualize { padding: 10px 0 20px; }
  .shop_visualize .sv_in { margin: 20px 0 0; }
  .shop_visualize .sv_in .sv_swiper .sv_tit p { margin: 20px 0 6px; } }

.brand_advantage { padding: 40px 0 60px; }
.brand_advantage .title1 p { color: #333; font-size: 16px; line-height: 30px; margin: 25px 0 0; }
@media (max-width: 767px) { .brand_advantage .title1 p { font-size: 14px; line-height: 25px; margin: 10px 0 0; } }
.brand_advantage .ba_in { font-size: 0; margin: 40px 0 0; }
.brand_advantage .ba_in .ba_item { display: inline-block; vertical-align: top; width: 25%; text-align: center; padding: 10px 1%; background-repeat: no-repeat; background-position: center; background-size: contain; }
.brand_advantage .ba_in .ba_item .ba_char { margin: 30px 0 0; }
.brand_advantage .ba_in .ba_item .ba_char h4 { color: #333; font-size: 16px; font-weight: bold; margin: 0 0 8px; }
.brand_advantage .ba_in .ba_item .ba_char p { color: #999; font-size: 14px; margin: 0; }
@media (max-width: 768px) { .brand_advantage .ba_in .ba_item { display: block; width: 100%; padding: 10px 0; margin: 0 0 30px; } }
@media (max-width: 767px) { .brand_advantage { padding: 20px 0 10px; }
  .brand_advantage .ba_in { margin: 20px 0 0; } }

.support_assist { padding: 40px 0; position: relative; }
.support_assist:before { content: ""; display: block; width: 93.8%; height: 100%; background: url(../images/bg1.jpg) no-repeat left; background-size: cover; position: absolute; top: 0; left: 0; z-index: 1; }
.support_assist:after { content: ""; display: block; width: 95%; height: 100%; background: rgba(11, 58, 105, 0.3); position: absolute; top: 20px; left: 0; z-index: 0; }
@media (max-width: 1250px) { .support_assist:before { width: 96.4%; }
  .support_assist:after { width: 98%; } }
@media (max-width: 1111px) { .support_assist:before { width: 100%; }
  .support_assist:after { width: 100%; } }
.support_assist .cen_980 { position: relative; z-index: 2; }
.support_assist .sa_in { font-size: 0; margin: 50px 0 0; }
.support_assist .sa_in .sa_item { display: inline-block; vertical-align: middle; width: 50%; text-align: left; margin: 0 0 40px; }
.support_assist .sa_in .sa_item:nth-child(odd) { padding-right: 1%; }
.support_assist .sa_in .sa_item:nth-child(even) { text-align: left; padding-left: 10%; }
.support_assist .sa_in .sa_item:nth-child(even) .sa_char { text-align: left; }
.support_assist .sa_in .sa_item:last-child { text-align: left; padding-left: 10%; padding-right: 0; }
.support_assist .sa_in .sa_item:last-child .sa_char { text-align: left; }
.support_assist .sa_in .sa_item .sa_icon { display: inline-block; vertical-align: middle; }
.support_assist .sa_in .sa_item .sa_char { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; }
.support_assist .sa_in .sa_item .sa_char h3 { color: #fff; font-size: 16px; margin: 0 0 7px; }
.support_assist .sa_in .sa_item .sa_char p { color: rgba(255, 255, 255, 0.5); font-size: 14px; margin: 0; }
.support_assist .sa_in .sa_item1 { float: left; }
.support_assist .sa_in .sa_item1 img { margin: 0; }
@media (max-width: 767px) { .support_assist { padding: 10px 0 2px; }
  .support_assist .sa_in { margin: 20px 0 0; }
  .support_assist .sa_in .sa_item { display: block; width: 100%; margin: 0 0 15px; }
  .support_assist .sa_in .sa_item:nth-child(odd) { text-align: left; padding: 10px; }
  .support_assist .sa_in .sa_item:nth-child(odd) .sa_char { text-align: left; }
  .support_assist .sa_in .sa_item:nth-child(even) { text-align: left; padding: 10px; }
  .support_assist .sa_in .sa_item:last-child { text-align: left; padding: 10px; }
  .support_assist .sa_in .sa_item1 { float: none; }
  .support_assist .sa_in .sa_item1 img { margin: 0 auto; } }

.yield_strength { background: #fff; padding: 40px 0 60px; }
.yield_strength .title1 p { color: #333; font-size: 16px; line-height: 30px; margin: 25px 0 0; }
@media (max-width: 767px) { .yield_strength .title1 p { font-size: 14px; line-height: 25px; margin: 10px 0 0; } }
.yield_strength .ys_in { position: relative; margin: 40px 0 0; }
.yield_strength .ys_in .ys_swiper .swiper-wrapper .swiper-slide { width: 1100px; background: #fff; opacity: .3; filter: alpha(opacity=30); }
.yield_strength .ys_in .ys_swiper .swiper-wrapper .swiper-slide-active { opacity: 1; filter: alpha(opacity=100); }
.yield_strength .ys_in .ys_swiper .ys_prev, .yield_strength .ys_in .ys_swiper .ys_next { width: 30px; height: 70px; }
.yield_strength .ys_in .ys_swiper .ys_prev:after, .yield_strength .ys_in .ys_swiper .ys_next:after { content: none; }
.yield_strength .ys_in .ys_swiper .ys_prev { left: 50px; background: url(../images/left2.png) no-repeat center; background-size: 100%; }
.yield_strength .ys_in .ys_swiper .ys_next { right: 50px; background: url(../images/right2.png) no-repeat center; background-size: 100%; }
@media (max-width: 1280px) { .yield_strength .ys_in .ys_swiper .swiper-wrapper .swiper-slide { width: 900px; }
  .yield_strength .ys_in .ys_swiper .ys_prev { left: 12.5%; }
  .yield_strength .ys_in .ys_swiper .ys_next { right: 12.5%; } }
@media (max-width: 1280px) { .yield_strength .ys_in .ys_swiper .ys_prev { left: 10%; }
  .yield_strength .ys_in .ys_swiper .ys_next { right: 10%; } }
@media (max-width: 768px) { .yield_strength .ys_in .ys_swiper .swiper-wrapper .swiper-slide { width: 100%; }
  .yield_strength .ys_in .ys_swiper .ys_prev { left: 0; }
  .yield_strength .ys_in .ys_swiper .ys_next { right: 0; } }
.yield_strength .ys_in .ys_in_l, .yield_strength .ys_in .ys_in_r { display: block; width: 50px; height: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; z-index: 1; }
@media (max-width: 1280px) { .yield_strength .ys_in .ys_in_l, .yield_strength .ys_in .ys_in_r { width: 12.5%; } }
@media (max-width: 1280px) { .yield_strength .ys_in .ys_in_l, .yield_strength .ys_in .ys_in_r { width: 10%; } }
@media (max-width: 768px) { .yield_strength .ys_in .ys_in_l, .yield_strength .ys_in .ys_in_r { display: none; } }
.yield_strength .ys_in .ys_in_l { left: 0; }
.yield_strength .ys_in .ys_in_r { right: 0; }
@media (max-width: 767px) { .yield_strength { padding: 20px 0; }
  .yield_strength .ys_in { margin: 20px 0 0; } }

.shop_distribution { background: url(../images/bg2.jpg) no-repeat center; background-size: cover; padding: 40px 0 80px; }
.shop_distribution .sd_in { margin: 80px 0 0; position: relative; }
.shop_distribution .sd_in .sd_char { display: block; width: 100%; position: absolute; left: 0; bottom: 0; }
.shop_distribution .sd_in .sd_char .sdc_l { float: left; }
.shop_distribution .sd_in .sd_char .sdc_l h2 { color: #00ffd8; font-size: 80px; margin: 0 0 10px; }
.shop_distribution .sd_in .sd_char .sdc_l p { color: #fff; font-size: 16px; margin: 0; }
.shop_distribution .sd_in .sd_char .sdc_r { float: right; }
.shop_distribution .sd_in .sd_char .sdc_r p { color: #fff; font-size: 16px; margin: 0 0 20px; }
.shop_distribution .sd_in .sd_char .sdc_r a { color: #092954; font-size: 16px; display: inline-block; line-height: 40px; background: #00ffd8; padding: 0 17px; }
@media (max-width: 767px) { .shop_distribution { padding: 20px 0; }
  .shop_distribution .sd_in { margin: 20px 0 0; }
  .shop_distribution .sd_in .sd_char { position: static; }
  .shop_distribution .sd_in .sd_char .sdc_l h2 { font-size: 40px; } }

.join_form { margin: 130px 0 80px; }
.join_form .jf_img { display: inline-block; vertical-align: top; width: 52%; margin-bottom: 30px; }
.join_form .jf_form { display: inline-block; vertical-align: top; width: 30%; margin: 0 0 30px 6%; }
.join_form .jf_form form { display: block; width: 100%; }
.join_form .jf_form form input { font-size: 16px; display: block; width: 100%; height: 60px; background: #f9f9f9; padding: 0 4%; margin-bottom: 20px; }
.join_form .jf_form form button { color: #fff; font-size: 16px; display: block; width: 100%; text-align: center; height: 60px; background: #02aaeb; border-radius: 4px; margin: 30px 0 0; }
@media (max-width: 1200px) { .join_form .jf_img { width: 60%; }
  .join_form .jf_form { width: 32%; margin: 0 0 30px 3%; }
  .join_form .jf_form .title1 { margin: 10px 0 20px; }
  .join_form .jf_form .title1 h1 { font-size: 26px; }
  .join_form .jf_form form input { height: 50px; margin-bottom: 10px; }
  .join_form .jf_form form button { height: 50px; margin: 20px 0 0; } }
@media (max-width: 767px) { .join_form { margin: 30px 0; }
  .join_form .jf_img { display: block; width: 100%; margin-bottom: 10px; }
  .join_form .jf_form { display: block; width: 95%; margin: 0 auto; }
  .join_form .jf_form .title1 { margin: 15px 0; }
  .join_form .jf_form .title1 h1 { font-size: 22px; }
  .join_form .jf_form form input { height: 40px; }
  .join_form .jf_form form button { height: 40px; } }

.nearby_shop { margin: 40px 0; }
.nearby_shop .ns_in { margin: 50px 0 0; }
.nearby_shop .ns_in .map1 { display: inline-block; vertical-align: top; width: 58%; height: 400px; margin: 0 0 30px; }
.nearby_shop .ns_in .map1 iframe { width: 100%; height: 100%; }

.nearby_shop .ns_in .contact-map{ display: inline-block; vertical-align: top; width: 58%; height: 400px; margin: 0 0 30px; }
.nearby_shop .ns_in .my-map{width: 100%; height: 100%;}
.nearby_shop .ns_in .my-map #mapContainer{width: 100%; height: 100%;}


.nearby_shop .ns_in .nsi_r { display: inline-block; vertical-align: top; width: 41%; padding: 0 0 0 3%; margin: 0 0 30px; }
.nearby_shop .ns_in .nsi_r form { display: block; width: 100%; }
.nearby_shop .ns_in .nsi_r form input { font-size: 16px; display: block; width: 100%; height: 60px; background: transparent; border: none; border-bottom: 1px solid #eee; padding: 0 3%; margin: 0 0 10px; }
.nearby_shop .ns_in .nsi_r form .layui-form-item { margin: 0; }
.nearby_shop .ns_in .nsi_r form .layui-form-item .layui-input-inline { display: block; width: 100%; margin: 0; }
.nearby_shop .ns_in .nsi_r form button { color: #fff; font-size: 16px; display: inline-block; line-height: 40px; background: #067aad; border-radius: 4px; padding: 0 34px; margin-top: 20px; }
.nearby_shop .ns_in .nsi_r .nsi_addr { display: block; width: 100%; background: #f9f9f9; border-radius: 6px; padding: 20px; margin: 30px 0 0; }
.nearby_shop .ns_in .nsi_r .nsi_addr img, .nearby_shop .ns_in .nsi_r .nsi_addr p { display: inline-block; vertical-align: middle; }
.nearby_shop .ns_in .nsi_r .nsi_addr p { color: #333; font-size: 16px; margin: 0 0 0 10px; }
@media (max-width: 767px) { .nearby_shop { margin: 20px 0; }
  .nearby_shop .ns_in { margin: 20px 0 0; }
  .nearby_shop .ns_in .map1 { width: 100%; }
  .nearby_shop .ns_in .contact-map{width:100%;}

  .nearby_shop .ns_in .nsi_r { width: 100%; padding: 0; margin: 0 0 10px; }
  .nearby_shop .ns_in .nsi_r form input { height: 40px; }
  .nearby_shop .ns_in .nsi_r form button { margin-top: 10px; }
  .nearby_shop .ns_in .nsi_r .nsi_addr { padding: 10px; margin: 20px 0 0; }
  .nearby_shop .ns_in .nsi_r .nsi_addr p { font-size: 14px; } }

/*# sourceMappingURL=style.css.map */