body{
    width:100%; height: auto; overflow-x:hidden;margin: 0 0;padding: 0 0;
    font-family: 'addfont','Microsoft Yahei', Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", "WenQuanYi Micro Hei", sans-serif;
}

body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px;  font-size: 12px; font-weight: normal; list-style: none;}


img { border-style: none; }
a{
    color: #000;
}
a:link{
    text-decoration:none;

}
a:visited{
    text-decoration:none;
}
a:hover{
     text-decoration:none;

}
a:active{
    text-decoration:none;
}
.w_100{
    width:100%;
}
.h_100{
    height: 100%;
}
.f_l{
    float: left;
}
.f_r{
    float: right;
}
.c_f{
    clear: both;
}
video{
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    background: url(../images/videos.jpg) no-repeat;
    /*加滤镜*/
    /*-webkit-filter: grayscale(100%);*/
    /*filter:grayscale(100%);*/
    z-index:-1100
}
source{
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}
.icon-dianhua{
    color: rgb(250, 1, 1);font-weight: bold;
    -moz-transform:rotate(180deg);
            -webkit-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
.icon-weixin{
    color: rgba(79, 179, 63, 1);
    position: relative;
}
.icon-weixin:hover{
    color: rgba(79, 179, 63, 1);
    position: relative;
    cursor: pointer;
}
.weixin {
    position: absolute; width:0px;height:0px;top: 40px; right: 5px;z-index: 300;opacity: 0;
}
.wx_show{

    opacity: 1;width:180px;height: 220px; transition: all .5s ease ;
}
#loadingDiv{
    width: 100%;height: 100%; background: #ffffff; position: absolute; top: 0;z-index: 100; position:fixed;display: none;
}

.spinner {
  margin: 0 auto;margin-top:20%;
  width: 150px;
  text-align: center;
}

