*{ margin: 0; padding: 0;}
img{ max-width: 100%;}
body{ max-width: 750px; margin: 0 auto !important;}
html{max-width: 750px; margin: 0 auto !important;}
body,th,td,.p1,.p2{font-family:"Microsoft YaHei UI"}
p,form,ol,ul,li,dl,dt,dd,h3{margin:0;padding:0;list-style:none}
input{padding-top:0;padding-bottom:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
table,img{border:0}
td{font-size:9pt;line-height:18px}
em{font-style:normal;color:#c00}
a{text-decoration:none}
cite{font-style:normal;color:green}
.w100{ width: 100%; max-width: 750px; margin: 0 auto;}
.w90{ width: 84.4%; max-width: 6.33rem; margin:  0 auto; display: block;;}
h2,h3{ font-weight: normal}
@font-face {
     /* font-test*/
     font-family: COUTURE; 
     src:url('../font/COUTURE.woff'),
     url('../font/COUTURE.ttf'),
     url('../font/COUTURE.eot'); /* IE9 */
     }
@font-face {
		/* font-test*/
		font-family: HYQH;
		src:url('../font/hyqh.woff'),
		url('../font/hyqh.ttf'),
		url('../font/hyqh.eot'); /* IE9 */
		}
.page_top{ height: 1.4rem; position: fixed; top:0px; left: 50%; margin-left: -42.2%; z-index: 999;;}
.logo{ width: 1.65rem; position: absolute; left: .19rem; top: .52rem; height: .6rem; display: none;;}
.menu{ width: 1.13rem;position: absolute; top: .52rem; right: 0px; height: .48rem;;}
.logo img ,.menu img{ display: block;}
.section1{ background: url(../img/index_1_bg.png) no-repeat;    background-size: 100% auto; background-color: #000;}
 .section{ padding-top: 1.05rem; box-sizing: border-box} 
.section{ overflow: hidden; position: relative; background-position:center }
.s1_txt{ display: block; position: absolute;bottom: 8%; left: 50%; margin-left: -42.2%;}
.icon_box ul li{ width: .48rem; height: .48rem; margin-bottom: .03rem;;}
.icon_box ul li img{ display: block;}
.icon_box{ position: fixed; right: 0px; bottom: .52rem; z-index: 99;;}

.section2{ background: #000;padding-top: 1.4rem;}
.video_box{ height: 31.49%; background: #343437;}
.s2_txt{ height: 48.58%; background: #1d1d1d;padding-top: .4rem; box-sizing: border-box;}
.section3{ background: url(../img/index_s3_bg.png) no-repeat; background-size: auto 100%; }
.s3_txt{ width: 2.26rem; position: absolute; right: .9rem; bottom: 25.41%;;}
.txt_img img{ display: block;}

.section4{ background: url(../img/index_s4_bg.png) no-repeat; background-size: auto 100%; }
.s4_txt{ width: 2.58rem; position: absolute; left: .63rem; top: 10.51%;;}

.section5{ background: url(../img/index_s5_bg.png) no-repeat; background-size: auto 100%; }
.s5_txt{ width: 3.03rem; position: absolute; left: .68rem; top: 10.51%;;}

.section6{ background: url(../img/index_s6_bg.png) no-repeat; background-size: auto 100%; }
.s6_txt{ width: 3.39rem; position: absolute; right: .9rem; bottom: 29.16%;;}

.section7{ background: url(../img/index_s7_bg.png) no-repeat; background-size: auto 100%; }
.s7_txt{ width: 3.08rem; position: absolute; left: .7rem; bottom: 16.49%;;}

.section8{ background: url(../img/index_s8_bg.png) no-repeat; background-size: auto 100%; }
.s8_txt{ width: 3.08rem; position: absolute; left: .68rem; top: 10.12%;;}
.s8_box{ position: absolute; left: 50%; margin-left: -42.2%; bottom: 10%;}
.s8_box ul li{ height: .65rem; line-height: .65rem; font-size: .20rem; color: #fff; border-bottom: 1px solid #fff;}
.s8_box ul li a{ color: #fff;;}
.s8_box ul li span{ float:right}
.more{ font-size: .2rem; color: #fff; position: absolute; right: 1.14rem; bottom:.55rem;;}
.more a{ color: #fff;;}

.section9{ background: url(../img/index_s9_bg.png) no-repeat; background-size: auto 100%; }
.s9_txt{ width: 3.08rem; position: absolute; left: .68rem; top: 10.12%;;}
.s9_icon_box{ position: absolute; bottom: 11%; left: 50%; margin-left: -42.2%;}
.s9_icon_box img{ margin: 0 auto;}
.phone{ width: 1.5rem; margin: 0 auto;}
.dz{ width: 4.56rem;margin: 0 auto; margin-top: .2rem;;}
.wechat{ width: .6rem;margin: 0 auto; margin-top: .65rem;}
.s9_icon{ width: 1.8rem;margin: 0 auto; margin-top: .3rem;}
.s9_icon ul li{ float: left; width: .46rem; margin-left: .2rem;;}
.s9_icon ul li:first-child{ margin-left: 0px;;}
.footer{ height: .8rem; font-size: .2rem; background: #333; position: absolute; left: 0px;bottom: 0px; width: 100%;;;}
.footer img { width: 4.1rem; margin: 0 auto; margin-top: .16rem; display: block;}

.nav_box { background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0%;  z-index: 999; width: 100%; height: 
     100%; display: none;;;}
.nav_box ul li{ height: .8rem; line-height: .8rem; font-size: .3rem; border-bottom: 2px solid #fff; padding-left: .14rem; margin-left: 66px;;}
.nav_box ul li a{ color: #fff; display: block;;}
.nav_box ul li:first-child{ border-top: 2px solid #fff;}
.nav_box ul li:first-child a{ color: #083388; }
.close{ width: 1.12rem; position: absolute; top: .52rem; right: .6rem;;;;}
.nav_box{ padding-top: 1.4rem;}
.close img{ display: block;}

@keyframes action_skew{
	0%{transform: skew(-40deg);opacity: 0;}
	50%{ transform: skew(40deg);opacity: 0.2;}
	100%{ transform: skew(0deg);opacity: 1;}
}
 
@keyframes action_rotateY{
	0%{transform: rotateY(0deg);opacity: 0;}
	50%{ transform: rotateY(180deg);opacity: 0.2;}
	100%{ transform: rotateY(360deg);opacity: 1;}
}
 
@keyframes action_translateY{
	0%{transform: translateY(50px);opacity: 0;}
	100%{ transform: translateY(0px);opacity: 1;}
}
 
@keyframes action_scale{
	0%{transform: scale(0.2);opacity: 0;}
	100%{ transform: scale(1);opacity: 1;}
}
/*---淡出----*/
 
@keyframes action_skewOut{
	0%{transform: skew(40deg);opacity: 1;}
	50%{ transform: skew(-40deg);opacity: 0.2;}
	100%{ transform: skew(0deg);opacity: 0;}
}
 
@keyframes action_rotateYOut{
	0%{transform: rotateY(360deg);opacity: 1;}
	50%{ transform: rotateY(180deg);opacity: 0.2;}
	100%{ transform: rotateY(0deg);opacity: 0;}
}
 
@keyframes action_translateYOut{
	0%{transform: translateY(0px);opacity: 1;}
	100%{ transform: translateY(50px);opacity: 0;}
}
 
@keyframes action_scaleOut{
	0%{transform: scale(1);opacity: 1;}
	100%{ transform: scale(0.2);opacity: 0;}
}
.s1_txt,.s2_txt ,.txt_img,.s8_box{opacity: 0;;z-index: 89;} 


.ln1{ background:url(../img/sf1.png) no-repeat; background-size: 100% 100%;}
.ln1_img{ position: absolute; bottom: 20%; right: .9rem; width: 2.26rem; ;}
.ln2{ background:url(../img/sf2.png) no-repeat; background-size: 100% 100%;}
.ln2 img{  width: 2.26rem; ;}
.ln2_img2{position: absolute; bottom: 3%; right: .9rem;}
.ln2_img1{position: absolute; top: 43%; right: .9rem;}

.ln3{ background:url(../img/sf3.png) no-repeat; background-size: 100% 100%;}
.ln3 img{  width: 2.26rem; ;}
.ln3_img2{position: absolute; bottom: 3%; right: .9rem;}
.ln3_img1{position: absolute; top: 43%; right: .9rem;}

.ln4{ background:url(../img/sf4.png) no-repeat; background-size: 100% 100%;}
.ln4 img{  width: 2.26rem; ;}
.ln4_img2{position: absolute; bottom: 3%; right: .9rem;}
.ln4_img1{position: absolute; top: 43%; right: .9rem;}

.hz1{ background:url(../img/hz1.jpg) no-repeat; background-size: 100% 100%;}
.hz1_til{ width: 3rem; position: absolute; top: 10.2%; left: .94rem;;}
.hz1_txt{ width: 2.81rem; position: absolute; bottom: 7.5%; left: 1.65rem;;;}
.hz2{ background:url(../img/hz2.jpg) no-repeat; background-size: 100% 100%;}
.hz2_txt{ width: .82rem; position: absolute; top: 6.37%; left: 1.36rem;;}
.hz3{ background:url(../img/hz3.jpg) no-repeat; background-size: 100% 100%;}
.hz3_txt{ width: .82rem; position: absolute; bottom: 4.5%;; left: .8rem;;}
.hz4{ background:url(../img/hz4.jpg) no-repeat; background-size: 100% 100%;}
.hz4_txt{ width: 2.82rem; position: absolute; bottom: 7.95%;; right: .83rem;;}
.hz5{ background:url(../img/hz5.jpg) no-repeat; background-size: 100% 100%;}
.hz5_txt{ width: 4.52rem; position: absolute; top: 6.6%;; left: .78rem;;}
.hz6{ background:url(../img/hz6.jpg) no-repeat; background-size: 100% 100%;}
.hz6_txt{ width: 3.21rem; position: absolute; bottom: 7.5%;; left: 1.27rem;;}
.hz7{ background:url(../img/hz7.jpg) no-repeat; background-size: 100% 100%;}
.hz7_txt{ width: 4.14rem; position: absolute; bottom: 7.5%;; left: .84rem;;}


.sg2{ background:url(../img/sg2_bg.png) no-repeat; background-size: 100% 100%;}
.sg_til{ width: 3rem;}
.sg2_t1{ position: absolute;  top: 40.32%; right: .64rem;}
.sg2_t2{ position: absolute;  top: 54.32%; left: 1rem;}
.sg3{ background:url(../img/sg3_bg.png) no-repeat; background-size: 100% 100%;}
.sg3_t1{ position: absolute;  top: 40.32%; right: .64rem;}
.sg3_t2{ position: absolute;  bottom: 4.7%; right: .64rem;}
.sg4{ background:url(../img/sg4_bg.png) no-repeat; background-size: 100% 100%;}
.sg4_t1{ position: absolute;  bottom: 7.68%; right: .64rem;}

.sectiongsj1{ background: url(../img/sjs1_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj_txt h2{ font-size: .32rem;;}
.sj_txt p{ font-size: .2rem; font-weight: bold;}

.sj1_txt{ color: #fff;;}
.sj1_txt { position: absolute; bottom: 28.86%; width: 100%; left: 3.42rem;}
.sj1_txt p{ padding-left: 1.23rem;}
.sectiongsj2{ background: url(../img/sjs2_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj2_txt{ color: #221815;}
.sj2_txt { position: absolute; top: 8.67%; width: 100%; left: 1.16rem;}
.sj2_txt p{ margin-left: .38rem;}
.sectiongsj5{ background: url(../img/sjs5_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj5_txt{ color: #221815;}
.sj5_txt{ position: absolute; top: 8.89%; width: 100%; left: 1.16rem;}
.sj5_txt p{ margin-left:.38rem;}
.sj5s_txt{ font-size: .2rem; color: #221815; line-height: .41rem; width: 2.95rem; 
     position: absolute; bottom:5.144%; left: 1.16rem; color: #5f5f5f;;}
.sectiongsj3{ background: url(../img/sjs3_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj3_txt{ color: #221815;}
.sj3_txt{ position: absolute; top: 49.93%; width: 100%; left: 1.16rem;}
.sj3_txt p{ margin-left:.38rem;}
.sj3s_txt{ font-size: .2rem; color: #fff; line-height: .41rem; width: 4.1rem; position: absolute; bottom:15.144%; left: 1.16rem;;}
.sectiongsj6{ background: url(../img/sjs6_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj6_txt{ color: #fff;}
.sj6_txt{ position: absolute; bottom: 27.69%; width: 100%; left: 3.29rem; }
.sj6_txt p{padding-left: 1.23rem; }
.sectiongsj11{ background: url(../img/sjs11_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj11_txt{ color: #221815;}
.sj11_txt{ position: absolute; top: 6.89%; width: 100%; left: 1.16rem;}
.sj11_txt p{ margin-left:.38rem;}
.sectiongsj7{ background: url(../img/sjs7_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj7_txt{ color: #221815;}
.sj7_txt{ position: absolute; top: 8.89%; width: 100%; left: 1.16rem;}
.sj7_txt p{ margin-left:.38rem;}
.sj7s_txt{ font-size: .2rem; color: #5f5f5f; line-height: .41rem; width: 3.55rem; 
	position: absolute; bottom:5.144%; left: 1.16rem; color: #5f5f5f;;}
.sectiongsj12{ background: url(../img/sjs12_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj12_txt{ color: #221815;}
.sj12_txt{ position: absolute; bottom: 14.65%; width: 100%; left: 1.16rem;}
.sj12_txt p{ margin-left:1.22rem;}
.sectiongsj13{ background: url(../img/sjs13_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj13_txt{ color: #221815;}
.sj13_txt{ position: absolute; bottom: 29.65%; width: 100%; left: 1.16rem;}
.sj13_txt p{ margin-left:1.22rem;}
.sectiongsj14{ background: url(../img/sjs14_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj14_txt{ color: #221815;}
.sj14_txt{ position: absolute; bottom: 21.65%;  right: 1.16rem;}
.sj14_txt p{ margin-left:1.22rem;}

.sectiongkj1{ background: url(../img/kj1.png) no-repeat; background-size:  100% auto; background-position: center;; }
.kj1_txt{ color: #fff;;}
.kj1_txt { position: absolute; bottom: 28.86%; width: 100%; left: .8rem;}
.kj1_txt p{ padding-left: 1.23rem;}

.sectiongkj2{ background: url(../img/kj2.png) no-repeat; background-size:  100% auto; background-position: center;; }

.kj2_txt{ color: #fff;;}
.kj2_txt { position: absolute; bottom: 13.86%; right: .8rem;}
.kj2_txt p{ padding-left: 1.23rem;}

.sectiongkj3{ background: url(../img/kj3.png) no-repeat; background-size:  100% auto; background-position: center;; }
.kj3_txt{ color: #fff;;}
.kj3_txt { position: absolute; bottom: 20.86%; left: .8rem; width: 100%;}
.kj3_txt p{ padding-left: 1.23rem;}

.sectiongkj4{ background: url(../img/kj4.png) no-repeat; background-size:  100% 100%; background-position: center;; }
.kj4_txt{ color: #000;;}
.kj4_txt { position: absolute; bottom: 3.86%; left: .8rem; width: 100%;}
.kj4_txt p{ padding-left: 1.23rem;}