@charset "UTF-8";

@font-face {
  font-family:'Gotham Light';
  src        :url('../fonts/gotham-light.eot');
  src        :url('../fonts/gotham-light.eot') format('embedded-opentype'), url('../fonts/gotham-light.woff2') format('woff2'), url('../fonts/gotham-light.woff') format('woff'), url('../fonts/montserrat-regular_4.ttf') format('truetype');
}

* {
  margin     :0;
  padding    :0;
  line-height:100%;
}

body {
  font-family:"Microsoft YaHei", "微软雅黑", Arial;
  color      :#000;
}

img {
  width :100%;
  height:auto;
}

a {
  text-decoration:none;
  color          :#333;
}

a:link {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
  color          :#333;
}

a:active {
  text-decoration:none;
}

ul,
dl,
p,
address {
  margin-bottom:0;
}

ul li {
  list-style-type:none;
}

input:focus,
button:focus,
textarea:focus {
  outline:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
}

.col-lg-1-7,
.col-md-1-7,
.col-sm-1-7,
.col-xs-1-7 {
  width:14.2857%;
}

@media (min-width:768px) {
  html {
    font-size:43.75%;
  }

  .cell-sm {
    display:table-cell !important;
  }

  .inline-sm {
    display:inline !important;
  }
}

@media (min-width:992px) {
  html {
    font-size:50%;
  }

  .cell-md {
    display:table-cell !important;
  }

  .inline-md {
    display:inline !important;
  }
}

@media (min-width:1200px) {
  html {
    font-size:62.5%;
  }

  .cell-lg {
    display:table-cell !important;
  }

  .inline-lg {
    display:inline !important;
  }
}

/*修改*/
.ml-b {
  width   :90%;
  overflow:hidden;
  margin  :0 auto;
  position:relative;
}

.ml-b .swiper-container {}

.main .m1 .ml-b .swiper-container {
  margin:0 auto;
  padding-left:0;
  padding-right:0;
  margin-top   :20px;
  width:calc(100% - 50px);
  position:initial;
}

.main .m1 .ml-b .swiper-container p {
  margin-top:10px;
  font-size :18px;
  color     :#333;
}

.ml-b .swiper-container .swiper-button-next {
  right     :0% !important;
  background:none;
  width     :15px;
}

.ml-b .swiper-container .swiper-button-next img {
  width:100%;
}

.ml-b .swiper-container .swiper-button-prev {
  left      :-30 !important;
  background:none;
  width     :15px;
}

.ml-b .swiper-container .swiper-button-prev img {
  width:100%;
}

@media screen and (max-width:1000px) {
  .main .m1 .ml-b .swiper-container p {
    margin-top:10px;
    font-size :16px;
  }
}

/*修改结束*/
.fr {
  float:right;
}

.fl {
  float:left;
}

.fn {
  float:none;
}

.noLi {
  list-style-type:none;
}

.f0 {
  font-size:0px;
}

.f12 {
  font-size:1.2rem;
}

.f14 {
  font-size:1.4rem;
}

.f16 {
  font-size:1.6rem;
}

.f18 {
  font-size:1.8rem;
}

.f20 {
  font-size:2rem;
}

.f22 {
  font-size:2.2rem;
}

.f24 {
  font-size:2.4rem;
}

.clear {
  clear:both;
}

.wauto {
  width:auto !important;
}

.inblock {
  display :inline-block;
  *display:inline;
  *zoom   :1;
}

.header {
  position      :static;
  width         :100%;
  border-bottom :1px solid rgba(1, 165, 237, 0.16);
  padding-top   :26px;
  padding-bottom:29px;
  background    :#fff;
}

.header.shadow {
  position:fixed;
}

.header .small {
  display:block !important;
}

.header .navbar {
  margin-bottom:0;
}

.header .navbar-header {
  width:13%;
  float:left;
}

.header .navbar-header a {
  position     :relative;
  display      :block;
  text-align   :right;
  padding-right:25px;
}


.header .navbar-header a img {
  max-width:100%;
  width    :auto;
  display  :none;
}

.header .mainnav {
  display   :block;
  width     :55%;
  margin-top:7px;
  float     :left;
  text-align:right;
}

.header .mainnav ul {
  white-space:nowrap;
}

.header .mainnav .nav_tab_li li {
  width:100%;display:none;
}
.header .mainnav .nav_tab_li li:nth-child(1) {
  display:block;
}
.header .mainnav ul .sub-right-left h1,
.header .mainnav ul .sub-right-left h1 a {
  font-size:22px;
  color    :#333;
}

.header .mainnav ul .sub-right-left p {
  font-size  :14px;
  color      :#666;
  white-space:normal;
  line-height:170%;
  margin-top :15px;
}

.header .mainnav li {
  padding-left :1%;
  padding-right:1%;
  max-width    :100%;
}

.header .mainnav li .one-title a {
  font-size  :1.8rem;
  color      :#4e5458;
  line-height:42px;
}
.header .mainnav li:hover>h4 a{color:#0784C6}
.header .mainnav li .one-title a :hover{color:#00a0e9;}
.header .mainnav .sub-nav {
  position          :fixed;
  left              :0;
  top               :107px;
  width             :100%;
  background-color  :#fff;
  -webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.23);
  box-shadow        :0 0 5px 3px rgba(0, 0, 0, 0.23);
  background-color  :rgba(255, 255, 255);
  text-align        :left;
  min-width         :250px;
  overflow          :hidden;
}

.header .mainnav .sub-nav .container {
  max-width      :1200px;
  display        :flex;
}
.header .mainnav .sub-nav .container::after{content:'';display:none;}
.header .mainnav .sub-nav .container::before{content:'';display:none;}
.header .mainnav .sub-nav .sub-left {
  position        :relative;
  float           :left;
  width           :245px;
  background-color:rgba(7, 132, 198, 0.8);
  padding-top     :30px;
  padding-bottom  :8%;
}

.header .mainnav .sub-nav .sub-right-left,
.header .mainnav .sub-nav .sub-right-right {
  width:50%;
  float:left;
}
.header .mainnav .sub-nav .sub-right-left a{line-height:24px;margin:10px 0;}
.header .mainnav .sub-nav .sub-right-right {
  text-align:center;
  width:45%;
  float     :right;
  
  
}

.header .mainnav .sub-nav .sub-right-right img {
  width:100%;
}

.header .mainnav .sub-nav .sub-right {
  padding-top   :30px;
  padding-bottom:30px;
  width:calc(100% - 300px);
  box-sizing:border-box;
  margin-left:50px;
}

.header .mainnav .sub-nav .sub-left::before {
  content         :'';
  position        :absolute;
  width           :1200px;
  height          :100%;
  right           :100%;
  top             :0;
  background-color:rgba(7, 132, 198, 0.8);
}

.header .mainnav .sub-nav .sub-left a {
  position     :relative;
  padding      :0;
  line-height  :3.6rem;
  padding-left :12px;
  padding-right:15px;
  color        :#fff;
  white-space  :nowrap;
  font-size    :1.4rem;
   white-space     :nowrap;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
  overflow        :hidden;
}

.header .mainnav .sub-nav .sub-left a::before {
  content         :'';
  position        :absolute;
  left            :2px;
  top             :50%;
  width           :0px;
  height          :4px;
  background-color:#004994;
}
.header .mainnav .sub-nav a:nth-child(1) {
  background-color:rgba(255, 255, 255, 0.8);
  color           :#0784c6;
}
.header .mainnav .sub-nav a.active {
  background-color:rgba(255, 255, 255, 0.8);
  color           :#0784c6;
}

.header .mainnav .sub-nav a:hover::before {
  width:4px;
}

.header .mainnav .sub-nav a:last-child {
  border-bottom:0;
}

.header .navbar-others {
  width      :32%;
  float      :right;
  font-size  :0;
  padding-top:15px;
}

/*修改*/
.header .navbar-others .navbar-lang {
  width         :24%;
  display       :inline-block;
  vertical-align:middle;
  text-align    :center;
  padding-right :5px;
  /*margin-left :13%;*/
}

/*修改结束*/

.header .navbar-others .navbar-lang .lang_now {
  position     :relative;
  display      :inline-block;
  padding-left :29px;
  padding-right:15px;
  background   :url(/skin/images/lang.png) no-repeat left center;
}

.header .navbar-others .navbar-lang .lang_now h1 {
  font-size  :1.6rem;
  color      :#4e5458;
  line-height:1.8rem;
}

.header .navbar-others .navbar-lang .lang_now ul {
  display    :none;
  position   :absolute;
  left       :0;
  width      :100%;
  padding-top:5PX;
}

.header .navbar-others .navbar-lang .lang_now ul li {
  border-left  :2px solid rgba(1, 165, 237, 0.3);
  border-right :2px solid rgba(1, 165, 237, 0.3);
  border-bottom:2px solid rgba(1, 165, 237, 0.3);
}

.header .navbar-others .navbar-lang .lang_now ul li a {
  display    :block;
  font-size  :1.6rem;
  line-height:2.4rem;
  color      :#666;
  text-align :center;
}

.header .navbar-others .navbar-lang .lang_now ul li a:hover {
  background-color:#fff;
  color           :#001967;
}

.header .navbar-others .navbar-lang .lang_now::after {
  content     :'';
  position    :absolute;
  right       :0;
  top         :50%;
  border-top  :4px solid #fff;
  border-left :3.5px solid transparent;
  border-right:3.5px solid transparent;
}

.header .navbar-others .navbar-lang .lang_now:hover ul {
  display:block;
}

.header .navbar-others .navbar-phone {
  width         :38%;
  display       :inline-block;
  vertical-align:middle;
  text-align    :center;
  padding-right :5px;
}

.header .navbar-others .navbar-phone span {
  padding-left:29px;
  font-size   :1.8rem;
  font-weight :bold;
  color       :#4e5458;
  background  :url(/skin/images/call-answer.png) no-repeat left center;
  word-wrap:break-word;
}

/*修改*/
.header .navbar-others .navbar-search {
  width         :38%;
  display       :inline-block;
  vertical-align:middle;
  padding-right :5px;
  float         :right;
}
@media screen and (max-width:1600px){
  .header .navbar-others .navbar-search{width:10%;}
  .header .navbar-others .navbar-phone{width:186px;}

}
@media screen and (max-width:1200px){  .header .navbar-others{display:none;}}
.navbar-search img {
  width       :18px;
  margin-right:10px;
  float       :left;
  margin-left :20px;
}

.navbar-search .ss {
  width :14px;
  cursor:pointer;
}

.navbar-search a {
  color    :#777;
  font-size:16px;
  float    :left;
}

.navbar-search span {
  color    :#777;
  float    :left;
  font-size:17px;
  display  :block;
  margin   :0 5px;
}

/*Search*/
#sousou2 {
  color:#222;
}

.sousou3 {
  position  :fixed;
  z-index   :1;
  background:rgba(0, 0, 0, 0.4);
  width     :100%;
  height    :50px;
  top       :107px;
  left      :0px;
  display   :none;
  z-index   :1003;
  text-align:center;
}

.sousou3 input {
  width        :40%;
  margin       :5px auto;
  height       :40px;
  line-height  :40px;
  background   :#fff;
  box-sizing   :border-box;
  text-indent  :1em;
  border-radius:2px;
  border       :none;
  font-size    :14px;
}

.sousou3 .input2 {
  width        :80px;
  margin-left  :-80px;
  position     :absolute;
  cursor       :pointer;
  padding-left :0px;
  color        :#fff;
  font-size    :14px;
  background   :#00bcff;
  border-radius:0px;
  outline      :none;
}

.sousou3 i {
  float    :right;
  color    :#fff;
  font-size:18px;
  padding  :15px 15px 0 0;
  cursor   :pointer;
}

/*修改结束*/
.header.shadow .large {
  display:none;
}

.header.shadow .small {
  display:block;
}

