.mob1{ padding:60px 0;}
.mob1 .left{ float:left; width:50%;}
.mob1 .left img{ width:100%;transition: transform 0.3s ease;cursor: pointer;  }
.mob1 .left img:hover{transform: scale(1.1); }
.mob1 .left div{ overflow:hidden;}
.mob1 .right{ float:left; width:calc( 50% - 40px ); margin-left:40px; }
.mob1 .right h2{ font-size:46px; color:#000; font-famliy:'Aril'; margin-bottom:60px; }
.mob1 .right dl{ margin-bottom:40px;}
.mob1 .right dl dt{ display:inline-block;  width:50px;    vertical-align: top;   }
.mob1 .right dl dd{ display:inline-block; width:calc( 100% - 75px ); margin-left:20px; vertical-align:middle;  }
.mob1 .right dl dd b{ display:block; font-size:20px; }
.mob1 .right dl dd span{ display:block; }


.mob2{ background:#ebefef; padding-top:60px; }
.mob2 ul li{ display:inline-block; width:calc( 25% - 5px ); text-align:center; margin-bottom:60px;  font-size:20px; cursor: pointer;  }
.mob2 ul li img{ display:block; width:60px; margin:0 auto; margin-bottom:10px;transition: transform 0.5s;}
.mob2 ul li:hover img{
    transform: scale(1.1) rotate(10deg); }


.mob3{ padding:60px 0;}
.mob3 h2.tit{ text-align:center; font-size:32px; position:relative;  color:#000; margin-bottom:50px; }
.mob3 h2.tit:before{ display:block; content:" "; position:absolute; width:40px;  height:5px; left:calc( 50% - 20px ); bottom:-20px; background:#d60002; }
/*
.mob3 ul li{ float:left; width:calc( 33.33% - 20px ); margin-right:30px; }
.mob3 ul li a{ display:block;position:relative; }
.mob3 ul li a img{ width:100%; }
.mob3 ul li:nth-child(3n){ margin-right:0;}
.mob3 ul li span{ position:absolute; left:0; bottom:0; background:#00315a; width:100%;  height:90px; line-height:90px;text-align:center; display:block; color:#fff; font-size:30px; transition: max-height 0.5s;  }
.mob3 ul li a:hover span{height: 100%; line-height:100%;display: flex;     justify-content: center;
  align-items: center;   }
*/
.mob4{ text-align:center; background:url(../img/m4.jpg) no-repeat; background-size: cover; padding:200px 0;}
.mob4 a  img{ display:block; margin:0 auto; }
.mob4 a { font-size:26px; color:#fff; }
.mob5 { padding:60px 0;}
.mob5 h2.tit{ text-align:center; font-size:32px; position:relative;  color:#000; margin-bottom:50px; }
.mob5 h2.tit:before{ display:block; content:" "; position:absolute; width:40px;  height:5px; left:calc( 50% - 20px ); bottom:-20px; background:#d60002; }
.mob5 ul li{ float:left; width:calc( 25% - 9px ); margin-right:12px;}
.mob5 ul li:nth-child(4){ margin-right:0;}
.mob5 ul li a{ display:block; text-align:center; overflow:hidden; }
.mob5 ul li a img{ width:100%;transition: transform 0.3s ease;}
.mob5 ul li a:nth-child(2){ font-size:20px; line-height:50px; color:#002d56; }
.mob5 ul li a:hover img{transform: scale(1.1);}

.mob6{ padding:60px 0;}
.mob6 .dyui-container	{display: flex;   justify-content: center;
  align-items: center; height:100%;  }
.mob6 .left{ width:calc( 20% - 40px ); padding:0 20px; }
.mob6 .right{ width:calc( 80% - 5px ); border-left:5px solid #000;}
.mob6 .right ul li{display:inline-block; width:calc( 25% - 5px ); margin-bottom:20px; }
.mob6 .right ul li a{ display:block; overflow:hidden; }
.mob6 .right ul li a img{transition: transform 0.3s ease;}
.mob6 .right ul li a:hover img{transform: scale(1.1);}
.mob6 .left h3{ font-size:20px; color:#000; margin-bottom:20px;}
.mob6 .left p{ font-size:16px; color:#999; line-height:200%; }
.mob7{ padding:60px 0;}
.mob7 ul li{ width:calc( 25% - 9px ); margin-right:12px; float:left; box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.mob7 ul li img{ width:100%;transition: transform 0.3s ease;}
.mob7 ul li:nth-child(4){ margin-right:0;}
.mob7 ul li a { display:block;  overflow:hidden;}
.mob7 ul li a b{ display:block; padding:10px 10px 0 10px; font-size:16px; }
.mob7 ul li a span{ display:block; padding:10px; font-size:16px;  }
.mob7 ul li:hover img{transform: scale(1.1); }
.mob7 ul li a.btn{ background:#14b1bb; border-radius:5px; height:40px; line-height:20px; margin:10px; margin-bottom:20px;  text-align:center; color:#fff; font-size:20px; width:140px;   }

.video-icon{ text-align:center; }
.video-icon h2{ margin-top:40px; color:#fff; font-size:18px;}
.video-icon a {
  width: 75px;
  height: 75px;
  line-height: 75px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  position: relative;
  color: #14b1bb;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
  -webkit-transition: 0.5s;
  background: #fff;
  font-size: 28px;
  z-index: 44;
}
@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
    color: #fff;
}.white p {
    color: #fff;
}.tchn-button a:after {
    content: "";
    background: #2f6eff;
    height: 50%;
    width: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    transition: 0.5s;
    z-index: -1;
}.tchn-button a:before {
    content: "";
    background: #2f6eff;
    height: 50%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    transition: 0.5s;
    z-index: -1;
}.tchn-button a {
    display: inline-block;
    overflow: hidden;
    background: #1129b9;
    transition: all 0.5s ease 0s;
    z-index: 1;
    padding: 13px 33px;
    text-decoration: none;
    position: relative;
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
}.style2.tchn-button a {
    background: linear-gradient(to left, #2475fc, #1129b9 100%);
    padding: 16px 37px;
    font-size: 16px;
}.style2.tchn-button a:after {
    background: linear-gradient(to left, #1129b9, #2475fc 100%);
}





#in_ct{width:100%;height:auto;overflow:hidden;margin:6px 0 0;background:url(../images/in_ct_bg.gif) repeat-x;}
.in_ct{width:100%;height:auto;overflow:hidden;margin:0 auto;background:#fff;}
.in_ct1{width:100%;height:auto;overflow:hidden;}
.box li{ width:calc( 25% - 4px );height:514px;margin-left:4px;float:left;overflow:hidden;position:relative;}
.toll_img{ width:100%;height:514px; }
.toll_img img{ width:100%;}
.box li .box1{ width:100%;}
.toll_info{ height:514px; width:100%; vertical-align:middle;display:block; position:relative; }
.toll_info a>img{ width:100%;}
.toll_info:before{ content:" "; width:100%; height:100%; position:absolute; background:#14b1bb; opacity: .7; }

.toll_info a {   width:100%; height:100%;}
.toll_info a i{ display:table; position:absolute; left:0; top:0; position:absolute; width:100%; height:100%; text-align:center; color:#fff; font-size:20px; font-style:normal;  }
.toll_info a i img{ display:block; margin:0 auto; margin-top:50px; max-width:100%; }

.box li .box1{ color:#666;text-decoration:none;position:absolute;top:0;left:0;cursor:pointer;}















@media(max-width:767px) {
	
	.mob1 .left{ float:none; width:100%; }
	.mob1 .right{ float:none; width:calc( 100% - 20px); padding:0 10px; margin-left:0; }
	.mob1 .right h2{ font-size:30px; margin-top:20px; margin-bottom:20px; }
	.mob2 ul li{ width:calc( 33.33% - 5px ); vertical-align:top; margin-bottom:20px; font-size:16px;  }
	.mob3 ul li{ width:100%; float:none; margin-right:0; margin-bottom:20px;}
	.mob3 ul li span{ font-size:20px;}
	.mob5 ul li{ width:calc( 50% - 5px ); margin-right:10px;}
	.mob5 ul li:nth-child(2n){ margin-right:0;}
	.mob6 .dyui-container{ display:block; }
	.mob6 .left{ width:calc( 100% - 0px );}
	.mob6 .right{ width:calc( 100% - 0px ); border:0; }
	.mob6 .right ul li{ width:calc( 50% - 5px );}
	.mob6 .right ul li img{ width:100%; }
	
	.mob7 ul li{ width:100%; margin-right:0; float:none; margin-bottom:20px; padding-bottom:1px; }
	
}