body,html,ul,li,h1,h2,h3,span,a { text-decoration: none; margin:  0; padding: 0; list-style: none;}
.clear {clear: both;}
.w100 {width: 100%; margin:0 auto;}
.w1200 {width: 1200px; margin: 0 auto;}
.top { background: #464646;color:#fff; line-height: 35px; height: 35px;}
.top .left {float: left; font-size: 14px;}
.top .right {float: right; font-size: 14px;}

.nav {box-shadow: 0px 5px 5px #002d64;background: #fff;}
.nav .left{ float: left; width: 250px; margin-top: 5px;}
.nav .right {float: right;}
.nav .right li { float: left; width: 105px; text-align: center; height:110px; line-height: 110px; transition: background 0.5s,width 0.5s  ; -webkit-transition: background 0.5s,width 0.5s  ; -moz-transition: background 0.5s,width 0.5s  ; -ms-transition: background 0.5s,width 0.5s  ; -o-transition: background 0.5s,width 0.5s  ; }
.nav .right li a{color:#333; font-size:16px !important;}
.nav .right li:hover {background:#1e50ae;}
.nav .right li:hover a {color:#fff}
.nav .last {background:#1e50ae !important;}
.nav .last a{color:#fff !important;}
.nav  a {display: block;}
.pic {padding-top: 50px; background: rgb(248, 248, 248); padding-bottom: 50px;}
.pic h2{font-size: 36px;background: url(../img/1546050219114095024.png) no-repeat; display: block; width: 508px; height: 61px; margin: 0 auto; text-align: center;color: #034099;}
.pic h2 span {font-size: 13px; color:#333; font-weight: normal; display: block; font-size: 15px;}
.pic ul li a{color:#333}
.pic ul li a span { display: block; border:1px solid #034099; color:#034099; width: 100px; height: 25px; margin-top: 10px !important; border-radius:5px ; line-height: 25px; font-size: 12px; margin: 0 auto; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; transition:background 0.5s ; -webkit-transition:background 0.5s ; -moz-transition:background 0.5s ; -ms-transition:background 0.5s ; -o-transition:background 0.5s ; }
.pic ul li { padding-bottom: 20px; padding-top:10px; float: left; text-align: center; width: 157px; box-shadow: 0 5px 5px #ccc; margin-left: 5px; margin-right: 5px; font-size: 16px; margin-top: 40px; transition: box-shadow 0.5s ; -webkit-transition: box-shadow 0.5s ; -moz-transition: box-shadow 0.5s ; -ms-transition: box-shadow 0.5s ; -o-transition: box-shadow 0.5s ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border:1px solid #034099; background: #fff; }
.pic ul li:hover {box-shadow: 0 20px 10px #ccc;}
.pic ul li:hover a span {background:#034099;color:#fff;}
.pic ul li img {width: 100%; margin-bottom: 10px;}



.case {padding-top: 50px; background:url(../img/7241da861fdb172ce3ad0e5961cdb325.jpg); padding-bottom: 50px;}
.case h2{ background: url(../img/1546050219114095024.png) no-repeat; font-size: 36px; display: block; width: 508px; height: 61px; margin: 0 auto; text-align: center;color: #034099;}
.case h2 span {font-size: 13px; color:#333; font-weight: normal; display: block; font-size: 15px;}

.case ul li { padding-bottom: 20px; float: left; text-align: center; width: 580px; background: #fff; margin-left: 10px; margin-right: 10px; font-size: 22px; margin-top: 20px; overflow: hidden; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.case ul li img {width: 100%; margin-bottom:10px;}
.case ul li a{font-size: 16px;color:#333;}

.about {margin-top: 60px;}

.about .t1 {width: 480px; height: 520px; background: #333; float: left; background: url(https://img.alicdn.com/imgextra/i4/265962233/O1CN011YGPHX1SMlKdYEjWh_!!265962233.jpg);color:#fff; position: relative;}
.ss { width: 171px; height: 171px; position: absolute; left:140px;top:230px; cursor: pointer;}
.ss .s1 { position: absolute; z-index: 2;}
.ss .s2 { position: absolute; z-index: 1; animation: s2 10s linear infinite; -webkit-animation: s2 10s linear infinite; }
.shipin { position: fixed; background: rgb(0, 0, 0,0.8); z-index: 99999; width: 100%; height: 100%;top:0;left:0; display: none;}
.shipin video {width: 800px; margin: 0 auto; display: block; margin-top: 8% !important; border:10px solid #fff;}
.shipin img {width: 30px; display: block; margin:0 auto; margin-top: 20px !important;cursor: pointer;}
.shipin img:hover { animation: s3 5s linear infinite; -webkit-animation: s3 5s linear infinite; }

@keyframes s2 {
  0% {
    transform: rotate(0)  ;
    -webkit-transform: rotate(0deg)  ;
    -moz-transform: rotate(0deg)  ;
    -ms-transform: rotate(0deg)  ;
    -o-transform: rotate(0deg)  ;
}
  50% {
    transform: rotate(720deg)  ;
    -webkit-transform: rotate(720deg)  ;
    -moz-transform: rotate(720deg)  ;
    -ms-transform: rotate(720deg)  ;
    -o-transform: rotate(720deg)  ;
}
100% {
  transform: rotate(0)  ;
  -webkit-transform: rotate(0deg)  ;
  -moz-transform: rotate(0deg)  ;
  -ms-transform: rotate(0deg)  ;
  -o-transform: rotate(0deg)  ;
}
}

@keyframes s3 {
  0% {
    transform: rotate(0)  ;
    -webkit-transform: rotate(0deg)  ;
    -moz-transform: rotate(0deg)  ;
    -ms-transform: rotate(0deg)  ;
    -o-transform: rotate(0deg)  ;
}
  50% {
    transform: rotate(720deg)  ;
    -webkit-transform: rotate(720deg)  ;
    -moz-transform: rotate(720deg)  ;
    -ms-transform: rotate(720deg)  ;
    -o-transform: rotate(720deg)  ;
}
100% {
  transform: rotate(0)  ;
  -webkit-transform: rotate(0deg)  ;
  -moz-transform: rotate(0deg)  ;
  -ms-transform: rotate(0deg)  ;
  -o-transform: rotate(0deg)  ;
}
}


footer {display: none;}


.about a {color:#fff; display: block;}
.about .t2 a {color:#034099}
.about  h2 {display: block; margin:20px; margin-bottom: 10px !important;}
.about  span {display: block; margin: 20px; line-height: 25px; margin-top: 0 !important;}
.about .t2 {width: 720px; height: 260px; float: left; background:url(../img/t2.jpg);color:#034099;}
.about .t3 {width: 360px; height: 260px; float: left; color:#fff;}


.dd {background: url(https://img.alicdn.com/imgextra/i1/265962233/O1CN01epXHUZ1SMlOfsDx2h_!!265962233.jpg); height: 284px; margin-top: 50px; position: relative;}
.dd h2 { float: right; text-align: left;color:#fff; margin-top: 80px; line-height: 35px; }
.dd a {display: block; background: #1e50ae;color:#fff; width: 150px; height: 50px; line-height: 50px; text-align: center; margin-top: 20px ;font-size: 14px; font-weight: normal;}


/*foot*/
.foot-w{
  padding:40px 0px 0px;
  width: 100%;
  border-top:3px solid #1e50ae;
  background-color: #333;
}
.foot-tit{}
.foot-tit h3{
  display: block;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
}
.foot-tit .linea{
  margin:15px 0px;
  width: 28px;
  height: 2px;
  background-color: #a0a0a0;
}
.foot-la{
  float: left;
  width: 450px;
}
.foot-lx{
  display: block;
  font-size: 14px;
  color: #bcbcbc;
  line-height: 190%;
}
.foot-lx p,
.foot-lx p a,
.foot-lx p strong{
  font-size: 14px;
  color: #bcbcbc;
  line-height: 190%;
}

.foot-lb{
  float: left;
  width: 350px;
}
.foot-lc{
  margin-left: 40px;
  float: left;
  width: 360px;
}
.foot-lc .er {float: left;color:#fff; width: 33%; text-align: left;}
.foot-lc .er span { padding-left: 25px;}
.foot-lc img { display: block;width: 97px; margin-bottom: 5px; border:2px solid #1e50ae}
.foot-pro a{
  display: block;
  float: left;
  margin: 5px;
  padding: 0 10px;
  line-height: 30px;
  height:30px;
   background: #3e3e3e;
   border-radius: 5px;
  font-size: 14px;
  color: #bcbcbc;
  box-shadow:  0 0px 5px #282828;
}
.foot-pro a:hover,.foot-dh a:hover {background: #d9010b; transition: background 0.5s;}

.foot-dh a{
  box-shadow:  0 0px 5px #282828;
  display: block;
  float: left;
  margin: 5px;
  width: 90px;
  text-align: center;
  padding: 0 10px;
  line-height: 30px;
  height:30px;
   background: #3e3e3e;
   border-radius: 5px;
  font-size: 14px;
  color: #bcbcbc;
}
.foot-ewm{
  float: left;
  margin-left: 25px;
  width: 250px;
}
.foot-ewm li{
  float: left;
  width: 145px;
  text-align: center;
}
.foot-ewm li .tua{
  margin:0 auto;
  padding:1px;
  width: 123px;
  float: left;
  height: 123px;
  box-sizing: border-box;
}
.foot-ewm li .tua img{
  width: 100%;
  border-radius: 5px;
}
.foot-ewm li p{
  display: block;
  text-align: center;
  font-size: 14px;
  color: #bcbcbc;
}
.foot-bq{
  margin-top: 40px;
  border-top:1px solid #4c4c4c;
  padding:25px 0px;
  font-size: 14px;
  color: #bcbcbc;
  line-height: 150%;
  text-align: center;
  overflow: hidden;
}
.foot-bq p,
.foot-bq p a,
.foot-bq p strong{
  font-size: 14px;
  color: #bcbcbc;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
}
.foot-bq img{
  vertical-align: middle;
}
/*end bottom*/

header,nav {display: none;}
.index_banner{width:100%}
.lx_er {margin-left:250px; margin-top:20px; display:block; float:left; text-align:center; }

@media screen and (max-width:992px){
  p{font-size:14px;}
img{max-width:100%;height:auto;display:block;}
.top,.nav,.dd,.jm_banner,.lx_er,.jm_main2 .jm_pic i,.jm_new .jm_new_text{display: none !important;}
.jm_main2 .jm_pic p {line-height: 1.5 !important; font-size: 14px !important;}
.color1_color:hover {color:#1e50ae   !important;}
.color1_back:hover,nav {background:#1e50ae  ;}
.color1_border{border-top:3px solid #1e50ae  ;}
.color_border_left{border-left:5px solid #1e50ae  ;}
.color_border{border:2px solid #1e50ae  ;}
.color_back{ background:#1e50ae  !important}
.color{color:#1e50ae  !important;}
.jm_fenlei .currclass {background:#1e50ae  !important}
.jm_fenlei .currclass a{color:#FFF;}
.w1200,.jm_w1200 {width: 100% !important;}
header,nav {display: block;}
header img{ width:100%; display:block;}
nav {text-align:center; padding-bottom:0.3em; padding-top:0.3em}
nav li{width:21%; line-height:1.5em; display:inline-block; border-radius:5px; border:1px solid #fff;color:#FFF;margin:1%; text-align:center;}
nav li a{ font-size:0.8em; color:#FFF;}
.index_banner{width:100%; margin-top: 0;}
.pic ul li {width: 46.5% !important; font-size: 17px; }
.pic ul li a span {font-size: 16px; width: 70%;}
.case ul li {width: 95%;}
.about .t1 {width: 100%;}
.ss{left:50%;top:70%;transform: translate(-50%, -70%);}
.about .t3 {width: 50%;}
.foot-lb,.foot-lc {width: 90%; padding-left: 5%; padding-right: 5%; margin: 0;}
.foot-tit h3{font-size: 20px;}
.foot-pro a,.foot-dh a {font-size: 16px; margin: 10px;}
.foot-bq p {font-size: 18px; margin: 10px;}
.shipin video {width: 90%;}
.jm_main2_left,.jm_main2_right {width: 95% !important;position:relative !important;box-shadow:0 0 0 !important;border:0 !important;border-radius: 0 !important; margin: 0 2.5% !important; margin-top: 20px !important;}
.treebox {width: 100% !important; margin-top: 20px !important;}
.menu {border:0 !important}
.menu li.level1>a {border:1px solid #ccc !important; font-size: 17px !important; line-height: 2;border-radius: 5px; border-left:5px solid #1e50ae !important; padding-left: 5% !important; overflow: hidden;}
.menu li {width: 47% !important; margin: 5px !important; float: left !important;}
.menu li.level1 a i {display: none !important;}
.jm_main2,.jm_main2_right {margin-top: 0 !important;}
.jm_main2_right .jm_text p {font-size: 17px !important; line-height: 35px !important;}
.jm_main2 .jm_title2 span {display: none !important;}
.jm_main2 .jm_title2 .jm_title2_text  {text-align: center; font-size: 25px !important; margin-top: 20px !important; margin-bottom: 20px !important;}
.jm_main2 .jm_title2 {border: 0 !important;}
.jm_main2 h7 {display: none !important;}
.jm_main2_right .jm_txt {margin: 0 !important; padding: 0 !important;}
.jm_main2_left .jm_main2_left_title span {font-size: 20px !important;}
.jm_main2_left .jm_main2_left_title:nth-child(3){display: none !important;}
.foot-lc img {width: 80%;}
.foot-lc .er span {display: block;width: 80%; padding-left: 0; text-align: center; font-size: 20px;}
/* .jm_main2_right .jm_text p {display: none !important;} */
.jm_main2_right .con_td table td {font-size: 18px !important;}
.jm_main2_right .con_td table td:first-child {width: 30% !important;}
.jm_main2_right .con_td td {padding-left: 5% !important;}
.jm_new2 li {width: 97% !important; margin-right: 0.5% !important; text-indent: 0.5em !important;}
.jm_new2 li span {width: 80px !important;}
.jm_main2 .jm_pic li {width: 27.5% !important; height: 180px !important;}
.jm_main2 .jm_pic li img {height:100px !important}
.jm_main2 .jm_pic li .jm_img {height: auto !important;}
.jm_main2 .jm_pic li a {height: 158px !important;}
.jm_main2 .jm_pic {padding: 0 !important;}
.jm_main2_right .jm_new li {width: 95% !important;}
.jm_new .jm_new_title {line-height: 30px !important; margin-top: 20px !important;}
#MyContent img {width: 100% !important; margin: 0 !important;}
.pic h2 {width: 100%; background: none;}
.pic {padding-top: 10px;}
#lanmu01 {margin: 0 !important;}
.w1360 {width: 100% !important;flex-wrap: wrap !important;}
#lanmu01 .left {flex: 0 0 100% !important; margin: 0 !important;}
#lanmu01 .left h2 {line-height: 2 !important; text-align: center;}
#lanmu01 .right {flex: 0 0 100% !important;position:relative !important; margin: 0 !important; font-size: 20px !important;}
#lanmu01 .right p {font-size: 20px !important; line-height: 35px !important;}

footer {display: block;}
footer{ width:100%;position:fixed;left:0;bottom:0; line-height: 45px;}
footer li {float:left; text-align:center; width:33%; position:relative;}
footer li:nth-child(2){background: #22ac38;}
footer a{color:#FFF; font-size:1em}
.about .t2,.case h2 {width: 100%;}
.case h2 {background: none;}
}