.header.shadow .mainnav li .one-title a {
  color:#4e5458;
}
.header.shadow .mainnav li .one-title a:hover{color:#00a0e9;}
.header.shadow .mainnav li .phsearchicon:after {
  border-color:#4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now h1 {
  color:#4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now ul li a {
  color:#4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now ul li a:hover {
  background-color:#fff;
  color           :#001967;
}

.header.shadow .navbar-others .navbar-lang .lang_now::after {
  content     :'';
  position    :absolute;
  right       :0;
  top         :50%;
  border-top  :4px solid #fff;
  border-left :3.5px solid transparent;
  border-right:3.5px solid transparent;
}

.header.shadow .navbar-others .navbar-lang .lang_now:hover ul {
  display:block;
}

.header.shadow .navbar-others .navbar-phone span {
  color:#4e5458;
}

.header.shadow .navbar-others .navbar-search form {
  border:1px solid #4e5458;
}

.main {
  background-color:#f4f4f4;
}

.main .m1 {
  padding:3.125% 0;
  background:#fff;
}

/*.main .m1 .tit {
  background-image:url(/skin/images/products_t.png);
}*/

.main .m1 .swiper-container .swiper-slide {
  padding-left      :0;
  padding-right     :0;
  -webkit-transition:all 0.5s;
  -o-transition     :all 0.5s;
  transition        :all 0.5s;
}
.main .m1 .swiper-container .swiper-slide a{/*display:block;margin:0 30px;*/}
.main .m1 .swiper-container .swiper-slide .box {
  background-color:#fff;
  padding         :8% 0;
  font-size       :0;
}

.main .m1 .swiper-container .swiper-slide .box .txt {
  display       :inline-block;
  width         :50%;
  vertical-align:middle;
  padding-left  :8%;
}

.main .m1 .swiper-container .swiper-slide .box .txt h1 {
  font-size       :2.6rem;
  color           :#4c4c4c;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
  margin-bottom   :10px;
}

.main .m1 .swiper-container .swiper-slide .box .txt span {
  display         :block;
  font-size       :1.4rem;
  color           :#666;
  padding-bottom  :10px;
  border-bottom   :2px solid #f4f4f4;
  margin-bottom   :10px;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
}

.main .m1 .swiper-container .swiper-slide .box .txt p {
  font-size    :1.4rem;
  color        :#888;
  line-height  :2.5rem;
  margin-bottom:2.4rem;
}

.main .m1 .swiper-container .swiper-slide .box .txt a {
  display         :block;
  width           :113px;
  height          :36px;
  line-height     :36px;
  font-size       :1.6rem;
  color           :#666666;
  text-align      :center;
  background-color:#f4f4f4;
}

.main .m1 .swiper-container .swiper-slide .box .txt a:hover {
  background-color:#283288;
  color           :#fff;
}

.main .m1 .swiper-container .swiper-slide .box .pic {
  width          :50%;
  display        :inline-block;
  vertical-align :middle;
  background     :url(/skin/images/p_bg.png) no-repeat center center;
  background-size:80% auto;
}

.main .m1 .swiper-container .swiper-slide:hover {
  -webkit-transform:translateY(-8px);
  -ms-transform    :translateY(-8px);
  transform        :translateY(-8px);
}

.main .m1 .swiper-container .swiper-slide.on {
  -webkit-transform:scale(1);
  -ms-transform    :scale(1);
  transform        :scale(1);
}


.main .m1 .swiper-container {
  margin-top   :7.7%;
  padding-left :400px;
  padding-right:400px;
}

.main .m1 .swiper-container .swiper-slide {
  text-align:center;
}

.main .m1 .swiper-container .swiper-slide .box {
  width   :auto;
  display :inline-block;
  position:relative;
}

.main .m1 .swiper-container .swiper-slide .box>img {
  width    :auto;
  max-width:447px;
}

.main .m1 .swiper-container .swiper-slide .box>.mask {
  display   :none;
  position  :absolute;
  left      :0;
  top       :0;
  right     :0;
  bottom    :0;
  margin    :auto;
  width     :100%;
  height    :100%;
  background:rgba(0, 192, 255, 0.8);
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt {
  position         :absolute;
  left             :50%;
  top              :50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform    :translate(-50%, -50%);
  transform        :translate(-50%, -50%);
  font-size        :0px;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>h1 {
  white-space  :nowrap;
  overflow     :hidden;
  font-size    :2.4rem;
  margin-top   :0;
  margin-bottom:10%;
  color        :#fff;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>.s_bd {
  width        :36px;
  height       :3px;
  background   :#fff;
  display      :inline-block;
  max-width    :20%;
  margin-bottom:10%;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>p {
  font-size    :1.6rem;
  color        :#fff;
  line-height  :150%;
  margin-bottom:10%;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>a {
  display      :inline-block;
  width        :48px;
  height       :48px;
  line-height  :48px;
  text-align   :center;
  background   :#fff;
  color        :#00dbff;
  border-radius:50%;
  font-size    :1.6rem;
}

.main .m1 .swiper-container .swiper-slide .box:hover>.mask {
  display:block;
}

.main .m1 .swiper-container .swiper-button-prev {
  left:0px;
}

.main .m1 .swiper-container .swiper-button-next {
  /*left:71.5%;*/
}


.main .m2 {
  padding:3.125% 0;
}


.main .m2 .tit {
  background-image:url(/skin/images/solution_bg.png);
}

.main .m2 .m2_wrapper ul {
  overflow:hidden;
}

.main .m2 .m2_wrapper ul li {
  position          :relative;
  width             :16.6666%;
  float             :left;
  -webkit-transition:all 0.3s ease-in;
  -o-transition     :all 0.3s ease-in;
  transition        :all 0.3s ease-in;
}

.main .m2 .m2_wrapper ul li::before {
  content         :'';
  position        :absolute;
  left            :0;
  top             :0;
  width           :100%;
  height          :100%;
  background-color:rgba(0, 0, 0, 0.4);
  opacity         :1;
}

.main .m2 .m2_wrapper ul li .txt {
  position         :absolute;
  left             :0;
  top              :50%;
  -webkit-transform:translateY(-50%);
  -ms-transform    :translateY(-50%);
  transform        :translateY(-50%);
  width            :50%;
  height           :50%;
  background-color :rgba(255, 255, 255, 0.9);
  opacity          :0;
  z-index          :3;
}

.main .m2 .m2_wrapper ul li.on .txt {
  opacity           :1;
  -webkit-transition:all 0.5s ease-in;
  -o-transition     :all 0.5s ease-in;
  transition        :all 0.5s ease-in;
}

/*修改开始*/
.main .m2 .m2_wrapper ul li.on .txt img {
  width     :53px !important;
  position  :absolute;
  right     :-26.5px;
  margin-top:-17.5px;
  top       :50%;
  margin-top:-26.5px;
}

/*修改结束*/
.main .m2 .m2_wrapper ul li.on::before {
  opacity:0;
}


.main .m2 .m2_wrapper ul li .txt .txt_wrapper {
  position         :absolute;
  left             :10%;
  top              :50%;
  -webkit-transform:translateY(-50%);
  -ms-transform    :translateY(-50%);
  transform        :translateY(-50%);
  width            :80%;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h3 {
  font-size    :1.6rem;
  color        :#666;
  margin-bottom:15px;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h2 {
  position      :relative;
  font-size     :2.6rem;
  color         :#2b2b2b;
  padding-bottom:20px;
  margin-bottom :20px;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h2::after {
  content         :'';
  position        :absolute;
  left            :0;
  bottom          :0;
  width           :70px;
  height          :3px;
  background-color:#02c7eb;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper p {
  font-size  :1.4rem;
  color      :#666666;
  line-height:2.4rem;
  height     :4.66rem;
  overflow   :hidden;
}

/*修改2*/
.main .m2 .m2_wrapper ul li .title {
  position          :absolute;
  left              :50%;
  top               :50%;
  -webkit-transform :translateY(-50%) translateX(-50%);
  transform         :translateY(-50%) translateX(-50%);
  font-size         :2.2rem;
  color             :#fff;
  white-space       :nowrap;
  max-width         :100%;
  overflow          :hidden;
  opacity           :1;
  -webkit-transition:all 0.5s;
  -o-transition     :all 0.5s;
  transition        :all 0.5s;
}

.main .m2 .m2_wrapper ul li .title {
  text-align:center;
}

.main .m2 .m2_wrapper ul li .title img {
  width        :85px !important;
  margin-bottom:10px;
}

.main .m2 .m2_wrapper ul li .title p {
  font-size:18px;
  margin   :10px 0;
}

.main .m2 .m2_wrapper ul li .title span {
  display   :block;
  width     :31px;
  height    :2px;
  background:#fff;
  margin    :0px auto;
}

/*修改2结束*/
.main .m2 .m2_wrapper ul li.on {
  width:50%;
}

.main .m2 .m2_wrapper ul li.on .title {
  bottom            :0;
  opacity           :0;
  -webkit-transition:none;
  -o-transition     :none;
  transition        :none;
}

.main .m3 {
  padding:3.125% 0;
}

.main .m3 .tit {
  background-image:url(/skin/images/hp_bg.png);
}

.main .m3 .m3_wrapper {
  overflow:hidden;
}

.main .m3 .m3_wrapper .left_wrapper {
  width:66.40625%;
  float:left;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper {
  position:relative;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con {
  position         :absolute;
  width            :75%;
  left             :50%;
  top              :50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform    :translate(-50%, -50%);
  transform        :translate(-50%, -50%);
  font-size        :0;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .pic {
  width         :35%;
  display       :inline-block;
  vertical-align:middle;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt {
  width         :65%;
  padding-left  :9.5%;
  display       :inline-block;
  vertical-align:middle;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt h1 {
  font-size    :2rem;
  color        :#fff;
  margin-bottom:5%;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt p {
  font-size  :1.4rem;
  color      :#fff;
  line-height:2.4rem;
}

.main .m3 .m3_wrapper .left_wrapper .left_bottom_wrapper>div {
  padding:0;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper {
  position:relative;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con {
  position         :absolute;
  width            :78%;
  left             :50%;
  top              :50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform    :translate(-50%, -50%);
  transform        :translate(-50%, -50%);
  font-size        :0;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .pic,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .pic {
  width         :50%;
  display       :inline-block;
  vertical-align:middle;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt {
  width         :50%;
  padding-right :11.5%;
  display       :inline-block;
  vertical-align:middle;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1 {
  font-size    :2rem;
  color        :#fff;
  margin-bottom:5%;
  line-height  :3rem;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt p {
  font-size  :1.4rem;
  color      :#fff;
  line-height:2.4rem;
}

.main .m3 .m3_wrapper .right_wrapper {
  position:relative;
  width   :33.59375%;
  float   :left;
}

.main .m3 .m3_wrapper .right_wrapper .con {
  position         :absolute;
  width            :55%;
  left             :50%;
  top              :10%;
  -webkit-transform:translateX(-50%);
  -ms-transform    :translateX(-50%);
  transform        :translateX(-50%);
  font-size        :0;
}

.main .m3 .m3_wrapper .right_wrapper .con .txt {
  font-size :2rem;
  color     :#fff;
  text-align:center;
  margin-top:10%;
}

.main .m4 {
  padding:3.125% 0;
}

.main .m4 .about_wrapper {
  width        :55%;
  float        :left;
  padding-right:2%;
}

.main .m4 .about_wrapper .about_con ul {
  overflow     :hidden;
  margin-bottom:25px;
  margin-left  :-10px;
  margin-right :-10px;
}

.main .m4 .about_wrapper .about_con ul li {
  position     :relative;
  float        :left;
  padding-left :10px;
  padding-right:10px;
}

.main .m4 .about_wrapper .about_con ul li a {
  position:relative;
  display :block;
}

.main .m4 .about_wrapper .about_con ul li a::after {
  content            :'';
  position           :absolute;
  left               :0;
  top                :0;
  right              :0;
  bottom             :0;
  width              :100%;
  height             :100%;
  margin             :auto;
  background-color   :rgba(51, 164, 222, 0.9);
  background-image   :url(/skin/images/iconfont-jia.png);
  background-repeat  :no-repeat;
  background-position:center center;
  opacity            :0;
  pointer-events     :none;
}

.main .m4 .about_wrapper .about_con ul li a:hover::after {
  opacity:1;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper {
  overflow        :hidden;
  background-color:#fff;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt {
  padding:4%;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt h1 {
  font-size    :2.2rem;
  color        :#242424;
  margin-bottom:5.5%;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt p {
  font-size  :1.4rem;
  color      :#666666;
  line-height:2rem;
  height     :8rem;
  overflow   :hidden;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .pic {
  position     :relative;
  padding-right:0;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .pic::before {
  content      :'';
  position     :absolute;
  left         :15px;
  top          :15%;
  border-left  :17px solid #e2e3e9;
  border-top   :16px solid transparent;
  border-bottom:16px solid transparent;
}

.main .m4 .new_wrapper {
  width:45%;
  float:left;
}

.main .m4 .new_wrapper .new_con {
  background-color:#e2e3e9;
  overflow        :hidden;
}

.main .m4 .new_wrapper .new_con .new_con_left {
  background-color:#fff;
  width           :58%;
  float           :left;
  padding         :37px;
}

.main .m4 .new_wrapper .new_con .new_con_left .con li a {
  display         :block;
  font-size       :1.4rem;
  color           :#5a5a5a;
  line-height     :2.9rem;
  overflow        :hidden;
  white-space     :nowrap;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
}

.main .m4 .new_wrapper .new_con .new_con_left .con li:hover a {
  color:#283288;
}

.main .m4 .new_wrapper .new_con .new_con_right {
  width           :42%;
  float           :left;
  background-color:#e2e3e9;
}

.main .m4 .new_wrapper .new_con .new_con_right h1 {
  padding      :37px;
  margin-bottom:0;
}

.main .m4 .new_wrapper .new_con .new_con_right p {
  font-size    :1.4rem;
  color        :#8c8c8c;
  line-height  :2.4rem;
  padding-left :40px;
  padding-right:40px;
}

.main .m4 .new_wrapper .new_con .new_con_right .con {
  margin-top:8%;
}

.main .m4 .new_wrapper .new_con .new_con_right .con video {
  width:100%;
}

.main .m4 .new_wrapper .new_con .new_con_right .swiper-pagination {
  position  :static;
  width     :100%;
  text-align:center;
  margin-top:15px;
}

.main .m4 .new_wrapper .new_con .new_con_right .swiper-pagination .swiper-pagination-bullet {
  width :11px;
  height:11px;
  margin:0 3px;
}

.main .m4 .new_wrapper h1 {
  font-size    :2.2rem;
  color        :#1e1e1e;
  margin-bottom:35px;
}

.main .m4 .title {
  font-size    :3.6rem;
  color        :#2d2d2d;
  border-bottom:1px solid #e0e0e0;
  line-height  :7.2rem;
  margin-bottom:50px;
}

.main .m4 .title span {
  display      :inline-block;
  border-bottom:3px solid #00a8fe;
  line-height  :7.2rem;
}

.main .tit {
  background-repeat  :no-repeat;
  background-position:center center;
  background-size    :auto 100%;
  text-align         :center;
  padding-top        :1.2%;
  padding-bottom     :1%;
  margin-bottom      :2.5%;
}

.main .tit h1 {
  position      :relative;
  font-size     :4.4rem;
  color         :#454545;
  padding-bottom:1%;
}

.main .tit h1::after {
  content          :'';
  position         :absolute;
  left             :50%;
  bottom           :0;
  -webkit-transform:translateX(-50%);
  -ms-transform    :translateX(-50%);
  transform        :translateX(-50%);
  width            :35px;
  height           :3px;
  background-color :#00a8fe;
}

.ban {
  position  :relative;
  width     :100%;
  text-align:center;
}

.ban .txt {
  position         :absolute;
  top              :50%;
  left             :50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform    :translate(-50%, -50%);
  transform        :translate(-50%, -50%);
  padding-bottom   :5%;
  -webkit-animation:hearts 1.3s ease-in-out infinite alternate;
  animation        :hearts 1.3s ease-in-out infinite alternate;
}

.ban .txt h2 {
  font-size    :1.6rem;
  color        :#fff;
  font-weight  :normal;
  margin-bottom:5%;
}

.ban .txt h1 {
  font-size    :3.6rem;
  color        :#fff;
  margin-bottom:5%;
}

.ban .txt p {
  font-size:1.4rem;
  color    :#fff;
}

.ban .txt::after {
  content          :'>';
  position         :absolute;
  left             :50%;
  bottom           :0;
  font-size        :3.2rem;
  color            :#fff;
  -webkit-transform:translateX(-50%) rotate(90deg);
  -ms-transform    :translateX(-50%) rotate(90deg);
  transform        :translateX(-50%) rotate(90deg);
}

.page_box {
  overflow:auto;
}

.page_box .page {
  text-align:center;
  font-size :0;
  min-width :350px;
}

.page_box .page>span {
  width           :38px;
  height          :35px;
  display         :inline-block;
  line-height     :35px;
  font-size       :1.6rem;
  margin-right    :10px;
  color           :#fff;
  background-color:#163a9b;
  border-radius   :3px;
  vertical-align  :middle;
}

.page_box .page>a {
  width           :38px;
  height          :35px;
  display         :inline-block;
  line-height     :35px;
  font-size       :1.6rem;
  margin-right    :10px;
  color           :#333;
  background-color:#e2e2e2;
  border-radius   :3px;
  vertical-align  :middle;
}

.page_box .page>a:first-child {
  width       :12px;
  height      :35px;
  padding     :0 1%;
  margin-right:5px;
  background  :#fff url(/skin/images/searchico.png) no-repeat center center;
  font-size   :0;
}

.page_box .page>a:first-child:hover {
  background:#fff url(/skin/images/searchico.png) no-repeat center center;
}

.page_box .page>a:last-child {
  width      :12px;
  height     :35px;
  padding    :0 1%;
  margin-left:-5px;
  font-size  :0;
  background :#fff url(/skin/images/searchico.png) no-repeat center center;
}

.page_box .page>a:last-child:hover {
  background:#fff url(/skin/images/searchico.png) no-repeat center center;
}

.page_box .page>a:hover {
  background-color:#163a9b;
  color           :#fff;
}

.pages .pagelist {
  text-align:center;
  margin-top:5%;
}

.pages .pagelist li {
  display      :inline-block;
  height       :40px;
  line-height  :40px;
  padding      :0 15px;
  font-size    :1.6rem;
  color        :#6d6d6d;
  border       :1px solid #6d6d6d;
  text-align   :center;
  cursor       :pointer;
  margin       :0 7px;
  border-radius:3px;
}

.pages .pagelist li a {
  height     :40px;
  line-height:40px;
  font-size  :1.6rem;
  color      :#6d6d6d;
}

.pages .pagelist li.active {
  background-image:-webkit-gradient(linear, left top, right top, from(#5592ec), to(#1c62cd));
  background-image:-webkit-linear-gradient(left, #5592ec, #1c62cd);
  background-image:-o-linear-gradient(left, #5592ec, #1c62cd);
  background-image:linear-gradient(to right, #5592ec, #1c62cd);
  border          :0;
  color           :#fff;
  cursor          :none;
}

.pages .pagelist li.active a {
  background-image:-webkit-gradient(linear, left top, right top, from(#5592ec), to(#1c62cd));
  background-image:-webkit-linear-gradient(left, #5592ec, #1c62cd);
  background-image:-o-linear-gradient(left, #5592ec, #1c62cd);
  background-image:linear-gradient(to right, #5592ec, #1c62cd);
  border          :0;
  color           :#fff;
  cursor          :none;
}

.my-map#container {
  width   :100%;
  height  :450px;
  position:static;
}

.my-map#container img {
  width:auto !important;
}

.my-map#container .amap-icon img {
  width:100% !important;
}

.my-map#container .icon {
  background:url(/skin/images/marker.png) no-repeat;
}

.my-map#container .icon-cir {
  height:31px;
  width :28px;
}

.my-map#container .icon-cir-red {
  background-position:-11px -5px;
}

.amap-container {
  height:100%;
}

.page {
  max-width:1400px;
}

.contents .path {
  background-color:#fff;
}

.contents .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.about .path {
  background-color:#fff;
}

.contents.about .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.about .path ul li {
  width     :16.6666%;
  float     :left;
  text-align:center;
}

.contents.about .path ul li a {
  display:block;
}

.contents.about .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :60px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.about .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/a1_icon1.png);
}

.contents.about .path ul li:nth-child(1).active a span,
.contents.about .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/a1_icon1_2.png);
}

.contents.about .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/a1_icon2.png);
}

.contents.about .path ul li:nth-child(2).active a span,
.contents.about .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/a1_icon2_2.png);
}

.contents.about .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/a1_icon3.png);
}

.contents.about .path ul li:nth-child(3).active a span,
.contents.about .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/a1_icon3_2.png);
}

.contents.about .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/a1_icon4.png);
}

.contents.about .path ul li:nth-child(4).active a span,
.contents.about .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/a1_icon4_2.png);
}

.contents.about .path ul li:nth-child(5) a span {
  background-image:url(/skin/images/a1_icon5.png);
}

.contents.about .path ul li:nth-child(5).active a span,
.contents.about .path ul li:nth-child(5):hover a span {
  background-image:url(/skin/images/a1_icon5_2.png);
}

.contents.about .path ul li:nth-child(6) a span {
  background-image:url(/skin/images/a1_icon6.png);
}

.contents.about .path ul li:nth-child(6).active a span,
.contents.about .path ul li:nth-child(6):hover a span {
  background-image:url(/skin/images/a1_icon6_2.png);
}

.contents.about .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.about .c1 .c_con {
  font-size:0;
}

.contents.about .c1 .c_con .pic {
  display       :inline-block;
  vertical-align:middle;
  width         :34.5%;
  text-align    :center;
}

.contents.about .c1 .c_con .pic img {
  width    :auto;
  max-width:100%;
}

.contents.about .c1 .c_con .txt {
  display       :inline-block;
  vertical-align:middle;
  width         :65.5%;
}

.contents.about .c1 .c_con .txt p {
  font-size    :1.4rem;
  color        :#666666;
  line-height  :3.6rem;
  margin-bottom:15px;
}

.contents.about .c1 .c_list {
  margin-top:5%;
  overflow  :hidden;
}

.contents.about .c1 .c_list li {
  width              :20%;
  float              :left;
  padding-left       :80px;
  background-position:left center;
  background-repeat  :no-repeat;
  background-size    :auto 80%;
}

.contents.about .c1 .c_list li .num {
  font-size    :4.8rem;
  color        :#0f4e9b;
  font-weight  :bold;
  margin-bottom:10px;
}

.contents.about .c1 .c_list li .num span {
  font-size    :4.8rem;
  color        :#0f4e9b;
  font-weight  :bold;
  margin-bottom:10px;
}

.contents.about .c1 .c_list li span {
  font-size  :1.6rem;
  color      :#484848;
  font-weight:bold;
}

.contents.about .c1 .c_list li:nth-child(1) {
  background-image:url(/skin/images/manufacture.png);
}

.contents.about .c1 .c_list li:nth-child(2) {
  background-image:url(/skin/images/pathway.png);
}

.contents.about .c1 .c_list li:nth-child(3) {
  background-image:url(/skin/images/quality.png);
}

.contents.about .c1 .c_list li:nth-child(4) {
  background-image:url(/skin/images/product.png);
}

.contents.about .c1 .c_list li:nth-child(5) {
  background-image:url(/skin/images/team.png);
}

.contents.about .c2 {
  padding         :3% 0;
  background-color:#fff;
}

.contents.about .c2 .c_tit {
  text-align   :center;
  margin-bottom:4.5%;
}

.contents.about .c2 .c_con .timeline {
  overflow:hidden;
}

.contents.about .c2 .c_con .swiper-slide .s_con {
  position     :relative;
  max-width    :955px;
  width        :80%;
  margin       :0 auto;
  font-size    :0;
  border-bottom:1px solid #dcdcdc;
}

.contents.about .c2 .c_con .swiper-slide .s_con .pic {
  display         :inline-block;
  vertical-align  :middle;
  width           :50%;
  padding-right   :6%;
  border-radius   :5px;
  overflow        :hidden;
  background-color:#fff;
  margin-bottom   :-1px;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt {
  display       :inline-block;
  vertical-align:middle;
  width         :50%;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt h1 {
  font-size    :4rem;
  color        :#00a0e9;
  margin-bottom:30px;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt p {
  font-size:1.6rem;
  color    :#666666;
}

.contents.about .c2 .c_con .pagination_box {
  display   :block;
  width     :100%;
  width     :1400px !important;
  height    :100px;
  overflow  :hidden;
  margin-top:5%;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination {
  position    :relative;
  white-space :nowrap;
  padding-left:170px;
  width       :100% !important;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination:after {
  position     :absolute;
  left         :0;
  top          :43px;
  z-index      :-1;
  content      :'';
  width        :100%;
  height       :0;
  border-bottom:2px dotted #b1b1b1;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet {
  position          :relative;
  -webkit-transition:all 0.3s;
  -o-transition     :all 0.3s;
  transition        :all 0.3s;
  -webkit-transform :none !important;
  -ms-transform     :none !important;
  transform         :none !important;
  background-color  :#a5bcde;
  opacity           :1;
  margin-right      :200px;
  font-size         :1.5rem;
  color             :#004994;
  font-weight       :bold;
  text-align        :center;
  width             :auto;
  height            :100px;
  padding-top       :50px;
  background-color  :transparent !important;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet i {
  font-size        :2.6rem;
  color            :#666;
  display          :block;
  -webkit-transform:translateX(-50%);
  -ms-transform    :translateX(-50%);
  transform        :translateX(-50%);
  margin-top       :5px;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet::before {
  position        :absolute;
  left            :0;
  bottom          :60px;
  content         :'';
  display         :block;
  width           :2px;
  height          :14px;
  background-color:#b1b1b1;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet.swiper-pagination-bullet-active i {
  color    :#004994;
  font-size:3.2rem;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  height          :50px;
  background-color:#00a0e9;
}

.contents.about .c3 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.about .c3 .c_tit {
  text-align:left;
}

.contents.about .c3 .c_con {
  position   :relative;
  padding-top:80px;
}

.contents.about .c3 .c_con .swiper-slide a {
  display         :block;
  background-color:#fff;
}

.contents.about .c3 .c_con .swiper-slide p {
  font-size     :1.6rem;
  color         :#313131;
  text-align    :center;
  border-bottom :1px solid #d1d1d1;
  border-left   :1px solid #d1d1d1;
  border-right  :1px solid #d1d1d1;
  padding-top   :5%;
  padding-bottom:5%;
}

.contents.about .c3 .c_con .swiper-button-prev {
  width     :52px;
  height    :51px;
  background:url(/skin/images/arrow-left.png);
  left      :auto;
  right     :60px;
  top       :0;
}

.contents.about .c3 .c_con .swiper-button-next {
  width     :52px;
  height    :51px;
  background:url(/skin/images/arrow-right.png);
  left      :auto;
  right     :0;
  top       :0;
}

.contents.about .c4 {
  padding         :3% 0;
  background-color:#fff;
}

.contents.about .c4 .c_tit {
  text-align   :center;
  margin-bottom:4.5%;
}

.contents.about .c4 .c_con ul {
  overflow      :hidden;
  padding-top   :10px;
  padding-bottom:10px;
}

.contents.about .c4 .c_con ul li {
  margin-bottom:12px;
}

.contents.about .c4 .c_con ul li a {
  display           :block;
  border            :4px solid #ededef;
  -webkit-transition:-webkit-transform 0.3s;
  transition        :-webkit-transform 0.3s;
  -o-transition     :transform 0.3s;
  transition        :transform 0.3s;
  transition        :transform 0.3s, -webkit-transform 0.3s;
}

.contents.about .c4 .c_con ul li:hover a img {
  -webkit-transform :scale(1.05);
  -ms-transform     :scale(1.05);
  transform         :scale(1.05);
  border            :0;
  -webkit-box-shadow:0 0 35px 8px rgba(0, 0, 0, 0.1);
  box-shadow        :0 0 35px 8px rgba(0, 0, 0, 0.1);
}

.contents.about .c5 {
  padding         :3% 0;
  background-color:#1a8bcf;
}

.contents.about .c5 .c_tit {
  text-align   :center;
  margin-bottom:4.5%;
  color        :#fff;
}

.contents.about .c5 .c_tit h1 {
  color        :#fff;
  margin-bottom:20px;
}

.contents.about .c5 .c_tit p {
  font-size:1.6rem;
}

.contents.about .c5 .c_con .txt h1 {
  font-size :2rem;
  color     :#fff;
  margin-top:20px;
}

.contents.about .c5 .c_con .txt p {
  font-size  :1.4rem;
  color      :#fff;
  line-height:2.4rem;
  margin-top :15px;
}

.contents.about .c6 {
  padding         :3% 0;
  background-color:#ffffff;
}

.contents.about .c6 .c_tit {
  text-align:center;
}

.contents.about .c6 .c_con {
  position   :relative;
  padding-top:80px;
}

.contents.about .c6 .c_con ul {
  overflow     :hidden;
  padding-left :7%;
  padding-right:7%;
  margin-bottom:6%;
}

.contents.about .c6 .c_con ul li {
  display       :inline-block;
  vertical-align:middle;
}

.contents.about .c6 .c_con ul li a {
  display    :block;
  position   :relative;
  font-size  :1.6rem;
  color      :#666;
  padding-top:15px;
  text-align :center;
}

.contents.about .c6 .c_con ul li a::before {
  content            :'';
  display            :block;
  margin             :0 auto 30px;
  width              :87px;
  height             :87px;
  border-radius      :50%;
  background-color   :#fff;
  background-repeat  :no-repeat;
  background-position:center center;
  background-size    :60% 60%;
  -webkit-box-shadow :0 0 24px 4px rgba(0, 0, 0, 0.1);
  box-shadow         :0 0 24px 4px rgba(0, 0, 0, 0.1);
}

.contents.about .c6 .c_con ul li:nth-child(1) a::before {
  background-image:url(/skin/images/idea2.png);
}

.contents.about .c6 .c_con ul li:nth-child(1).active a::before {
  background-image:url(/skin/images/idea.png);
}

.contents.about .c6 .c_con ul li:nth-child(2) a::before {
  background-image:url(/skin/images/cake.png);
}

.contents.about .c6 .c_con ul li:nth-child(2).active a::before {
  background-image:url(/skin/images/cake2.png);
}

.contents.about .c6 .c_con ul li:nth-child(3) a::before {
  background-image:url(/skin/images/collaboration.png);
}

.contents.about .c6 .c_con ul li:nth-child(3).active a::before {
  background-image:url(/skin/images/collaboration2.png);
}

.contents.about .c6 .c_con ul li:nth-child(4) a::before {
  background-image:url(/skin/images/airplane.png);
}

.contents.about .c6 .c_con ul li:nth-child(4).active a::before {
  background-image:url(/skin/images/airplane2.png);
}

.contents.about .c6 .c_con ul li.active a::before {
  background-color:#1a8bcf;
}

.contents.about .c6 .c_con .culture-swiper-list {
  position:relative;
}

.contents.about .c6 .c_con .culture-swiper-list .swiper-nav {
  position      :absolute;
  width         :100%;
  left          :0;
  top           :0;
  opacity       :0;
  z-index       :0;
  pointer-events:none;
}

.contents.about .c6 .c_con .culture-swiper-list .swiper-nav.on {
  position      :relative;
  width         :100%;
  left          :0;
  top           :0;
  opacity       :1;
  z-index       :2;
  pointer-events:visible;
}

.contents.about .c6 .c_con .swiper-button-prev {
  width     :73px;
  height    :72px;
  background:url(/skin/images/arrow-left2.png);
}

.contents.about .c6 .c_con .swiper-button-next {
  width     :73px;
  height    :72px;
  background:url(/skin/images/arrow-right2.png);
}

.contents.about .c_tit h1 {
  font-size:3.6rem;
  color    :#313131;
}

.contents.product .path {
  background-color:#fff;
}

.contents.product .path ul {
  padding        :20px 0;
  overflow       :hidden;
  display        :flex;
  justify-content:center;
  flex-wrap      :wrap;
}

.contents.product .path ul li {

  padding   :0 15px;
  text-align:center;
}

.contents.product .path ul li a {
  display:block;
}

.contents.product .path ul li a img {
  height :46px;
  width  :auto;
  display:block;
  margin :0 auto;
}

.contents.product .path ul li a .cy {
  display:none;
}

.contents.product .path ul li.active a .cy {
  display:block;
}

.contents.product .path ul li.active a .xs {
  display:none;
}

.contents.product .path ul li:hover a .cy {
  display:block;
}

.contents.product .path ul li:hover a .xs {
  display:none;
}

.contents.product .path ul li:hover i {
  color:#0f4e9b;
}

.contents.product .path ul li:hover i::after {
  content          :'';
  position         :absolute;
  width            :100%;
  height           :3px;
  background-color :#0f4e9b;
  right            :0;
  bottom           :0;
  -webkit-transform:translateY(34px);
  -ms-transform    :translateY(34px);
  transform        :translateY(34px);
}

.contents.product .path ul li a span {
  display            :inline-block;
  font-size          :1.4rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.product .path ul li a span i {
  position  :relative;
  font-style:normal;
}

/*.contents.product .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/p_icon1.png);
}

.contents.product .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/p_icon2.png);
}

.contents.product .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/p_icon3.png);
}

.contents.product .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/p_icon4.png);
}*/

.contents.product .path ul li.active i {
  color:#0f4e9b;
}

.contents.product .path ul li.active i::after {
  content          :'';
  position         :absolute;
  width            :100%;
  height           :3px;
  background-color :#0f4e9b;
  right            :0;
  bottom           :0;
  -webkit-transform:translateY(34px);
  -ms-transform    :translateY(34px);
  transform        :translateY(34px);
}

.contents.product .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.product .c1 ul li .product_wrapper {
  background-color  :#fff;
  -webkit-box-shadow:0 0 16px 4px rgba(0, 0, 0, 0.1);
  box-shadow        :0 0 16px 4px rgba(0, 0, 0, 0.1);
  margin-bottom     :30px;
}

.contents.product .c1 ul li .product_wrapper .pic a {
  display:block;
}

.contents.product .c1 ul li .product_wrapper .txt {
  padding-left  :10%;
  padding-right :10%;
  padding-bottom:1px;
}

.contents.product .c1 ul li .product_wrapper .txt a {
  display      :block;
  font-size    :16px;
  margin-bottom:10px;
  color        :#4c4c4c;
  font-weight  :bold;
  overflow          :hidden;
  line-height:44px;
    height:44px;
}

.contents.product .c1 ul li .product_wrapper .txt p {
  font-size         :1.4rem;
  color             :#888888;
  line-height       :2.4rem;
  margin-bottom     :30px;
  overflow          :hidden;
  text-overflow     :ellipsis;
  display           :-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.contents.product .c1 ul li:hover .txt a {
  color:#0f4e9b;
}







/*.contents.product_show .path {*/
/*  background-color:#fff;*/
/*}*/

/*.contents.product_show .path ul {*/
/*  padding :20px 0;*/
/*  overflow:hidden;*/
/*}*/

/*.contents.product_show .path ul li {*/
/*  width     :25%;*/
/*  float     :left;*/
/*  text-align:center;*/
/*}*/

/*.contents.product_show .path ul li a {*/
/*  display:block;*/
/*}*/

/*.contents.product_show .path ul li a span {*/
/*  display            :inline-block;*/
/*  font-size          :1.6rem;*/
/*  color              :#484848;*/
/*  height             :4rem;*/
/*  line-height        :4rem;*/
/*  padding-left       :135px;*/
/*  background-repeat  :no-repeat;*/
/*  background-position:left center;*/
/*}*/

/*.contents.product_show .path ul li a span i {*/
/*  position  :relative;*/
/*  font-style:normal;*/
/*}*/

/*.contents.product_show .path ul li:nth-child(1) a span {*/
/*  background-image                :url(/skin/images/p_icon1.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(2) a span {*/
/*  background-image                :url(/skin/images/p_icon2.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(3) a span {*/
/*  background-image                :url(/skin/images/p_icon3.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(4) a span {*/
/*  background-image                :url(/skin/images/p_icon4.png);*/
/*}*/

/*.contents.product_show .path ul li.active i {*/
/*  color:#0f4e9b;*/
/*}*/

/*.contents.product_show .path ul li.active i::after {*/
/*  content                                  :'';*/
/*  position                                 :absolute;*/
/*  width                                    :100%;*/
/*  height                                   :3px;*/
/*  background-color                         :#0f4e9b;*/
/*  right                                    :0;*/
/*  bottom                                   :0;*/
/*  -webkit-transform                        :translateY(34px);*/
/*  -ms-transform                            :translateY(34px);*/
/*  transform                                :translateY(34px);*/
/*}*/









.contents.product_show .page_main {
  background-color:#f7f7f7;
  padding         :2% 0;
}

.contents.product_show .c1 {
  overflow          :hidden;
  margin-bottom     :2%;
  padding-left      :5%;
  padding-right     :5%;
  padding-bottom    :8%;
  background-color  :#fff;
  -webkit-box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow        :0 0 15px 5px rgba(0, 0, 0, 0.1);
}

.contents.product_show .c1 .view {
  position:relative;
}

.contents.product_show .c1 .view .arrow-left {
  position  :absolute;
  left      :0;
  top       :50%;
  width     :17px;
  height    :29px;
  z-index   :29;
  background:url(/skin/images/keyboard-left-arrow-button.png) no-repeat;
}

.contents.product_show .c1 .view .arrow-right {
  position  :absolute;
  right     :0;
  top       :50%;
  width     :17px;
  height    :29px;
  z-index   :29;
  background:url(/skin/images/keyboard-right-arrow-button.png) no-repeat;
}

.contents.product_show .c1 .preview {
  margin-top:10px;
}

.contents.product_show .c1 .preview .swiper-slide {
  border:2px solid #e4e4e4;
}

.contents.product_show .c1 .detail_box {
  padding-left:5.5%;
  margin-top  :10%;
}

.contents.product_show .c1 .detail_box h1 {
  font-size    :2.6rem;
  color        :#0f4e9b;
  margin-bottom:25px;
}

.contents.product_show .c1 .detail_box p {
  font-size    :1.4rem;
  color        :#888888;
  line-height  :2.4rem;
  margin-bottom:20px;
}

.contents.product_show .c1 .detail_box ul {
  overflow  :hidden;
  margin-top:7%;
}

.contents.product_show .c1 .detail_box ul li {
  float       :left;
  margin-right:2%;
}

.contents.product_show .c1 .detail_box ul li a {
  display            :block;
  font-size          :1.4rem;
  color              :#474747;
  background-repeat  :no-repeat;
  background-position:center top;
  padding-top        :60px;
  text-align         :center;
}

.contents.product_show .c1 .detail_box ul li:nth-child(1) a {
  background-image:url(/skin/images/document-content.png);
}

.contents.product_show .c1 .detail_box ul li:nth-child(2) a {
  background-image:url(/skin/images/icon_play.png);
}

.contents.product_show .c1 .detail_box ul li:nth-child(3) a {
  background-image:url(/skin/images/content-management.png);
}

.contents.product_show .c1 .detail_box ul li:nth-child(4) a {
  background-image:url(/skin/images/add-file.png);
}

.contents.product_show .c2 {
  background-color:#fff;
  padding         :5%;
}

.contents.product_show .c2 .c21 .txt,
.contents.product_show .c2 .c22 .txt,
.contents.product_show .c2 .c23 .txt,
.contents.product_show .c2 .c24 .txt {
 
  padding  :4% 0;
}
.contents.product_show .c2 .c24 .txt p{color:#666;font-size:16px;margin-bottom:15px;}
.contents.product_show .c2 .c21 .txt .trait,
.contents.product_show .c2 .c22 .txt .trait,
.contents.product_show .c2 .c23 .txt .trait,
.contents.product_show .c2 .c24 .txt .trait {
  width    :940px;
  max-width:100%;
}

.contents.product_show .c2 .c21 .txt .trait p,
.contents.product_show .c2 .c22 .txt .trait p,
.contents.product_show .c2 .c23 .txt .trait p,
.contents.product_show .c2 .c24 .txt .trait p {
  display       :inline-block;
  vertical-align:middle;
  font-size     :1.4rem;
  color         :#666666;
  width         :470px;
  max-width     :50%;
  line-height   :3.6rem;
}

.contents.product_show .c2 .c21 img,
.contents.product_show .c2 .c22 img,
.contents.product_show .c2 .c23 img,
.contents.product_show .c2 .c24 img {
  width    :auto;
  max-width:100%;
}

.contents.product_show .c2 .title {
  font-size    :2.6rem;
  color        :#0f4e9b;
  border-bottom:2px solid #eee;
}

.contents.product_show .c2 .title span {
  line-height  :6rem;
  display      :inline-block;
  border-bottom:2px solid #0f4e9b;
  margin-bottom:-2px;
}

.contents.product_show .videoed {
  display      :none;
  width        :50px;
  height       :50px;
  position     :absolute;
  left         :45%;
  top          :45%;
  z-index      :99;
  border-radius:100%;
}

.contents.product_show .videos {
  display    :none;
  border     :1px solid #080808;
  position   :fixed;
  left       :50%;
  top        :50%;
  margin-left:-320px;
  margin-top :-210px;
  z-index    :100;
  width      :640px;
  height     :360px;
  max-width  :100%;
}

.contents.product_show .vclose {
  position     :absolute;
  right        :1%;
  top          :1%;
  border-radius:100%;
  cursor       :pointer;
  width        :auto;
}

.contents.product_show .modal ul li a {
  display         :block;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
  line-height     :2.4rem;
}

.contents.product_show .modal ul li:hover a {
  color:#0f4e9b;
}

.contents.solution .path {
  background-color:#fff;
}

.contents.solution .path ul {
  padding        :20px 0;
  overflow       :hidden;
  display        :flex;
  justify-content:center;
  flex-wrap      :wrap;
}

.contents.solution .path ul li {
  /*width     :25%;*/
  /*float     :left;*/
  margin      :0 10px;
  text-align  :center;
  position    :relative;
  text-align  :center;
}

.contents.solution .path ul li img {
  width  :auto;
  margin :0 auto;
  display:block;
  height :40px;
}

.contents.solution .path ul li .cy {
  display:none;
}

.contents.solution .path ul li.active i {
  position  :absolute;
  width     :100%;
  height    :2px;
  background:#0f4e9b;
  left      :0;
}

.contents.solution .path ul li.active a span {
  color:#0f4e9b;
}

.contents.solution .path ul li.active .cy {
  display:block;
}

.contents.solution .path ul li.active .xs {
  display:none;
}

.contents.solution .path ul li:hover i {
  position  :absolute;
  width     :100%;
  height    :2px;
  background:#0f4e9b;
  left      :0;
}

.contents.solution .path ul li:hover a span {
  color:#0f4e9b;
}

.contents.solution .path ul li:hover .cy {
  display:block;
}

.contents.solution .path ul li:hover .xs {
  display:none;
}

/*.contents.solution .path ul li                 :hover .xs{display:none;}
.contents.solution .path ul li                   :hover .yc{display:none;}
.contents.solution .path ul li                   :hover a span{color:#0f4e9b;}
.contents.solution .path ul li.active .xs{display:block;}
.contents.solution .path ul li.active .yc{display:none;}*/

.contents.solution .path ul li a {
  display:block;
}

.contents.solution .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.solution .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.solution .path ul li {}




.contents.solution .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
  font-size       :0;
}

.contents.solution .c1 .pic {
  display       :inline-block;
  vertical-align:middle;
  width         :45%;
}

.contents.solution .c1 .txt {
  display       :inline-block;
  vertical-align:middle;
  width         :55%;
  padding-left  :5%;
}

.contents.solution .c1 .txt h1 {
  position      :relative;
  font-size     :2.4rem;
  color         :#000;
  padding-bottom:25px;
  margin-bottom :3%;
}

.contents.solution .c1 .txt h1::before {
  content         :'';
  position        :absolute;
  left            :0;
  bottom          :0;
  width           :45px;
  height          :2px;
  background-color:#115eb8;
}

.contents.solution .c1 .txt p {
  font-size  :1.6rem;
  color      :#666;
  line-height:3rem;
}

.contents.solution .c1 ul {
  overflow  :hidden;
  margin-top:3%;
}

.contents.solution .c1 ul li {
  float       :left;
  margin-right:5%;
}

.contents.solution .c1 ul li a {
  display            :block;
  font-size          :1.4rem;
  color              :#474747;
  background-repeat  :no-repeat;
  background-position:center top;
  padding-top        :60px;
  text-align         :center;
}

.contents.solution .c1 ul li:nth-child(1) a {
  background-image:url(/skin/images/document-content.png);
}

.contents.solution .c1 ul li:nth-child(2) a {
  background-image:url(/skin/images/icon_play.png);
}

.contents.solution .c1 ul li:nth-child(3) a {
  background-image:url(/skin/images/content-management.png);
}

.contents.solution .c1 ul li:nth-child(4) a {
  background-image:url(/skin/images/add-file.png);
}

.contents.solution .c2 {
  background-color:#f2f2f2;
}

.contents.solution .c2 p {
  font-size    :1.6rem;
  color        :#666;
  line-height  :3rem;
  margin-bottom:3%;
}

.contents.solution .c3 {
  padding:3% 0;
}

.contents.solution .c3 li {
  text-align:center;
}

.contents.solution .c3 li p {
  font-size    :1.6rem;
  color        :#505050;
  margin-bottom:8%;
}

.contents.solution .c3 li a {
  display         :inline-block;
  width           :110px;
  height          :36px;
  line-height     :36px;
  font-size       :1.4rem;
  color           :#666;
  background-color:#f4f4f4;
}

.contents.solution .c3 li:hover a {
  color:#2370c4;
}

.contents.solution .videoed {
  display      :none;
  width        :50px;
  height       :50px;
  position     :absolute;
  left         :45%;
  top          :45%;
  z-index      :99;
  border-radius:100%;
}

.contents.solution .videos {
  display    :none;
  border     :1px solid #080808;
  position   :fixed;
  left       :50%;
  top        :50%;
  margin-left:-320px;
  margin-top :-210px;
  z-index    :100;
  width      :640px;
  height     :360px;
  max-width  :100%;
}

.contents.solution .vclose {
  position     :absolute;
  right        :1%;
  top          :1%;
  border-radius:100%;
  cursor       :pointer;
  width        :auto;
}

.contents.solution .modal ul li a {
  display         :block;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
  line-height     :2.4rem;
}

.contents.solution .modal ul li:hover a {
  color:#0f4e9b;
}

.contents.support .path {
  background-color:#fff;
}

.contents.support .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.support .path ul li {
  width     :33.3333%;
  float     :left;
  text-align:center;
}

.contents.support .path ul li a {
  display:block;
}

.contents.support .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.support .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.support .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/support.png);
}

.contents.support .path ul li:nth-child(1).active a span,
.contents.support .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/support2.png);
  color           :#115eb8;
}

.contents.support .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/file.png);
}

.contents.support .path ul li:nth-child(2).active a span,
.contents.support .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/file2.png);
  color           :#115eb8;
}

.contents.support .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/maintenance.png);
}

.contents.support .path ul li:nth-child(3).active a span,
.contents.support .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/maintenance2.png);
  color           :#115eb8;
}

.contents.support .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/execution.png);
}

.contents.support .path ul li:nth-child(4).active a span,
.contents.support .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/execution2.png);
  color           :#115eb8;
}

.contents.support .c1 {
  padding-top     :3%;
  background-color:#f2f2f2;
}

.contents.support .c1 .c1_wrapper {
  background-color:#fff;
  font-size       :0;
}

.contents.support .c1 .c1_wrapper .pic {
  display       :inline-block;
  vertical-align:middle;
  width         :38%;
}

.contents.support .c1 .c1_wrapper .txt {
  display       :inline-block;
  vertical-align:middle;
  width         :62%;
  padding-left  :5%;
}

.contents.support .c1 .c1_wrapper .txt h1 {
  position      :relative;
  font-size     :2.2rem;
  color         :#2b2b2b;
  padding-bottom:20px;
  margin-bottom :20px;
}

.contents.support .c1 .c1_wrapper .txt h1::before {
  content         :'';
  position        :absolute;
  left            :0;
  bottom          :0;
  width           :70px;
  height          :3px;
  background-color:#2370c4;
}

.contents.support .c1 .c1_wrapper .txt p {
  font-size  :1.4rem;
  color      :#666;
  line-height:2.4rem;
}

.contents.support .c2 {
  padding-top     :3%;
  background-color:#f2f2f2;
}

.contents.support .c2 .c2_wrapper {
  padding-top     :3%;
  padding-bottom  :5%;
  background-color:#fff;
}

.contents.support .c2 ul {
  overflow:hidden;
}

.contents.support .c2 ul li {
  padding-left:4.5%;
}

.contents.support .c2 ul li h1 {
  position      :relative;
  font-size     :2.2rem;
  color         :#2b2b2b;
  padding-bottom:20px;
  margin-bottom :20px;
}

.contents.support .c2 ul li h1::before {
  content         :'';
  position        :absolute;
  left            :0;
  bottom          :0;
  width           :70px;
  height          :3px;
  background-color:#2370c4;
}

.contents.support .c2 ul li p {
  font-size  :1.4rem;
  color      :#666;
  line-height:2.4rem;
}

.contents.support .c2 ul li:nth-child(2) {
  border-left :2px solid #e3e3e3;
  border-right:2px solid #e3e3e3;
}

.contents.support .c3 {
  padding-top     :3%;
  padding-bottom  :3%;
  background-color:#f2f2f2;
}

.contents.support .c3 .c3_wrapper {
  padding-top     :3%;
  padding-bottom  :5%;
  background-color:#fff;
}

.contents.support .c3 .title {
  text-align:center;
}

.contents.support .c3 .title h1 {
  position      :relative;
  font-size     :2.2rem;
  color         :#2b2b2b;
  padding-bottom:20px;
  margin-bottom :20px;
}

.contents.support .c3 .title h1::before {
  content          :'';
  position         :absolute;
  left             :50%;
  bottom           :0;
  -webkit-transform:translateX(-50%);
  -ms-transform    :translateX(-50%);
  transform        :translateX(-50%);
  width            :70px;
  height           :3px;
  background-color :#2370c4;
}

.contents.support .c3 ul {
  overflow:hidden;
}

.contents.support .c3 ul li {
  padding-left:4.5%;
}

.contents.support .c3 ul li .li_wrapper {
  position:relative;
  height  :198px;
  border  :1px solid #e8e8e8;
}

.contents.support .c3 ul li .li_wrapper .li_box {
  position           :absolute;
  left               :50%;
  top                :50%;
  -webkit-transform  :translate(-50%, -50%);
  -ms-transform      :translate(-50%, -50%);
  transform          :translate(-50%, -50%);
  padding-left       :24%;
  background-repeat  :no-repeat;
  background-position:left center;
  background-size    :auto 100%;
}

.contents.support .c3 ul li .li_wrapper .li_box h1,
.contents.support .c3 ul li .li_wrapper .li_box p,
.contents.support .c3 ul li .li_wrapper .li_box a {
  font-size    :1.5rem;
  color        :#666;
  margin-bottom:15px;
  white-space  :nowrap;
}

.contents.support .c3 ul li .li_wrapper .li_box a {
  color:#2370c4;
}

.contents.support .c3 ul li:nth-child(1) .li_wrapper .li_box {
  background-image:url(/skin/images/phone-call.png);
}

.contents.support .c3 ul li:nth-child(2) .li_wrapper .li_box {
  background-image:url(/skin/images/supp.png);
}

.contents.support .c3 ul li:nth-child(3) .li_wrapper .li_box {
  background-image:url(/skin/images/email.png);
}

.contents.support2 .path {
  background-color:#fff;
}

.contents.support2 .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.support2 .path ul li {
  width     :33.3333%;
  float     :left;
  text-align:center;
}

.contents.support2 .path ul li a {
  display:block;
}

.contents.support2 .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.support2 .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.support2 .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/support.png);
}

.contents.support2 .path ul li:nth-child(1).active a span,
.contents.support2 .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/support2.png);
  color           :#115eb8;
}

.contents.support2 .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/file.png);
}

