/* CSS Document */
.clear { clear: both; }
.inner-posit { z-index: 2; }
.bg_tender { width: 100%; height: 580px; background: url(../image/bg_tender1.jpg) no-repeat top center; position: relative; }
.tender { position: relative; min-height: 1000px; margin-top: -60px; overflow: hidden; padding-bottom: 100px; background-color: #fcfafb; }
.ten-bg { width: 100%; left: 0; position: absolute; }
.ten-bg0 { background: url(../image/tend-bg0.jpg) center repeat-y; height: 380px; width: 100%; }
.ten-bg1 { background: url(../image/tend-bg1.jpg) center repeat-y; height: 382px; width: 100%; }
.ten-bg2 { background: url(../image/tend-bg2.jpg) center repeat-y; height: 382px; width: 100%; }
.ten-bg3 { background: url(../image/tend-bg3.jpg) center repeat-y; height: 382px; width: 100%; }
.ten-bg4 { background: url(../image/tend-bg4.jpg) center repeat-y; height: 382px; width: 100%; }
.ten-con { width: 1280px; position: relative; margin: 0 auto; padding-top: 100px; }
    .ten-con p { text-indent: 0; }
.ten-left { width: 257px; float: left; }
.ten-ltag { background: #1990db; transition: 0.4s; height: 55px; }
    .ten-ltag a { display: block; color: #fff; transition: 0.3s; line-height: 55px; font-size: 25px; padding-left: 10px; }
.ten-llist { padding: 10px 0; }
    .ten-llist a { display: block; width: 100%; font-size: 25px; color: #707070; line-height: 50px; height: 50px; }
    .ten-llist em { display: block; transition: 0.3s; width: 20px; border-radius: 50%; height: 20px; background: url(../image/common-icons.png) 0 -103px no-repeat; margin: 15px 15px 0 0; float: right; }
    .ten-llist span { float: right; transition: 0.3s; display: block; width: 120px; }
.ten-right { width: 980px; float: left; margin-left: 40px; }
.ten-ltcss { background: url(../image/common-icons.png) 0 0 no-repeat; width: 296px; height: 74px; }
    .ten-ltcss a { line-height: 74px; }
.ten-ltag:hover { background: url(../image/common-icons.png) 0 0 no-repeat; }
.ten-llist a:hover em { background-position: 0 -80px; }
.ten-llist a:hover span { color: #1990db; }
.ten-llist .ten-llcss em { background-position: 0 -80px; }
.ten-llist .ten-llcss span { color: #1990db; }
.ten-rtag { font-size: 35px; margin-top: 13px; color: #19adc9; height: 60px; letter-spacing: 3px; margin-left: 50px; background: url(../image/dashed.png) bottom repeat-x; width: 320px; }
.ten-rcon { margin: 60px 30px 0 0; }
    .ten-rcon > span { display: block; height: 5px; width: 100%; background: #19adc9; }
    .ten-rcon table { border: 1px solid #aebfca; border-top: none; margin-top: 2px; }
    .ten-rcon td { padding: 15px; height: 15px; font-size: 15px; color: #707070; border-bottom: 1px solid #ddecef; }
    .ten-rcon tr:nth-child(2n+1) { background: #ddecef; }
    .ten-rcon .tb-tag { background: #19adc9; text-align: center; color: #fff; font-size: 15px; height: 20px; font-weight: bold; }
    .ten-rcon .tb-tag1 { background: #19adc9; text-align: center; color: #fff; font-size: 20px; height: 20px; }
.ten-nolink a { margin-left: 15px; transition: 0.5s; }
.ten-nolink:hover a { color: #19adc9; }
/*.tb-clbg{ background:#ddecef;}*/
.tb-bdl { border-right: 1px solid #aebfca; }
.tb-bdb { border-bottom: 1px solid #aebfca; }
.tb-cen { text-align: center; }
.tb-tbr { border-right: 1px solid #fff; }
.ten-rcon div { width: 45%; text-align: center; }
.ten-rcon p { line-height: 24px; padding: 10px 0; }
.ten-detail { color: #19adc9; margin-right: 10px; }
.ten-sign { padding: 3px 10px; border-radius: 10px; background: #6dc731; margin: 0 5px; color: #fff; }
.ten-page { height: 30px; text-align: center; padding-top: 50px; }
    .ten-page a { color: #696767; margin: 10px; font-size: 13px; }
    .ten-page .page-pre, .ten-page .page-next { color: #0d9fba; padding: 5px 10px 5px 10px; }
    .ten-page .page-pre { background: url(../image/common-icons.png) -35px -78px no-repeat; background-color: #0d9fba; }
    .ten-page .page-next { background: url(../image/common-icons.png) -65px -78px no-repeat; background-color: #0d9fba; }
    .ten-page .page-now { border-bottom: 2px solid #0d9fba; padding: 0 2px; }
.ten-ndcon { margin: 20px 30px 0 0; }
.ten-ndctag { font-size: 30px; text-align: center; color: #505050; border-bottom: 1px solid #ffdc8c; }
    .ten-ndctag span { display: block; font-size: 20px; padding: 30px 0; }
.ten-ndcword { padding: 60px 20px 0 40px; font-size: 20px; font-family: "宋体"; }

/*招标申请*/
.ten-apply { margin: 60px 30px 0 0; }
.ap_line { display: block; height: 5px; width: 100%; background: #19adc9; }
.ten-apply table { border: 1px solid #aebfca; border-top: none; margin-top: 2px; }
.ten-apply td { padding: 15px; height: 15px; font-size: 15px; color: #707070; }
.ten-apply .tb-tag { background: #19adc9; text-align: center; color: #fff; font-size: 15px; height: 20px; font-weight: bold; }
.ten-apply .tb-tag1 { background: #19adc9; text-align: center; color: #fff; font-size: 20px; height: 20px; }
.apply_table { width: 950px; }
    .apply_table td { border-left: 1px solid #aebfca; border-bottom: 1px solid #aebfca; text-align: center; }
    .apply_table span { color: #f00b1b; float: right; display: block; height: 30px; line-height: 30px; }
    .apply_table input { width: 96%; margin: 0 auto; height: 30px; }
.ap_title { width: 100px; font-weight: bold; height: 50px; line-height: 30px; }
.txt_jingyin { width: 98%; margin: 0 auto; min-height: 120px; }
.apply_confirm { width: 120px !important; height: 40px !important; line-height: 40px !important; color: #19adc9; background-color: #fff; border: 1px solid #19adc9; float: left; margin-left: 250px !important; }
.apply_reset { width: 120px !important; height: 40px !important; line-height: 40px !important; color: #19adc9; background-color: #fff; border: 1px solid #19adc9; float: left; margin-left: 150px !important; }
.apply_confirm:hover { background-color: #19adc9; color: #fff; transition: .3s; -o-transition: .3s; -o-transition: .3s; -moz-transition: .3s; }
.apply_reset:hover { background-color: #19adc9; color: #fff; transition: .3s; -o-transition: .3s; -o-transition: .3s; -moz-transition: .3s; }

.comic-con1 { width: 1280px; margin: 0 auto; margin-top: 10px; position: relative; height: 600px; }
.comic-c1bg { position: absolute; top: -55px; left: -280px; }
.cult-nav { width: 256px; float: left; background: #f5f8fd; }
.cult-tag { background: url(../image/common-icons.png) 0 0 no-repeat; font-size: 20px; padding-left: 18px; width: 286px; height: 61px; line-height: 25px; color: #fff; padding-top: 13px; }
.cult-list { margin: 10px 0 20px 28px; }
    .cult-list a { display: block; width: 100%; font-size: 16px; color: #707070; line-height: 50px; height: 50px; }
    .cult-list div { display: block; width: 100%; font-size: 25px; color: #707070; line-height: 50px; height: 50px; }
    .cult-list em { display: block; transition: 0.3s; width: 20px; border-radius: 50%; height: 20px; background: url(../image/common-icons.png) 0 -103px no-repeat; margin: 15px 15px 0 0; float: left; }
    .cult-list span { float: left; transition: 0.3s; display: block; }
    .cult-list .cult-icss em { background-position: 0 -80px; }
    .cult-list .cult-icss span { color: #1990db; }
    .cult-list a:hover em { background-position: 0 -80px; }
    .cult-list a:hover span { color: #1990db; }
    .cult-list div:hover em { background-position: 0 -80px; }
    .cult-list div:hover span { color: #1990db; }
.bg_sanji { position: relative; }
    .bg_sanji:hover .bg_sanj { display: block; }
.bg_sanj { width: 270px; position: absolute; top: 12px; left: 200px; background-color: #f7fafe; display: none; z-index: 100; box-shadow: 2px 2px #eee; }
    .bg_sanj a { font-size: 14px; height: 35px; line-height: 35px; text-indent: 14px; }
        .bg_sanj a:hover { color: #2873d4; }
.comic-c1img { position: absolute; right: 0px; bottom: 50px; }
.comic-c1right { width: 700px; float: left; padding-left: 55px; }
.services_t { margin-top: 25px; color: #3496e9; font-size: 25px; height: 50px; }
.comic-c1rtag { background: url(../image/dashed-yellow.png) bottom repeat-x; color: #fd8821; margin-top: 10px; font-size: 25px; width: 250px; height: 50px; }
.comic-c1rword { font-size: 12px; color: #4a4a4a; line-height: 22px; margin-top: 20px; }
.comic-c1bt { height: 250px; width: 1250px; background: #f1f1f1; margin-top: 50px; }
    .comic-c1bt p { padding: 23px 0 0 16px; font-size: 12px; line-height: 19px; text-indent: 0; color: #4a4a4a; }
.comic-c2 { background: url(../image/comic-c2.jpg) top center no-repeat #f8f8f8; height: 986px; width: 100%; margin-top: 50px; position: relative; }
.comic-c2c { position: absolute; width: 1220px; position: absolute; bottom: 10px; left: 50%; margin-left: -610px; font-size: 14px; line-height: 23px; }
.comic-c3 { height: 967px; background: url(../image/c2-bg21.jpg) center no-repeat; margin-top: 40px; }
.comic-c3con { width: 1280px; margin: 0 auto; padding-top: 230px; }
.comic-c3box { width: 507px; height: 276px; background: #f0eaf4; margin: 30px 30px 30px 0; float: left; position: relative; }
.comic-c3btag { background: #aa2596; width: 310px; height: 50px; color: #fff; font-size: 24px; line-height: 50px; position: absolute; top: -25px; left: 30px; text-align: center; }
.comic-c3bword { width: 350px; transition: 0.5s; padding: 40px 0 0 20px; color: #4a4a4a; font-size: 13px; line-height: 20px; }
.comic-c3bimg { position: absolute; width: 232px; transition: 0.3s; height: 247px; right: -116px; top: 15px; }
    .comic-c3bimg img { width: 232px; transition: 0.3s; height: 247px; }
.comic-c3pink { margin-right: 150px; }
.comic-c3yel { background: #f9f0cd; }
    .comic-c3yel .comic-c3btag { background: #f7970b; }
.comic-c3blue { margin-right: 150px; background: #dcecf4; }
    .comic-c3blue .comic-c3btag { background: #3091dc; }
.comic-c3green { background: #e4f7ce; }
    .comic-c3green .comic-c3btag { background: #92c259; }
.comic-c3box:hover .comic-c3bimg { top: 0; }
    .comic-c3box:hover .comic-c3bimg img { width: 259px; height: 276px; }
.comic-c4 { background: url(../image/c2-bg31.jpg) center no-repeat; height: 780px; }
.comic-c4link { width: 1280px; margin: 0 auto; height: 100%; position: relative; color: #4a4a4a; }
.c4_p1 { position: absolute; width: 176px; top: 445px; left: 554px; }
.c4_p2 { position: absolute; width: 176px; top: 445px; left: 812px; }
.c4_p3 { position: absolute; width: 176px; top: 445px; left: 1069px; }
.comic-c4link a { position: absolute; transition: 0.3s; bottom: 75px; right: 270px; display: block; width: 205px; height: 45px; border-radius: 10px; border: 2px solid #aa2596; color: #aa2596; line-height: 45px; text-align: center; font-size: 18px; }
    .comic-c4link a:hover { background: #aa2596; color: #fff; }
.comic-c5 { background: url(../image/c2-bg41.jpg) center no-repeat; width: 100%; height: 628px; }
.comic-c5link { width: 1280px; height: 100%; position: relative; margin: 0 auto; }
    .comic-c5link a { position: absolute; transition: 0.3s; display: block; bottom: 75px; right: 470px; width: 205px; height: 45px; border-radius: 10px; border: 2px solid #3091dc; color: #3091dc; line-height: 45px; text-align: center; font-size: 18px; }
        .comic-c5link a:hover { background: #3091dc; color: #fff; }

/*主题演艺*/
.bg_art { width: 100%; height: 580px; background: url(../image/bg_art1.jpg) no-repeat top center; position: relative; }
.art-con1 { height: 380px; }
.art-c1word { font-size: 20px; width: 915px; line-height: 36px; color: #4a4a4a; }
.art-c1word2 { font-size: 15px; width: 915px; line-height: 28px; color: #4a4a4a; margin-top: 10px; }
.art-c2 { width: 1280px; margin: 0 auto; padding-top: 40px; position: relative; }
.art-c2list { width: 2280px; height: 315px; }
.art_c2l { width: 1240px; height: 315px; overflow: hidden; position: relative; padding-left: 40px; }
.art { background: url(../image/art-bg.jpg) center top no-repeat; }
.art-c2limg { position: absolute; }
.art-c2lbox { width: 265px; float: left; cursor: pointer; height: 312px; position: relative; background: #fff; box-shadow: 1px 3px 5px 3px #eee; margin-right: 46px; }
.art-c2ltag0 { position: absolute; width: 100%; background: #fff; text-align: center; bottom: 0; height: 85px; }
    .art-c2ltag0 span { font-size: 22px; display: block; padding-top: 15px; }
    .art-c2ltag0 em { color: #8b8b8b; display: block; }
.art-c2con { margin-top: 40px; height: 1600px; position: relative; }
.acr-line { width: 105px; height: 5px; background: #d6e7fb; position: absolute; bottom: 0px; left: 78px; }
.acr-line0 { width: 105px; height: 5px; background: #fae3f9; position: absolute; bottom: 0px; left: 78px; }
.acr-line1 { width: 105px; height: 5px; background: #fee9d8; position: absolute; bottom: 0px; left: 78px; }
.art-c2ltag11 { height: 120px; background: #d6e7fb; position: absolute; width: 100%; bottom: 0px; }
    .art-c2ltag11 span { font-size: 22px; display: block; padding: 10px 10px 0 15px; }
    .art-c2ltag11 em { color: #8b8b8b; display: block; padding-left: 15px; }
    .art-c2ltag11 p { padding: 10px; color: #535353; font-size: 16px; text-indent: 0; }
.art-c2ltag1 { height: 120px; background: #d6e7fb; position: absolute; width: 100%; bottom: 0px; }
    .art-c2ltag1 span { font-size: 22px; display: block; padding: 10px 10px 0 15px; }
    .art-c2ltag1 em { color: #8b8b8b; display: block; padding-left: 15px; }
    .art-c2ltag1 p { padding: 10px; color: #535353; font-size: 16px; text-indent: 0; }
.art-c2lylw .acr-line { background: #fff2c5; }
.art-c2lpur .acr-line { background: #e9ddff; }
.art-c2lpink .acr-line { background: #fc9fc2; }
.art-c2lshjc .art-c2ltag1 { background: #fae3f9; }
.art-c2lqyel .art-c2ltag1 { background: #fee9d8; }
.art-c2lylw .art-c2ltag1 { background: #fff2c5; }
.art-c2lpur .art-c2ltag1 { background: #e9ddff; }
.art-c2lpink .art-c2ltag1 { background: #fc9fc2; }
.art-c2cimg { position: absolute; top: 0; }
.noshadow { box-shadow: none !important; }
.art_pre { display: block; width: 80px; height: 80px; background: url(../image/large_left.png) no-repeat 0 0; position: absolute; z-index: 100; top: 140px; left: 0; }
    .art_pre:hover { background: url(../image/large_left.png) no-repeat 0 -80px; }
.art_next { display: block; width: 80px; height: 80px; background: url(../image/large_right.png) no-repeat 0 0; position: absolute; z-index: 100; top: 140px; right: 0; }
    .art_next:hover { background: url(../image/large_right.png) no-repeat 0 -80px; }


/*文化衍生品*/
.bg_deri { width: 100%; height: 580px; background: url(../image/bg_deri1.jpg) no-repeat top center; position: relative; }
.deri-right { padding-left: 50px; width: 970px !important; }
    .deri-right h1 { margin: 40px 0; color: #49a1ec; font-size: 34px; width: 100%; text-align: center; }
.deri-con1 { height: 400px; }
.deri-con2 { width: 1280px; margin: 0 auto; }
    .deri-con2 img { display: block; }
.deri-con3 { width: 1280px; margin: 0 auto; height: 353px; position: relative; padding-top: 50px; }
    .deri-con3 h2 { color: #eb432c; text-align: center; font-size: 28px; }
.deri-c3ctm { position: absolute; left: 20px; top: 150px; }
.deri-c3cjd { position: absolute; left: 700px; top: 155px; }
.deri-xcmwd { position: absolute; left: 950px; top: 146px; }
.deri-xcmlp { position: absolute; left: 340px; top: 150px; }
.deri-c3ctm img { width: 250px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }
.deri-c3cjd img { width: 190px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }
.deri-xcmwd img { width: 260px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }
.deri-xcmlp img { width: 280px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }
.deri-c3ctm:hover img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.deri-c3cjd:hover img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.deri-xcmwd:hover img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.deri-xcmlp:hover img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

.deri_img0 { width: 978px; height: 270px; background: url(../image/deri-img0.jpg) no-repeat; position: relative; }
    .deri_img0 p { width: 510px; font-size: 16px; position: absolute; right: 50px; top: 0; line-height: 25px; color: #4a4a4a; }

.deri_img1 { width: 1278px; height: 490px; margin: 0 auto; background: url(../image/deri_img1.jpg) no-repeat; position: relative; }
    .deri_img1 p { width: 500px; font-size: 18px; position: absolute; right: 10px; top: 268px; line-height: 28px; color: #666; }
    .deri_img1 h3 { font-size: 30px; position: absolute; right: 224px; top: 120px; line-height: 28px; color: #3496e9; font-weight: normal; }

.deri_img2 { width: 1278px; height: 576px; margin: 0 auto; background: url(../image/deri_img2.jpg) no-repeat; position: relative; }
    .deri_img2 p { width: 500px; font-size: 18px; position: absolute; left: 48px; top: 330px; line-height: 28px; color: #666; }
    .deri_img2 h3 { font-size: 30px; position: absolute; left: 353px; top: 250px; line-height: 28px; color: #3496e9; font-weight: normal; }

.deri_img3 { width: 1278px; height: 589px; margin: 0 auto; background: url(../image/deri_img3.jpg) no-repeat; position: relative; }
    .deri_img3 p { width: 450px; font-size: 18px; position: absolute; left: 10px; top: 305px; line-height: 28px; color: #666; }
    .deri_img3 h3 { font-size: 30px; position: absolute; left: 320px; top: 214px; line-height: 28px; color: #3496e9; font-weight: normal; }

.der_m { width: 1280px; margin: 0 auto; position: relative; height: 890px; }
.der_m_img { margin: 0 auto; transition: .5s; }
.derdiv { width: 380px; height: 383px; position: relative; color: #fff; margin-top: 15px; }
    .derdiv h2 { height: 50px; font-size: 24px; text-align: center; width: 100%; padding-top: 50px; font-weight: normal; }
    .derdiv p { width: 294px; height: 176px; border: 1px solid #fff; margin: 30px auto; padding: 22px; font-size: 15px; line-height: 26px; }
.der_m_logo { width: 86px; position: absolute; left: 50%; margin-left: -43px; top: -43px; transition: 1s; -o-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; }
.der_mm:hover .der_m_logo { transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.der_mm:hover .der_m_img { transform: scale(0.95); }

.der_m1 { width: 380px; height: 775px; position: absolute; top: 0; left: 0; display: block; }
.der_m1_div { background-color: #aa2596; }
.der_m2 { width: 380px; height: 775px; position: absolute; top: 0; left: 412px; display: block; }
.der_m2_div { background-color: #f7970b; }
.der_m3 { width: 380px; height: 775px; position: absolute; top: 0; left: 820px; display: block; }
.der_m3_div { background-color: #3091dc; }

.der_c1 { width: 1280px; margin: 0 auto; height: 150px; position: relative; }
#der_1 { background-color: #f0eaf4; width: 294px; height: 105px; position: absolute; top: 20px; left: 160px; cursor: pointer; }
    #der_1 .x1_img { position: absolute; left: 42px; top: 37px; }
    #der_1 p { background-color: #aa2596; text-indent: 0; line-height: 23px; font-size: 14px; padding-top: 10px; height: 52px; }
#der_2 { background-color: #f9f0cd; width: 294px; height: 105px; position: absolute; top: 20px; left: 490px; cursor: pointer; }
    #der_2 .x1_img { position: absolute; left: 42px; top: 32px; }
    #der_2 p { background-color: #f7970b; text-indent: 0; line-height: 23px; font-size: 14px; padding-top: 10px; height: 52px; }
#der_3 { background-color: #dcecf4; width: 294px; height: 105px; position: absolute; top: 20px; left: 825px; cursor: pointer; }
    #der_3 .x1_img { position: absolute; left: 42px; top: 36px; }
    #der_3 p { background-color: #3091dc; text-indent: 0; line-height: 23px; font-size: 14px; padding-top: 10px; height: 52px; }
.der_2_h { display: none; }
.der_3_h { display: none; }
.der_t1 { width: 1280px; margin: 0 auto; overflow: hidden; background-color: #f0eaf4; padding: 60px 0; position: relative; }
    .der_t1 p { width: 870px; font-size: 16px; color: #666; line-height: 26px; float: right; margin-right: 65px; }
.der_logo { position: absolute; top: 40px; left: 70px; }

.der_1_h { width: 1280px; margin: 0 auto; }
.der1_t { background: url(../image/der1_t.jpg) no-repeat; height: 50px; margin: 80px 0 20px 0; }
    .der1_t span { margin-left: 55px; background-color: #aa2596; color: #fff; font-size: 24px; padding: 8px 20px; }
.der1_1 { width: 1230px; height: 465px; background: url(../image/der1_1.jpg) no-repeat; }
    .der1_1 p { float: right; margin: 110px 70px 0 0; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }
.der1_2 { width: 1230px; height: 315px; background: url(../image/der1_2.jpg) no-repeat; }
    .der1_2 p { float: left; margin: 80px 0 0 70px; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }
.der1_3 { width: 1230px; height: 450px; background: url(../image/der1_3.jpg) no-repeat; }
    .der1_3 p { float: right; margin: 150px 50px 0 0; color: #fff; font-size: 18px; width: 420px; line-height: 30px; }

.der_2_h { width: 1280px; margin: 0 auto; }
.der_t2 { width: 1280px; margin: 0 auto; overflow: hidden; background-color: #f9f0cd; padding: 60px 0; position: relative; }
    .der_t2 p { width: 870px; font-size: 16px; color: #666; line-height: 26px; float: right; margin-right: 65px; }
.der_t2img { position: absolute; top: 13px; left: 40px; }
.der2_t { background: url(../image/der2_t.png) no-repeat; height: 50px; margin: 80px 0 20px 0; }
    .der2_t span { margin-left: 40px; background-color: #f7970b; color: #fff; font-size: 24px; padding: 8px 20px; }
.der2_1 { width: 1230px; height: 465px; background: url(../image/der2_1.jpg) no-repeat; }
    .der2_1 p { float: right; margin: 67px 40px 0 0; color: #fff; font-size: 18px; width: 364px; line-height: 30px; }
.der2_2 { width: 1230px; height: 386px; background: url(../image/der2_2.jpg) no-repeat; }
    .der2_2 p { float: left; margin: 125px 0 0 40px; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }
.der2_3 { width: 1230px; height: 365px; background: url(../image/der2_3.jpg) no-repeat; }
    .der2_3 p { float: right; margin: 100px 60px 0 0; color: #fff; font-size: 18px; width: 580px; line-height: 30px; }
.der2_4 { width: 1230px; height: 386px; background: url(../image/der2_4.jpg) no-repeat; }
    .der2_4 p { float: left; margin: 100px 0 0 60px; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }

.der_3_h { width: 1280px; margin: 0 auto; }
.der_t3 { width: 1280px; margin: 0 auto; overflow: hidden; background-color: #dcecf4; padding: 60px 0; position: relative; }
    .der_t3 p { width: 800px; font-size: 16px; color: #666; line-height: 26px; float: right; margin-right: 65px; }
.der_t3img { position: absolute; top: 44px; left: 40px; }
.der3_t { background: url(../image/der3_t.png) no-repeat; height: 50px; margin: 80px 0 20px 0; }
    .der3_t span { margin-left: 60px; background-color: #3091dc; color: #fff; font-size: 24px; padding: 8px 20px; }
.der3_1 { width: 1230px; height: 465px; background: url(../image/der3_1.jpg) no-repeat; }
    .der3_1 p { float: right; margin: 100px 50px 0 0; color: #fff; font-size: 18px; width: 400px; line-height: 30px; }
.der3_2 { width: 1230px; height: 430px; background: url(../image/der3_2.jpg) no-repeat; }
    .der3_2 p { float: left; margin: 133px 0 0 40px; color: #fff; font-size: 18px; width: 460px; line-height: 30px; }
.der3_3 { width: 1230px; height: 450px; background: url(../image/der3_3.jpg) no-repeat; }
    .der3_3 p { float: right; margin: 85px 40px 0 0; color: #fff; font-size: 18px; width: 480px; line-height: 30px; }
.der3_4 { width: 1230px; height: 375px; background: url(../image/der3_4.jpg) no-repeat; }
    .der3_4 p { float: left; margin: 110px 0 0 60px; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }
.der3_5 { width: 1230px; height: 465px; background: url(../image/der3_5.jpg) no-repeat; }
    .der3_5 p { float: right; margin: 85px 50px 0 0; color: #fff; font-size: 18px; width: 450px; line-height: 30px; }
.der3_6 { width: 1230px; height: 480px; background: url(../image/der3_6.jpg) no-repeat; margin-top: -17px; }
    .der3_6 p { float: left; margin: 170px 0 0 40px; color: #fff; font-size: 18px; width: 460px; line-height: 30px; }
.der3_7 { width: 1230px; height: 450px; background: url(../image/der3_7.jpg) no-repeat; margin-top: 50px; }
    .der3_7 p { float: right; margin: 90px 50px 0 0; color: #fff; font-size: 18px; width: 400px; line-height: 30px; }
.der3_8 { width: 1230px; height: 440px; background: url(../image/der3_8.png) no-repeat; margin-top: -50px; }
    .der3_8 p { float: left; margin: 140px 0 0 60px; color: #fff; font-size: 18px; width: 510px; line-height: 30px; }
.der3_9 { width: 1230px; height: 465px; background: url(../image/der3_9.jpg) no-repeat; margin-top: 50px; }
    .der3_9 p { float: right; margin: 50px 34px 0 0; color: #fff; font-size: 15px; width: 400px; line-height: 26px; }

.der_shop_t { width: 100%; height: 30px; background: url(../image/der_shop_t.jpg) no-repeat center; margin-bottom: 60px; }
.der_shop { width: 1280px; margin: 0 auto; height: 230px; position: relative; }
    .der_shop a { display: block; position: absolute; top: 0; width: 306px; height: 121px; border: 2px solid #f9ccb0\9; }
    .der_shop img { position: absolute; left: 3px; top: 3px; }
.der_shop_link1 { left: 0; background: url(../image/der_shop_link11.jpg) no-repeat center; }
.der_shop_link2 { left: 324px; background: url(../image/der_shop_link21.jpg) no-repeat center; }
.der_shop_link3 { left: 650px; background: url(../image/der_shop_link31.jpg) no-repeat center; }
.der_shop_link4 { left: 975px; background: url(../image/der_shop_link41.jpg) no-repeat center; }
.border_sq { stroke-width: 3px; fill: transparent; stroke: #f9ccb0; stroke-dasharray: 50 0; stroke-dashoffset: 0; transition: 1s all ease; }
.der_shop a:hover .border_sq { stroke-dasharray: 306 800; stroke-width: 3px; stroke-dashoffset: -427; stroke: #009FFD; }