@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"΢���ź�";}
/*********************************************************************/

.dsb20_box{ width: 1920px; overflow: hidden; position: relative;left: 50%; margin-left: -960px;}

.dsb20_box01{ width: 100%; height: 500px; position: relative; overflow: hidden; margin: 0 auto; background: url(../images/dsb_01.jpg) no-repeat top center;}
.dsb20_box01 img{ position: absolute; top: 32px; left: 50%; margin-left: -238px; animation-delay: 0.3s;}


.dsb20_box02{ width: 100%; height: 1250px; position: relative; overflow: hidden; margin: 0 auto; background: url(../images/dsb_16.jpg) no-repeat;}
.dsb20_bt{ width: 1200px; position: relative; overflow: hidden; margin: 100px auto 80px; text-align: center; color: #ffbb33;}
.dsb20_bt h1{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.dsb20_bt h2{ font-size: 18px; line-height: 1.6;}
.dsb20_bt img:nth-child(3){position: absolute; top: 15px; left: 276px;}
.dsb20_bt img:nth-child(4){position: absolute; top: 15px; right: 276px;}

.box02_tab{ width: 1000px; position: relative; overflow: hidden; margin: 0 auto;}
.box02_tab .nav { width:1000px; position: relative; overflow: hidden; text-align: center; margin: 0 auto;}
.box02_tab .nav li { width: 163px; height: 53px; display: inline-block;}
.box02_tab .nav li:nth-child(2){ margin: 0 112px;}
.box02_tab .nav li a{ width:163px; height: 53px; background: url(../images/dsb_05.png) no-repeat center; display: block;line-height: 50px; font-size: 24px; font-weight: bold; color: #333333; text-align: center;}
.box02_tab .nav li a:hover { text-decoration: underline;}
.box02_tab ul li a.current{ background: url(../images/dsb_04.png) no-repeat center; color: #fff; text-decoration: underline;}

.dsb20_box02 .list_wrap{ width:1000px; position: relative; overflow: hidden; margin: 30px auto 0;}
.dsb20_box02 .list_wrap li{ width: 300px; height: 700px; float: left; margin: 0 20px; background: #fff; position: relative; overflow: hidden;}
.dsb20_box02 .list_wrap li:nth-child(2){ margin: 0 10px;}
.dsb20_box02 .list_wrap li img{ display: block;}
.dsb20_box02 .list_wrap li div{ width: 296px; height: 206px; border: 2px solid #cccccc;}
.dsb20_box02 .list_wrap li h3{ color: #000; font-size: 30px; font-weight: bold;  text-align: center; margin: 10px auto 0;}
.dsb20_box02 .list_wrap li p{ text-align: center; color: #333; line-height: 1.4; font-size: 14px;margin-top: 4px;}
.dsb20_box02 .list_wrap li a{ width: 200px; height: 40px; display: block; position: absolute; bottom: 10px; left: 50px; color: #333; font-size: 18px; text-align: center; line-height: 40px; background: #ffbb33; font-weight: bold;}
.dsb20_box02 .list_wrap li a:hover{ color: #fff; background: #ff884c;}

.dsb20_box02 .box02_zx{ width: 1000px; position: relative; overflow: hidden; margin: 50px auto;}
.dsb20_box02 .box02_zx a{ display: block; height: 48px; border:1px solid #fff; background: #ff884c; color: #fff; float: left; font-size: 24px; line-height: 48px; text-align: center;}
.dsb20_box02 .box02_zx a:nth-child(1){ width: 478px; margin-left: 90px; margin-right: 30px;}
.dsb20_box02 .box02_zx a:nth-child(2){ width: 308px;}
.dsb20_box02 .box02_zx a span{ display: inline-block; width: 13px; height: 15px; background: url(../images/dsb_37.png) no-repeat; margin-left: 10px;}
.dsb20_box02 .box02_zx a:hover{ color:#333; background: #ffbb33;}
.dsb20_box02 .box02_zx a:hover span{ background: url(../images/dsb_15.png) no-repeat;}


.dsb20_box03{ width: 100%; position: relative; overflow: hidden; background: #ff884c; margin: 0 auto;}
.dsb20_box03 .dsb20_bt{ color: #fff; margin: 50px auto 60px;}
.box03_main{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.box03_main li{ width: 390px; height: 394px; float: left; background: #fff; margin-bottom: 20px; position: relative; overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.box03_main li:nth-child(2){ margin: 0 15px;}
.box03_main li:nth-child(5){ margin: 0 15px;}
.box03_main li img{ display: block; margin: 15px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.box03_main li p{font-size: 20px; font-weight: bold; color: #333333; text-align: center; margin-top: 30px;}
.dsb20_box03 a{ display: block; width: 308px; height: 48px; border:1px solid #fff; background: #ffbb33; color: #333; font-size: 24px; line-height: 48px; text-align: center; margin: 50px auto;}
.dsb20_box03 a span{ display: inline-block; width: 13px; height: 15px; background: url(../images/dsb_15.png) no-repeat; margin-left: 10px;}
.dsb20_box03 a:hover{ color:#fff; background: #ff884c;}
.dsb20_box03 a:hover span{ background: url(../images/dsb_37.png) no-repeat;}



.dsb20_box04{ width: 100%; position: relative; overflow: hidden; background: #333333; margin: 0 auto;}
.dsb20_box04 .dsb20_bt{ color: #fff; margin: 50px auto 60px;}
.box04_main{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.box04_main li{ width: 390px; height: 435px; float: left; background: #fff; margin-bottom: 20px; position: relative; overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.box04_main li:nth-child(2){ margin: 0 15px;}
.box04_main li:nth-child(5){ margin: 0 15px;}
.box04_main li img{ display: block; margin: 15px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.box04_main li h3{ font-size: 20px; font-weight: bold; margin: 40px 0 20px 20px;}
.box04_main li p{ width: 342px;font-size: 18px; color: #333333; margin-left: 20px;}
.dsb20_box04 a{ display: block; width: 308px; height: 48px; border:1px solid #fff; background: #ffbb33; color: #333; font-size: 24px; line-height: 48px; text-align: center; margin: 50px auto;}
.dsb20_box04 a span{ display: inline-block; width: 13px; height: 15px; background: url(../images/dsb_15.png) no-repeat; margin-left: 10px;}
.dsb20_box04 a:hover{ color:#fff; background: #ff884c;}
.dsb20_box04 a:hover span{ background: url(../images/dsb_37.png) no-repeat;}


.dsb20_box05{ width: 100%; position: relative; overflow: hidden; background: #ff884c; margin: 0 auto;}
.dsb20_box05 .dsb20_bt{ color: #fff; margin: 50px auto 60px;}
.dsb20_box05 .swiper-container{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
.dsb20_box05 .swiper-slide{ width: 800px; opacity: 0.8;}
.dsb20_box05 .swiper-slide-active{ opacity: 1;}
.dsb20_box05 a{ display: block; width: 308px; height: 48px; border:1px solid #fff; background: #ffbb33; color: #333; font-size: 24px; line-height: 48px; text-align: center; margin: 50px auto;}
.dsb20_box05 a span{ display: inline-block; width: 13px; height: 15px; background: url(../images/dsb_15.png) no-repeat; margin-left: 10px;}
.dsb20_box05 a:hover{ color:#fff; background: #ff884c;}
.dsb20_box05 a:hover span{ background: url(../images/dsb_37.png) no-repeat;}


.dsb20_box06{ width: 100%; height: 777px; position: relative; overflow: hidden; margin: 0 auto; background: url(../images/dsb_36.jpg) no-repeat;}
.dsb20_box06 .dsb20_bt{ color: #fff; margin: 50px auto 60px;}
.box06_main{ width: 1042px; position: relative; overflow: hidden; margin: 0 auto;}
.box06_main li{ width: 300px; height: 440px; float: left; position: relative; overflow: hidden;}
.box06_main li:nth-child(2){ margin: 0 70px;}
.box06_main li p{ width: 236px; font-size: 18px; color: #fff; line-height: 1.7; position: absolute; top: 320px; left: 32px;}
.dsb20_box06 a{ display: block; width: 308px; height: 48px; border:1px solid #fff; background: #ffbb33; color: #333; font-size: 24px; line-height: 48px; text-align: center; margin: 50px auto;}
.dsb20_box06 a span{ display: inline-block; width: 13px; height: 15px; background: url(../images/dsb_15.png) no-repeat; margin-left: 10px;}
.dsb20_box06 a:hover{ color:#fff; background: #ff884c;}
.dsb20_box06 a:hover span{ background: url(../images/dsb_37.png) no-repeat;}