@charset "gb2312";
.ph_c{ display:none;}


.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('/mobile/skins/phone/fonts/iconfont.eot'); /* IE9*/ 
    src: url('/mobile/skins/phone/fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('/mobile/skins/phone/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('/mobile/skins/phone/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/mobile/skins/phone/fonts/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;
}



/*跳转链接动画*/
@-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(/mobile/skins/phone/fonts/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;

}



/*电话按钮*/
.phone-btn{position:fixed; left:7%; bottom:7rem;width:4rem; height:4.2rem; background-image:url(/mobile/skins/phone/img/phone.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(/mobile/skins/phone/img/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);}



/* 上面是一些常规样式和音乐和箭头样式，下面才是内容区的样式 */
.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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/home4.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-5{position: relative; background: url(/mobile/skins/phone/img/home5.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-6{position: relative; background: url(/mobile/skins/phone/img/home6.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.swiper-slide-7{position: relative; background: url(/mobile/skins/phone/img/about1.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-8{position: relative; background: url(/mobile/skins/phone/img/about2.jpg) no-repeat center bottom;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-9{position: relative; background: url(/mobile/skins/phone/img/about3.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-10{position: relative; background: url(/mobile/skins/phone/img/about4.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-11{position: relative; background: url(/mobile/skins/phone/img/about5.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.swiper-slide-12{position: relative; background: url(/mobile/skins/phone/img/about6.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


.swiper-slide-about{position: relative; background: url(/mobile/skins/phone/img/aboutab.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.jies{min-height:26.1rem; color:#fff; font-size:1.2rem; text-align:center;background: url(/mobile/skins/phone/img/a_bg.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin:18% 16.3% 24%;font-family:"Microsoft YaHei"; box-sizing: border-box; padding:0 1.25rem; position:relative;}
.jies strong{ display:block; font-size:3rem; font-weight:normal;}
.jies span{ display:block; text-transform:uppercase; margin-bottom:1.5rem;}
.jies em{ display:block; line-height:180%; text-align:left;}
.jies i{ display:block; position:absolute; bottom:0.5rem; right:1.5rem;}
.swiper-slide-active .jies{
	opacity: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration:2s;
	animation-duration:2s;}


.swiper-slide-1 .tit1{ position:absolute; left:0; top:27%; font-size:2.9rem; text-align:center; color:#fff; z-index:99; width:100%;display:block;font-family:"Microsoft YaHei"; font-weight:normal;}
.swiper-slide-1 .tit1 span{ display: block; font-size:1.25rem; text-transform:uppercase;}
.swiper-slide-active .tit1{
	opacity: 1;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:2.95s;
	animation-duration:2.9s;}

.swiper-slide-1 .tit2{position:absolute; left:0; top:41.5%; font-size:1.35rem; text-align:center; color:#fff; z-index:99;width:100%; display:block;font-family:"Microsoft YaHei"; font-weight:normal;}
.swiper-slide-1 .tit2 span{ display:block; padding-top:0.5rem;}
.swiper-slide-1 .tit2 span i{ color:#fcff00;}
.swiper-slide-active .tit2{background: url("/mobile/skins/phone/img/en1_1.jpg") no-repeat scroll center center;
	opacity: 1;
	-webkit-animation-name: zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:2.9s;
	animation-duration:2.9s;}

.swiper-slide-1 .en1{position: absolute;  display: block; left:0; width:100%; top:20%; opacity: 0; z-index: 9; font-size: 1.2rem;color: #2f4881;font-weight: normal; font-family: arial;display: block;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-1 .en1 img{width: 100%;display: block;}	
.swiper-slide-active .en1{
	opacity: 1;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-duration:1.7s;
	animation-duration:1.7s;}

.swiper-slide-1 .wel{font-size:1.04rem; color:#fff; position:absolute; display:block; border:1px solid #fff; bottom:18%; text-align:center; left:32%;line-height:1.79rem; font-weight:normal; padding:0 1.5rem;font-family:"Microsoft YaHei";background: url(/mobile/skins/phone/img/span.png) repeat;}

.swiper-slide-active .wel{
	opacity: 1;
	-webkit-animation-name: flip;
	animation-name: flip;
	-webkit-animation-duration:2s;
	animation-duration:2s;}


.swiper-slide-2 .p2-1{position: absolute;  display: block;
	  left:8%; bottom:28%; opacity: 0; z-index: 9;color: #fff;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;font-family:"Microsoft YaHei";}

.swiper-slide-active .p2-1{
	opacity: 1;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
.swiper-slide-2 .p2-1 b{ display:inline-block; width:3.33rem; float:left;margin-top:0.5rem; }
.swiper-slide-2 .p2-1 b .tb2{margin-top:0.5rem;}
.swiper-slide-2 .p2-1 strong{ display:inline-block; float:left;background: url(/mobile/skins/phone/img/spn2.png) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover; font-size:1.17rem; color:#fff; font-weight:normal; padding:0.9rem 5%  0.9rem 5%; float:left; width:76.25%; height:5.875rem;}
.swiper-slide-2 .p2-1 strong span{ color:#ff0000;}
.swiper-slide-2 .p2-1 strong em{ display:block; font-size:1.17rem; text-transform:uppercase; color:#fff;}
.swiper-slide-2 .p2-1 strong i{ display:block;}
.swiper-slide-2 .p2-1 strong i span{ font-weight:bold; color:#fff; font-size:2rem; padding-right:0.5rem;}


.swiper-slide-2 .en2{position: absolute;  display: block; left:0; top:15.5rem; opacity: 0; z-index: 9; font-size: 1.2rem;color: #2f4881;font-weight: normal; font-family: arial; width: 100%;display: block;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-2 .en2 img{width: 100%;display: block;}	
.swiper-slide-active .en2{
	opacity: 1;
	-webkit-animation-name: flip;
	animation-name: flip;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
	
	
.zzuo{ position:absolute; top:15%; left:21%;background: url(/mobile/skins/phone/img/bg2.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; width:59%; height:15rem; text-align:center; color:#fff; font-family:"Microsoft YaHei"; font-size:2.75rem;}
.zzuo strong{ display:block; font-size:3.5rem; padding-top:1.5rem; margin-bottom:0.5rem;}
.zzuo span{ display:block; text-align:center; font-size:1.25rem; text-transform:uppercase; padding-top:0rem;}
.ljj{ display:block; top:57%;left:21%;width:57%; height:2.6rem; line-height:2.6rem; background:#d3ccc7; font-family:"Microsoft YaHei"; font-size:1.5rem; position:absolute; text-indent:3%;}
.ljj span{ display:inline-block; float:right; width:3.1rem;}
.ljj span img{ display:inline-block; width:100%;}
.swiper-slide-active .zzuo{
	opacity: 1;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;}
.swiper-slide-active .ljj{
	opacity: 1;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration:3s;
	animation-duration:3s;}

.swiper-slide-2 .wz2{position: absolute;  display: block; text-align:center; 
	left:0; bottom:26.8%; opacity: 0; z-index: 9; font-size: 1rem;color: #333;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s; font-size:0.92rem;background:#fff;font-family:"Microsoft YaHei"; line-height:1.67rem; width:81%;}
.swiper-slide-active .wz2{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration:*{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;}.head2 {position: relative;z-index: 11;height: 3.9rem; background:#fff; border-bottom:1px solid #ddd;}.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:66%;right:0;height:3.9rem;line-height:3.9rem;position:absolute;}.head2 .menu_btn a{color:#211c19; float:left; display:inline-block; font-size:1.5rem;}.head2 .menu_btn i{ display:inline-block; float:left; color:#cdcdcc;}.head2 .menu_btn a.downmenu{right:0.75rem;top:0.25rem; position: absolute; display: block; width:1.5rem;}.head2 .logo{float:left;  width:32.5%; margin:0.42rem 0 0 0.625rem;}.head2 .logo img{height:100%; width: 100%;display: block;}@font-face {font-family: 'iconfont';    src: url('../iconfont/iconfont.eot'); /* IE9*/     src: url('/mobile/skins/phone/fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */    url('/mobile/skins/phone/fonts/iconfont.woff') format('woff'), /* chrome、firefox */    url('/mobile/skins/phone/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/    url('/mobile/skins/phone/fonts/iconfont.svg') 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:19.7%; margin:0.58rem 0 0 1.25rem;}.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:28%;text-align: center;font-family:"Microsoft YaHei"; position:relative;}.head2 .menu_btn .tsite a:before{ content:""; position:absolute;height:1rem;width:1px;content: "";left:98%;top:38%; background:#cdcdcc;}.head2 .menu_btn .tsite a:last-child:before{ background:none;}.head2 .menu_btn .cur{ color:#d92027;}.menu2 .slideMenu{ 	width:48%; display: none;z-index: 10;	height:30rem; 	overflow:hidden;	position:absolute; 	top:0; 	right:0px; 	transition:transform 1s;	-webkit-transition:transform 1s; border-bottom:0.12rem solid #11a1e7;background: rgba(255,255,255,.8);}.menu2 .slideMenu:before{content: "";position: absolute;width: 100%;height: 28rem;background: rgba(255,255,255,.8); right:0;top:0;z-index: 0;}.menu2.down .slideMenu{	transform:translate3D(0,100%,0);	-webkit-transform:translate3D(0,100%,0);}.menu2 ul {	margin:auto;	transform:translate3D(0,50px,0);	-webkit-transform:translate3D(0,50px,0);}.menu2 ul li {border-bottom: 1px solid #9ba2a6;	line-height:3.3rem;	text-align:center;	color:#393939; }.menu2 ul li img{ padding:0.6rem 0; margin:0 0.5rem; box-sizing:border-box; width:93%;}.menu2 ul li a {	font-size:1.4rem; color: #393939;text-decoration: none;font-family: "Microsoft YaHei";}.menu2 ul .tel {	border-bottom:none;	height:auto; padding:0px;}.menu2 ul .tel img {	width:64%;	vertical-align:middle;}.menu2 ul li:last-child{border-bottom: none;}.menu2 ul li:first-child{border-top: none;}a{text-decoration: none;}/*电话按钮*/.phone-btn{position:fixed; left:7%; bottom:7rem;width:4rem; height:4.2rem; background-image:url(/mobile/skins/phone/fonts/2be2e46dde6b48adb1461719cc1465bb.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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/home4.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-5{position: relative; background: url(/mobile/skins/phone/img/home5.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-6{position: relative; background: url(/mobile/skins/phone/img/home6.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-7{position: relative; background: url(/mobile/skins/phone/img/about1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-8{position: relative; background: url(/mobile/skins/phone/img/about2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-9{position: relative; background: url(/mobile/skins/phone/img/about3.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-10{position: relative; background: url(/mobile/skins/phone/img/about4.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-11{position: relative; background: url(/mobile/skins/phone/img/about5.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.swiper-slide-1 .tit1{ position:absolute; left:0; top:27%; font-size:2.9rem; text-align:center; color:#fff; z-index:99; width:100%;display:block;font-family:"Microsoft YaHei"; font-weight:normal;}.swiper-slide-1 .tit1 span{ display: block; font-size:1.25rem; text-transform:uppercase;}.swiper-slide-active .tit1{	opacity: 1;	-webkit-animation-name:flipOutX;	animation-name:flipOutX;	-webkit-animation-duration:2s;	animation-duration:2s;}.swiper-slide-1 .tit2{position:absolute; left:0; top:41.5%; font-size:1.35rem; text-align:center; color:#fff; z-index:99;width:100%; display:block;font-family:"Microsoft YaHei"; font-weight:normal;}.swiper-slide-1 .tit2 span{ display:block; padding-top:0.5rem;}.swiper-slide-1 .tit2 span i{ color:#fcff00;}.swiper-slide-active .tit2{	opacity: 1;	-webkit-animation-name: bounceInUp;	animation-name:bounceInUp;	-webkit-animation-duration:2.5s;	animation-duration:2.5s;}.swiper-slide-1 .en1{position: absolute;  display: block; left:0; width:100%; top:20%; opacity: 0; z-index: 9; font-size: 1.2rem;color: #2f4881;font-weight: normal; font-family: arial;display: block;	-webkit-transition:all 0.7s;	transition:all 0.7s;}.swiper-slide-1 .en1 img{width: 100%;display: block;}	.swiper-slide-active .en1{	opacity: 1;	-webkit-animation-name: flip;	animation-name: flip;	-webkit-animation-duration:2s;	animation-duration:2s;}.swiper-slide-1 .wel{font-size:1.04rem; color:#fff; position:absolute; display:block; border:1px solid #fff; bottom:20%; text-align:center; left:28%;line-height:1.79rem; font-weight:normal; padding:0 1.5rem;font-family:"Microsoft YaHei";background: url(/mobile/skins/phone/img/span.png) repeat;}.swiper-slide-active .wel{	opacity: 1;	-webkit-animation-name: flip;	animation-name: flip;	-webkit-animation-duration:2s;	animation-duration:2s;}.swiper-slide-2 .p2-1{position: absolute;  display: block;	  left:8%; bottom:22%; opacity: 0; z-index: 9;color: #fff;font-weight: normal;	-webkit-transition:all 0.7s;	transition:all 0.7s;font-family:"Microsoft YaHei";}.swiper-slide-active .p2-1{	opacity: 1;	-webkit-animation-name: slideInRight;	animation-name: slideInRight;	-webkit-animation-duration: 1s;	animation-duration: 1s;}.swiper-slide-2 .p2-1 b{ display:inline-block; width:3.33rem; float:left; margin-top:2rem;}.swiper-slide-2 .p2-1 strong{ display:inline-block; float:left;background: url(/mobile/skins/phone/img/spn2.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; font-size:1.17rem; color:#fff; font-weight:normal; padding:0.9rem 5% 0; float:left; width:76.25%; height:5.875rem;}.swiper-slide-2 .p2-1 strong span{ color:#ff0000;}.swiper-slide-2 .p2-1 strong em{ display:block; font-size:1.17rem; text-transform:uppercase; color:#fff;}.swiper-slide-2 .p2-1 strong i{ display:block;}.swiper-slide-2 .p2-1 strong i span{ font-weight:bold; color:#fff; font-size:2rem; padding-right:0.5rem;}.swiper-slide-2 .en2{position: absolute;  display: block; left:0; top:15.5rem; opacity: 0; z-index: 9; font-size: 1.2rem;color: #2f4881;font-weight: normal; font-family: arial; width: 100%;display: block;	-webkit-transition:all 0.7s;	transition:all 0.7s;}.swiper-slide-2 .en2 img{width: 100%;display: block;}	.swiper-slide-active .en2{	opacity: 1;	-webkit-animation-name: flip;	animation-name: flip;	-webkit-animation-duration: 1s;	animation-duration: 1s;}.swiper-slide-2 .wz2{position: absolute;  display: block; text-align:center; 	left:0; bottom:26.8%; opacity: 0; z-index: 9; font-size: 1rem;color: #333;font-weight: normal;	-webkit-transition:all 0.7s;	transition:all 0.7s; font-size:0.92rem;background:#fff;font-family:"Microsoft YaHei"; line-height:1.67rem; width:81%;}.swiper-slide-active .wz2{	opacity: 1;	-webkit-animation-name: slideInLeft;	animation-name: slideInLeft;	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
.swiper-slide-2 .wz2 b{font-weight: normal;color: #f07a0b}
/* 关于我们 */
.swiper-slide-10{position: relative; background: url(/mobile/skins/phone/img/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(/mobile/skins/phone/img/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(/mobile/skins/phone/img/nytel.png) no-repeat;background-size: 100%;width: 2.5rem;height: 2.8rem; left:-0.55rem;top:0.35rem;}

.swiper-slide-10 .lxfs{position: absolute;  display: block; 
	left:4.2%; top:2%; opacity: 0; z-index: 9; width:86%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .lxfs{    font-family: "Microsoft YaHei";
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
.er{ width: 38.5%; display: block;left:31%; top:51%; box-sizing:border-box; border:0.5rem solid #fff; position:absolute; font-size:0;}
.swiper-slide-active .er{
	opacity: 1;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration:2s;
	animation-duration:2s;}
.swiper-slide-10 .telbtn{position: absolute;  display: block; width: 38.5%;
	left:31%; top:43%; opacity: 0; z-index: 9; 
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}

.swiper-slide-about .telbtn{position: absolute;  display: block; width: 38.5%;
	left:31%; top:43%; opacity: 0; z-index: 9; 
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .telbtn{
	opacity: 1;
	-webkit-animation-name: flip;
	animation-name: flip;
	-webkit-animation-duration:1.5s;
	animation-duration: 1.5s;}
	
.bgph{ position:absolute; left:1.25rem; width:91%; top:39%;}
.bgph img{ width:100%; display:inline-block;}

.swiper-slide-10 .pc{position: absolute;  display: block; width: 36%;
	left:37%; top:80%; opacity: 0; z-index: 9; width: 27%;margin: 0 auto;height: 3rem;line-height: 3rem;text-align: center;;border-radius: 0.3rem; border:1px solid #fff;font-size: 1.2rem;color: #fff;font-family: "Microsoft YaHei";
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-about .pc{position: absolute;  display: block; width: 36%;
	left:37%; top:80%; opacity: 0; z-index: 9; width: 27%;margin: 0 auto;height: 3rem;line-height: 3rem;text-align: center;;border-radius: 0.3rem; border:1px solid #fff;font-size: 1.2rem;color: #fff;font-family: "Microsoft YaHei";
	-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(/mobile/skins/phone/img/call.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-88{position: relative; background: url(/mobile/skins/phone/img/abo.jpg) no-repeat;background-size: 100%;}
.swiper-slide-2 .wz88{ margin:0 18% 0; width:64%;background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; font-size:1.18rem; color:#fff; text-align:left; top:2.5rem;bottom:14%;}
.swiper-slide-2 .wz88 strong{ display:block; color:#464646; font-size:1.67rem; font-weight:bold; text-align:center; line-height:4.5rem; background:#fff;}
.swiper-slide-2 .wz88 q{ padding:1rem 1.5rem 3.5rem; display: inline-block;}