.contents.support2 .path ul li:nth-child(2).active a span,
.contents.support2 .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/file2.png);
  color           :#115eb8;
}

.contents.support2 .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/maintenance.png);
}

.contents.support2 .path ul li:nth-child(3).active a span,
.contents.support2 .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/maintenance2.png);
  color           :#115eb8;
}

.contents.support2 .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/execution.png);
}

.contents.support2 .path ul li:nth-child(4).active a span,
.contents.support2 .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/execution2.png);
  color           :#115eb8;
}

.contents.support2 .c1 {
  padding-top     :3%;
  background-color:#f2f2f2;
}

.contents.support2 .c1 ul {
  overflow      :hidden;
  padding-bottom:3%;
  border-bottom :2px solid #ececec;
}

.contents.support2 .c1 ul li a {
  display          :block;
  background-color :#fff;
  background-image :url(/skin/images/bgrepeat.jpg);
  background-repeat:repeat;
  text-align       :center;
  padding-top      :8%;
  padding-bottom   :8%;
}

.contents.support2 .c1 ul li a span {
  display          :inline-block;
  background-repeat:no-repeat;
  background-size  :auto 100%;
  text-align       :center;
  height           :50px;
  line-height      :50px;
  padding-left     :30%;
}

.contents.support2 .c1 ul li:nth-child(1) a span {
  background-image:url(/skin/images/box.png);
}

