﻿@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*视频弹窗*/
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);}
.popupVideo {
  max-width: 800px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
}
.popupVideo .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -30px;
  right: 0;
  background: url(../images/close.png) no-repeat center #000000;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.popupVideo .close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
/*产品中心*/
.i_t{  overflow:hidden; line-height:38px; font-size:14px; color:#333333;padding-top:30px;padding-bottom:30px; margin-top:20px;clear:both;}
.i_t .h2{ font-weight:bold; overflow:hidden; color:#005bac; float:left; padding-left:13px; position:relative;}
.i_t .h2:after{ position:absolute; content:""; left:0; top:50%; width:4px; height:28px; margin-top:-14px; background:#005bac;}
.i_t .i_t_a{ float:right; overflow:hidden; line-height:36px;}
.i_t .i_t_a a{ float:left; padding-right:15px; padding-left:15px; margin-left:10px;color:#333333; min-width:100px;transition:all 0.3s; border-radius:20px; text-align:center; border:1px solid #dbdbdb; cursor:pointer;}
.i_t .i_t_a a.isel{color:#fff; background:#005bac;}
.hr{ overflow:hidden; font-size:0; height:1px; width:100%; background:#ebebeb;}
/*广告*/
.i_adv{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/i_bg1.jpg); text-align:center;padding-top:32px; padding-bottom:20px;}
.i_adv img{ max-width:90%; margin:0 auto; margin-top:32px; margin-bottom:20px; display:block;}
.i_adv .txts{ width:90%; margin:0 auto; max-width:331px; position:relative; overflow:hidden; padding-top:18px; padding-bottom:42px; color:#fff; font-size:15px; line-height:26px;}
.i_adv .txts:after{ content:""; position:absolute; left:0; top:0; border:1px solid #fff;width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);height:calc(100% - 17px);height:-webkit-calc(100% - 17px);height:-moz-calc(100% - 17px);}
.i_adv .txts .cons{ margin:0 auto; max-width:260px;}
.i_adv .txts .a{ z-index:1;position:absolute; width:196px; left:50%; margin-left:-98px; bottom:0; height:32px; line-height:30px; border-radius:20px; background:#fff; color:#000000;}


@media screen and (max-width: 960px) {
/*产品中心*/
.i_t{ padding-top:15px; margin-top:15px; padding-bottom:20px;}
.i_t .i_t_a a{ padding-left:12px; padding-right:12px;}


}

@media screen and (max-width: 780px) {
/*产品中心*/
.i_t{ margin-top:5px; padding-bottom:11px;}
.i_t .i_t_a{ float:none; clear:both; padding-top:15px; text-align:center;}
.i_t .i_t_a a{ float:none; display:inline-block; vertical-align:top; margin-left:3px; margin-right:3px; margin-bottom:9px;}

}
@media screen and (max-width: 640px) {
/*产品中心*/
.i_t{ font-size:13px; line-height:32px;}
.i_t .i_t_a{ line-height:30px;}
.i_t .i_t_a a{ min-width:85px;margin-left:2px; margin-right:2px;}
}

@media screen and (max-width: 480px) {
/*产品中心*/
.i_t{ font-size:12px;}
.i_t .i_t_a a{ min-width:54px;margin-left:1px; margin-right:1px;}
/*广告*/
.i_adv .txts{ font-size:14px;}
}
