/*-----BANNER--in-flicker----*/
 
.banner-wrap{ clear:both; width:100%; height:698px;}
.banner-video{ color:#fff; /*background:url(../images/load.gif) no-repeat center;*/
height:698px;
}


   /* table */
.box-table {  
  display: table; 
  border-collapse: collapse; 
  width:100%;
  float:left;
}  

/* tr */
.box-row{
  display: table-row;
  background:#f7f7f7;
}

/* td , th */
.box-photo {  
  display: table-cell; 
  width: 50%; font-size:0;
  vertical-align:middle;
  position:relative; height:404px;
}  
 .box-photo img{ width:100%; height:auto;} 
 .box-photo.left-3:before{ 
  content:'';
  display:inline-block;
  width:59px;
  height:69px;
  background: url(../images/icon-3.png) no-repeat;
  background-size:59px;
  position:absolute;
  right:-1px;
 /* top:50%;*/
  margin-top:-35px;
 
  }
 .box-photo.right-3:before{ 
  content:'';
  display:inline-block;
  width:59px;
  height:69px;
  background: url(../images/icon-3-2.png) no-repeat;
  background-size:59px;
  position:absolute;
  left:-1px;
  /*top:50%;*/
  margin-top:-35px;
  } 
  
  
  
  
.box-word {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
  vertical-align:middle;
  color:#2c3e50;
  background-color: #f2f2f2;
  height:404px;
  padding:10px 0 15px;
}  
  .box-word.right{ padding-left:2.5%; padding-right:15.5%;}
  
  .box-word.left{ padding-right:2.5%; padding-left:15.5%; }
  
  .box-word h3{
  font-size:40px; font-weight:700;
  margin-bottom:16px;
  }
  
  .box-word h3 span{ display:block;} 
  
  .box-word section{
    font-size: 18px;
    margin-bottom:20px;
    line-height:1.5em;
    }
  
  .i-more {}
  .i-more a{ color:#2c3e50; padding:17px 33px; font-size:15px; border:2px solid #2c3e50;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:inline-block;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
  .i-more a:hover{ color:#fff; background:#2c3e50;}
  
/*----product-------*/
.i-product-s{ float:left;width:100%; padding:73px 0 85px; clear:both; background:url(../images/ips-bg7.jpg) center; background-repeat:no-repeat; background-size:cover;}
.i-product-s h2{ font-size:40px; font-weight:700; color:#dc3125; margin-bottom:9px; width:100%; text-align:center;}
.i-product-s h4{ font-size:15px; color:#fff; width:100%; text-align:center; margin-bottom:4.5%;}

.ips-list{ width:100%; float:left; }
.ips-list li{ float:left;}
.ips-list li a{ width:248px; height:248px; border:4px solid #fff; margin:0 30px;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
display:block;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;

}
.ips-list li:nth-child(1) a{ margin-left:0;}
.ips-list li:nth-child(4) a{ margin-right:0;}
.ips-list li i{ display:block; width:100%; height:137px; margin-top:23px;}
.ips-list li p{ font-size:23px; color:#fff; padding-top:7px; text-align:center; font-weight:700;}
.ips01 i{ background:url(../images/ips01.png) no-repeat center; background-size:140px; }
.ips02 i{ background:url(../images/ips02.png) no-repeat center; background-size:140px; }
.ips03 i{ background:url(../images/ips03.png) no-repeat center; background-size:140px; }
.ips04 i{ background:url(../images/ips04.png) no-repeat center; background-size:140px; }

.ips-list li a:hover p{ color:#dc3125;}
.ips-list li a:hover{border:4px solid #dc3125;}
.ips-list li.ips01 a:hover i{ background:url(../images/ips01-2.png) no-repeat center;}
.ips-list li.ips02 a:hover i{ background:url(../images/ips02-2.png) no-repeat center;}
.ips-list li.ips03 a:hover i{ background:url(../images/ips03-2.png) no-repeat center;}
.ips-list li.ips04 a:hover i{ background:url(../images/ips04-2.png) no-repeat center;}

/*-------*/
.i-news{ float:left;width:100%; padding:73px 0 85px; clear:both; background:#fff;  }
.i-news h2{ font-size:40px; font-weight:700; color:#1050a4; margin-bottom:9px; width:100%; text-align:center;}
.i-news h4{ font-size:15px; color:#585858; width:100%; text-align:center; margin-bottom:4%;}
/*--
.news-first{ float:left; width:44%; margin-right:1.5%;}
--*/

.news-first{ float:left; width:60%; margin-right:1.5%;}
.news-list-img{ float:left; width:100%; background-color:#fff;
text-align: center;
overflow:hidden;
box-sizing: border-box;
}

.news-list-img img{ width:100%;overflow:hidden; max-width:520px; }
.news-first .news-list-img{ margin-bottom:20px;}
.fix2 {
    position:relative;
    overflow:hidden;
    width:100%;
    float:left;
} 
.fix2:after {
    padding-top: 54.5%;/*----比例-------*/
    content:"";
    display: block;
}
.fix2 img {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
    margin:auto;
}
.i-news-title{ float:left; width:100%; margin-bottom:14px;color:#1050a4; font-weight:700;font-size:30px;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;}
/*.i-news-title:before{ content:'／'; margin-left:-5px;}
.i-news-title:after{ content:'／';}*/
.i-news-text{float:left;width:100%;color:#333;/* font-weight:700; */font-size:18px;text-align:justify;line-height:1.4em;padding-right:1em;height:75px;overflow:hidden;}
.btn-i-more{margin-top:34px; float:right; color:#fff; font-weight:700;font-size:20px;
width:129px; height:34px; line-height:34px; background:#1050a4;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align:center;
}
.btn-i-more a{ color:#fff;}
.news-first a:hover .btn-i-more{background:#054395;}
.news-first a:hover .i-news-title{color:#054395;}


.news-other{ float:left; width:35.5%;}

.news-other ul li{ width:100%; min-height:163px; background:#e8e8e8; margin-bottom:18px;}

.news-other ul li:hover{background:#efefef;}
.date{ float:left; width:18%; background:#1050a4; color:#fff; font-family: Arial; text-align:center; min-height:163px;}
  .day{ font-size:70px; display:block;}
  .month{font-size:27px;display:block;}
  .year{font-size:27px;display:block; }
.news-right{width:82%;padding:13px 18px;float:left;}
.news-other .i-news-text{ }
.news-other .i-news-title{margin-bottom:10px;}




/*----VEDIO-----------*/
.vedio-box{ float:left; width:50%; padding:0 2%; margin-left:25%;
}
/*RWD Youtube 以及 Vimeo*/

.video-container{
position:relative;
padding-bottom:56.5%;
padding-top:30px;height:0;overflow:hidden;
-moz-box-shadow: -1px 1px 16px #000000;
-webkit-box-shadow: -1px 1px 16px #000000;
box-shadow: -1px 1px 16px #000000;
}

.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}




/*------RWD----*/
@media only screen and (max-width:1176px){
/*----product-------*/
.i-product-s{ padding:5% 0 8%;}
.i-news{padding:5% 10px 5%;}
.ips-list li a{ margin:0 10px;}
}

@media only screen and (max-width:1024px){
/*---banner-------*/  	
.banner-wrap, .banner-video{ height:550px;}
	
/*---格子-------*/  
  .box-word.right{padding-left: 5%;padding-right: 5%;}  
  .box-word.left{ padding-right:5%; padding-left: 5%; }

/*-----*/
.ips-list{ text-align:center;}
.ips-list li{  width:50%;  text-align:center; margin-bottom:15px;}
.ips-list li:nth-child(1) a{ margin-left:auto; }
.ips-list li:nth-child(4) a{ margin-right:auto;}
.ips-list li a{ margin:0 auto;}
/*------*/
.i-news-title{font-size:20px;}
  .day{ font-size:50px; display:block;}
  .month{font-size:20px;display:block;}
  .year{font-size:20x;display:block; }
}

@media only screen and (max-width:680px){
/*---格子-------*/  
.box-word {height:300px;}
.box-word h3, .i-product-s h2, .i-news h2{font-size: 25px;}
.i-more a{ padding:10px 20px; }

 .vedio-box{ float:left; width:80%; padding:0 2%; margin-left:10%;
}
}

@media only screen and (max-width:500px){
/*---格子-------*/  
.box-photo, .box-word{ width:100%; float:left;}
.box-photo{ height:200px;}
.box-word{height: auto;}
.box-photo.left-3:before{ 
  content:'';
  display:inline-block;
  width:30px;
  height:26px;
  background: url(../images/icon-top.png) no-repeat;
  background-size:30px;
  position:absolute;
  right: inherit;
  top: inherit;
  bottom:-1px;
  margin-top:0;
  margin-left:-15px;
  left:50%;
  }

 .i-more{ margin-bottom:10px;}
 .box-word h3{ margin-bottom:8px;}
 .box-word section{margin-bottom:10px;}

.ips-list li{  width:100%; margin-bottom:10px; }
.ips-list li p{ font-size:18px;}
/*-------*/
.news-first, .news-other{width:100%; margin-right:0%;}
.news-first .news-list-img{ margin-bottom:10px;}
.btn-i-more{ font-size:16px; margin-top:0px; margin-bottom:20px;}
.i-news-text{ display:none;}
.i-news-title{ font-size:20px;margin-bottom:0px;
overflow: hidden;
white-space:normal;
height:79px;
word-wrap:break-word;
}
.news-first .i-news-title{
  overflow: visible;
  height:auto; margin-bottom:10px;
}


.i-news-title:before{ content:''; margin-left:0;}
.i-news-title:after{ content:'';}
.news-other ul li, .date{ min-height:120px;}
 .day{ font-size:22px; padding-top:12px;}
  .month{font-size:14px;}
  .year{font-size:14px; }
  
.ips-list li i{ margin-top:15px;}
.ips-list li p{ padding-top:0;}
.ips-list li a{ width:200px; height:200px;}
}

@media only screen and (max-width:480px){
 
.banner-wrap, .banner-video{ height:450px;}
}