html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
  .wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
  .loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:999;}
  .loading img{ display:none;}
  .loading #showNext{ line-height:3rem; display:none; color:#fff; border:0.05rem solid #1568b4; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#1568b4;}
  /*首次加载页面切入效果*/
  .homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
  /*渐显动画*/
  @-webkit-keyframes fade {
    from 
    {
     opacity:1;
     display:block;
    }
    to {
      opacity: 0;
      display:none;
      height:0;
    }
  }
  @keyframes fade {
    from{
      opacity: 1;
     display:block;
    }
    to 
    {
      display:none;
      opacity: 0;
      height:0;
    }
  }
  .fade {
    -webkit-animation-name: fade;
    animation-name: fade;
  }
  

                .m-head{height:6rem;}
                .m-head .g-hd{min-width: 320px;max-width: 750px;width: 100%;}
                .m-head .g-hd{height:6rem;}
                .m-head .g-hd .t_logo{float: left;width: 20%;height: 0.5rem;padding: 0.6rem 0 0 4%;}
                .m-head .g-hd .t_logo a img{width: 70px;height: 50px;}
                .m-head .g-hd .m-nav2{ width:4.3%;height:1.45rem;float: right;margin-top:2rem;margin-right:4%;display: inline;}
                .m-head .g-hd .m-nav2 i{display:block;width:100%;height:100%;background:url(../images/hea-ico.png) no-repeat center; background-size:100%;}
                .m-head .g-hd .hea_nav{width: 62%;height:5rem;display: block;float:right;line-height:5.2rem;margin-right: 3%;}
                .m-head .g-hd .hea_nav a{width:33.3%;font-size:1.4rem; color:#333333; font-weight: normal; display: block;float:left; text-align: center;}
                .m-head .menu2 {position: relative;z-index:301;}
                .m-head .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:#EEEEEE;background-size:100% 100%;height: 30rem;max-width: 750px;top:5rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;padding:5.3% 4% 0;box-sizing: border-box;}  
                .m-head .menu2 .erji ul li{float:left;width:30.4%;height: 5.5rem;border-radius:2rem;box-shadow:6px 8px 20px 0px rgba(0, 0, 0, 0.1);margin-bottom: 1.5rem;margin-right:4%;background:#FFF;}
                .m-head .menu2 .erji ul li a{display:block;height: 5.5rem;padding-top: 1.8rem;box-sizing: border-box;}
                .m-head .menu2 .erji ul li:nth-child(3n){margin-right: 0;}
                .m-head .menu2 .erji ul li i{display:block; width:3.15rem;height:3.15rem; margin:0 auto 1.1rem;}
                .m-head .menu2 .erji ul li i img{width:100%;}
                .m-head .menu2 .erji ul li em{display:block;font-size: 1.2rem;color:#333333;text-align: center;font-weight: bold;}
                .m-head .menu2 .erji strong{display: block;width: 43.75%;   height: 3.5rem;   line-height: 3.5rem;   background: #1155c2;  border-radius: 35px; margin: 0.75rem auto 0;}
                .m-head .menu2 .erji strong a{display:block;padding-left:6rem;font-size: 1.2rem; color:#FFF;background:url(../images/tel.png) no-repeat 27%; background-size:14%;font-weight: normal;} 

                  .g-ft{height: 1.95rem;/* background:#e2e2e2; */}
                  .g-f{height:11.05rem;border-top: 0.4rem solid #00a0e9;padding:2rem 4% 0;box-sizing: border-box;position: relative;}
                  .g-f .xf{width:4.0rem;height:4.0rem;position: absolute;left:45%; top:-2.65rem;}
                  .g-f .xf img{width:100%;}
                  .g-f ul li{height:2.5rem; line-height: 2.5rem;}
                  .g-f ul li em{display:inline-block; height:2.3rem; line-height: 2.3rem;font-size:1.1rem; color:#333333;}
                  .g-f ul li em a{font-size:1.1rem; color:#333333;}
                  .g-f ul li:first-child em a{margin-right: 2rem;}
                  .g-f ul li:last-child em{margin-right: 2rem;}
                  .g-ft .dbdh{min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 299;}
                  .g-ft .dbdh li{float:left; width:25%; height:4.5rem;background:#222222;box-sizing: border-box;border-right:1px solid #343434;}
                  .g-ft .dbdh li:first-child{background: #00a0e9;}
                  .g-ft .dbdh li a{display:block; height:4.5rem; padding-top:0.45rem; box-sizing: border-box;}
                  .g-ft .dbdh li em{display:block; width:1.3rem;height:1.3rem; margin:0 auto; line-height:0;}
                  .g-ft .dbdh li em img{width:100%;}
                  .g-ft .dbdh li i{display:block; height:2.4rem; line-height: 2.4rem;text-align: center;font-size:1.4rem; color:#FFF;}
                  iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;margin:0 auto;}
            
            
            

       logo {
	width: 100%;
	color: #fff;
	background-size: 100% 100%;
	font-weight: bolder;
	overflow: hidden;
	padding: 2px 0;
}
.logo_left {
	width: 70%;
	float: left;
}
.logo{height:65px}
.logo_left img {
	max-width: 100%;
	margin-top: 8px;
	margin-left: 10px;
	height: 50px;
}
.logo_right {
	float: right;
	width: 29%;
	text-align: center;
}
.yuyan{
	display: block;
    float: left;
    width: 45%;
	margin-right: 4%;
}
.yuyan img{
	width: 65%;
	margin-top: 7px;
}
.yuyan span{
	display: block;
	font-weight: normal;
	color: #505050;
}
.nav {
	display: none;
	width: 100%;
	color: #FFF;
	overflow: hidden;
	background: #00a0e9;

}
.nav ul {
	width: 101%;
	overflow: hidden;
}
.nav li {
	border-bottom: 1px solid #0383be !important;
	border-right: 1px solid #0383be;
	box-shadow: 1px 1px 0 #2dbdff;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-bottom: 1px;
	text-align: center;
	width: 33%;
	border-bottom: 0;
}
.nav li a {
	background: none repeat scroll 0 0 #00a0e9;
	border-bottom: 1px solid #0383be;
	border-right: 1px solid #0383be;
	box-shadow: 1px 0 0 #2dbdff;
	color: #fff;
	display: block;
	font-size: 1em;
}
.nav li a:hover {
	background: #1568bf;
	color: #FFFFFF
}
.nav li a.thisclass {
	background: #1568bf;
	color: #FFFFFF
}

.ty-banner-1 img {
    width: 100%;
}