@charset "utf-8";
h3{font-size:30px;font-family:"微软雅黑";text-align:center;line-height:120px;}
	h3 span{font-size:30px;color:#167AE4;}
	
	.shop_box{background:#f7f7f7;padding-bottom:80px;padding-top:10px;}
	.shop{width:840px;margin:0 auto;}
	.shop li{float:left;width:150px;margin:0 30px;}
	.shop h2{text-align:center;height:30px;font-size:16px;margin-top:20px;}
	.shop li img{width:80px;height:80px;margin:0 auto;display:block;}
	.shop ul span{display:none;}
	
	.case_box{margin-top:30px;padding-bottom:90px;}
	.case{width:720px;margin:0 auto;}
	.anli {margin-top:70px;}
    .anli li {float:left;width:180px;margin-bottom:35px;position:relative;box-sizing:border-box;padding-left:41px;}
	.anli li>img{display:block;margin:0 auto;}
	.anli span{position:absolute;bottom:-135px;left:21px; z-index:9999;display:none;}
	
	.banner_box_02{overflow:hidden;}
	.banner_box_02 img{width:100%;height:auto;float:left;}
	
	.main_box{background:#f7f7f7;padding-top:10px;padding-bottom:70px;clear:both;}
	.main{width:900px;margin:0 auto;}
	.main .column{float:left;width:400px;margin-left:30px;margin-right:10px;padding-left:10px;margin-bottom:30px;}
	.main .column:hover{background:#05649a;color:#fff;}
	/*.main .column:hover{-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); 
-moz-transition: all 1.2s ease-in-out; 
-webkit-transition: all 1.2s ease-in-out; 
-o-transition: all 1.2s ease-in-out; 
-ms-transition: all 1.2s ease-in-out; 
transition: all 1.2s ease-in-out; 

}
*/
	.main img{float:left;width:80px;height:80px;margin:6px 0;}
	.column h1{padding-left:100px;font-size:16px;}
	.column p{padding-left:100px;}
	.column span{display:none;}
	.text_color{color:#fff;}
	
	.honor{width:1080px;margin:0 auto;padding-bottom:50px;}


	.life_box{ background:#f7f7f7;padding-bottom:80px;position:relative;}
	.life{width:945px;margin:0 auto;}
	.life img{margin-left:10px;margin-right:10px;}
	
	
	.life .arrow-left{position:absolute;left:60px;top:250px;}
	.life .arrow-right{position:absolute;top:250px;right:60px;}
	.arrow-left,.arrow-right:hover{cursor:pointer}
	.continer_box{width:945px;height:234px;overflow:hidden;}
	.continer{width:2875px;height:234px;position:relative;}
	.continer .fc_list span{display:block;text-align:center;}
    .continer .fc_list {float:left;}
	.banner_box_03 img {width:100%;height:auto;}
	.banner_box_04 img {width:100%;height:auto;}
	
	
	.new_box{width:940px;margin:0 auto;padding-top:30px;padding-bottom:70px;}
	.new_column{float:left;width:280px;margin-left:15px;margin-right:15px;}
	.new_column h5{font-size:13px;overflow:hidden;}
	.new_column >img{width:280px;height:160px;}
	.new_column h1 img{float:left;margin-right:10px;margin-top:16px;}
	.new_column span{float:right;}
	.new_column h1{color:#05649a;font-size:16px;border-bottom:1px solid #dddddd;line-height:50px;}
	.new_column h5 img{margin-right:5px;}
	.new_column h5 a {float:left;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
    width:75%;}
	

@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.well .well-item{ position: relative; float: left; width: 250px; height: 200px;margin:10px;}
.well .well-item img{
  width: 100%;
  height:200px;
}
.correct{
  position: absolute;
  width: 100%;
}
.opposite{
  width: 250px;
}
.opposite div{
  width: 100%;
  
}
.opposite-content{
  display: table;
  width: 100%;
  height: 200px;
  background-color: #D95E22;
}
.opposite-content-text{ display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 24px; }
.opposite-content-text a {color:#fff; }