*{ 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;}
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 */
		}
.head_top{ height: 1.05rem;
      /* position: fixed; top: 0px; */
      z-index: 999; background: #fff;
      /* position: absolute;
       top: 0px; */
     /* background: url(../images/head_bg.png) repeat-x; background-size:100% 100%*/  

} 
.logo{ position: absolute; display: block; left: .66rem; top: .32rem; width: 2.82rem; height: .58rem;;}
.head_top img{ display: block; width: 100%}
.music{ position: absolute; width: .11rem; height: .3rem; top:.46rem; right: 1.4rem; }
.nav_box{ position: fixed; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.7); z-index: 97;}
.nav_box .head_top{ background: #000000}

.menu{ position: fixed; width: .47rem; height: .36rem; top: .41rem; right: .55rem; z-index: 99; 
     background-size: 100% auto}
.menu img{ display: block}
.close{ width: .37rem; height: .37rem;position: fixed;top: .41rem; right: .55rem; z-index: 98; 
     background-size: 100% auto}
.nav{ width: 3.74rem; float: right; margin-top: .6rem;}
.nav ul li{ height: .6rem; line-height: .6rem; margin-bottom: .3rem; font-size: .4rem; border-bottom: 2px solid #e8e8e8; margin-left: 66px; }
/* .nav ul li:first-child a{ color: #fff;} */
.nav ul li a{ color: #0056ff}
.ac_nav a{    padding: .1rem .4rem;
    background: rgba(255,255,255,.7);
    border-radius: 8px;
    color: #000 !important;
    font-weight: bold;}


.nav_bg{ height: .98rem; background: #1e0159; position: fixed; z-index: 998; top: 0px;;}
.nav_bg img{ display: block;}
.logo img{ width: 1.98rem; margin-left: .54rem;}
/*.menu{ transition: all 0.5s;}*/
/*.menu img{ width: .85rem; ;}*/
/*.close img{ width: .85rem; display: block;}*/
/*.close{ position: absolute; top: 0px; right: 0px;}*/
.nav_box{ background: #1e0159; position: fixed;top: 0px; z-index: 999; height: 100%; max-width: 750px; display: none; opacity: 0; transition: all 0.6s;}
.nav_list{ 
    /* min-height: .94rem; */
    height: .94rem;overflow: hidden; transition: all .7s;
     width: 100%; padding-left: .56rem; border-top: 2px solid #f5f4f8; }
.nav_list h3 a{ font-size: .38rem; color: #ec6941; line-height: .94rem; display: block; font-weight: bold;}
.nav_list h3.home a{ font-size: .42rem;}
.nav_list ul li{ float: left; width: 2rem; height: .48rem; line-height: .48rem;}
.nav_list ul li a{ font-size: .26rem; color: #fff; display: block;}
.nav_list ul{ overflow: hidden;padding-bottom: .2rem;}

.nav_box .nav_list:first-child{ border: none;}




.section1{ background: url(../img/sxpp/sxsj/index.gif) no-repeat;    background-size: auto 100%;background-position-x: 50%}
/* .section{ padding-top: 1.05rem; box-sizing: border-box} */
.section{ overflow: hidden; position: relative; background-position:center }

/* .section2 { font-size: .28rem; padding-top: 1.05rem} */
.name{ height: 1.14rem; font-size: .3rem; color: #000000; line-height: .36rem; position: relative;}
.name_txt{ position: absolute; top: 34%; right: .53rem;}
.name_txt p:nth-child(2){ font-size: .3rem;}
.js_box{ height: 59.1%; background: #4c4948;}
.js_box .cn_box p{ text-align: center; color: #fff; font-size: .28rem; line-height: .48rem;;}
.cn_s{ font-size: .24rem !important;}
.js_box .cn_box{ padding-top:.38rem; margin-bottom: .3rem; }
.js_box .en_box{ width: 5.35rem; margin: 0 auto; font-size: .20rem; color: #fff; line-height: .24rem;}
.en_box p{ font-size: .20rem; text-align: right}
.section3{ background: url(../img/sxpp/sxsj/s3_bg.png) no-repeat;    background-size: auto 100%; position: relative;}
.s3_icon{ width: 4.58rem; position: absolute; top: 27.66%;left: .6rem;;}
.s3_txt{ font-size: .3rem; color: #fff; position: absolute; left: .8rem; bottom: 5.62%;}

.section4{ background: #000; position: relative;}
.s4_txt{ height: 16.49%; background: #898989; position: absolute; bottom: 0; left: 0; color: #fefefe; width: 100%; padding-left: .87rem; box-sizing: border-box}
.s4_txt p:first-child{ font-size: .3rem; line-height: .3rem; height: .3rem; margin-top: .1rem; margin-bottom: .05rem;}
.s4_txt p:nth-child(2){ font-size: .2rem; line-height: .2rem; height: .2rem;;}
.s4_img{ position: absolute; bottom:16.49%; height: 3.77rem;; }

.section5{ background: url(../img/sxpp/sxsj/s5_bg.png) no-repeat;  background-size: auto 100%; position: relative;}
.logo_icon{ position: absolute; top: 24.59%; left: .64rem; width: .98rem;;}
.s5_txt1{ width: 4.67rem; position: absolute; top: 24.06%; right: 0; }
.s5_txt1 h2{ font-size: .58rem; color: #fffefe; border-bottom: 3px solid #fffefe; height: .74rem; line-height: .74rem; font-weight: normal}
.s5_txt1 p{ font-size: .3rem; color: #fffefe}
.s5_txt{ width: 4.67rem;}
.s5_txt h3{ font-size: .3rem; color: #fffefe; line-height: .46rem;font-weight: normal}
.s5_txt p{ font-size: .2rem; color: #fffefe}
.s5_txt2{ position: absolute; top: 45.65%; right: 0 }
.s5_txt3{ position: absolute; top: 53.45%; right: 0 }

.section6{ background: #fff;}
.s6_txt h3{ font-size: .3rem; color: #000000; line-height: .48rem; font-weight: normal; margin-bottom: .2rem}
.s6_txt p{ font-size: .2rem; color: #fffefe}
.s6_txt { width: 100%; padding-left: .74rem; box-sizing: border-box; position: absolute; bottom: 44.27%; z-index: 99;}
.s6_img{ position: absolute; bottom: 0;left: 0; height: 49.95%;}
.s6_img img{ height: 100%; display: block; width: 100%}

.section7{ background: #000}
.s7_txt{ height: 17.01%;  position: absolute; bottom: 0; left: 0; padding-left: .87rem; padding-top: .15rem; 
     box-sizing: border-box; width: 100%; background: #ffffff}
.s7_txt h3{ font-size: .3rem; color: #000; margin-bottom: .05rem; }
.s7_txt p{ font-size: .2rem; color: #000}
.s7_img{ height: 50.44%; position: absolute; bottom:17.01%}
.s7_img img{ width: 100%; height: 100%;}
.section8{ background: url(../images/s8_bg.png); }
.s8_txt{ width: 100%; padding-left: .7rem; position: absolute; top: 22.5% }
.s8_txt h3{ font-size: .3rem; color: #ffffff; margin-bottom: .1rem}
.s8_txt p{ font-size: .20rem; color:#fff}
.s8_img{ position: absolute; top: 29.88%; width: 100%}

.s9_top{ height: 70.91%; position: relative;}
.s9_bg{ width: 100%; position: absolute; bottom: 0px;}
.s9_cp{ width: 3.7rem; position: absolute; bottom:5.07%; right: .53rem;}
.s9_t_txt h2{ font-size: .3rem; color: #221815; position: absolute; bottom: 30.33%; left: .43rem;;}
.s9_t_txt p{ font-size: .2rem; font-family: "Couture"; bottom:27.68%; left:.7rem; color: #221815; font-weight: bold; position: absolute}
.s9_bottom{ height: 29.09%; width: 6.9rem; margin: 0 auto }
.s9_cn_txt{ margin-top: 6.05%; margin-bottom: 6%}
.s9_cn_txt_li{ line-height: .38rem; height: .38rem; font-size: .2rem;}
.s9_cn_txt_li span{ font-weight: bold}
.s9_en_txt p{ font-size: .18rem; line-height: .22rem; margin-bottom: .15rem}

.section10{ background: url(../images/s10_bg.png) no-repeat;  background-size: auto 100%; position: relative;}
.new_box { width: 5.53rem; margin: 0 auto; margin-top: 1.53rem; 
     /* height: 10.2rem; overflow: scroll*/
} 
.new_box ul li img{ width: 100%; height: auto;}
.new_box ul li h2{ font-size: .24rem; color: #ffffff; height: .5rem; line-height: .5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;}
.new_box ul li{ margin-bottom: .24rem}

.section1 .fp-scroller,

.section2 .fp-scroller,
.section3 .fp-scroller,
.section4 .fp-scroller,
.section5 .fp-scroller,
.section6 .fp-scroller,
.section7 .fp-scroller,
.section11 .fp-scroller,
.section8 .fp-scroller{ height: 100%;}
.footer{ font-size: .22rem; color: #ffffff; margin-top: 1.12rem; line-height: .7rem; text-align: center;}
.name_txt,.cn_box,.s2img,.en_box,.s3_icon,.s3_txt,.s4_img,.s4_txt,.logo_icon,.s5_txt1,.s5_txt,.s6_txt
,.s7_img,.s7_txt,.s8_txt,.s8_img,.s9_cp,.s9_cn_txt,.s9_en_txt,.content_top,.dz_box,.wz_box,.lx_box{opacity: 0;;z-index: 89;}
@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;}
}

.section11{ background:url(../img/sxpp/sxsj/contact_bg.png) no-repeat; background-size: 100% 100%; text-align: center; color: #fff;; ;}
.content_top h2{ font-size: .36rem;color: #fff; font-weight: normal;;}
.content_top h3{ font-size: .3rem;;}
.content_top img{ width: .6rem;;}

.dz_box h4{ font-size: .22rem; font-weight: bold; margin-bottom: .5rem; font-family: COUTURE;;} 
.dz_list { margin-bottom: .6rem;}
.dz_list h2{ font-size: .24rem; font-weight: bold; margin-bottom: .1rem;;;;}
.dz_list h3{ font-size: .22rem; font-weight: normal; margin-bottom: .15rem;;}
.dz_list p{ font-size: .22rem; line-height: .28rem;;}

.wz_box h2{ font-size: .36rem;width: 3rem; font-weight: 300; border-bottom: 3px solid #fff; height: .46rem; line-height: .46rem;
	margin: 0 auto;; margin-top: .2rem;;}
.wz_box h2 a{ color: #0b40a9;}
.lx_box img{ width: .67rem; ;}
.lx_box .lx_txt p{ font-size: .26rem; }
.lx_box .lx_txt h2{ font-size: .32rem;}
.kf_btn{ width: 1.55rem;
    height: .65rem;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #fff;
    text-align: left;
    padding-left: .21rem;
    font-size: .22rem;
    line-height: .65rem;
    position: absolute;
    top: 1.3rem;
    right: 0;}
.content_top{  width: 100%;  max-width: 6.09rem; margin: 0 auto; margin-top: 1.41rem;}
.dz_box{ width: 100%; top: 25.86%; max-width: 6.09rem;margin: 0 auto;margin-top: .5rem; }
.lx_box{  width: 100%; top: 77.74%; max-width: 6.09rem; margin: 0 auto; margin-top: .75rem;}
.wz_box{  margin: 0 auto;  top: 62.82%; width: 100%; max-width: 6.09rem;margin: 0 auto; margin-top: .75rem;}
.kf_btn img{ width: .15rem;}
.section12{ background:url(../img/sxpp/sxsj/jqqd_bg.png) no-repeat; background-size: 100% 100%;}
.jqqd img{ position:absolute ; width: 1.8rem;margin-left: -0.9rem;;left: 50%; top: 32.76%;}
.jqqd_txt p{ font-size: .3rem; color: #fff; font-weight: bold; line-height: .38rem;;;}
.jqqd_txt{ position: absolute; top: 49.4%; width: 100%; text-align: center;;}
.s2img{height:23.53%; display: block;  width: 100%}
.s2_box{ display: block; min-height: 100%}

@media only screen and (min-width: 768px) {
	.section3,.section5,.section10{ background-size: 100% auto;}
	.s6_img img{ width: 100%;}
	.s7_img img{ height: 100%;display: block;width: 100%;}
	.jqqd_txt { top: 53.4%;}
	.js_box {
		height: 7.9rem;}.name {
			height: 1.14rem;}.s2img{ height: 3.14rem;}
	.s8_img{ top: 31.88%;}
	.s9_cp{ width: 3.7rem;}
	.s9_top{ height: 9.45rem;}
}
/* gushi */
.page_til{ margin-left: 1rem;}
.page_til h2 span{ display: block; width: .49rem; height: .25rem; background: #4b4948; position: absolute;left: -.31rem;;}
.sectiongs1{ background: url(../img/sxpp/sxsj/gss1_bg.png) no-repeat; background-size:  100% auto; background-position: center; }
.page_til h2{font-size: .2rem; color: #4c4949; position: relative; padding-left: .4rem;}
.page_til h3{ font-family: "黑体"; font-size: .36rem; color: #4c4948;padding-left: .4rem;}
/* .sectiongs1 .page_til{ margin-top: 4.26rem;} */
.s1_box{position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%,0);}
.sgs1_txt{ width: 6.3rem; margin: 0 auto; font-size: .18rem; color: #4c4948;line-height: .48rem; margin-top: .6rem;}
.qm{ width: 6.3rem; margin: 0 auto; text-align: right; margin-top: .3rem;;}
.qm h2{ font-size: .24rem; color: #4c4948;}
.qm h4{ font-size:.18rem ; color: #4c4948;}

.sectiongs2{ background: url(../img/sxpp/sxsj/gss2_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sectiongs2 .page_til{margin-top: 1.5rem;}
.sgs2_txt{ font-size: .24rem; line-height: .45rem; margin-top: .6rem; letter-spacing:.2rem; color: #4c4948; margin-left: 1.4rem;}

.sectiongs3{ background: url(../img/sxpp/sxsj/gss2_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sectiongs3 .pt1{ margin-top: 1.44rem;}
.sgs3_txt{ font-size: .24rem; line-height: .45rem;  letter-spacing:.2rem; color: #fff; margin-left: 1.4rem;
position: absolute; top: 23%;;}
.bd_box ul li{ float: left; width: .26rem; text-align: center; font-size: .24rem; line-height: .4rem; color: #4c4949; margin-left: .32rem;;;}
.bd_box ul li:first-child{ margin-left: 0px;;}
.bd_box ul li img{max-width: 100%; margin-top: .5rem;;}
.bd_box { overflow: hidden; position: absolute;  top:70%;left: 50%; transform: translate(-50%,0);min-width: 4.41rem;}
.pt2{ position: absolute; top: 52%;}
.gss3_icon{ width: 1.71rem; position: absolute; top:60% ; right: 20.6%;;;}

.sectiongs4{ background: url(../img/sxpp/sxsj/gss4_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.gss4_txt h2{ font-size: .3rem; font-weight: bold; margin-bottom: .2rem; ;}
.gss4_txt p{ font-size: .24rem; margin-bottom: .63rem;;}
.gss4_txt{ color: #fff; width: 4.11rem; position: absolute; left: 50%;transform: translate(-50%,0); top: 50%;}
.sectiongs4 .page_til{ position: absolute; top: 33%;}

.sectiongs5{ background: url(../img/sxpp/sxsj/gss5_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sectiongs5 .page_til{ position: absolute; top: 19.69%;}
.gss5_txt{ font-size: .36rem; color: #4c4948; position: absolute; top: 29.69%; width: 4.89rem;left: 50%; transform: translate(-50%,0);}

.sectiongs6{ background: url(../images/zjsx_bg.jpg) no-repeat; background-size:  100% auto; background-position: center;; }

.sgs6_txt{ font-size: .22rem; color: #000; width: 4.9rem; top: 24%; left: 52%; transform: translate(-50%,0); 
	position: absolute; line-height: .56rem;height: 62%;
    overflow-y: scroll; padding-right: .7rem;}
.sectiongs6 .page_til{ position: absolute; top: 9.86%;}

.sectiongsj1{ background: url(../img/sxpp/sxsj/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/sxpp/sxsj/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;}

.sectiongsj3{ background: url(../img/sxpp/sxsj/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;;}

.sectiongsj4{ background: url(../img/sxpp/sxsj/sjs4_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj4_txt{ color: #221815;}
.sj4_txt{ position: absolute; top: 53%; width: 100%; left: 1.16rem;}/*30.75%*/
.sj4_txt h2{ font-size: .32rem;font-weight: bold;}
.sj4_txt p{ font-size: .24rem;margin-left: 1.35rem;font-weight: normal;}

.sectiongsj5{ background: url(../img/sxpp/sxsj/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;;}

.sectiongsj6{ background: url(../img/sxpp/sxsj/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; }

.sectiongsj7{ background: url(../img/sxpp/sxsj/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;;}

.sectiongsj8{ background: url(../img/sxpp/sxsj/sjs8_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj8_txt{ color: #221815;}
.sj8_txt{ position: absolute; bottom: 40.69%; width: 100%; left: 1.17rem; }
.sj8_txt p{padding-left: 1.22rem; }

.sectiongsj9{ background: url(../img/sxpp/sxsj/sjs9_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj9_txt{ color: #221815;}
.sj9_txt{ position: absolute; top: 6.89%; width: 100%; left: 1.16rem;}
.sj9_txt p{ margin-left:.38rem;}

.sectiongsj10{ background: url(../img/sxpp/sxsj/sjs10_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj10_txt{ color: #fff;}
.sj10_txt{ position: absolute; bottom: 5.69%; width: 100%; left: 1.17rem; }
.sj10_txt p{padding-left: 1.22rem; }

.sectiongsj11{ background: url(../img/sxpp/sxsj/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;}

.sectiongsj12{ background: url(../img/sxpp/sxsj/sjs12_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj12_txt{ color: #221815;}
.sj12_txt{ position: absolute; top: 31.65%; width: 100%; left: 1.16rem;}
.sj12_txt p{ margin-left:1.22rem;}
.sectiongsj13{ background: url(../img/sxpp/sxsj/sjs13_bg.png) no-repeat; background-size:  100% auto; background-position: center;; }
.sj13_txt{ color: #221815;}
.sj13_txt{ position: absolute; top: 48.56%; width: 100%; left: 3.42rem;}
.sj13_txt p{ margin-left:1.22rem;}