/* body{  font:12px/1.5em Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;} */
*{ margin: 0; padding: 0; }
body{  font-family: "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
ul,li{ list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
.clear{ clear:both; height: 0; height: 0; overflow:hidden;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
 /*垂直居中*/
.v_align{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} 
/* 单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.oop{ width: 100%; height: 500px; background: red; }
#wrap{ width: 100%; overflow: hidden; background:#fff; font-size:16px;}
.qyd_con{ width: 1030px; margin: 0 auto; position: relative;}

.banner{ width: 100%; height: 827px; background: url(../images/banner_bg.jpg) center no-repeat; }
.b_1{position: absolute; top: 220px; right: 70px; width: 394px; height: 113px; background: url(../images/b_1.png) center no-repeat;}
.b_2{position: absolute; top: 346px; right: 32px; width: 437px; height: 191px; background: url(../images/b_2.png) center no-repeat;}
.b_3 a{display: block; position: absolute; top: 595px; right: 207px; width: 115px; height: 115px; background: url(../images/b_3.png) center no-repeat;}

.sec01{ width: 100%; height: 789px; background: url(../images/s1_bg.jpg) center no-repeat; overflow: hidden; }
.s1_t{ max-width: 490px; margin: 0 auto; text-align: center; margin-top: 60px;}
.s1_t h1:after{ content: ''; display: block; width: 490px; height: 1px; background: #eed4f5; margin-top: 5px; }
.s1_t h1,.s1_t h2{ font-size: 24px; color: #000; }
.s1_t h1 span,.s1_t h2 span{color: #6a0c6b}

.s1_qyd{ width: 856px; height: 254px; margin: 0 auto; background: #fff; margin-top: 440px; }
.s1_qyd li{ float: left; }
.s1_qyd_t{ width: 425px; height: 48px; background: #ba7abc; }
.s1_qyd_t2{ background: #5d0c5f; }
.s1_qyd_t h1{ font-size: 18px; color: #fff; text-align: center; line-height: 36px; }
.s1_qyd_con{ width: 425px; height: 176px; background: #dcc0dd; overflow: hidden;}
.s1_qyd_con2{ background: #bc9fbc; }
.s1_qyd_con img{ display: block; width: 260px; height: 148px; margin: 0 auto; margin-top: 28px; }

/*sec02*/
.sec02{ width: 100%; height: 849px; background: url(../images/s2_bg.jpg) center no-repeat; }
.s2_swt{width: 850px; height: 53px; border:1px dashed #8e3b90; border-top: none; margin: 0 auto; position: relative;}
.s2_swt a{ position: absolute; top: 30px; left: 250px; display: block; width: 350px;height: 54px; background: #54284e; border-radius: 20px; margin: 0 auto; font-size: 20px; color: #fff; line-height: 44px; text-align: center; z-index: 2; }
.s2_ht{ width: 494px; margin: 0 auto; margin-top: 102px; font-size: 26px; color: #000 !important; text-align: center;}
.s2_ht h1:after{ content: ''; display: block; width: 494px; height: 1px; background: #eed4f5; margin: 0 auto; margin-top: 4px; }
.s2_ht h2{ color: #6a0c6b;}
.s2_t p{ width: 978px; margin: 0 auto; font-size: 16px; color: #333333; line-height: 28px; margin-top: 20px;}

.s2_js{ margin-top: 80px; }
.s2_js img{ display: block; vertical-align: bottom; }
.s2_js li{float: left;}
.s2_js li:nth-of-type(2){ margin: 0px 21px;}
.js_txt{ width: 329px; height: 90px; background: #ebebeb; text-align: left; }
.js_txt p{ font-size: 16px; color: #666666; line-height: 24px; padding-top: 30px; padding-left: 50px;}
.s_swt{ font-family: 黑体;  margin-top: 34px; }
.s_swt a{display: block; width: 350px;height: 54px; background: #54284e; border-radius: 20px; margin: 0 auto; font-size: 20px; color: #fff; line-height: 44px; text-align: center; z-index: 2; }
.s_swt a i{ display: inline-block; font-style: normal; font-size: 18px; color: #fff; line-height: 54px; margin-left: 6px; font-weight: bold; }


/*sec03*/
.sec03{ width: 100%; height: 740px; background: url(../images/s3_bg.jpg) center no-repeat; overflow: hidden;}
.s_ht{ width: 494px; margin: 0 auto; margin-top: 74px; font-size: 26px; color: #000 !important; text-align: center;}
.s_ht h1:after{ content: ''; display: block; width: 494px; height: 1px; background: #eed4f5; margin: 0 auto; margin-top: 4px; }
.s_ht h2{ font-size: 24px; color: #54284e; text-transform: uppercase; white-space: nowrap;}

.s3_con{ width: 100%; margin-top: 86px; }
.s3_con li{ float: left; margin-right: 6px;}
.s3_con li:last-child{ margin-right: 0px; }
.s3_txt{ width: 248px; height: 120px; border-radius: 5px; border:1px dashed #7d5b7a; margin-top: 17px; position: relative;}
.s3_txt h1{ position: absolute; top: -9px; left: 75px; width: 90px; background: #f9f1f8; font-size: 18px; color: #714c6d;text-align: center; border-left: 2px solid #714c6d; border-right: 2px solid #714c6d; }
.s3_txt p{ width: 90%; margin: 0 auto; text-align: center; font-size: 16px; color: #54284e; line-height: 22px; margin-top: 36px; }

/*sec04*/
.sec04{ width: 100%; height: 960px; background: url(../images/s4_bg.jpg) center no-repeat; overflow: hidden; }
.s4_ht{ margin-top: 47px; }
.s4_ht h2{ color: #8f8f8f;}
.s4_con{ width: 100%; position: relative; }
.parHd ul{ width: 590px; height: 54px; margin: 0 auto; border:1px solid #54284e; border-radius: 50px; margin-top: 50px; margin-bottom: 30px;}
.parHd li{ width: 50%;height: 54px; float: left; text-align: center; }
.s4_t1 a{ font-size: 20px; color: #54284e; line-height: 50px; display: block; border-top-left-radius:50px; border-bottom-left-radius:50px;}
.s4_t2 a{ font-size: 20px; color: #54284e; line-height: 50px; display: block; border-top-right-radius:50px; border-bottom-right-radius:50px;}
.parHd li a:hover{ background: #54284e; color: #fff;}
.parHd li.on a{background: #54284e; color: #fff;}
.hd li{ float: left; margin-right: 4px;}

.s4_case1 .hd li.on{ width: 102px; height: 102px; background: #eee; opacity: 0.3; }
.s4_case1 .tempWrap{ width: 1030px !important; }


.sNext,.sPrev{ font-size: 22px; width: 42px; height: 66px; background: #000; opacity: 0.6; position: absolute; top: 50%; color: #fff; z-index: 2; text-align: center; line-height: 66px; cursor: pointer; }
.sPrev{ left: 0px;}
.sNext{ right: 0px;}


.sec05{ width: 100%; height: 843px; background: url(../images/s5_bg.jpg) center no-repeat; overflow: hidden; }
.s5_ht{ margin-top: 30px;}
.s5_ht h1:after{ background: #54284e; }
.s5_t p{ width: 90%; margin: 0 auto; font-size: 16px; color: #333333; line-height: 26px; margin-top: 40px; margin-bottom: 20px;}

.s5_con{ width: 100%; height: 640px; margin: 0 auto; position: relative;}
.s5_con li img{ display: block; width: 100%; vertical-align: bottom; }
.s5_txt{ width: 100%; height: 127px; background: #54284e;color: #fff; line-height: 32px; box-sizing: border-box; padding-top: 22px; padding-left: 40px;}
.s5_txt h1{ font-size: 18px; }
.s5_txt p{ font-size: 16px; }


.sec06{ width: 100%; padding-bottom: 60px; overflow: hidden;}
.s6_swt{width: 1031px; height: 53px; border:1px dashed #8e3b90; border-top: none; margin: 0 auto; position: relative;}
.s6_swt a{ position: absolute; top: 30px; left: 340px; display: block; width: 350px;height: 54px; background: #54284e; border-radius: 20px; margin: 0 auto; font-size: 20px; color: #fff; line-height: 44px; text-align: center; z-index: 2; }
.s6_swt a i{ display: inline-block; font-style: normal; font-size: 18px; color: #fff; line-height: 53px; margin-left: 6px; font-weight: bold; }

.s6_txt{ width: 100%; height: 247px;background: url(../images/s6_txt.jpg) center no-repeat; margin-top: 68px; overflow: hidden;}
.s6_ht{margin-top: 32px;}
.s6_txt p{ width: 1000px; margin: 0 auto; font-size: 16px; color: #333333; line-height: 26px; margin-top: 40px; } 
.s6_zj{margin-top: 30px;}
.s6_zj1,.s6_zj2{ width: 1216px; height: 317px; margin: 0 auto; background: url(../images/s6_zj_01.jpg) center bottom no-repeat;}
.s6_zj2{background: url(../images/s6_zj_02.jpg) center top no-repeat; }
.s6_zj1{ height: 426px; }
.sec07{ width: 100%; height: 590px; background: url(../images/s7_bg.jpg) center no-repeat; overflow: hidden; }
.s7_ht{ margin-top: 32px; }
.s7_con{ margin-top: 22px; }
.s7_bns{ width: 100%; height: 253px; margin: 0 auto; background: url(../images/s7_bns.png) center no-repeat; }
.s7_bnst{ width: 100%; height: 94px; margin: 0 auto; margin-top: 16px; background: url(../images/s7_bnst.png) center no-repeat; }
.s7_con p{ width: 1031px; margin: 0 auto; font-size: 16px; color: #fff; margin-top: 33px; text-indent: 1rem; }


.sec08{ width: 100%; height: 559px; background: url(../images/s8_bg.jpg) center no-repeat; overflow: hidden; }
.s8_con{ margin-top: 164px; }
.s8_l,.s8_r{ width: 50%; float: left; }
.s8_l{ width: 481px; height: 325px; background: url(../images/s8_p.png) center no-repeat; }
.s8_r ul{ margin-left: 78px; }
.s8_r li h1{ width: 326px; font-size: 20px; color: #54284e; line-height: 20px; padding-bottom: 2px;  border-bottom: 1px solid #54284e; margin-bottom: 24px;}
.s8_r li a{ font-size: 16px; color: #333; line-height: 28px; }
.s8_r li a:hover{ color: #54284e; text-decoration: underline; }