i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}


/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

table{margin: 0 auto;border-collapse:collapse;border-spacing:0;width: 100% !important;max-width: 100% !important;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran700{-webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; transition:all 0.7s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img,.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

.index_tit{text-align: center; margin-bottom:40px;}
.index_tit h5{font-size: 36px;color: #222; font-weight:bold; line-height: 40px;}
.index_tit span{display: inline-block;}
.index_tit span > *{display: inline-block;}
.index_tit span i{ animation: tran06 3s infinite linear;    -webkit-animation: tran06 3s infinite linear;}
.index_tit span em{-webkit-animation: tran05 2s ease-out 0.5s infinite; animation: tran05 2s ease-out 0.5s infinite;margin-right: -2px;}
.index_tit span b{padding-top: 6px;float: right;-webkit-animation: tran04 2s ease-out 0.5s infinite; animation: tran04 2s ease-out 0.5s infinite;margin-left: -2px;}
@-webkit-keyframes tran04 { 
  0% { -webkit-transform: translateX(0); transform: translateX(0);  }
  100% { -webkit-transform: translateX(20px); transform: translateX(20px);opacity: 0;  filter: alpha(opacity=0); }
}
@keyframes tran04 {
  0% { -webkit-transform: translateX(0); transform: translateX(0);  }
  100% { -webkit-transform: translateX(20px); transform: translateX(20px);opacity: 0;  filter: alpha(opacity=0); }
}
@-webkit-keyframes tran05 { 
  0% { -webkit-transform: translateX(0); transform: translateX(0);  }
  100% { -webkit-transform: translateX(-20px); transform: translateX(-20px);opacity: 0;  filter: alpha(opacity=0); }
}
@keyframes tran05 {
  0% { -webkit-transform: translateX(0); transform: translateX(0);  }
  100% { -webkit-transform: translateX(-20px); transform: translateX(-20px);opacity: 0;  filter: alpha(opacity=0); }
}
@-webkit-keyframes tran06 { 
    0% {transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
    100% {transform: rotateY(360deg); -webkit-transform: rotateY(360deg); }
}
@keyframes tran06 {
    0% {transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
    100% {transform: rotateY(360deg); -webkit-transform: rotateY(360deg); }
}


.about_box { width:100%; display:flex;justify-content: space-between;}

.about_box .text{width: 48%;font-size: 16px;  line-height: 32px;  color: #222;}
.about_box .text p { padding-top:15px;}
.about_box .rig_pic{width: 48%; text-align:right; overflow:hidden;}
.about_box .rig_pic em{display: block;  width: 100%; height: 0;padding-bottom: 460px; padding-bottom: background-repeat: no-repeat;background-position: center; background-size: cover;transition: all .5s ease;}
.about_box .rig_pic:hover em { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


.p3_3_two{margin-top: 67px;}
.p3_3_two li{width: 33.33%; float: left;position: relative;height:600px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; transition: all .5s ease;}
.p3_3_two li:hover { transform: translateY(-10px); }
.p3_3_two li span.txt{display: block;padding: 0 14%;color: #fff;position: absolute;top: 0;}
.p3_3_two li span.txt *{display: block;}
.p3_3_two li span.txt i{margin-top: 105px;padding-bottom: 42px;font-size: 30px;font-weight: bold;line-height: 40px;}
.p3_3_two li span.txt em{font-size: 16px;line-height: 34px;}


.pro_box{width: 100%;overflow: hidden;}
.pro_box ul{ width:100%}
.pro_box ul li{width: 48%;margin: 0 4% 4% 0;}
.pro_box ul li:nth-child(2n) { margin-right:0;}
.pro_box ul li a{display: block;}
.pro_box ul li a .pic{width: 100%;height: 0;padding-bottom: 58.97%;position: relative;overflow: hidden;}
.pro_box ul li a .pic em,
.pro_box ul li a .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.pro_box ul li a .pic em{background-repeat: no-repeat;background-position: center;background-size: cover;}
.pro_box ul li a .pic b{background: rgba(0,0,0,0.4);opacity: 0;}
.pro_box ul li a:hover .pic b{opacity: 1;}
.pro_box ul li a h5{padding: 0 10px;height: 80px;background: #ebebeb;text-align: center;font-size: 20px;color: #1a1a1a;font-weight: normal;line-height: 80px; margin-top:0;}
.pro_box ul li a:hover h5{color: #fff;background: #014d91;}


/*产品详情*/
.contProd { width:100%; max-width: 1400px; margin: 0 auto;}
.contProd .item1{margin-bottom: 60px; margin-top:80px;}
.contProd .item1 .prodPic{width: 48%;border:1px solid #eeeeee;}
.contProd .item1 .prodPic .picScroll{width: 100%;position: relative;overflow: hidden;}
.contProd .item1 .prodPic .picScroll .swiper-slide .pic{ padding-bottom:67.1875%;text-align: center;font-size: 0; padding:25px;}
.contProd .item1 .prodPic .picScroll .swiper-slide .pic img{max-width: 100%;max-height: 100%;}
.contProd .item1 .prodPic .thumbnail{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;padding:0 20px 20px 25px; border:0; margin-bottom:0;}
.contProd .item1 .prodPic .thumbnail .swiper-slide{width: 138px;}
.contProd .item1 .prodPic .thumbnail .swiper-slide .pic{/*height: 82px;line-height: 82px;*/border:2px solid #eeeeee;text-align: center;font-size: 0;cursor: pointer; padding:5px;box-sizing: border-box;}
.contProd .item1 .prodPic .thumbnail .swiper-slide .pic img{max-width: 100%;max-height: 100%;}
.contProd .item1 .prodPic .thumbnail .swiper-slide.on .pic{border-color: #014d91;}
.contProd .item1 .text{width: 49%;padding: 20px 0 0;}
.contProd .item1 .text .tit{line-height: 48px;font-size: 30px;color: #222222;font-weight: normal;}
.contProd .item1 .text .tit_ms {display: flex;  flex-wrap: wrap;   flex-direction: row;    width: 100%;
    display-radio: flex;    background_radio: 2;    background-color: rgba(239, 239, 239, 1); font-size:14px;
    padding-top: 5px; margin-top:10px; margin-bottom:10px;box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;}
.contProd .item1 .text .desc{margin-bottom: 47px;font-size: 16px;line-height: 32px;color: #555555;min-height: 96px;}
.contProd .item1 .text .pro_key { width:100%; line-height:32px; font-size:16px; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:20px;}
.contProd .item1 .text .price{padding-left: 183px;min-height: 55px;position: relative;font-size: 16px;line-height: 56px;color: #888888;}
.contProd .item1 .text .price .btn{width: 170px;height: 55px;position: absolute;left: 0;top:0;background: #014d91;border-radius: 4px;text-align: center;line-height: 55px;font-size: 18px;color: #ffffff;font-weight: bold; display:flex;align-items: center;    justify-content: center;}
.contProd .item1 .text .price .btn i { width:26px; height:18px; display:inline-block; margin-right:8px; background:url(../images/icon_email.png) no-repeat; background-size:cover; margin-top:-1px;}
.contProd .item1 .text .price .btn:hover{background: #d02503;}
.contProd .item1 .text .btm{font-size: 20px;color: #222222;line-height: 35px;}
.contProd .item1 .text .btm .tel{padding: 0 37px 0 30px;background: url(../images/telIcon1.png) no-repeat left center;}
.contProd .item1 .text .btm .mail{padding-left: 30px;background: url(../images/mailIcon.png) no-repeat left center;}

.contProd .item2 .tabs{margin-bottom: 30px;background: #f4f4f4;border-top: 1px solid #ececec;}
.contProd .item2 .tabs ul li{width: 160px;height: 68px;cursor: pointer;text-align: center;line-height: 68px;font-size: 18px;color: #222222;font-weight: bold;position: relative;}
.contProd .item2 .tabs ul li span{display: block;position: relative;z-index: 2;}
.contProd .item2 .tabs ul li:before{content: "";width: 100%;height: 68px;position: absolute;left: 0;top:0px;background: #014d91 ;filter: alpha(opacity=0);opacity: 0;}
.contProd .item2 .tabs ul li.active{color: #fff;}
.contProd .item2 .tabs ul li.active:before{filter: alpha(opacity=100);opacity: 1;}
.contProd .item2 .container{width: 100%;position: relative;overflow: hidden;}
.contProd .item2 .container .detail{font-size: 16px;line-height: 32px;color: #555555;min-height: 300px;}
.contProd .item2 .container .detail .tit{font-size: 18px;}
.contProd .item2 .container .detail *{max-width: 100% !important;}
.contProd .item2 .container .detail  img{height: auto !important;}




@media only screen and (max-width: 1024px){
  .pc-only { display: block; }
  .mobile-only { display: none; }
  .mibile-map{ display: none;  }
  .index_tit { margin-bottom:5px;}
  .index_tit h5 { font-size: 26px; margin:0 auto;}
  .about_box .text{ width:100%;}
  .about_box .rig_pic{width: 100%;}
  .about_box {flex-direction: column;}
  .p3_3_two li { width: 100%; float:none; height:450px;}
  .p3_3_two li span.txt { padding: 0 10%;}
  .p3_3_two li span.txt i { margin-top: 55px; padding-bottom: 25px; font-size: 24px; text-align:center;}
  .contProd .item1 .prodPic .thumbnail { zoom:0.8;}

.contProd  { width:90%; margin:0 auto; padding-bottom:30px;}
.contProd .item1 {  margin-bottom: 30px;margin-top: 40px;}
.contProd .item1 .prodPic {  width: 100%;}
.contProd .item1 .prodPic .picScroll .swiper-slide .pic { padding:10px;}
.contProd .item1 .text{  width: 100%;}

.contProd .item1 .text .price {padding-left: 0;}
.contProd .item1 .text .price .btn { width:100%; display:block; position:relative; height:auto;}

.contProd .item1 .text .price  p { line-height:28px; font-size:14px;}
.contProd .item2 .tabs ul li { width:33.3%;height: 48px; line-height:48px;}
.contProd .item2 .tabs ul li:before {height: 48px; line-height:48px;}


}