.contents.support2 .c1 ul li:nth-child(2) a span {
  background-image:url(/skin/images/release.png);
}

.contents.support2 .c1 ul li:nth-child(3) a span {
  background-image:url(/skin/images/flyer.png);
}

.contents.support2 .c1 ul li:nth-child(4) a span {
  background-image:url(/skin/images/software.png);
}

.contents.support2 .c2 {
  padding-top     :1.5%;
  background-color:#f2f2f2;
}

.contents.support2 .c2 form {
  width           :250px;
  max-width       :100%;
  border          :none;
  border-radius   :5px;
  font-size       :0;
  background-color:#fff;
  float           :right;
}

.contents.support2 .c2 form input {
  display         :inline-block;
  vertical-align  :middle;
  width           :85%;
  height          :3.8rem;
  line-height     :3.8rem;
  padding         :5px 10px;
  font-size       :1.4rem;
  border          :0;
  color           :#000;
  background-color:#fff;
}

.contents.support2 .c2 form input:focus {
  outline:none;
}

.contents.support2 .c2 form button {
  display         :inline-block;
  vertical-align  :middle;
  width           :15%;
  height          :3.8rem;
  outline         :0;
  border          :0;
  font-size       :1.8rem;
  text-align      :center;
  color           :#000;
  background-color:transparent;
}

