*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
img{ width:100%;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}


.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}




@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/ 
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{color: #f00;
    font-family:"iconfont" !important;
    font-style:normal; 
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.head .menu_btn {
    line-height: 40px;
}
a, a:visited, a:link, a:active {
    color: #000000;
    cursor: default;
    text-decoration: none;
}
.head .menu_btn a {
    color: #272636;
    padding: 2px 4px;
}

.head .menu_btn a.downmenu {
    font-size: 22px;
    position: relative;
}


.head2 .logo{float:left;  width:28%; margin-left: 3.1%;}
.head2 .logo img{height:100%; width: 100%;display: block;}
.head2 .menu_btn .tsite{font-size:1.4rem;color:white; margin-right:3%; color: #fff;}
.head2 .menu_btn .tsite a{display: inline-block; width:27.3%;text-align: center;font-family:"Microsoft YaHei"; position:relative;}
.head2 .menu_btn .tsite a:last-child{ width:34%;}
.head2 .menu_btn .tsite a:before{ content:""; position:absolute;height:1rem;width:1px;content: "";left:98%;top:39%; background:#80c0dd;}
.head2 .menu_btn .tsite a:last-child:before,.head2 .menu_btn .tsite a:last-child:after{ background:none;}
.head2 .menu_btn .cur{ color:#fff;}


.menu2 .slideMenu{ 
	width:100%; display: none;z-index: 10;
	height:100%; 
	overflow:hidden;
	position:absolute; 
	top:0; 
	right:0px; 
	transition:transform 1s;
	-webkit-transition:transform 1s;
	background:url(images/nav.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}

.menu2.down .slideMenu{
	transform:translate3D(0,100%,0);
	-webkit-transform:translate3D(0,100%,0);
}
.menu2 ul {
	position:absolute; 
	top:0;
	right:0;
	transform:translate3D(0,50px,0);
	-webkit-transform:translate3D(0,50px,0);
	width:100%;
}
.menu2 ul li{	line-height:3rem;color:#fff; position: relative; font-weight: bold; text-align: center; border-bottom: 1px solid #a1d3ee;}
.menu2 ul li a {	font-size:1.46rem; color: #fff;text-decoration: none;font-family: "Microsoft YaHei"; display: block; }
.menu2 ul li:last-child{ border-bottom: none;}
.menu2 ul li img { display: block; width:32%; margin: 0 auto; padding-top: 1.2rem;}
a{text-decoration: none;}
/*电话按钮*/
.phone-btn{position:fixed; right:0.6rem; bottom:14rem;width:4rem; height:4.2rem; background-image:url(../images/phone-btn.png); background-repeat:no-repeat; background-size: 100%; z-index:6; transform:rotate(0deg) scale(0);-webkit-transform:rotate(0deg) scale(0); }
.phone-btn img{width: 100%;display: block;}
.phone-btn.qq{ background-image:url(../images/online.png); bottom:8rem;}

.phone-page-on .phone-btn{transition:all 1s ease;-webkit-transition:all 1s ease;transform:rotate(1080deg) scale(1);-webkit-transform:rotate(1080deg) scale(1);}
.phone-btn3{background-image:url(../images/phone-btn2.png); background-repeat:no-repeat; background-size: 100%;bottom:9rem;}




/*跳转链接动画*/
@-webkit-keyframes chaining
{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
}}

@keyframes chaining{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
	}}

/*跳转链接*/
.swiper-slide .chaining{position: absolute;left: 50%;font-size: 1.3rem;text-decoration: none;color: #f58220;white-space: nowrap;-webkit-animation: chaining 1s ease;animation: chaining 1s ease;}
/*跳转链接里面的箭头动画*/
@keyframes arrow
	{
	  0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	  100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}

@-webkit-keyframes arrow
   {
		0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	    100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}
.arrow{display: inline-block;-webkit-animation: arrow 1s ease infinite;animation: arrow 1s ease infinite;}

@keyframes toggleArrow
{   0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}
@-webkit-keyframes toggleArrow
  {0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}

#toggle-arrow{position: absolute;left: 50%;bottom: 1rem;z-index: 9999;width: 2.4rem;height: 1.4rem;margin-left: -1.2rem;}
#toggle-arrow .toggle-arrow-wrap{position: relative;width: 2.4rem;height: 1.4rem;-webkit-animation: toggleArrow 1.5s infinite;animation: toggleArrow 1.5s infinite;}
#toggle-arrow .fore1,
#toggle-arrow .fore2{height: 1.5rem;width: 1.1rem;position: absolute;top: -.5rem;overflow: hidden;}
#toggle-arrow .fore2{left: 1rem;}
#toggle-arrow .fore1 i,
#toggle-arrow .fore2 i{background-color: #FFF;width: 1.4rem;height: .5rem;border-radius: 2px;position: absolute;box-shadow: 1px -1px 1px #979797;top: .5rem;}
#toggle-arrow .fore1 i{-webkit-transform: rotate(130deg);transform: rotate(130deg);left: .1rem;}
#toggle-arrow .fore2 i{left: -.45rem;-webkit-transform: rotate(50deg);transform: rotate(50deg);}

@-webkit-keyframes musicRotate{0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(359deg);}}

@keyframes musicRotate{0%{transform: rotate(0deg);}
100%{transform: rotate(359deg);}}
#music{position: absolute;right: 2rem;top: 5.5rem;z-index: 9999;width: 3rem;height: 3rem;cursor: pointer;}
#music .fore1,
#music .fore2{position: absolute;left: 0;top: 0;width: 3rem;height: 3rem;background: url(../images/audio1.svg) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
#music .fore1{display: none;z-index: 1;-webkit-animation: musicRotate 1.5s linear infinite;animation: musicRotate 1.5s linear infinite;}
#music .fore2{display: block;}
#music.on .fore2{display: none;}
#music.on .fore1{display: block;}
.swiper-container{
	width: 100%;height: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;

}




/* 上面是一些常规样式和音乐和箭头样式，下面才是内容区的样式 */
.swiper-pagination-bullet {
width: .6rem; 
height: .6rem;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}


.g_top{height: 3.8rem;line-height: 3.8rem;background: #2f4881;text-align: center;font-size: 1.5rem;color: #fff;z-index: 11;}

.swiper-slide-1{position: relative; background: url(../images/home1.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-2{position: relative; background: url(../images/home2.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-3{position: relative; background: url(../images/home3.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-4{position: relative; background: url(../images/home4.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-900{position: relative; background: url(../images/home11.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-91{position: relative; background: url(../images/home12.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-92{position: relative; background: url(../images/home13.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}






/*首页开始*/
*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}


.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}




@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/ 
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{color: #f00;
    font-family:"iconfont" !important;
    font-style:normal; 
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}



a{text-decoration: none;}

/*跳转链接动画*/
@-webkit-keyframes chaining
{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
}}

@keyframes chaining{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
	}}

/*跳转链接*/
.swiper-slide .chaining{position: absolute;left: 50%;font-size: 1.3rem;text-decoration: none;color: #f58220;white-space: nowrap;-webkit-animation: chaining 1s ease;animation: chaining 1s ease;}
/*跳转链接里面的箭头动画*/
@keyframes arrow
	{
	  0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	  100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}

@-webkit-keyframes arrow
   {
		0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	    100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}
.arrow{display: inline-block;-webkit-animation: arrow 1s ease infinite;animation: arrow 1s ease infinite;}

@keyframes toggleArrow
{   0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}
@-webkit-keyframes toggleArrow
  {0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}

#toggle-arrow{position: absolute;left:53%;bottom: 1rem;z-index: 9999;width: 2.4rem;height: 1.4rem;margin-left: -1.2rem;}
#toggle-arrow .toggle-arrow-wrap{position: relative;width: 2.4rem;height: 1.4rem;-webkit-animation: toggleArrow 1.5s infinite;animation: toggleArrow 1.5s infinite;}
#toggle-arrow .fore1,
#toggle-arrow .fore2{height: 1.5rem;width: 1.1rem;position: absolute;top: -.5rem;overflow: hidden;}
#toggle-arrow .fore2{left: 1rem;}
#toggle-arrow .fore1 i,
#toggle-arrow .fore2 i{background-color: #FFF;width: 1.4rem;height: .5rem;border-radius: 2px;position: absolute;box-shadow: 1px -1px 1px #979797;top: .5rem;}
#toggle-arrow .fore1 i{-webkit-transform: rotate(130deg);transform: rotate(130deg);left: .1rem;}
#toggle-arrow .fore2 i{left: -.45rem;-webkit-transform: rotate(50deg);transform: rotate(50deg);}

@-webkit-keyframes musicRotate{0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(359deg);}}

@keyframes musicRotate{0%{transform: rotate(0deg);}
100%{transform: rotate(359deg);}}
#music{position: absolute;right: 2rem;top: 5.5rem;z-index: 9999;width: 3rem;height: 3rem;cursor: pointer;}
#music .fore1,
#music .fore2{position: absolute;left: 0;top: 0;width: 3rem;height: 3rem;background: url(../images/audio1.svg) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
#music .fore1{display: none;z-index: 1;-webkit-animation: musicRotate 1.5s linear infinite;animation: musicRotate 1.5s linear infinite;}
#music .fore2{display: block;}
#music.on .fore2{display: none;}
#music.on .fore1{display: block;}
.swiper-container{
	width: 100%;height: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;

}




/* 上面是一些常规样式和音乐和箭头样式，下面才是内容区的样式 */
.swiper-pagination-bullet {
width: .6rem; 
height: .6rem;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}


.g_top{height: 3.8rem;line-height: 3.8rem;background: #2f4881;text-align: center;font-size: 1.5rem;color: #fff;z-index: 11;}

.swiper-slide-1{position: relative; background: url(../images/home1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}
.swiper-slide-2{position: relative; background: url(../images/home2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}
.swiper-slide-3{position: relative; background: url(../images/home2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}
.swiper-slide-4{position: relative; background: url(../images/home2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}




.swiper-slide-1 .tit1{position: absolute; width:100%;display: block;left:0; top:3rem; opacity: 0; z-index: 9; font-size:2.75rem;color: #414141;font-weight: normal;font-family: "Microsoft YaHei"; line-height:3.3rem;
	-webkit-transition:all 0.35s;
	transition:all 0.35s; text-align:center;}
.swiper-slide-active .tit1{
	opacity: 1;
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 2s;
	animation-duration:2s;}
.swiper-slide-1 .tit1 span{ display:block; color:#5c5c5c; font-size:2.35rem; position:relative; padding-bottom:0.5rem;}
.swiper-slide-1 .tit1 span:before{ content:""; position:absolute;height:1px;width:30%;content: "";left:35%;top:95%; background:#5c5c5c;}
.swiper-slide-1 .tit1 i{ font-size:2.6rem;}

.swiper-slide-1 .tit2{position: absolute;  display: block; left:0; top:15rem; opacity: 0; z-index: 9; font-size:2.3rem;color: #4cb60c;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;font-family: "Microsoft YaHei"; width:100%; text-align:center; font-weight:bold;}
.swiper-slide-1 .tit2 strong{ display:block;}
.swiper-slide-active .tit2{
	opacity: 1;
	-webkit-animation-name:bounceInUp;
	animation-name:bounceInUp;
	-webkit-animation-duration:2s;
	animation-duration:2s;}
.swiper-slide .tit3{position: absolute; width:100%;display: block;left:0; top:5%; opacity: 0; z-index: 9; font-size:1.85rem;color: #422874;font-weight: bold;font-family: "Microsoft YaHei";text-align:center;width:100%; left:0%;z-index: 9; top: 10%; border: none;}
.swiper-slide .tit32{ top: 17.15%;}
.swiper-slide .ta33{ display: block; position: absolute; width: 15.6%; left: 23.4%; bottom: 15%;}
.swiper-slide .ta33 img,.swiper-slide .ta34 img,.swiper-slide .ta35 img{ display: block; width: 100%;}
.swiper-slide .ta34{ left: 42%;}
.swiper-slide .ta35{ left:61%;}
.swiper-slide .tit35{ color: #fff; font-size: 3.25rem; top: inherit; bottom:24%; }
.swiper-slide .tit35 span{;width:2.25rem; display: block; margin: 0 auto; font-size: 0;}
.swiper-slide .tit36{ font-size: 1.5rem; color: #fff;top: inherit; bottom:11.5%; line-height: 2rem;}.swiper-slide .tit36 span{ display: block;}
.swiper-slide .tit37{ color: #50575d; bottom: inherit; top: 17.5%;  }
.swiper-slide .tit38{ color: #50575d; bottom: inherit; top:29.5%;}.swiper-slide .tit38 strong{ font-weight: normal; color: #a72126;}
.swiper-slide p{ position:absolute; text-align:center;font-family: "Microsoft YaHei"; z-index:8;top:15%; color: #422874; border-bottom: 1px solid #c9c9ca; border-top:1px solid #c9c9ca; padding: 0.65rem 0; font-size: 1.85rem; width: 53%; left: 23%;}
.swiper-slide p.tit9982{ color: #0081ba; font-size: 2rem; border: none; top:28%;}
.swiper-slide p.tit9983{ top: 30%; left: 17%; width: 65%; font-size: 1.5rem; color: #fff; border-color: #94cae0;}
.swiper-slide p.tit99833{ top:43%; width: 65%; left: 17%; border: none;}
.swiper-slide p.tit9984{ left: 0; width: 100%; top:28%; border: none;}
.swiper-slide p.tit99844{ top:21.5%; border: none; width: 100%; left: 0;}
.swiper-slide p.tit9985{ top:32%; width: 100%; left: 0;  border: none;}
.swiper-slide p span{ display:block;}
.swiper-slide .page{ font-size: 1.25rem; color: #fff; border: 1px solid #b5e3f8; border-radius: 0.2rem; width: 4.5rem; height: 2.5rem; text-align: center; /*line-height: 2.5rem;*/background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; position: absolute; bottom:10%; left: 43%;}
.swiper-slide-active p,.swiper-slide .tih3{opacity:1;
	-webkit-animation-name:zoomIn ;
	animation-name: zoomIn;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;-webkit-animation: zoomIn 2s ease 0s 1 both;
    -webkit-animation-play-state: initial;}
.swiper-slide p.tip1{ color: #0081ba; font-size: 1.75rem; font-weight: bolder; border: none; top: 6%; width: 100%; left: 0;}
.swiper-slide p.tip1 b{ display: block; font-weight: normal; color: #333; font-size: 1.2rem;}
.swiper-slide .tih3{ position: absolute; width: 100%; left: 0; top:15%;}
.swiper-slide i{ display: block; width: 100%; background: #003358; left: 0;top:84.5%; padding-top: 0.9rem; height: 2.7rem; overflow: hidden;  position:absolute; text-align: center;}
.swiper-slide .p_more{ display: inline-block; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 0.25rem; height: 1.9rem; line-height: 1.9rem; padding:0 2.6rem 0 1.5rem;position: relative;}
.swiper-slide .p_more:before{ content:""; position:absolute;height:0.96rem;width:0.96rem;left:80%;top:0.45rem;background:url(../nyimg/mos.gif) no-repeat; background-size: 0.96rem 0.96rem;}
.swiper-slide-active .ht3{opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;-webkit-animation: fadeInRight 2s ease 0s 1 both;
    -webkit-animation-play-state: initial;}
	.swiper-slide-active .ht3a{opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;-webkit-animation: fadeInLeft 2s ease 0s 1 both;
    -webkit-animation-play-state: initial;}
.swiper-slide .tita{ position: absolute; left:0; width: 100%; text-align: center; font-size: 2.75rem; bottom:27.5%; font-family: "Microsoft YaHei"; font-weight: normal; color: #fff;}
.swiper-slide-active .tita{opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:1.2s;
	animation-duration:1.2s;-webkit-animation: fadeInLeft 1.2s ease 0s 1 both;
	-webkit-animation-play-state: initial;}

.swiper-slide-active .tit3{
	opacity:1;
	-webkit-animation-name:zoomIn ;
	animation-name: zoomIn;
	-webkit-animation-duration:1.85s;
	animation-duration:1.85s;}
.swiper-slide-active .tit32{
	opacity:1;
	-webkit-animation-name:zoomIn ;
	animation-name: zoomIn;
	-webkit-animation-duration:1.95s;
	animation-duration:1.95s;}
.swiper-slide-active .tit33{ width:70%; left:15%;}
.swiper-slide-active .tit34{ width:90%; left:5%;}
.swiper-slide-active .tit3612{ width:65%; left:17%;}

.swiper-slide-active .tit92{
opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;}
	.swiper-slide-active .tit994{
opacity:1;
	-webkit-animation-name:bounceInDown ;
	animation-name: bounceInDown;
	-webkit-animation-duration:1s;
	animation-duration:1s;}
	
.swiper-slide-active .tit4{
	opacity:1;
	-webkit-animation-name:flipOutX ;
	animation-name: flipOutX;
	-webkit-animation-duration:1s;
	animation-duration:1s;}
.swiper-slide-active .tit31{
	opacity:1;
	-webkit-animation-name:lightSpeedIn ;
	animation-name: lightSpeedIn;
	-webkit-animation-duration:1s;
	animation-duration:1s;}

.swiper-slide em{ display: block; background: url(../images/spn.png) repeat; position: absolute; left: 0; bottom:8%; font-size: 1.2rem; color: #fff; text-align: center; font-family: "Microsoft YaHei"; width: 100%; padding: 0.3rem 0;}
.swiper-slide em span{ display: block;}
.swiper-slide-active em,.swiper-slide-active i{
	opacity:1;
	-webkit-animation-name:fadeInUp ;
	animation-name: fadeInUp;
	-webkit-animation-duration:2.8s;
	animation-duration:2.8s;}
.swiper-slide-active .ta33{
	opacity:1;
	-webkit-animation-name:fadeInRightBig ;
	animation-name: fadeInRightBig;
	-webkit-animation-duration:0.85s;
	animation-duration:0.85s;}

	/* 关于我们 */
.swiper-slide-6{position: relative; background: url(../images/about1.jpg) no-repeat;background-size: 100%;}
.swiper-slide-7{position: relative; background: url(../images/about2.jpg) no-repeat;background-size: 100%;}
.swiper-slide-8{position: relative; background: url(../images/about3.jpg) no-repeat;background-size: 100%;}
.swiper-slide-9{position: relative; background: url(../images/about4.jpg) no-repeat;background-size: 100%;}

.swiper-slide-6 .abtit1{position: absolute;  display: block; 
	left:18%; top:4.3rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal;
	-webkit-transition: all 1s ease;
			transition: all 1s ease;


}
.swiper-slide-6 .abtit1 em{color: #f07a0b;font-size: 0.9rem;font-weight: normal;text-transform: uppercase;font-family: arial;position: relative;top:-2rem; padding-left: 0.6rem;}	
.swiper-slide-active .abtit1{
	opacity: 1;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-transition-delay: .3s;
			transition-delay: .3s;

}

.swiper-slide-6 .abwz1{position: absolute;  display: block; 
	left:18%; top:8.6rem; opacity: 0; z-index: 9; font-size: 1.6rem; line-height: 2rem; color: #5e6e97;font-weight: normal;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;}

.swiper-slide-6 .abwz1 b{font-weight: normal;color: #f07a0b}	
.swiper-slide-6 .abwz1 em{display: block;font-size: 1.2rem;}	
.swiper-slide-active .abwz1{
	opacity: 1;

	-webkit-transition: all 1s;
			transition: all 1s;
	-webkit-animation-name: slideInLeft;
			animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;

}

.swiper-slide-6 .abwz2{position: absolute;  display: block; 
	left:18%; top:14rem; opacity: 0; z-index: 9; font-size: 1.2rem; line-height: 1.5rem; color: #2f4881;font-weight: normal; padding-bottom: 0.6rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-6 .abwz2:before{content: "";position: absolute;width: 2.3rem;height: 0.15rem;background: #f07a0b; left:0;bottom:0;}
.swiper-slide-active .abwz2{
	opacity: 1;

	-webkit-transition: all 1s;
			transition: all 1s;
	-webkit-animation-name: fadeInUpBig;
			animation-name: fadeInUpBig;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;

}


.swiper-slide-10{position: relative; background: url(../images/conta.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover; padding-top: 1.5rem;}
.lxfs{height: 16.6rem; padding: 1.5rem 0 0 5%; background: rgba(47,72,129,.8 );}
.lxfs h3{height: 4.5rem;font-size: 1.5rem;color: #fff;font-weight: normal;}
.lxfs h3 em{display: block;font-size: 0.9rem;font-family: arial;}
.lxfs .add{position: relative;height: 6.3rem;padding-left: 15%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .add:before{content: "";position: absolute;background: url(../images/add.png) no-repeat;background-size: 100%;width: 4rem;height: 4rem; left:0;top:0;}
.lxfs .lxtel{position: relative;height: 6.3rem;padding-left: 15%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .lxtel:before{content: "";position: absolute;background: url(../images/nytel.png) no-repeat;background-size: 100%;width: 4rem;height: 4rem; left:0;top:0;}

.swiper-slide-10 .lxfs{position: absolute;  display: block; 
	left:3%; top:1.5rem; opacity: 0; z-index: 9; width: 89%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .lxfs{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}


.swiper-slide-10 .map{position: absolute;  display: block;
	left:2.3%; top:20.2rem; opacity: 0; z-index: 9; width: 95%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.map img{width: 100%;display: block;}
.swiper-slide-active .map{
	opacity: 1;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-10 .telbtn{position: absolute;  display: block; width: 36%;
	left:31%; top:34.5rem; opacity: 0; z-index: 9; 
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .telbtn{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-10 .pc{position: absolute;  display: block; width: 36%;
	left:37%; top:37.5rem; opacity: 0; z-index: 9; width: 27%;margin: 0 auto;height: 3rem;line-height: 3rem;text-align: center;background: #fff;border-radius: 0.3rem;font-size: 1.2rem;color: #2f4881;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .pc{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.telbtn img,.pc img{width: 100%;display: block;}


.swiper-slide-12{background: url(../images/about5.jpg) no-repeat;background-size: 100%;}
.swiper-slide-12 .abtit1{position: absolute;  display: block; 
	left:5%; top:3.3rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal;
	-webkit-transition: all 1s ease;
			transition: all 1s ease;


}
.swiper-slide-12 .abtit1 em{color: #f07a0b;font-size: 0.9rem;font-weight: normal;text-transform: uppercase;font-family: arial;position: relative;top:-2rem; padding-left: 0.6rem;}	
.swiper-slide-active .abtit1{
	opacity: 1;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-transition-delay: .3s;
			transition-delay: .3s;

}

.swiper-slide-12 .abwz1{position: absolute;  display: block; 
	left:5%; top:8rem; width: 85%; opacity: 0; z-index: 9; font-size: 1.6rem; line-height: 2rem; color: #2f4881;font-weight: normal;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;}
.swiper-slide-active .abwz1{
	opacity: 1;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transition-delay: .3s;
			transition-delay: .3s;

}

/**/


.swiper-slide .tit98{top:56%; left:19%;}
.swiper-slide .tit98a{top:58%; left:-25%;}
.swiper-slide-active .tit98{opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;-webkit-animation: fadeInRight 2s ease 0s 1 both;
    -webkit-animation-play-state: initial;}
	.swiper-slide-active .tit98a{opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;-webkit-animation: fadeInLeft 2s ease 0s 1 both;
    -webkit-animation-play-state: initial;}

.swiper-slide .ht3{top:62.6%; width:100%; left:18%;}
.swiper-slide .ht3a{top:64.8%; width:100%; left:-20%;}
.swiper-slide .ht3 img{ display:block; width:42.5%; margin:0 auto; padding:0.6rem 0;}
.swiper-slide .tit998{ top:68.65%; padding-bottom:1rem; color:#333; font-size:1.35rem;}
.swiper-slide .tit97 span{ display:block; width:33.5%; margin:0 auto -3rem; padding:1rem 0 0.15rem;}
.swiper-slide .tit95 span{ width:35%; padding-top:0.25rem;}
.swiper-slide h6{ font-size:0; position:absolute; right:0; top:32%;}
.swiper-slide .yop{ top:34%;}

.swiper-slide h6 img{ width:100%;}
.swiper-slide-active h6{
opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
	.swiper-slide-active .yop{
opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
	
	/*电话按钮*/
.phone-btn{position:fixed; right:5%; bottom:9rem;width:3rem; height:3rem; background-image:url(../images/phone-btn.png); background-repeat:no-repeat; background-size: 100%; z-index:6; transform:rotate(0deg) scale(0);-webkit-transform:rotate(0deg) scale(0); }
.phone-btn img{width: 100%;display: block;}
.phone-btn3{ background-image:url(../images/phone-btn2.png); bottom:12.5rem;}

.phone-page-on .phone-btn{transition:all 1s ease;-webkit-transition:all 1s ease;transform:rotate(1080deg) scale(1);-webkit-transform:rotate(1080deg) scale(1);}


.head2 {position:fixed; width:100%; z-index: 11;height:3.5rem; background:#0081ba; max-width: 640px; min-width: 320px; }
.head3{position: fixed;left: 0; top: 0; width: 100%; max-width: 640px; min-width: 320px;}
.head2 em{ display:block; position:absolute; left:0; bottom:-0.15rem; font-size:0; clear:both; line-height:inherit;}
.head2 .menu_btn {padding:0px; width:62%;right:0;height:3.5rem;line-height:3.5rem;position:absolute;}
.head2 .menu_btn a{color:#fff; float:left; display:inline-block; font-size:1.45rem;}
.head2 .menu_btn i{ display:inline-block; float:left; color:#cdcdcc;}
.head2 .menu_btn a.downmenu{right:0.6rem;top:0.725rem; position: absolute; display: block; width:1.6rem; height:2.5rem;background:url(../images/menu2.png) no-repeat 0 0.5rem; background-size: 1.6rem 1rem; font-size: 0;}
.head2 .logo img{height:3.5rem; width: 100%;display: block;}
/*us*/
.util1{display: inline-block; color: #0081ba; font-weight: bold; font-size: 1.65rem;font-family:"Microsoft YaHei"; left: 6.6%; top:6%; border-bottom: 1px solid #cac9c6; position: absolute; padding-bottom: 0.5rem;}
.util2{display: inline-block; font-weight: normal; color: #565655;font-family:"Microsoft YaHei"; font-size: 1.35rem; position: absolute; left: 6.6%;top: 14%; width: 88%;}
.util3{display: inline-block; font-weight: normal; color: #333;font-family:"Microsoft YaHei"; font-size: 1.35rem; right: 6.6%;top:27.5%; position: absolute;}
/*map*/
.uu_on1{padding:2.35rem 0 0 2.8%;font-family:"Microsoft YaHei"; font-size: 1.25rem;opacity:1;
	-webkit-animation-name:fadeInLeftBig ;
	animation-name: fadeInLeftBig;
	-webkit-animation-duration:1.25s;
	animation-duration:1.25s; margin-top:3.5rem;}
.uu_on1 h3{ color: #0081ba; font-size: 1.65rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; border-bottom: 1px solid #ccc; width:35%;}
.uu_on1 p{ color: #585858; line-height: 1.95rem; font-size: 1.2rem;}
.uu_on1 p i{ display: block;}
.uu_on1 p strong{ font-weight: bold;}
.uu_on1 p span{ display: inline-block; width:53%;}
.uu_on1 em{ display: block; font-size: 0; width: 8.5rem; padding:2.5rem 0;}
.uu_on2{opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
	/*关于我们*/
.swiper-slide-900 h2,.swiper-slide-91 h2{ position:absolute; top:53%;left:0; height:32%; background:url(../images/spn.png) repeat; width:100%;}
.swiper-slide-active h2{
	opacity:1;
	-webkit-animation-name:fadeInLeftBig ;
	animation-name: fadeInLeftBig;
	-webkit-animation-duration:1.25s;
	animation-duration:1.25s;}
.swiper-slide .tit3a{top:5%; width: 68%; left: 15.6%;}
.swiper-slide .tit3b{top:10.5%; position:absolute; left:31.5%; width:36.7%; text-align:center; color:#333; font-size:2.2rem;font-family:"Microsoft YaHei"; font-weight:normal; }
.swiper-slide .tit991{top:18%; font-size:1.39rem; color: #fff; text-transform: uppercase;;}
.swiper-slide-active .util1{
	opacity:1;
	-webkit-animation-name:fadeInLeft ;
	animation-name: fadeInLeft;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
.swiper-slide-active .util2{
	opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
.swiper-slide-active .util3{
	opacity:1;
	-webkit-animation-name:fadeInRight ;
	animation-name: fadeInRight;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;}
.swiper-slide-active .tit3b{
	opacity:1;
	-webkit-animation-name:zoomIn ;
	animation-name: zoomIn;
	-webkit-animation-duration:3.5s;
	animation-duration:3.5s;}
	.swiper-slide-active .tit3a{

	-webkit-animation-duration:3s;
	animation-duration:3s;}
/*
.swiper-slide-active .call{
	opacity:1;
	-webkit-animation-name:flipOutY ;
	animation-name: flipOutY;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;}
.copy{ display:block; position:absolute; bottom:15%; left:0; width:100%; text-align:center;font-family:"Microsoft YaHei"; color:#2b2e4d; font-size:1.2rem;background:#fff; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; line-height:3rem;}
.swiper-slide-active .copy{
	opacity:1;
	-webkit-animation-name:fadeInLeftBig ;
	animation-name: fadeInLeftBig;
	-webkit-animation-duration:1s;
	animation-duration:1s;}
/**/
.lx{ position:absolute; left:0; margin:0 1.2rem; top:3.5%; background:url(../images/spn.png) repeat; padding:0.75rem; font-size:1.25rem; color:#fff; font-weight:normal;font-family:"Microsoft YaHei"; display:block; width:89%;}
.lx em{ display:block; margin-top:1.3rem; text-transform:uppercase;} 
.lx em span{ display:block;}
.lx i{ display:block; font-size:1.75rem; display:block;}
.lx i span{ display:block;font-size:1.25rem;}
.lx img{ width:9.8rem; margin:1.5rem auto;}
.swiper-slide-active .lx{
	opacity:1;
	-webkit-animation-name:fadeInLeftBig ;
	animation-name: fadeInLeftBig;
	-webkit-animation-duration:1.25s;
	animation-duration:1.25s;}
/* 关于我们 */
.swiper-slide-10{position: relative; background: url(../images/conta.jpg) no-repeat;-webkit-background-size: cover;
	-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 1.5rem;}
.lxfs{height: 16.6rem; padding: 1.5rem 0 0 5%; background: rgba(1,17,17,.8 );}
.lxfs h3{height: 4.5rem;font-size: 1.5rem;color: #fff;font-weight: normal;}
.lxfs h3 em{display: block;font-size: 0.9rem;font-family: arial;}
.lxfs .add{position: relative;height: 6.3rem;padding-left:9%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .add:before{content: "";position: absolute;background: url(../images/add.png) no-repeat;background-size: 100%;width: 2.5rem;height: 2.9rem; left:-0.55rem;top:0.35rem;}
.lxfs .lxtel{position: relative;height: 6.3rem;padding-left:9%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .lxtel:before{content: "";position: absolute;background: url(../images/nytel.png) no-repeat;background-size: 100%;width: 2.5rem;height: 2.8rem; left:-0.55rem;top:0.35rem;}

.swiper-slide .p_more2{ bottom:15.5%; font-size:1rem; display:none; }
.p_more2{ display: block; width: 100%; background: #003358; left: 0;padding-top: 0.9rem;  position:absolute; text-align: center;}
.p_more2 { display: inline-block; position: absolute; left: 0; width: 100%; bottom:3.6rem;background:url(../images/spn.png) repeat; border-top: 0.25rem solid #0081ba;}
.p_more2  a{ color: #fff; width: 50%; float: left; overflow:hidden; box-sizing: border-box; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #707070; text-align: left; padding-left:4%;}
.p_more2  a:last-child{ border-bottom: none;}
.p_more2   a span{ padding-right: 0.5rem; display:inline-block;}