.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #67CF22;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.bg{width:100%;height: 100%;position: absolute; top:0px; z-index: -1100;overflow: hidden;}
#bgvid{background: url(../images/videos.jpg) no-repeat;background-size: 100% 100%;}
#over{
    position: absolute;top: 0;left: 0; width: 100%;height: 100%; background-color: #ffffff; z-index: 1000;
}
#layout{
    position: absolute;top: 40%; left: 40%;width: 20%; height: 20%;  z-index: 1001;text-align:center;
}
.head{width:100%;margin:0 auto; }
.top_bg{
    position: absolute; top:0;
    width: 100%;
    height: 100%;
    background: #011d34;
    filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
    background-color: rgba(1,29,52,0.5);
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.head_top{
    overflow: hidden;
    height: 40px;
    background: #262b2e;
    filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
    background-color: rgba(00,00,00,0.5);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */

}

.head_top_l{
    width:30%;
    padding-left:5%;
}
.head_top_r{
    width: 30%;
    padding-right:5%;
    text-align: right;
}
.head_top p{
    height: 40px; line-height: 40px; display: block;
    font-size: 12px; color: #ffffff; letter-spacing:1px;
}
.head_top p a{
    color:#ffffff;
}
.head_nav{
    height: 80px ;
    overflow: hidden;
    background: #ffffff;filter:Alpha(opacity=100);
    background-color: rgba(255, 255, 255,1); position:static;  *zoom:1; padding-right:-30px;
}
.head_nav_content{

    position: relative;
}
.logo{
    margin-left:5%;margin-top: 10px;
}

.head_nav ul{
    height: 80px ;
    width: 70%;
    float: right;
    text-align: right;
    padding-right: 5%;
    margin-right: -40px;
}
.head_nav ul li{
    height: 80px ;
    float: right;
    padding-right: 40px;
    position: relative;

}
.head_nav ul li .under_line{ display:block; position: absolute; width:0px; height:0px; background:rgb(31, 255, 143); top:58px; left:50%;}

.head_nav ul li:hover a{
    color:rgb(38, 39, 38);;
}
.head_nav ul li a{
    height: 80px ; line-height: 80px;
    font-size: 16px;
}
.hot{
    background: url(../images/hot.gif) 60px 20px no-repeat;
}
.hot1{
    display: block;
    float: left;
    top: 0px;
    width: 30px;
    height: 10px;
    background: url(../images/hot.gif) 0px 0px no-repeat;
}
.down{
    position: relative;top: 8px;margin-left: 5px;
    width:0;
	height:0;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-top:5px solid black;
}

.head_sec_nav{
    display: none;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #9aa;
    padding-bottom: 30px;
    background: #ffffff;
    filter:Alpha(opacity=100);/* 只支持IE6、7、8、9 */
    background-color: rgba(255, 255, 255, 1);
    position:absolute; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    z-index: 999;
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */

}
.nav_ul{
    margin-left: 2%;
    margin-right: 2%;
    padding-left:1%;
    padding-right: 1%;
    margin-top: 20px;
    position: relative;
}
.head_sec_nav .nav_1{
    float: left;
    width: 14.2%;
    margin-bottom: 10px;
}
.head_sec_nav .nav_1 .icon-site-copy{
    color: rgb(184, 47, 5);font-size: 20px;margin-right: 2px;
}
.head_sec_nav .nav_1 .icon-weiyingyong{
    color: rgba(79, 179, 63, 1);font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 .icon-xiaochengxu{
    color: #7789db;font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 .icon-yingxiao{
    color: rgb(255, 166, 0);font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 .icon-yijicaidanwangluojianshe{
    color: rgb(107, 63, 179);font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 .icon-anquan{
    color: rgba(79, 179, 63, 1);font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 .icon-app{

  color: #d81e06;font-size: 20px;margin-right: 8px;
}
.head_sec_nav .nav_1 a{
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
}

.head_sec_nav .nav_2 a{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    float: left;

}
.head_sec_nav .nav_2{
    overflow: hidden;
    margin-top:10px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-left:25px;
    margin-right: 15%;
    background:  #eeeeee;
}
.head_sec_nav .nav_2:hover{
    background:  #fa3942;

    transition: all .5s ease ;
}
.head_sec_nav .nav_2:hover a{
    color: #ffffff;
    transition: all .5s ease ;
}
.banner{
    width:100%;height:100%;
    z-index: 1;
}

@keyframes rightan
{
	0%
	{
	    bottom: 70px;
	    opacity: 1;
	}
	70%{
		opacity: 0.4;
	}
	100%
	{
	    bottom: 20;
	    opacity: 0;
	}
}

@-webkit-keyframes rightan
{
	0%
	{
	    bottom: 70px;
	    opacity: 1;
	}
	70%{
		opacity: 0.4;
	}
	100%
	{
	    bottom: 20;
	    opacity: 0;
	}
}
@-moz-keyframes rightan
{
	0%
	{
	    bottom: 70px;
	    opacity: 1;
	}
	70%{
		opacity: 0.4;
	}
	100%
	{
	    bottom: 20;
	    opacity: 0;
	}
}
@-o-keyframes rightan
{
	0%
	{
	    bottom: 70px;
	    opacity: 1;
	}
	70%{
		opacity: 0.4;
	}
	100%
	{
	    bottom: 20;
	    opacity: 0;
	}
}


@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(0.2);opacity:1; }
    100% {
      -webkit-transform: scale(1.0);
      opacity: 0;
    }
  }

  @keyframes scaleout {
    0% {
      transform: scale(0.2);
      -webkit-transform: scale(0.2);
      opacity:1;
    } 100% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
      opacity: 0;
    }
  }

.swiper-container{
    width:100%;height: 100%;
}
.tip{
    position: absolute;bottom:50px;left:50%;margin-left:-15px;z-index:100;
    animation: rightan 2s infinite;
    animation-fill-mode: both;
    -moz-animation: rightan 2s infinite;
    -moz-animation-fill-mode: both;
    -webkit-animation: rightan 2s infinite;
    -webkit-animation-fill-mode: both;
    -o-animation: rightan 2s infinite;
    -o-animation-fill-mode: both;
}
.kefu{
    position: fixed;
    bottom:100px;
    right: 90px;
    z-index:100;
}

.kefus{
    border-radius: 50%;
    width: 60px;height: 60;
    position: absolute;
    z-index: 99;
}

.spinner1{
    opacity: 0;
    position: absolute;
    width:110px;
    height: 110px;
    top:-25px;
    left:-25px;
    background-color: #39a87c;
    border-radius: 100%;
    -webkit-animation: scaleout 2s 4s infinite ease-in-out;
    -o-animation: scaleout 2s 4s infinite ease-in-out;
    -moz-animation: scaleout 2s 4s infinite ease-in-out;
    animation: scaleout 2s 4s infinite  ease-in-out ;
}
.spinner2{
    opacity: 0;
    position: absolute;
    width:120px;
    height: 120px;
    top:-30px;
    left:-30px;
    background-color: #39a87c;
    border-radius: 100%;
    -webkit-animation: scaleout 2s 3.5s infinite ease-in-out;
    -o-animation: scaleout 2s 3.5s infinite ease-in-out;
    -moz-animation: scaleout 2s 3.5s infinite ease-in-out;
    animation: scaleout 2s 3.5s infinite  ease-in-out ;
}
.spinner3{
    opacity: 0;
    position: absolute;
    width:140px;
    height: 140px;
    top:-40px;
    left:-40px;
    background-color: #39a87c;
    border-radius: 100%;
    -webkit-animation: scaleout 2s 3s infinite ease-in-out;
    -o-animation: scaleout 2s 3s infinite ease-in-out;
    -moz-animation: scaleout 2s 3s infinite ease-in-out;
    animation: scaleout 2s 3s infinite  ease-in-out ;
}

.container_1{
    margin-top:10%;
    filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
}
.swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
  }/*切换动态效果*/


.banner-bin-h{
    text-align:center; line-height:1;margin: 0 auto
}
.banner-bin-h span:first-child{font-size:80px;    color:#00c0ff;color:#01fa86;display:inline-block;


  }
.banner-bin-h span:first-child u{position:relative; top:-15px; text-decoration: none;}
.banner-bin-h span:last-child{font-size:68px; color:#ffffff;   display:inline-block; }
.banner-bin-i{text-align:center; display:block; margin:30px auto 40px auto; width:660px;
}
.banner-bin-i p{display:block; margin:0; position:relative; overflow:hidden;}
.banner-bin-i p:first-child:before{

    height: 0px;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    display: block;font-weight: lighter;
    border-left:1px solid #ffffff;
    transition: all 2.5s ease-in 2.5s;
    -moz-transition: all 2.5s ease-in 2.5s;
    -ms-transition: all 2.5s  ease-in 2.5s;
    -o-transition: all 2.5s  ease-in 2.5s;
    -webkit-transition: all 2.5s ease-in 2.5s;
}
.swiper-slide-active .banner-bin-i p:first-child:before{
    height:100px;
    transition: all 2.5s ease-in 2.5s;
    -moz-transition: all 2.5s ease-in 2.5s;
    -ms-transition: all 2.5s  ease-in 2.5s;
    -o-transition: all 2.5s  ease-in 2.5s;
    -webkit-transition: all 2.5s ease-in 2.5s;

}
.banner-bin-i p:last-child:before {
    height: 0px;
    position: absolute;
    content: '';
    left: 0;
    bottom: 50%;
    display: block;
    border-left: 1px solid #ffffff;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;
}
.swiper-slide-active .banner-bin-i p:last-child:before{
    height:100px;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;

}

.banner-bin-i p:last-child:after {
    height: 0px;
    position: absolute;
    content: '';
    right: 0;
    bottom: 50%;
    display: block;
    border-right: 1px solid #ffffff;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;
}
.swiper-slide-active .banner-bin-i p:last-child:after{
    height:100px;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;

}
.banner-bin-i p:first-child:after {
    height: 0px;
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    display: block;
    border-right: 1px solid #ffffff;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;
}
.swiper-slide-active .banner-bin-i p:first-child:after{
    height:100px;
    transition: all 2.5s ease-in 3.5s;
    -moz-transition: all 2.5s ease-in 3.5s;
    -ms-transition: all 2.5s  ease-in 3.5s;
    -o-transition: all 2.5s  ease-in 3.5s;
    -webkit-transition: all 2.5s ease-in 3.5s;

}

.banner-bin-i p span:before {
    width: 0px;
    position: absolute;
    content: '';
    right: 100%;
    top: 50%;
    display: block;
    border-bottom: 1px solid #ffffff;
    transition: all 2.5s ease-in .8s;
    -moz-transition: all 2.5s ease-in .8s;
    -ms-transition: all 2.5s  ease-in .8s;
    -o-transition: all 2.5s  ease-in .8s;
    -webkit-transition: all 2.5s ease-in .8s;
}
.swiper-slide-active .banner-bin-i p span:before{
    width: 199px;
    transition: all 2.5s ease-in .8s;
    -moz-transition: all 2.5s ease-in .8s;
    -ms-transition: all 2.5s  ease-in .8s;
    -o-transition: all 2.5s  ease-in .8s;
    -webkit-transition: all 2.5s ease-in .8s;

}
.banner-bin-i p span:after {
    width: 0px;
    position: absolute;
    content: '';
    left: 100%;
    top: 50%;
    display: block;
    border-bottom: 1px solid #ffffff;
    transition: all 2.5s ease-in .8s;
    -moz-transition: all 2.5s ease-in .8s;
    -ms-transition: all 2.5s  ease-in .8s;
    -o-transition: all 2.5s  ease-in .8s;
    -webkit-transition: all 2.5s ease-in .8s;
}
.swiper-slide-active .banner-bin-i p span:after{
    width: 199px;
    transition: all 2.5s ease-in .8s;
    -moz-transition: all 2.5s ease-in .8s;
    -ms-transition: all 2.5s  ease-in .8s;
    -o-transition: all 2.5s  ease-in .8s;
    -webkit-transition: all 2.5s ease-in .8s;

}
.banner-bin-i p:first-child span{
    color:#ffffff;
    font-family: Times;
    display: inline-block;
    line-height: 1.6;
    position: relative;
    padding: 0 20px;
    font-size:40px;font-weight: lighter;letter-spacing: 3px;


}

.banner-bin-i p span{display:inline-block; line-height:1.6; position:relative; padding:0 20px;}


.banner-bin-i p:last-child span{font-size:24px; color:#ffffff; font-weight: lighter; }

.banner-bin-j{text-align:center; margin:0 auto; margin-top:30px; width:940px; letter-spacing: 0px; }
.banner-bin-j p{float:left; width:30%; font-size:17px; padding:0 15px; margin:0; position:relative;font-weight: lighter;
        }
.banner-bin-j p span{display:block;
         }

.banner-bin-j p span:first-child{font-size:28px; line-height:1.2; margin-bottom:15px; color:#ffffff; color:#00c0ff;}
.banner-bin-j p span:last-child{color:#ffffff;  line-height:30px;  }
.banner-bin-j p:first-child:before {
    border: none;
}
.banner-bin-j p:before {
    border-left-width: 1px;
    border-left-style: solid;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-left-color: #ffffff;
    opacity: .4;
}
.index-banner-item{width: 50%;height: 50%;margin: 0 auto;margin-top:10%;}
.index-banner-title {font-size: 48px;color: #1E9FFF;text-align: center;}
.index-banner-subtitle {font-size: 28px;color: #01fa86;margin-top: 35px;text-align: center;}
.index-banner-p {font-size: 24px;color: #999999;margin-top: 35px;text-align: center;}
.index-banner-btn {
    width: 175px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    margin-top: 60px;
}

.index-banner-btn a {
    font-size: 18px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.index-banner-btn a:hover{background: #ffffff;color: #333333;}
.btn-b-light {
    display: inline-block;
    border: none;
    padding: 0;
    background-color: transparent;
    color: #ccc;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
}


/*第二屏*/
.fwxm{
    width:100%;height: 100%;

}
.fwxm_title{
    float:left;width: 100%;

}

.fwxm_title h2{
    display: block;width:100%;float:left;margin: 0 auto;height:80px;line-height: 80px;margin-top:20px;
    text-align: center;font-size: 36px;color: #01fa86;
}
.fwxm_title span{
    display:block;width:70%;float:left;margin: 0 auto;line-height: 50px;color: #eeeeee;font-weight: lighter;margin-left: 15%;margin-right: 15%;
    text-align: center;
    font-size: 24px;
}
.wk_fwxm {float: left;margin: 0 auto;width: 100%;height: 100%;z-index: 1;
}
.wk_fwxm ul {width: 100%;height: 100%;
}

.wk_fwxm li {
	position: relative;	float: left;	width: 25%;	height: 100%;	color: #eee; text-align: center;
}
.wk_fwxm li .wk_fwxm_bg {
position: absolute;right: 0;bottom: 0;left: 0;height: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}

.wk_fwxm li.wk_li1 .wk_fwxm_bg {
	background: rgba(186, 41, 46, 0.8);
}

.wk_fwxm li.wk_li2 .wk_fwxm_bg {
background: rgba(21, 153, 165, 0.8);
}

.wk_fwxm li.wk_li3 .wk_fwxm_bg {

	background: rgba(94, 144, 77, 0.8);

}

.wk_fwxm li.wk_li4 .wk_fwxm_bg {

	background: rgba(93, 67, 120, 0.8);

}

.wk_fwxm li:hover .wk_fwxm_bg {

	height: 100%;

}

.wk_fwxm li .wk_fwxm_main {

	position: absolute;

	top: 25%;

	right: 25px;

	left: 25px;

	margin-top: -145px;

}

.wk_fwxm li .wk_ljzx {

	margin: 35px auto 0 auto;

	width: 145px;

	height: 35px;

}

.wk_fwxm li .wk_ljzx a {
  display: none;

	width: 143px;

	height: 33px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	font-size: 17px;

	line-height: 33px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.wk_fwxm li:hover .wk_ljzx a {

	display: block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {

	background: #fff;

	color: #ba292e;

}

.wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {

	background: #fff;

	color: #1599a5;

}

.wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5e904d;

}

.wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5d4378;

}

.wk_fwxm li .wk_fwxm_ico {

	overflow: hidden;

	margin: 0 auto;

	width: 110px;

	height: 110px;

	-webkit-border-radius: 110px;

	-moz-border-radius: 110px;

	border-radius: 110px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.wk_fwxm li.wk_li1 .wk_fwxm_ico {

	background: url(../images/fwxm_img1.png) no-repeat;

}

.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {

	background: url(../images/fwxm_img1.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li2 .wk_fwxm_ico {

	background: url(../images/fwxm_img4.png) no-repeat;

}

.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {

	background: url(../images/fwxm_img4.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li3 .wk_fwxm_ico {

	background: url(../images/fwxm_img3.png) no-repeat;

}

.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {

	background: url(../images/fwxm_img3.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li4 .wk_fwxm_ico {

	background: url(../images/fwxm_img2.png) no-repeat;

}

.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {

	background: url(../images/fwxm_img2.png) no-repeat 0 -110px;

}

.wk_fwxm li h2 {

	margin-top: 16px;

	font-weight: 400;

	font-size: 19px;

	line-height: 44px;

}

.wk_fwxm li p {

	font-size: 15px;

	line-height: 30px;

}

.wk_fwxm li .wk_fwxm_des {

	margin-top: 20px;

	font-size: 13px;

	line-height: 26px;

}

/*第三屏*/
.case{
    width:100%;height: 100%;

}
.case_title{
    float:left;width: 100%;
}
.case_title h2{
    display: block;width:100%;float:left;margin: 0 auto;height:80px;line-height: 80px;margin-top:20px;
    text-align: center;font-size: 36px;color: #01fafa;
}
.case_title span{
    display:block;width:70%;float:left;margin: 0 auto;line-height: 50px;margin-bottom:20px;color: #eeeeee;font-weight: lighter;margin-left: 15%;margin-right: 15%;
    text-align: center;
    font-size: 24px;
}


.mobileCon { position: relative; width:90%;margin:0 auto 50px; height: 580px;  top:10%;   background-color: transparent; overflow: hidden;     border-radius: 5px;
}
.mobileCon .child { width:9.68% ;height:100%; float: left;  position: relative; overflow: hidden;transition: all 0.4s linear;-webkit-transition: all 0.4s linear; margin-top: 0; }
.mobileCon .child.on{ width: 51.5555% ; }
.mobileCon .child:nth-child(1) { background-color: rgba(145, 208, 11, 0.8); }
.mobileCon .child:nth-child(2) { background-color: rgba(0, 134, 221, 0.8); }
.mobileCon .child:nth-child(3) { background-color: rgba(250, 191, 27, 0.8); }
.mobileCon .child:nth-child(4) { background-color: rgba(234, 84, 31, 0.8); }
.mobileCon .child:nth-child(5) { background-color: rgba(65, 192, 189, 0.8); }
.mobileCon .child:nth-child(6) { background-color: rgba(242, 163, 255, 0.8); }
.mobileCon .child .info { position: absolute; top: 100px; left: 10px; margin-left: 0; width: 100px; color: #FFF; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; z-index: 2; }
.mobileCon .child .info h3 { margin-bottom: 20px; font-size: 16px; font-weight: bold; }
.mobileCon .child .info p { font-size: 12px; line-height: 24px; color: #FFF; margin-bottom:15px; }
.mobileCon .child .info img { border-radius: 10px;width: 0;}
.mobileCon .child .img {  position: absolute;  width: 100%;  height: 70%;  right: -54%;  transition: 0.4s ease all;  -webkit-transition: 0.4s ease all;  top: auto;  bottom: 60px;  text-align: right;  }
.mobileCon .child .img img { width: 100%;     opacity: 0.5;}
.mobileCon .child.on .info { width: 92%; left: 4%;top: 30px; margin-left: 0; }
.mobileCon .child.on .info h3 { font-size: 16px; }
.mobileCon .child.on .info img { width: 100%;}
.mobileCon .child.on .info p{font-size: 14px;line-height: 24px;}
.mobileCon .child.on .img{	position: absolute;width: 250px;top: 7%;right: -18%;left: auto;}


/*服务流程*/

.service{
    width:100%;

}
.service_title{
    float:left;width: 100%;overflow: hidden;
}
.service_title h2{
    display: block;width:100%;float:left;margin: 0 auto;height:80px;line-height: 80px;margin-top:20px;
    text-align: center;font-size: 36px;color: #0bf88b;
}
.service_title span{
    display:block;width:70%;float:left;margin: 0 auto;line-height: 50px;margin-bottom:20px;color: #eeeeee;font-weight: lighter;margin-left: 15%;margin-right: 15%;
    text-align: center;
    font-size: 24px;
}
.pad{
    width:100%;
}
.process{width:90%;overflow:hidden;margin: 0 auto;}
.process .pad{padding-top:26%;position: relative;}
.process img{width:100%;position:absolute;left:0;top:0;z-index: 5;}
.process span{display: inline-block;color:#90a1b3;font-size:16px;position:absolute;}
.process span.s1,.process span.s2,.process span.s3,.process span.s4,.process span.s5,.process span.s6,.process span.s7,.process span.s8,.process span.s9,.process span.s10,.process span.s11,.process span.s12,.process em.q1,.process em.q2,.process em.q3,.process em.q4,.process em.q5,.process em.q6,.process em.q7{
    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    -webkit-transition: all 2s ease 1.5s;

	-moz-transition: all 2s ease 1.5s;

	-o-transition: all 2s ease 1.5s;

    transition: all 2s ease 1.5s;
}
.process span.s1{left:0;top:0; }
.swiper-slide-active .process span.s1{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .2s;-moz-transition: all 2s ease .2s;-o-transition: all 2s ease .2s;
     transition: all 2s ease .2s;
}
.process span.s2{left:4.6%;top:0}
.swiper-slide-active .process span.s2{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .2s;-moz-transition: all 2s ease .2s;-o-transition: all 2s ease .2s;
     transition: all 2s ease .2s;
}
.process span.s3{left:1.6%;top:22%}
.swiper-slide-active .process span.s3{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .4s;-moz-transition: all 2s ease .4s;-o-transition: all 2s ease .4s;
     transition: all 2s ease .4s;
}
.process span.s4{left:1.6%;top:65%}
.swiper-slide-active .process span.s4{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease .6s;
}
.process span.s5{left:9.5%;top:42%}
.swiper-slide-active .process span.s5{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .8s;-moz-transition: all 2s ease .8s;-o-transition: all 2s ease .8s;
     transition: all 2s ease .8s;
}
.process span.s6{left:20%;top:65%}
.swiper-slide-active .process span.s6{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 1s;-moz-transition: all 2s ease 1s;-o-transition: all 2s ease 1s;
     transition: all 2s ease 1s;
}
.process span.s7{left:27%;top:50%}
.swiper-slide-active .process span.s7{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 1.2s;-moz-transition: all 2s ease 1.2s;-o-transition: all 2s ease 1.2s;
     transition: all 2s ease 1.2s;
}
.process span.s8{left:38%;top:89%}
.swiper-slide-active .process span.s8{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 1.4s;-moz-transition: all 2s ease 1.4s;-o-transition: all 2s ease 1.4s;
     transition: all 2s ease 1.4s;
}
.process span.s9{left:49%;top:15%}
.swiper-slide-active .process span.s9{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 1.6s;-moz-transition: all 2s ease 1.6s;-o-transition: all 2s ease 1.6s;
     transition: all 2s ease 1.6s;
}
.process span.s10{left:57%;top:89%}
.swiper-slide-active .process span.s10{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 1.8s;-moz-transition: all 2s ease 1.8s;-o-transition: all 2s ease 1.8s;
     transition: all 2s ease 1.8s;
}
.process span.s11{left:77.5%;top:64%}
.swiper-slide-active .process span.s11{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 2s;-moz-transition: all 2s ease 2s;-o-transition: all 2s ease 2s;
     transition: all 2s ease 2s;
}
.process span.s12{left:94%;top:4%}
.swiper-slide-active .process span.s12{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 2.4s;-moz-transition: all 2s ease 2.4s;-o-transition: all 2s ease 2.4s;
     transition: all 2s ease 2.4s;
}
.process em{position:absolute;background:url(../images/r1.png) no-repeat;display:inline-block;z-index:60;opacity:1;-ms-filter:'progid: DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(opacity=0)}
.process em.q1{width:60px;height:61px;left:0;top:40%}
.swiper-slide-active .process em.q1{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease .6s;
}
.process em.q2{width:57px;height:57px;top:42%;left:19%;background-image:url(../images/r2.png)}
.swiper-slide-active .process em.q2{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease 1s;
}
.process em.q3{background-image:url(../images/r3.png);width:62px;height:56px;top:68%;left:38%}
.swiper-slide-active .process em.q3{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease 1.4s;
}
.process em.q4{background-image:url(../images/r4.png);width:86px;height:86px;top:29%;left:47%}
.swiper-slide-active .process em.q4{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease 1.8s;
}
.process em.q5{background-image:url(../images/r5.png);width:63px;height:59px;top:68%;left:57%}
.swiper-slide-active .process em.q5{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease 2.2s;
}
.process em.q6{background-image:url(../images/r6.png);width:51px;height:51px;left:77%;top:40%}
.swiper-slide-active .process em.q6{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease .6s;-moz-transition: all 2s ease .6s;-o-transition: all 2s ease .6s;
     transition: all 2s ease 2.6s;
}
.process em.q7{background-image:url(../images/r7.png);width:68px;height:63px;left:94%;top:18%}
.swiper-slide-active .process em.q7{
    opacity: 1;-webkit-opacity: 1; -moz-opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s ease 3s;-moz-transition: all 2s ease 3s;-o-transition: all 2s ease 3s;
     transition: all 2s ease 3s;
}
/*新闻资讯*/
.news{width:100%;}
.news_title{float:left;width: 100%;overflow: hidden;}
.news_title h2{display: block;width:100%;float:left;margin: 0 auto;height:80px;line-height: 80px;margin-top:20px;text-align: center;font-size: 36px;color: #01fafa;}
.news_title span{display:block;width:70%;float:left;margin: 0 auto;line-height: 50px;margin-bottom:20px;color: #eeeeee;font-weight: lighter;margin-left: 15%;margin-right: 15%;text-align: center;font-size: 24px;}
.news-tit{ text-align: center; margin-top: 40px;}
.news-tit ul li{ display: inline-block; width: 126px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; background-color: #f2f2f2; border-radius: 2px; margin: 0 12px;
}
.news-tit ul li a{ display: block; color: #666; transition: all ease-in-out .2s;}
.news-tit ul li.active{ background-color: #f85300;}
.news-tit ul li.active a{ color: #fff;}
.news-wen{ width:90%;margin:0 auto; margin-top: 50px; }
.news-wen .item{display: none;}
.info-first{ width: 45.66%; overflow:hidden;float: left;}
.info-pic{ position: relative; }
.info-pic span{ position: absolute;display: block; width: 80px; height: 80px; background-color: #f85300; left: 0; top: 0; text-align:  center; color: #fff;}
.info-pic span i{ display: block; font-style: normal; font-size: 48px; line-height: 1; margin-top: 8px;}
.info-first h2{ font-weight: normal; font-size: 16px; color: #ffffff; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px;}
.info-first p{ font-size: 13px; color: #dddddd; line-height: 28px; height: 56px; overflow: hidden; margin-top: 8px;padding-right:10%;}
.info-list{ width: 51.16%;float: right;}
.info-list ul li{ padding-bottom: 19px; margin-bottom: 22px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.info-list ul li:last-child{ margin-bottom: 0;}
.info-list ul li .date{ float:left; width: 80px; height: 70px; padding-top: 10px; background: url(../images/bg12_03.jpg) no-repeat; background-size: cover; text-align: center; color: #b0b0b0; transition: all ease-in-out .2s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.info-list ul li .date i{ display: block; font-style: normal; font-size: 48px; line-height: 1;}
.info-list-wen{ margin-left: 100px;}
.info-list-wen h2{ font-size: 16px; color: #ffffff; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; transition: all ease-in-out .2s;}
.info-list-wen p{ font-size: 13px;color: #dddddd; line-height: 28px; height: 56px; margin-top: 4px; overflow: hidden;}
.info-list ul li:hover .date{ background: url(../images/bg12_03.jpg) no-repeat; background-size: cover; color: #f85300;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.info-list ul li:hover h2{ color: #f85300;}
/*关于我们*/
.footer{width:100%;height: 100%;}
.advantage{width:100%;height:30%;margin:0 auto;margin-top:4%;margin-bottom: 4%;}
.advantage ul li{  float: left;width:25%;}
.advantage ul li {text-align: center;}
.advantage ul li span{color: #fff;font-size: 16px;  line-height: 50px;}
.icon-sheji,.icon-baozhang,.icon-duozhongduan,.icon-wuyoushouhou{font-size: 60px;}
.icon-sheji{color:#48a360;}
.icon-baozhang{color:#2eb9ea;}
.icon-duozhongduan{color:#726192;font-weight: bold;}
.icon-wuyoushouhou{color:#eb5848;}
.footer_top{width:90%;height:30%;margin:0 auto;margin-top: 4%;}
.about,.contact,.edge{width: 33.333%;height: 100%;float: left;color: #fff;}
.about h2,.contact h2,.edge h2{font-weight: normal; font-size: 16px; color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px;border-bottom:1px solid #eee;margin-right:20% ;}
.about p,.contact p,.edge p{margin-right: 10px;}
.edge ul {padding-top:10px;height: 150px;overflow: hidden;}
.edge ul li a{font-size:13px;color:#fff; line-height: 30px;}
.edge ul li{float: left; margin-right: 20px;}
.xm_link{width:90%;margin:0 auto;font-size: 13px;color:#fff;line-height: 28px; height:30px;overflow: hidden;}
.xm_link a{font-size:13px;color: #fff;margin-left:5px;}
.xm_link a:hover,.edge ul li a:hover{text-decoration: underline;}
.link{width:90%;margin:0 auto;font-size: 13px;color:#fff;line-height: 28px;
}
.link a{font-size:13px;color: #fff;}
.about p,.contact p,.edge p{ font-size: 13px; color: #dddddd; line-height: 28px;  margin-top: 8px;padding-right:10%;}
.Copyright{width:90%;margin:0 auto; text-align: center;color:#fff;margin-top: 30px;font-size:13px;
}
.Copyright p{line-height:40px;}
.Copyright p a{font-size:13px;color: #fff;}
.touch-menu,.touch-nav,.touch-close{display: none;}
#mask {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 1;background: url("../images/loading.gif") no-repeat center center;background-color: #000;z-index: 999;}


@media screen and (max-width:768px) {
  body{width: 100%;}
  .head{width: 100%;}
  .head_top{width: 100%;}
  .head_top_l{display: none;}
  .head_top_r{float: left;width: 90%;overflow: hidden;width:auto;overflow: auto;}
  .head_top_r p{width: 100%;font-size: 12px;letter-spacing: 0px;margin-left: 5%;}
  .head_nav{height: 65px;}
  .head_nav_content ul{display: none;}
  .logo{width:150px;height: 39px;}
  .bg{width:100%;height: 100%;position: absolute; top:0px; z-index: -1100;overflow: hidden;background: url(../images/videos.jpg) no-repeat;background-size: auto;}
   #bgvid{display: none;}
  .touch-menu{display: block; }
  .touch-menu,.touch-close{font-size: 26px;line-height: 60px;padding-right: 20px;color: #333;}
  .touch-nav{width:100%;height: 100%;background: #ffffff;padding-bottom: 30px; position: absolute;z-index: 10;}
  .touch-nav ul li {height: 40px;line-height: 40px;font-size: 14px;padding-left: 30px;padding-right: 30px;border-bottom: 1px solid #eeeeee;}
  .touch-nav ul li:hover{background: rgba(195,15,35,1);}
  .touch-nav ul li:hover a{color:#ffffff;}
  .touch-nav ul li a{float: left;display: block;width: 90%;}
  .touch-nav ul li i{float: right;color: #666;}
  .banner-bin-h font,.banner-bin-h font u{font-size: 36px;}
  .hot{background: url(../images/hot.gif) 90px 5px no-repeat;}
  .banner-bin-h span:first-child u{position:relative; top:-5px; text-decoration: none;}
  .banner-bin-i{margin:0 auto; width:95%;}
  .banner-bin-i font{font-size: 13px;height: 30px;overflow:hidden;}
  .banner-bin-i p:first-child span font{font-size: 24px;}
  .banner-bin-j{width:100%;}
  .banner-bin-j p{width:25%;}
  .banner-bin-j p span:first-child{font-size:18px; line-height:1; margin-bottom:15px; color:#ffffff; color:#00c0ff;}
  .banner-bin-j p span:last-child{color:#ffffff;font-size:12px;  line-height:2;  }
  .index-banner-item{width: 50%;height: 50%;margin: 0 auto;margin-top:20%;}
  .index-banner-title {font-size: 24px;color: #1E9FFF;text-align: center;}
  .index-banner-subtitle {font-size: 18px;color: #01fa86;margin-top: 25px;text-align: center;}
  .index-banner-p {font-size: 16px;color: #999999;margin-top: 25px;text-align: center;}
  .index-banner-btn {
      width: 125px;
      height: 36px;
      line-height: 36px;
      margin: 0 auto;
      margin-top: 60px;
  }

  .index-banner-btn a {
      font-size: 16px;
      display: block;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
  }
  .index-banner-btn a:hover{background: #ffffff;color: #333333;}
  .btn-b-light {
      display: inline-block;
      border: none;
      padding: 0;
      background-color: transparent;
      color: #ccc;
      border: 1px solid #ccc;
      box-sizing: border-box;
      text-align: center;
  }


  .fwxm_title{width: 100%;margin: 0 auto;overflow:hidden;}
  .fwxm_title h2{font-size: 24px;width:100%;}
  .fwxm_title span{font-size: 13px;width:100%;margin:0 auto;text-align: center;line-height: 30px;}
  .wk_fwxm li {position: relative;	float: left;	width: 33%;	height: 100%;	color: #eee; text-align: center;padding-top:20px;}
  .wk_li4{display:none;}
  .wk_fwxm li:hover .wk_fwxm_bg {height: 100%;}
  .wk_fwxm li .wk_fwxm_main {position: absolute;top: 25%;right: 0px;left: 0px;margin-top: -145px;}
  .wk_fwxm li .wk_ljzx {margin: 15px auto 0 auto;width: 90%;	height: 35px;}
  .wk_fwxm li .wk_ljzx a {display: none;width: 90%;height: 33px;border: 1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #fff;text-align: center;font-size: 12px;line-height: 33px;  }
  .wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {background: #fff;color: #1599a5;}
  .wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {background: #fff;color: #5e904d;}
  .wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {background: #fff;color: #5d4378;}
  .wk_fwxm li .wk_fwxm_ico {overflow: hidden;margin: 0 auto;width: 85px;height: 55px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-transition-delay: 400ms;-moz-transition-delay: 400ms;	transition-delay: 400ms;}
  .wk_fwxm li.wk_li1 .wk_fwxm_ico {	background: url(../images/fwxm_img1.png) no-repeat top center; background-size:70% 110px;  }
  .wk_fwxm li.wk_li1:hover .wk_fwxm_ico {background: url(../images/fwxm_img1.png) no-repeat  center -55px; background-size:70% 110px;}
  .wk_fwxm li.wk_li2 .wk_fwxm_ico {background: url(../images/fwxm_img4.png) no-repeat top center; background-size:70% 110px;}
  .wk_fwxm li.wk_li2:hover .wk_fwxm_ico {background: url(../images/fwxm_img4.png) no-repeat center -55px; background-size:70% 110px;}
  .wk_fwxm li.wk_li3 .wk_fwxm_ico {background: url(../images/fwxm_img3.png) no-repeat top center; background-size:70% 110px;}
  .wk_fwxm li.wk_li3:hover .wk_fwxm_ico {background: url(../images/fwxm_img3.png) no-repeat  center -55px; background-size:70% 110px;}
  .wk_fwxm li.wk_li4 .wk_fwxm_ico {background: url(../images/fwxm_img2.png) no-repeat top center; background-size:70% 110px;}
  .wk_fwxm li.wk_li4:hover .wk_fwxm_ico {background: url(../images/fwxm_img2.png) no-repeat  center -55px; background-size:70% 110px;}
  .wk_fwxm li h2 {margin-top: 14px;	font-weight: 200;	font-size: 14px;	line-height: 20px;  }
  .wk_fwxm li p {font-size: 12px;line-height: 20px;}
  .wk_fwxm li .wk_fwxm_des {
   padding-left:5px;padding-right: 5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;margin-top: 10px;font-size: 10px;line-height: 20px;}
  .case_title{width: 100%;}
  .case_title h2{font-size: 24px; height: 50px;line-height: 50px;}
  .case_title span{font-size: 13px; line-height: 26px;}
  .mobileCon { position: relative; width:95%;margin:0 auto 50px; height: 300px;  top:10%;   background-color: transparent; overflow: hidden;     border-radius: 5px;}
  .mobileCon .child .info h3{font-size: 10px;}
  .mobileCon .child .info p{font-size: 10px;}
  .mobileCon .child { width:9.68% ;height:100%; float: left;  position: relative; overflow: hidden;transition: all 0.4s linear;-webkit-transition: all 0.4s linear; margin-top: 0; }
  .mobileCon .child.on{ width: 51.5555% ; }
  .mobileCon .child:nth-child(1) { background-color: rgba(145, 208, 11, 0.8); }
  .mobileCon .child:nth-child(2) { background-color: rgba(0, 134, 221, 0.8); }
  .mobileCon .child:nth-child(3) { background-color: rgba(250, 191, 27, 0.8); }
  .mobileCon .child:nth-child(4) { background-color: rgba(234, 84, 31, 0.8); }
  .mobileCon .child:nth-child(5) { background-color: rgba(65, 192, 189, 0.8); }
  .mobileCon .child:nth-child(6) { background-color: rgba(242, 163, 255, 0.8); }
  .mobileCon .child .info { position: absolute; top: 100px; left: 10px; margin-left: 0; width: 100px; color: #FFF; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; z-index: 2; }
  .mobileCon .child .info h3 { margin-bottom: 20px; font-size: 12px; font-weight: bold; }
  .mobileCon .child .info p { font-size: 10px; line-height: 24px; color: #FFF; margin-bottom:15px; }
  .mobileCon .child .info img { border-radius: 10px;width: 0;}
  .mobileCon .child .img {  position: absolute;  width: 100%;  height: 70%;  right: -54%;  transition: 0.4s ease all;  -webkit-transition: 0.4s ease all;  top: auto;  bottom: 60px;  text-align: right;  }
  .mobileCon .child .img img { width: 100%;     opacity: 0.3;}
  .mobileCon .child.on .info { width: 92%; left: 4%;top: 30px; margin-left: 0; }
  .mobileCon .child.on .info h3 { font-size: 13px; }
  .mobileCon .child.on .info img { width: 100%;}
  .mobileCon .child.on .info p{font-size: 12px;line-height: 24px;}
  .mobileCon .child.on .img{	position: absolute;width: 250px;top: 7%;right: -18%;left: auto;}
  .service_title{width: 100%;height: auto;clear: both;}
  .service_title h2{font-size: 18px;font-family: '微软雅黑';width: 100%;height:50px;line-height: 50px;margin-top: 10%;clear: both;}
  .service_title span{font-size: 13px;width: 95%;margin: 0 auto;line-height: 30px;margin-left: 2%;}
  .process{width: 95%;margin:0 auto;padding-top: 8%;}
  .process em{position:absolute;display:inline-block;z-index:60;opacity:1;-ms-filter:'progid: DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(opacity=0)}
  .process em.q1{width:20px;height:21px;left:0;top:40%;background:url(../images/r1.png) no-repeat;background-size: 20px 21px;}
  .process em.q2{width:17px;height:17px;top:42%;left:19%;background-image:url(../images/r2.png);background-size: 17px 17px;}
  .process em.q3{background-image:url(../images/r3.png);width:22px;height:16px;top:68%;left:38%; background-size: 22px 16px;}
  .process em.q4{background-image:url(../images/r4.png);width:26px;height:26px;top:29%;left:47%;background-size: 26px 26px;}
  .process em.q5{background-image:url(../images/r5.png);width:23px;height:19px;top:68%;left:57%; background-size: 23px 19px;}
  .process em.q6{background-image:url(../images/r6.png);width:21px;height:21px;left:77%;top:40%; background-size: 21px 21px;}
  .process em.q7{background-image:url(../images/r7.png);width:28px;height:23px;left:94%;top:18%; background-size: 28px 23px;}
  .process span{font-size: 8px;}
  .process span.s1{left:0;top:0; }
  .process span.s2{left:5.5%;top:0}
  .process span.s3{left:1.6%;top:22%}
  .process span.s4{left:1.6%;top:65%}
  .process span.s5{left:7%;top:42%}
  .process span.s6{left:18.5%;top:65%}
  .process span.s7{left:25%;top:50%}
  .process span.s8{left:36%;top:89%}
  .process span.s9{left:47%;top:15%}
  .process span.s10{left:55%;top:89%}
  .process span.s11{left:77.5%;top:64%}
  .process span.s12{left:90%;top:4%}
  .news_title{width: 100%;}
  .news_title h2{font-size: 24px; height: 50px;line-height: 50px;}
  .news_title span{font-size: 13px; line-height: 26px;}
  .news-tit{ text-align: center; margin-top: 40px;width:100%;height:24px; overflow: hidden;}
  .news-tit ul li{ display: inline-block; width: 86px; height: 24px;text-align: center; line-height: 24px; font-size: 10px; background-color: #f2f2f2; border-radius: 2px; margin: 0 3px;}
  .news-wen{ width:90%;margin:0 auto; margin-top: 30px; }
  .news-wen .item{display: none;}
  .info-first{ width: 45.66%; overflow:hidden;float: left;display: none;}
  .info-pic{ position: relative; }
  .info-pic span{ position: absolute;display: block; width: 80px; height: 80px; background-color: #f85300; left: 0; top: 0; text-align:  center; color: #fff;}
  .info-pic span i{ display: block; font-style: normal; font-size: 48px; line-height: 1; margin-top: 8px;}
  .info-first h2{ font-weight: normal; font-size: 16px; color: #ffffff; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px;}
  .info-first p{ font-size: 13px; color: #dddddd; line-height: 24px; height: 56px; overflow: hidden; margin-top: 8px;padding-right:10%;}
  .info-list{ width: 100%;float: left;}
  .info-list ul li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
  .info-list ul li:last-child{ margin-bottom: 0;}
  .info-list ul li .date{ float:left; width: 50px; height: 40px; margin-top: 5px;background: url(../images/bg12_03.jpg) no-repeat;background-size: cover; text-align: center; color: #b0b0b0; transition: all ease-in-out .2s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);  filter: gray;}
  .info-list ul li .date i{ display: block; font-style: normal; font-size: 18px; line-height: 1;}
  .info-list-wen{ margin-left: 100px;}
  .info-list-wen h2{ font-size: 14px; color: #ffffff; font-weight: normal; height: 20px; line-height: 20px; overflow: hidden; transition: all ease-in-out .2s;}
  .info-list-wen p{ font-size: 10px;color: #dddddd; line-height: 18px; height: 32px; margin-top: 4px; overflow: hidden;}
  .info-list ul li:hover .date{ background: url(../images/bg12_03.jpg) no-repeat; background-size: cover; color: #f85300;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);  filter: grayscale(0);}
  .info-list ul li:hover h2{ color: #f85300;}
  .advantage{width:100%;height:30%;margin:0 auto;margin-top:4%;margin-bottom: 4%;}
  .advantage ul li{float: left;width:25%;}
  .advantage ul li {text-align: center;}
  .advantage ul li span{color: #fff;font-size: 12px;line-height: 20px;}
  .icon-sheji,.icon-baozhang,.icon-duozhongduan,.icon-wuyoushouhou{font-size: 30px;}
  .icon-sheji{color:#48a360;}
  .icon-baozhang{color:#2eb9ea;}
  .icon-duozhongduan{color:#726192;font-weight: bold;}
  .icon-wuyoushouhou{color:#eb5848;}
  .footer_top{width:90%;height:auto;margin:0 auto;margin-top: 4%;overflow: hidden;}
  .about,.contact,.edge{width: 100%;float: left;color: #fff;}
  .contact,.edge,.link,.xm_link{display: none;}
  .about h2,.contact h2,.edge h2{font-weight: normal; font-size: 12px; color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px;border-bottom:1px solid #eee;margin-right:20% ;}
  .about p,.contact p,.edge p{margin-right: 0px;}
  .about p,.contact p,.edge p{ font-size: 11px; color: #dddddd; line-height: 20px;  margin-top: 8px;padding-right:10%;}
  .Copyright{width:90%;margin:0 auto; text-align: center;color:#dddddd;margin-top: 30px;}
  .Copyright p,.Copyright p a{line-height:20px;font-size:10px;}
}