.contents.support2 .c3 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.support2 .c3 ul {
  display:none;
}

.contents.support2 .c3 ul li {
  margin-bottom:30px;
}

.contents.support2 .c3 ul li .title {
  padding-left    :15px;
  padding-right   :15px;
  border-bottom   :1px solid #ededed;
  background-color:#fff;
}

.contents.support2 .c3 ul li .title h1 {
  position        :relative;
  font-size       :1.6rem;
  padding-left    :40px;
  padding-right   :40px;
  background      :url(/skin/images/searchico.jpg) no-repeat left center;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
  height          :5rem;
  line-height     :5rem;
}

.contents.support2 .c3 ul li .title h1 a {
  position         :absolute;
  right            :0;
  top              :50%;
  -webkit-transform:translateY(-50%);
  -ms-transform    :translateY(-50%);
  transform        :translateY(-50%);
}

.contents.support2 .c3 ul li .txt {
  padding         :25px;
  color           :#494949;
  background-color:#fff;
  height          :106px;
  overflow        :hidden;
}

.contents.support2 .c3 ul li .txt p {
  line-height:2.4rem;
  font-size  :1.4rem;
  height     :4.6666rem;
  overflow   :hidden;
}

.contents.support2 .c3 ul.on {
  display:block;
}

.contents.support3 .path {
  background-color:#fff;
}

.contents.support3 .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.support3 .path ul li {
  width     :33.3333%;
  float     :left;
  text-align:center;
}

.contents.support3 .path ul li a {
  display:block;
}

.contents.support3 .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.support3 .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.support3 .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/support.png);
}

.contents.support3 .path ul li:nth-child(1).active a span,
.contents.support3 .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/support2.png);
  color           :#115eb8;
}

.contents.support3 .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/file.png);
}

.contents.support3 .path ul li:nth-child(2).active a span,
.contents.support3 .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/file2.png);
  color           :#115eb8;
}

.contents.support3 .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/maintenance.png);
}

.contents.support3 .path ul li:nth-child(3).active a span,
.contents.support3 .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/maintenance2.png);
  color           :#115eb8;
}

.contents.support3 .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/execution.png);
}

.contents.support3 .path ul li:nth-child(4).active a span,
.contents.support3 .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/execution2.png);
  color           :#115eb8;
}

.contents.support3 .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.support3 .c1 ul {
  background-color:#fff;
  padding-left    :5.5%;
  padding-right   :5.5%;
}

.contents.support3 .c1 li {
  overflow      :hidden;
  padding-top   :5.5%;
  padding-bottom:4%;
  border-bottom :1px solid #ececec;
}

.contents.support3 .c1 li .progs_icon {
  width        :12%;
  float        :left;
  padding-left :5px;
  padding-right:5px;
  text-align   :center;
}

.contents.support3 .c1 li .progs_icon img {
  width    :auto;
  max-width:100%;
}

.contents.support3 .c1 li .progs {
  width     :16.5%;
  float     :left;
  font-size :2.2rem;
  color     :#2b2b2b;
  text-align:center;
}

.contents.support3 .c1 li .progs p {
  margin-top   :5px;
  margin-bottom:10%;
}

.contents.support3 .c1 li .progs img {
  width    :auto;
  max-width:100%;
}

.contents.support3 .c1 li .description {
  width:71.5%;
  float:left;
}

.contents.support3 .c1 li .description p {
  font-size  :1.4rem;
  color      :#666;
  line-height:2.4rem;
}

.contents.news .path {
  background-color:#fff;
}

.contents.news .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.news .path ul li {
  width     :33.3333%;
  float     :left;
  text-align:center;
}

.contents.news .path ul li a {
  display:block;
}

.contents.news .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.news .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.news .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/safety.png);
}

.contents.news .path ul li:nth-child(1).active a span,
.contents.news .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/safety2.png);
  color           :#115eb8;
}

.contents.news .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/power-supply.png);
}

.contents.news .path ul li:nth-child(2).active a span,
.contents.news .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/power-supply2.png);
  color           :#115eb8;
}

.contents.news .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/files.png);
}

.contents.news .path ul li:nth-child(3).active a span,
.contents.news .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/files2.png);
  color           :#115eb8;
}

.contents.news .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/execution.png);
}

.contents.news .path ul li:nth-child(4).active a span,
.contents.news .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/execution2.png);
  color           :#115eb8;
}

.contents.news .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.news .c1 ul {
  overflow:hidden;
}

.contents.news .c1 ul li {
  margin-bottom:2.5%;
}

.contents.news .c1 ul li .txt {
  background-color:#fff;
  padding         :8%;
  border          :2px solid #eaeaea;
}

.contents.news .c1 ul li .txt h1 {
  font-size    :1.8rem;
  color        :#0e1110;
  line-height  :100%;
  margin-bottom:5%;
}

.contents.news .c1 ul li .txt h1 a {
  display         :block;
  font-size       :1.8rem;
  color           :#0e1110;
  line-height     :100%;
  white-space     :nowrap;
  overflow        :hidden;
  -o-text-overflow:ellipsis;
  text-overflow   :ellipsis;
}

.contents.news .c1 ul li .txt p {
  font-size    :1.4rem;
  color        :#666;
  line-height  :2.4rem;
  height       :4.6666rem;
  overflow     :hidden;
  margin-bottom:10px;
}

.contents.news .c1 ul li .txt span {
  font-size  :1.4rem;
  font-weight:lighter;
  color      :#666;
}

.contents.news .c1 ul li:hover .txt h1 a {
  color:#2370c4;
}

.contents.new_show .path {
  background-color:#fff;
}

.contents.new_show .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.new_show .path ul li {
  width     :33.3333%;
  float     :left;
  text-align:center;
}

.contents.new_show .path ul li a {
  display:block;
}

.contents.new_show .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.new_show .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.new_show .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/safety.png);
}

.contents.new_show .path ul li:nth-child(1).active a span,
.contents.new_show .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/safety2.png);
  color           :#115eb8;
}

.contents.new_show .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/power-supply.png);
}

.contents.new_show .path ul li:nth-child(2).active a span,
.contents.new_show .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/power-supply2.png);
  color           :#115eb8;
}

.contents.new_show .path ul li:nth-child(3) a span {
  background-image:url(/skin/images/files.png);
}

.contents.new_show .path ul li:nth-child(3).active a span,
.contents.new_show .path ul li:nth-child(3):hover a span {
  background-image:url(/skin/images/files2.png);
  color           :#115eb8;
}

.contents.new_show .path ul li:nth-child(4) a span {
  background-image:url(/skin/images/execution.png);
}

.contents.new_show .path ul li:nth-child(4).active a span,
.contents.new_show .path ul li:nth-child(4):hover a span {
  background-image:url(/skin/images/execution2.png);
  color           :#115eb8;
}

.contents.new_show .c1 {
  padding         :3% 0;
  background-color:#f2f2f2;
}

.contents.new_show .c1 .art .title {
  text-align   :center;
  margin-bottom:3%;
}

.contents.new_show .c1 .art .title h1 {
  font-size:2.4rem;
  color    :#444;
}

.contents.new_show .c1 .art .title p {
  margin-top:20px;
}

.contents.new_show .c1 .art .title p span {
  font-size:1.2rem;
  color    :#666;
  margin   :0 10px;
}

.contents.new_show .c1 .art article p {
  font-size  :1.4rem;
  line-height:2.4rem;
  color      :#444;
}

.contents.contact .path {
  background-color:#fff;
}

.contents.contact .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.contact .path ul li {
  width     :50%;
  float     :left;
  text-align:center;
}

.contents.contact .path ul li a {
  display:block;
}

.contents.contact .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.contact .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.contact .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/emails.png);
}

.contents.contact .path ul li:nth-child(1).active a span,
.contents.contact .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/emails2.png);
  color           :#115eb8;
}

.contents.contact .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/recruitment.png);
}

.contents.contact .path ul li:nth-child(2).active a span,
.contents.contact .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/recruitment2.png);
  color           :#115eb8;
}

.contents.contact .c1 {
  padding-top     :3%;
  background-color:#f2f2f2;
}

.contents.contact .c1 .container {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
}

.contents.contact .c1 .col-sm-4 {
  -webkit-box-flex:1;
  -moz-box-flex   :1;
  -ms-flex        :1;
  flex            :1;
  float           :none;
  background-color:#fff;
  margin          :15px;
}

.contents.contact .c1 .detail-item:nth-child(1) h1 {
  background-image:url(/skin/images/building.png);
}

.contents.contact .c1 .detail-item:nth-child(2) h1 {
  background-image:url(/skin/images/emaile.png);
}

.contents.contact .c1 .detail-item:nth-child(3) h1 {
  background-image:url(/skin/images/phone-calls.png);
}

.contents.contact .c1 .txt {
  padding:10%;
}

.contents.contact .c1 .txt h1 {
  font-size          :2.2rem;
  color              :#0f5ea8;
  line-height        :3rem;
  margin-bottom      :30px;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.contact .c1 .txt p {
  font-size  :1.4rem;
  color      :#666;
  line-height:4.4rem;
}

.contents.contact .c2 {
  padding-top     :30px;
  padding-bottom  :30px;
  background-color:#f2f2f2;
}

.contents.contact .c2 .c2_box {
  background-color:#fff;
  padding         :5% 4%;
}

.contents.contact .c2 .c2_box h1 {
  font-size    :2.2rem;
  color        :#414141;
  text-align   :center;
  margin-bottom:20px;
}

.contents.contact .c2 .c2_box p {
  font-size    :1.4rem;
  color        :#444;
  text-align   :center;
  margin-bottom:5%;
}

.contents.contact .c2 form {
  width   :100%;
  overflow:hidden;
}

.contents.contact .c2 form .f_left input {
  width        :100%;
  height       :58px;
  line-height  :58px;
  font-size    :1.6rem;
  color        :#666;
  border       :1px solid #dcdcdc;
  padding      :20px;
  margin-bottom:25px;
}

.contents.contact .c2 form .f_right textarea {
  width        :100%;
  height       :310px;
  font-size    :1.6rem;
  color        :#666;
  border       :1px solid #dcdcdc;
  padding      :20px;
  margin-bottom:25px;
}

.contents.contact .c2 form .f_btn {
  text-align:right;
}

.contents.contact .c2 form .f_btn button {
  width      :150px;
  height     :40px;
  line-height:40px;
  font-size  :1.6rem;
}

.contents.contact .c2 form .f_btn button[type="submit"] {
  background-color:#0372cd;
  color           :#fff;
}

.contents.contact .c3 {
  padding  :3% 0;
  width    :1400px;
  margin   :0 auto;
  max-width:100%;
}

.contents.contact .c3 h1 {
  font-size    :2.2rem;
  color        :#2f2f2f;
  text-align   :center;
  margin-bottom:30px;
}

.contents.contact .c3 p {
  font-size    :1.4rem;
  color        :#444444;
  line-height  :2.4rem;
  max-width    :630px;
  text-align   :center;
  margin       :0 auto;
  margin-bottom:5%;
  display:none;
}

.contents.contact .c3 .address {
  text-align:left !important;
}

.contents.contact2 .path {
  background-color:#fff;
}

.contents.contact2 .path ul {
  padding :20px 0;
  overflow:hidden;
}

.contents.contact2 .path ul li {
  width     :50%;
  float     :left;
  text-align:center;
}

.contents.contact2 .path ul li a {
  display:block;
}

.contents.contact2 .path ul li a span {
  display            :inline-block;
  font-size          :1.6rem;
  color              :#484848;
  height             :4rem;
  line-height        :4rem;
  padding-left       :55px;
  background-repeat  :no-repeat;
  background-position:left center;
}

.contents.contact2 .path ul li a span i {
  position  :relative;
  font-style:normal;
}

.contents.contact2 .path ul li:nth-child(1) a span {
  background-image:url(/skin/images/emails.png);
}

.contents.contact2 .path ul li:nth-child(1).active a span,
.contents.contact2 .path ul li:nth-child(1):hover a span {
  background-image:url(/skin/images/emails2.png);
  color           :#115eb8;
}

.contents.contact2 .path ul li:nth-child(2) a span {
  background-image:url(/skin/images/recruitment.png);
}

.contents.contact2 .path ul li:nth-child(2).active a span,
.contents.contact2 .path ul li:nth-child(2):hover a span {
  background-image:url(/skin/images/recruitment2.png);
  color           :#115eb8;
}

.contents.contact2 .c1 {
  background-color:#f3f3f3;
  padding         :3.64583% 0;
}

.contents.contact2 .c1 .panel {
  border-color      :#e9e9e9;
  border-radius     :0;
  -webkit-box-shadow:none;
  box-shadow        :none;
  margin-bottom     :15px;
}

.contents.contact2 .c1 .panel .panel-heading {
  background-color:#fff;
  border-color    :#e9e9e9;
}

.contents.contact2 .c1 .panel .panel-heading+.panel-collapse .panel-body {
  border-color:#e9e9e9;
  padding     :3%;
}

.contents.contact2 .c1 .panel .panel-heading+.panel-collapse .panel-body p {
  font-size  :1.4rem;
  color      :#8e8e8e;
  line-height:3rem;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title [aria-expanded="true"] .detail span::after {
  -webkit-transform:rotate(90deg);
  -ms-transform    :rotate(90deg);
  transform        :rotate(90deg);
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a {
  display          :-webkit-box;
  display          :-moz-box;
  display          :-ms-flexbox;
  display          :flex;
  -webkit-box-pack :center;
  -moz-box-pack    :center;
  -ms-flex-pack    :center;
  justify-content  :center;
  -webkit-box-align:center;
  -moz-box-align   :center;
  -ms-flex-align   :center;
  align-items      :center;
  padding          :3% 0;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a>div {
  -webkit-box-flex:1;
  -moz-box-flex   :1;
  -ms-flex        :1;
  flex            :1;
  text-align      :center;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .name {
  font-size:1.8rem;
  color    :#196797;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .salary {
  font-size:1.8rem;
  color    :#196797;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .date {
  font-size:1.4rem;
  color    :#8e8e8e;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .detail span {
  position     :relative;
  display      :inline-block;
  font-size    :1.4rem;
  height       :20px;
  line-height  :20px;
  color        :#8e8e8e;
  padding-right:30px;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .detail span::after {
  content   :'';
  position  :absolute;
  right     :0;
  top       :0;
  width     :20px;
  height    :20px;
  background:url(/skin/images/more.png) no-repeat right center;
}



footer {
  background-color:#2370c4;
  padding-top     :3.5%;
  padding-bottom  :3.5%;
}

footer .footer_box {
  overflow:hidden;
}

footer .foot_nav {
  width          :80%;
  float          :left;
  display        :flex;
  justify-content:space-around;
}

/*修改*/
footer .foot_nav dl {
  /*width        :14%;*/
  float          :left;
  /* padding-left:2%*/
  ;
}

footer .foot_nav dl img {
  width     :132px;
  display   :block;
  margin-top:8px;
}

/*修改结束*/

footer .foot_nav dl dt {
  font-size    :1.8rem;
  color        :#fff;
  margin-bottom:25px;
  font-weight  :normal;
}

footer .foot_nav dl dd {
  font-size  :1.6rem;
  color      :rgba(255, 255, 255, 0.6);
  line-height:3rem;
}

footer .foot_nav dl dd a {
  font-size  :1.6rem;
  color      :rgba(255, 255, 255, 0.6);
  line-height:3rem;
}

footer .foot_nav dl dd:hover a {
  color:#fff;
}

footer .foot_share {
  width     :20%;
  float     :right;
  font-size :1.6rem;
  color     :#004994;
  text-align:right;
}

footer .foot_share .bdsharebuttonbox a {
  width              :40px;
  height             :40px;
  margin-top         :0;
  margin-bottom      :0;
  float              :left;
  background-position:center center !important;
  background-color   :#065fc5;
  border-radius      :50%;
  margin-right       :15px;
}

footer .foot_share .bdsharebuttonbox a.bds_tsina {
  background-image:url(/skin/images/weibo.png);
}

footer .foot_share .bdsharebuttonbox a.bds_sqq {
  background-image:url(/skin/images/qq.png);
}

footer .foot_share .bdsharebuttonbox a.bds_weixin {
  background-image:url(/skin/images/wechat.png);
}

footer .foot_share .foot-search {
  margin-top:20%;
}

footer .foot_share .foot-search form {
  width           :250px;
  max-width       :100%;
  border          :none;
  border-radius   :5px;
  font-size       :0;
  background-color:#065fc5;





}

footer .foot_share .foot-search form input {
  display         :inline-block;
  vertical-align  :middle;
  width           :85%;
  height          :3.8rem;
  line-height     :3.8rem;
  padding         :5px 10px;
  font-size       :1.4rem;
  border          :0;
  color           :#fff;
  background-color:#065fc5;
}

footer .foot_share .foot-search form input:focus {
  outline:none;
}

footer .foot_share .foot-search form ::-webkit-input-placeholder {
  color      :#fff;
  font-weight:400;
}

footer .foot_share .foot-search form :-moz-placeholder {
  color      :#fff;
  font-weight:400;
}

footer .foot_share .foot-search form ::-moz-placeholder {
  color      :#fff;
  font-weight:400;
}

footer .foot_share .foot-search form :-ms-input-placeholder {
  color      :#fff !important;
  font-weight:400 !important;
}

footer .foot_share .foot-search form ::-ms-input-placeholder {
  color      :#fff;
  font-weight:400;
}

footer .foot_share .foot-search form ::placeholder {
  color      :#fff;
  font-weight:400;
}

footer .foot_share .foot-search form button {
  display         :inline-block;
  vertical-align  :middle;
  width           :15%;
  height          :3.8rem;
  outline         :0;
  border          :0;
  font-size       :1.8rem;
  text-align      :center;
  color           :#fff;
  background-color:transparent;
}

.bq {
  background-color:#034ba4;
  padding-top     :2.4rem;
  padding-bottom  :1.8rem;
  overflow        :hidden;
}

.bq .copy {
  font-size  :1.2rem;
  color      :#e0e9f4;
  line-height:1.7rem;
  float      :left;
}

.bq .copy a {
  color  :#fff;
  display:none;
}

.bq ul {
  float:right;
}

.bq ul li {
  float:left;
}

.bq ul li a {
  font-size    :1.2rem;
  color        :#abd2fe;
  border-right :1px solid #1d5dad;
  padding-left :25px;
  padding-right:25px;
}

.bq ul li:hover a {
  color:#fff;
}

.bq ul li:last-child a {
  border-right:0;
}

.share>li {
  width  :32px;
  height :32px;
  display:inline-block;
  margin :0 5px;
}

.mobile-foot {
  background:#163a9b;
}
.contents.about .path ul .active a span{color:#005cce}
.contents.about .path ul li:hover a span{color:#005cce}
.contents.about .path ul  li 

.mobile-foot>.container>.panel-group {
  margin-bottom:5px;
}

.mobile-foot>.container>.panel-group>.panel {
  border-radius:0;
  margin-top   :0;
}

.mobile-foot>.container>.panel-group>.panel>.panel-heading {
  background:#163a9b;
  opacity   :1;
}

.mobile-foot .panel-primary>.panel-heading {
  background-color:#000;
  border-radius   :0;
  color           :#fff;
  opacity         :0.7;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>input {
  width        :100%;
  height       :30px;
  padding      :9px 11px;
  border       :1px solid #dcdcdc;
  border-radius:5px;
  margin-bottom:5px;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>input:focus {
  outline:none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>textarea {
  width        :100%;
  height       :80px;
  padding      :9px 11px;
  border       :1px solid #dcdcdc;
  border-radius:5px;
  resize       :none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>textarea:focus {
  outline:none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>button {
  width        :64px;
  height       :30px;
  background   :#cb9200;
  color        :#fff;
  text-align   :center;
  border       :0;
  border-radius:5px;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd {
  padding-left       :35px;
  line-height        :35px;
  background-position:left top 7px;
  background-repeat  :no-repeat;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(1) {
  background-image:url(/skin/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(2) {
  background-image:url(/skin/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(3) {
  background-image:url(/skin/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>a>span {
  margin-left:10px;
}

.mobile-foot img {
  width:auto !important;
}

.mobile-foot>.container {
  padding:0;
}

.mobile-foot .panel-title>a {
  display:block;
}

.mobile-foot .panel-title>a:hover {
  color:#fff;
}

.mobile-foot .panel-body {
  padding:0 !important;
}

#ups-banner .swiper-slide {
  position:relative;
}

#ups-banner .swiper-slide .content {
  position         :absolute;
  left             :15%;
  top              :50%;
  z-index          :3;
  -webkit-transform:translateY(-50%);
  -ms-transform    :translateY(-50%);
  transform        :translateY(-50%);
}

#ups-banner .swiper-slide .content .txt {
  font-family      :'Gotham Light';
  -webkit-animation:heart 1.3s ease-in-out infinite alternate;
  animation        :heart 1.3s ease-in-out infinite alternate;
}

#ups-banner .swiper-slide .content .txt h3 {
  font-size    :4rem;
  color        :#fff;
  margin-bottom:20px;
}

#ups-banner .swiper-slide .content .txt h2 {
  font-size    :5.4rem;
  color        :#fff;
  font-weight  :bold;
  margin-bottom:25px;
}

#ups-banner .swiper-slide .content .txt p {
  font-size  :1.8rem;
  color      :#fff;
  line-height:3.2rem;
  max-width  :55%;
}

#ups-banner .swiper-slide .content a {
  display      :block;
  width        :20%;
  height       :40px;
  line-height  :40px;
  text-align   :center;
  font-size    :1.8rem;
  color        :#ffffff;
  background   :url(/skin/images/a_bg.png) no-repeat center center;
  overflow     :hidden;
  border-radius:20px;
  margin-top   :5%;
}

#ups-banner .swiper-pagination {
  position  :absolute;
  left      :15%;
  bottom    :22%;
  text-align:left;
}

#ups-banner .swiper-pagination .swiper-pagination-bullet {
  width           :15px;
  height          :15px;
  border          :1px solid #fff;
  background-color:transparent;
  opacity         :1;
}

#ups-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:#fff;
}

@-webkit-keyframes heart {
  from {
    -webkit-transform:translate(0, 0);
    transform        :translate(0, 0);
  }

  to {
    -webkit-transform:translate(0, 12px);
    transform        :translate(0, 12px);
  }
}

@keyframes heart {
  from {
    -webkit-transform:translate(0, 0);
    transform        :translate(0, 0);
  }

  to {
    -webkit-transform:translate(0, 12px);
    transform        :translate(0, 12px);
  }
}

@-webkit-keyframes hearts {
  from {
    -webkit-transform:translate(-50%, -50%);
    transform        :translate(-50%, -50%);
  }

  to {
    -webkit-transform:translate(-50%, -55%);
    transform        :translate(-50%, -55%);
  }
}

@keyframes hearts {
  from {
    -webkit-transform:translate(-50%, -50%);
    transform        :translate(-50%, -50%);
  }

  to {
    -webkit-transform:translate(-50%, -55%);
    transform        :translate(-50%, -55%);
  }
}

.btn_aside {
  position          :fixed;
  -webkit-transition:bottom ease 1s;
  -o-transition     :bottom ease 1s;
  transition        :bottom ease 1s;
  right             :10px;
  bottom            :-220px;
  z-index           :3;
}

.btn_aside>.cbbtn {
  padding   :12.5px;
  width     :55px;
  height    :55px;
  margin-top:1px;
  display   :block;
  cursor    :pointer;
  background:#0a92dc;
}

.btn_aside>.cbbtn#cweixin>div {
  background     :url(/skin/images/searchico.jpg);
  background-size:100% 100%;
  width          :140px;
  height         :140px;
  position       :relative;
  bottom         :130px;
  right          :1604px;
  display        :none;
}

.btn_aside>.cbbtn#gotop {
  -webkit-transition:background-color ease 0.3s;
  -o-transition     :background-color ease 0.3s;
  transition        :background-color ease 0.3s;
}

.btn_aside>.cbbtn>.yy-icon {
  display          :inline-block;
  *display         :inline;
  *zoom            :1;
  overflow         :hidden;
  background-repeat:no-repeat;
  background-image :url(/skin/images/searchico.png);
}

.btn_aside>.cbbtn>.yy-icon.yy-weixin {
  width              :30px;
  height             :30px;
  background-position:-40px -80px;
}

.btn_aside>.cbbtn>.yy-icon.yy-qq {
  width              :30px;
  height             :30px;
  background-position:0px 0px;
}

.btn_aside>.cbbtn>.yy-icon.yy-gt {
  width              :30px;
  height             :30px;
  background-position:-40px -40px;
}

.btn_aside>.cbbtn>.yy-icon.yy-tell {
  width              :30px;
  height             :30px;
  background-position:0px -120px;
}

.btn_aside>.cbbtn>.yy-icon.yy-skype {
  width              :30px;
  height             :30px;
  background-position:-40px 0px;
}

@media (max-width:1829px) and (min-width:1600px) {
  .header .mainnav li {
    padding-left :1.5%;
    padding-right:1.5%;
  }

  .header .mainnav li .one-title a {
    font-size:1.6rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size:1.4rem;
  }
}

@media (max-width:1599px) and (min-width:1400px) {
  .header .mainnav li {
    padding-left :1.5%;
    padding-right:1.5%;
  }

  .header .mainnav li .one-title a {
    font-size:1.6rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size:1.4rem;
  }

  .header .navbar-others .navbar-lang .lang_now {
    padding-left :25px;
    padding-right:10px;
  }

  .header .navbar-others .navbar-phone span {
    padding-left:20px;
  }
}

@media (max-width:1399px) and (min-width:1200px) {
  .header .mainnav li {
    padding-left :1%;
    padding-right:1%;
  }

  .header .mainnav li .one-title a {
    font-size:1.4rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size:1.2rem;
  }

  .header .navbar-others .navbar-lang .lang_now {
    padding-left :22px;
    padding-right:6px;
  }

  .header .navbar-others .navbar-phone span {
    padding-left   :20px;
    background-size:auto 100%;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    font-size:1.4rem;
  }

  .header .navbar-others .navbar-search form input,
  .header .navbar-others .navbar-search form button {
    height     :2.4rem;
    line-height:2.4rem;
  }

  .header .navbar-others {
    padding-top:12px;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width:100%;
  }

  .main .m4 .new_wrapper .new_con {
    width :800px;
    margin:0 auto;
  }
}

@media (max-width:1199px) and (min-width:992px) {
  .header {
    background-color  :#fff;
    -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow        :0 2px 6px rgba(0, 0, 0, 0.1);
    padding-top       :5px;
    padding-bottom    :5px;
  }

  .header .large {
    display:none;
  }

  .header .small {
    display:block;
  }

  .header .header_box {
    margin-top:8px;
  }

  .header .menu-handle {
    display   :block;
    text-align:right;
    top       :5px;
  }

  .header .mainnav {
    display           :none;
    position          :absolute;
    -webkit-box-sizing:border-box;
    -moz-box-sizing   :border-box;
    box-sizing        :border-box;
    background-color  :#fff;
    border            :0;
    top               :54px;
    width             :100%;
    height            :auto;
    overflow          :visible;
    margin-top        :0;
  }

  .header .mainnav ul {
    font-size:0;
  }

  .header .mainnav .nav_tab_li li {
    width:100%;
  }

  .header .mainnav ul li {
    width           :100%;
    float           :none;
    position        :relative;
    display         :block;
    border-bottom   :0;
    background-color:#fff;
    border-top      :1px solid #f1f1f1;
    text-align      :center;
  }

  .header .mainnav ul li .sub-nav {
    position  :static;
    overflow  :hidden;
    text-align:center;
    padding   :0;
  }

  .header .mainnav ul li .sub-nav a {
    width      :100%;
    float      :none;
    font-size  :12px;
    line-height:36px;
    height     :36px;
  }

  .header .mainnav ul li a {
    font-size  :14px;
    color      :#4c4c4c;
    line-height:46px;
    height     :46px;
    padding    :0;
  }

  .header .mainnav ul .one-title {
    padding-right:20px;
  }

  .header .mainnav ul .one-title a {
    display  :inline-block;
    color    :#4e5458;
    font-size:2rem;
  }

  .header .mainnav ul .phsearchicon {

    width :auto;
    height:auto;
  }

  .header .mainnav ul .phsearchicon:after {
    width            :5px;
    height           :5px;
    transform        :rotate(135deg);
    -moz-transform   :rotate(135deg);
    -ms-transform    :rotate(135deg);
    -o-transform     :rotate(135deg);
    -webkit-transform:rotate(135deg);
    border-color     :#4e5458;
  }

  .header .mainnav .sub-nav {
    -webkit-box-shadow:none;
    box-shadow        :none;
    border-top        :0;
    padding           :20px;
  }

  .header .mainnav .sub-nav a {
    border:0;
  }

  .header .mainnav .sub-nav a::before {
    display:none;
  }

  .header .navbar-header a::after {
    display:none;
  }

  .header .navbar-others {
    width       :auto;
    float       :right;
    padding-top :6px;
    margin-right:25px;
  }

  .header .navbar-others .navbar-lang {
    width:auto;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    color:#4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a {
    color:#4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a:hover {
    background-color:#fff;
    color           :#001967;
  }

  .header .navbar-others .navbar-lang .lang_now::after {
    content     :'';
    position    :absolute;
    right       :0;
    top         :50%;
    border-top  :4px solid #fff;
    border-left :3.5px solid transparent;
    border-right:3.5px solid transparent;
  }

  .header .navbar-others .navbar-lang .lang_now:hover ul {
    display:block;
  }

  .header .navbar-others .navbar-phone {
    width:auto;
  }

  .header .navbar-others .navbar-phone span {
    color:#4e5458;
  }

  .header .navbar-others .navbar-search {
    display:none;
  }

  .header .navbar-others .navbar-search form {
    border:1px solid #4e5458;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width:100%;
  }

  .main .m4 .new_wrapper .new_con {
    width :800px;
    margin:0 auto;
  }

  footer .foot_share .bdsharebuttonbox a {
    margin-right:5px;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1 {
    font-size:1.6rem;
  }
}

@media (max-width:991px) and (min-width:768px) {
  .header {
    background-color  :#fff;
    -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow        :0 2px 6px rgba(0, 0, 0, 0.1);
    padding-top       :5px;
    padding-bottom    :5px;
  }

  

  .header .large {
    display:none;
  }

  .header .small {
    display:block;
  }

  .header .header_box {
    margin-top:8px;
  }

  .header .menu-handle {
    display   :block;
    text-align:right;
    top       :5px;
  }

  .header .mainnav {
    display           :none;
    position          :absolute;
    -webkit-box-sizing:border-box;
    -moz-box-sizing   :border-box;
    box-sizing        :border-box;
    background-color  :#fff;
    border            :0;
    top               :54px;
    width             :100%;
    height            :auto;
    overflow          :visible;
    margin-top        :0;
  }

  .header .mainnav ul {
    font-size:0;
  }

  .header .mainnav ul li {
    width           :100%;
    float           :none;
    position        :relative;
    display         :block;
    border-bottom   :0;
    background-color:#fff;
    border-top      :1px solid #f1f1f1;
    text-align      :center;
  }

  .header .mainnav ul li .sub-nav {
    position  :static;
    overflow  :hidden;
    text-align:center;
    padding   :0;
  }

  .header .mainnav ul li .sub-nav a {
    width      :100%;
    float      :none;
    font-size  :12px;
    line-height:36px;
    height     :36px;
  }

  .header .mainnav ul li a {
    font-size  :14px;
    color      :#4c4c4c;
    line-height:46px;
    height     :46px;
    padding    :0;
  }

  .header .mainnav ul .one-title {
    padding-right:20px;
  }

  .header .mainnav ul .one-title a {
    display  :inline-block;
    color    :#4e5458;
    font-size:2rem;
  }

  .header .mainnav ul .phsearchicon {

    width :auto;
    height:auto;
  }

  .header .mainnav ul .phsearchicon:after {
    width            :5px;
    height           :5px;
    transform        :rotate(135deg);
    -moz-transform   :rotate(135deg);
    -ms-transform    :rotate(135deg);
    -o-transform     :rotate(135deg);
    -webkit-transform:rotate(135deg);
    border-color     :#4e5458;
  }

  .header .mainnav .sub-nav {
    -webkit-box-shadow:none;
    box-shadow        :none;
    border-top        :0;
    padding           :20px;
  }

  .header .mainnav .sub-nav a {
    border:0;
  }

  .header .mainnav .sub-nav a::before {
    display:none;
  }

  .header .navbar-header a::after {
    display:none;
  }

  .header .navbar-others {
    width       :auto;
    float       :right;
    padding-top :6px;
    margin-right:25px;
  }

  .header .navbar-others .navbar-lang {
    width:auto;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    color:#4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a {
    color:#4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a:hover {
    background-color:#fff;
    color           :#001967;
  }

  .header .navbar-others .navbar-lang .lang_now::after {
    content     :'';
    position    :absolute;
    right       :0;
    top         :50%;
    border-top  :4px solid #fff;
    border-left :3.5px solid transparent;
    border-right:3.5px solid transparent;
  }

  .header .navbar-others .navbar-lang .lang_now:hover ul {
    display:block;
  }

  .header .navbar-others .navbar-phone {
    width:auto;
  }

  .header .navbar-others .navbar-phone span {
    color:#4e5458;
  }

  .header .navbar-others .navbar-search {
    display:none;
  }

  .header .navbar-others .navbar-search form {
    border:1px solid #4e5458;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width:100%;
  }

  .main .m4 .new_wrapper .new_con {
    width :800px;
    margin:0 auto;
  }

  footer .foot_share .bdsharebuttonbox a {
    margin-right:5px;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt p {
    font-size  :1.2rem;
    line-height:140%;
  }

  .bq ul li a {
    padding-left :15px;
    padding-right:15px;
  }

  #ups-banner .swiper-slide .content .txt h3 {
    font-size    :1.6rem;
    margin-bottom:10px;
  }

  #ups-banner .swiper-slide .content .txt h2 {
    font-size    :1.68rem;
    margin-bottom:10px;
  }

  #ups-banner .swiper-slide .content .txt p {
    font-size  :1.2rem;
    line-height:140%;
  }

  #ups-banner .swiper-slide .content a {
    font-size  :1.4rem;
    height     :30px;
    line-height:30px;
    margin-top :2%;
  }

  #ups-banner .swiper-pagination {
    left      :0;
    bottom    :10px;
    text-align:center;
  }

  .header .navbar-others {
    margin-right:95px;
  }
}

@media (max-width:767px) {
	.ban .txt{padding-bottom:4%;}
	.ban .txt h2{font-size: 1.4rem;margin-bottom: 2%;}
	.ban .txt h1{font-size: 2.4rem;margin-bottom: 2%;}
	.ban .txt p{font-size: 1.4rem;}
  .header {
    position        :relative;
    padding-top     :0;
    padding-bottom  :0;
    background-color:#fff;
  }
  .contents.news .path ul li a span,.contents.support .path ul li a span,.contents.about .path ul li a span{padding-left:0;padding-top:50px;background-position:center top 20px;display:block;height:auto
  }
  .contents.about .path ul li{width:50%}
  .contents.product .path ul li a span{height:auto;line-height:2rem;font-size:14px;}
  .contents.support .c3 ul li .li_wrapper .li_box{background-size:50px;}
  .contents.about .c1 .c_con .pic img{max-width:80%}
  .header .navbar {
    padding-top:5px;
  }

  .header .mainnav {
    display   :none;
    width     :100%;
    margin-top:0;
    top       :50px;
  }

  .header .mainnav li {
    text-align:center;
  }

  .header .mainnav li .one-title a {
    color    :#4c4c4c;
    font-size:1.4rem;
  }

  .header .mainnav li .sub-nav {
    position          :static;
    min-width         :0;
    border            :0;
    background-color  :#f9f8f8;
    -webkit-box-shadow:none;
    box-shadow        :none;
    padding           :0 15px;
  }

  .header .mainnav li .sub-nav a {
    text-align:center;
  }

  .header .large {
    display:none;
  }

  .header .small {
    display:block;
  }

  .header.active {
    position:fixed;
    left    :0;
    top     :0;
  }

  .header .navbar-header {
    width:45%;
  }

  .header .navbar-header a::after {
    display:none;
  }

  .header .menu-handle {
    right:15px;
    top  :5px;
  }

  .header .header_box {
    overflow:hidden;
  }

  #ups-banner .swiper-slide .content .txt h3 {
    font-size    :1.4rem;
    margin-bottom:10px;
  }

  #ups-banner .swiper-slide .content .txt h2 {
    font-size    :1.4rem;
    margin-bottom:10px;
  }

  .contents.product .path ul {
    justify-content:space-between;
  }

  .contents.product .path ul li {
    width     :calc(50% - 5px);
    box-sizing:border-box;
    padding:10px;
    background:#fff;
  }

  .contents.product .path ul li {
    margin-bottom:10px;
  }

  .contents.product .path ul li.active i::after {
    display:none;
  }

  #ups-banner .swiper-slide .content .txt p {
    font-size  :1.2rem;
    line-height:140%;
  }

  #ups-banner .swiper-slide .content a {
    font-size  :1.4rem;
    height     :30px;
    line-height:30px;
    margin-top :2%;
  }

  #ups-banner .swiper-pagination {
    left      :0;
    bottom    :10px;
    text-align:center;
  }

  #ups-banner .swiper-slide .content {
    left:5%;
  }

  .header .navbar-others {
    margin-right:95px;
  }

  .main .tit h1 {
    font-size     :2.4rem;
    padding-bottom:15px;
  }
  .main .m4 .title span{font-size:2.4rem
  }

  .main .m1 .swiper-container .swiper-slide .box .txt h1 {
    font-size:1.8rem;
  }

  .main .m1 .swiper-container .swiper-slide {
    -webkit-transform:scale(1);
    -ms-transform    :scale(1);
    transform        :scale(1);
    margin-bottom    :15px;
  }

  .main .m2 .schemeSwiper .swiper-slide {
    position:relative;
  }

  .main .m2 .schemeSwiper .swiper-slide .txt {
    position        :absolute;
    left            :0;
    bottom          :0;
    width           :100%;
    background-color:rgba(0, 0, 0, 0.4);
    color           :#fff;
    padding-left    :15px;
    padding-right   :15px;
    height          :30px;
    line-height     :30px;
  }

  .main .m3 .m3_wrapper .left_wrapper,
  .main .m3 .m3_wrapper .right_wrapper {
    width:100%;
  }

  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper {
    padding         :40px 0;
    background-color:#2370c4;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt p {
    font-size  :1.2rem;
    line-height:140%;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width:100%;
  }

  .main .m4 .about_wrapper .about_con .about_con_wrapper .pic {
    padding:0;
  }

  .main .m4 .about_wrapper .about_con .about_con_wrapper .txt p {
    height:auto;
  }

  .main .m4 .new_wrapper .new_con .new_con_left,
  .main .m4 .new_wrapper .new_con .new_con_right {
    width:100%;
  }

  .bq .copy {
    text-align:center;
  }

  .bq .copy a {
    color:#fff;
  }

  .bq ul {
    float     :none;
    font-size :0;
    text-align:center;
  }

  .bq ul li {
    display   :inline-block;
    float     :none;
    width     :33.333%;
    text-align:center;
    margin-top:15px;
  }

  .bq ul li a {
    display   :block;
    padding   :0;
    text-align:center;
  }

  .contents .path {
    background-color:#f4f4f4 !important;
  }

  .contents.solution .path ul {
    justify-content:space-between;
  }

  .contents.solution .path ul li {
    width        :50% !important;
    padding-left :5px;
    padding-right:5px;
    margin       :0;
    margin-bottom:15px;

  }

  .contents .path ul li a {
    background-color:#fff;
  }

  .contents.solution .path ul li a span {
    /*padding-left:45px;*/
    font-size     :16px;
    line-height   :25px;
  }

  .contents.solution .path ul li.active i {
    display:none;
  }

  .contents.about .c_tit h1 {
    font-size    :2.4rem;
    text-align   :center;
    margin-bottom:30px;
  }

  .contents.about .c1 .c_con .pic,
  .contents.about .c1 .c_con .txt {
    width        :100%;
    margin-bottom:30px;
  }

  .contents.about .c1 .c_list li {
    width        :50%;
    margin-bottom:20px;
    margin-bottom:20px;
    padding-top:78px;
    background-size:60px;
    background-position:center top;
    text-align:center;
    padding-left:0;
  }
  .contents.about .c1 .c_list li .num{font-size:3rem;}
  .contents.about .c1 .c_list li .num span{font-size:3rem;}
  .contents.contact .c2 form .f_right textarea{height:100px;}
  .contents.product_show .c1 .detail_box ul li{width:25%;margin-right:0;}
  .contents.product_show .c1 .detail_box ul li a{font-size:12px;}
   .contents.support .c1 .c1_wrapper .txt h1{margin-top:20px;}
   .contents.about .c2 .c_con .swiper-slide .s_con .txt h1{margin-bottom:20px;margin-top:20px;text-align:center;font-size:3rem;}
  .contents.about .c2 .c_con .swiper-container .swiper-button-prev,.contents.about .c2 .c_con .swiper-container .swiper-button-next{display:none;} 
  .contents.about .c2 .c_con .swiper-slide .s_con .txt p{line-height:24px;}
  .contents.about .c2 .c_con .swiper-slide .s_con .pic,
  .contents.about .c2 .c_con .swiper-slide .s_con .txt {
    width:100%;
  }

  .contents.about .c3 .c_con {
    padding-top:40px;
  }

  .contents.about .c3 .c_con .swiper-slide p {
    white-space     :nowrap;
    overflow        :hidden;
    -o-text-overflow:ellipsis;
    text-overflow   :ellipsis;
  }

  .contents.about .c6 .c_con ul li {
    padding-left :5px;
    padding-right:5px;
  }

  .contents.about .c6 .c_con ul li a {
    font-size:1.2rem;
  }

  .contents.about .c6 .c_con ul li a::before {
    width :40px;
    height:40px;
  }

  .contents.about .c6 .c_con .swiper-button-prev,
  .contents.about .c6 .c_con .swiper-button-next {
    width          :30px;
    height         :30px;
    background-size:contain;
  }

  .contents.contact .c1 .container {
    display:block;
  }

  .contents.contact .c2 form .f_btn {
    text-align:left;
  }

  .contents.contact .c2 form .f_btn button {
    display:inline-block;
    width  :40%;
  }

  .contents.contact2 .c1 .table_list li table th,
  .contents.contact2 .c1 .table_list li table td {
    font-size:1.2rem;
  }

  /*
    .contents.product .path ul li a span {
      padding-left    :0;
      background-image:none !important;
    }*/

  /*  .contents.product .path ul li.active i::after {
      display:none;
    }*/

  .contents.product_show .path ul li a span {
    padding-left    :0;
    background-image:none !important;
  }

  .contents.product_show .path ul li.active i::after {
    display:none;
  }

  .contents.product_show .c2 .c21 .txt .trait p,
  .contents.product_show .c2 .c22 .txt .trait p,
  .contents.product_show .c2 .c23 .txt .trait p,
  .contents.product_show .c2 .c24 .txt .trait p {
    width    :100%;
    max-width:100%;
  }

  .contents.solution .path ul li a span {
    padding-left    :0;
    background-image:none !important;
  }

  .contents.solution .c1 .pic,
  .contents.solution .c1 .txt {
    width       :100%;
    padding-left:0;
    margin-top  :10px;
  }

  .contents.support .c1 .c1_wrapper .pic,
  .contents.support .c1 .c1_wrapper .txt {
    width:100%;
  }

  .contents.support2 .c1 ul li {
    margin-bottom:10px;
  }

  .contents.support2 .c1 ul li a span {
    padding-left    :0;
    background-image:none !important;
  }

  .contents.support2 .c2 form {
    float      :none;
    margin-left:50px;
  }

  .contents.support3 .c1 li .progs_icon,
  .contents.support3 .c1 li .progs {
    width:50%;
  }

  .contents.support3 .c1 li .description {
    width:100%;
  }

  .contents.product_show .videos {
    width            :90%;
    margin           :0;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform    :translate(-50%, -50%);
    transform        :translate(-50%, -50%);
    border           :0;
  }

  .contents.product_show .videos video {
    max-width:100% !important;
  }

  .contents.solution .videos {
    width            :90%;
    margin           :0;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform    :translate(-50%, -50%);
    transform        :translate(-50%, -50%);
    border           :0;
  }

  .contents.solution .videos video {
    max-width:100% !important;
  }

  .header .mainnav .sub-nav .sub-left {
    position        :static;
    background-color:transparent;
    width           :auto;
    float           :none;
  }

  .header .mainnav .sub-nav .sub-left::before {
    display:none;
  }

  .header .mainnav .sub-nav a {
    color:#333;
  }

  .header .mainnav .sub-nav .sub-left a {

    color:#333;
  }
}







#ups-banner .swiper-container {
  height:794px;
}


.slick-slider {
  position                   :relative;
  display                    :block;
  box-sizing                 :border-box;
  -webkit-user-select        :none;
  -moz-user-select           :none;
  -ms-user-select            :none;
  user-select                :none;
  -webkit-touch-callout      :none;
  -khtml-user-select         :none;
  -ms-touch-action           :pan-y;
  touch-action               :pan-y;
  -webkit-tap-highlight-color:transparent
}

.slick-list {
  position:relative;
  display :block;
  overflow:hidden;
  margin  :0;
  padding :0;
}

.slick-list:focus {
  outline:0
}

.slick-list.dragging {
  cursor:pointer;
  cursor:hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform   :translate3d(0, 0, 0);
  -ms-transform    :translate3d(0, 0, 0);
  -o-transform     :translate3d(0, 0, 0);
  transform        :translate3d(0, 0, 0)
}

.slick-track {
  position    :relative;
  top         :0;
  left        :0;
  display     :block;
  margin-left :auto;
  margin-right:auto
}

.slick-track:before,
.slick-track:after {
  display:table;
  content:''
}

.slick-track:after {
  clear:both
}

.slick-loading .slick-track {
  visibility:hidden
}

.slick-slide {
  display   :none;
  float     :left;
  height    :100%;
  min-height:1px
}

[dir='rtl'] .slick-slide {
  float:right
}

.slick-slide img {
  display:block
}

.slick-slide.slick-loading img {
  display:none
}

.slick-slide.dragging img {
  pointer-events:none
}

.slick-initialized .slick-slide {
  display:block
}

.slick-loading .slick-slide {
  visibility:hidden
}

.slick-vertical .slick-slide {
  display:block;
  height :auto;
}

.slick-vertical .slick-slide a,
.slick-vertical .slick-slide figure,
.slick-vertical .slick-slide img {
  font-size:0;
}

.slick-arrow.slick-hidden {
  display:none
}

.home-banner__slide {
  font-size:0;
  overflow :hidden;
}

.m-pic {
  display:none;
}

.home-banner__wrap {
  position:relative;
}

.home-banner__page {
  position :absolute;
  right    :6.5vw;
  bottom   :19.20833vw;
  font-size:0;
}

.home-banner__page div,
.home-banner__page i {
  display       :inline-block;
  vertical-align:middle;
}

.home-banner__page .current-page {
  font-size:16px;
  color    :#fff;
}

.home-banner__page .total-page {
  font-size:16px;
  color    :#fff;
  opacity  :.6;
}
.main .m1 .tit {
  background:url(/skin/images/cpzx-bt-bj.png)no-repeat center;
}
.home-banner__page i {
  width            :1px;
  height           :18px;
  background-color :#fff;
  -moz-transform   :rotate(18deg);
  -ms-transform    :rotate(18deg);
  -webkit-transform:rotate(18deg);
  transform        :rotate(18deg);
  margin-left      :10px;
  margin-right     :10px;
  opacity          :.6;
}

.home-banner__slide .slick-dots {
  position  :absolute;
  right     :6.02083vw;
  top       :17vw;
  text-align:right;
  font-size :0;
  overflow  :hidden;
}

.home-banner__slide .slick-dots button {
  position        :relative;
  border          :none;
  cursor          :pointer;
  text-indent     :-999999999999999px;
  height          :15px;
  width           :60px;
  padding         :10px 0;
  background-color:transparent;
}

.home-banner__slide .slick-dots button:before,
.home-banner__slide .slick-dots button:after {
  content   :"";
  display   :block;
  position  :absolute;
  right     :15px;
  top       :50%;
  margin-top:-1px;
}

.home-banner__slide .slick-dots button:before {
  width           :0;
  height          :2px;
  background-color:#e30b20;
  z-index         :10;
}

.home-banner__slide .slick-dots button:after {
  width           :30px;
  height          :2px;
  background-color:#fff;
}

.home-banner__slide .slick-dots .slick-active button:before {
  animation:dotWidth 3s linear 1 forwards;
}

@-webkit-keyframes dotWidth {
  0% {
    width:0
  }

  100% {
    width:30px
  }
}

@media screen and (max-width:750px) {
  .m-pic {
    display:block;
  }

  .p-pic {
    display:none;
  }

  .home-banner__slide .slick-dots {
    display:none;
  }
}
@media screen and (max-width:1200px){
.main .m1 .swiper-container .swiper-slide a{margin:0 10px}
  .main .m1 .tit {
  background:url(/skin/images/cpzx-bt-bj.png)no-repeat center;
background-size:auto 100%;}
  .home-banner__slide .slick-dots,.home-banner__page{display:none!important;}
  .contents.product .path ul li a img{height:30px;}
  .top_slide_right li.first .Box .box{width:auto!important;height:auto!important;}
	.top_slide_right li.first .Box .box dl{overflow:hidden;}
	.top_slide_right li.first .Box .h3{padding:10px!important;line-height:100%!important;margin:0!important;}
	.top_slide_right li.first .Box .h4{margin:0!important;}
	.top_slide_right li.first .Box dd{width:100%!important;}
	.top_slide_right li.first .Box .h4{padding:10px!important;}
}