.warpper { width: 100%; height: 100%; min-width: 1200px; } /* banner-box */ .flexslider { position: relative; height: 715px; overflow: hidden; width: 100%; } .flexslider div { } .slides { position: relative; z-index: 1; } .slides li { height: 715px; } .flex-control-nav { } .flex-control-nav li { } .flex-control-nav a { } .flex-control-nav .flex-active { } .flex-direction-nav { position: absolute; z-index: 3; width: 1200px; bottom: 20%; left: 50%; height: 34px; margin-left: 530px; } .flex-direction-nav li { float: left; width: 34px; height: 34px; } .flex-direction-nav li a { display: block; width: 34px; height: 34px; overflow: hidden; cursor: pointer; position: absolute; } .flex-direction-nav li a.flex-next { background: center center no-repeat; } .flex-direction-nav li a.flex-prev { background: center center no-repeat; } /*banner结束*/ /*part1*/ .part1, .part2, .part3, .part4, .part5 { width: 100%; float: left; } .part1 { background-color: #eadee1; } .part1_con, .part2_con, .part3_con, .part4_con, .part5_con { width: 1200px; margin: 0 auto; } .part1_head { width: 1200px; border-top: 1px solid #ddd3d6; border-bottom: 1px solid #ddd3d6; height: 84px; line-height: 84px; text-align: center; font-size: 42px; color: #100c0b; font-weight: bold; margin: 45px 0; float: left; } /* jswbox */ #jswbox { float: left; width: 1200px; height: 535px; position: relative; } #jswbox ul { margin: 0px auto; width: 1200px; height: 535px; } #jswbox ul li { position: absolute; width: 0; height: 0; z-index: 0; cursor: pointer; overflow: hidden; top: 102px; left: 10px; border: 3px solid #92888c; box-shadow: 0 20px 22px #c5babe; } #jswbox li img { width: 100%; height: 100%; vertical-align: top; float: left; } #jswbox .prev, #jswbox .next { display: none; } #jswbox li div { width: 100%; background: #ee7700; position: absolute; left: 0; bottom: 0; height: 52px; line-height: 52px; text-align: center; color: #fff; font-size: 18px; } #jswbox li div a { color: #fff; } .jswbox_divleft, .jswbox_divright, .jswbox_divleft1, .jswbox_divright1 { background: rgba(0, 0, 0, 0.3)!important; filter: alpha(opacity=30); background: #000; float: left; } .jswbox_divleft, .jswbox_divright { height: 210px !important; line-height: 210px !important; } .jswbox_divleft, .jswbox_divleft1 { text-align: left !important; } .jswbox_divleft1, .jswbox_divright1 { height: 260px !important; line-height: 260px !important; } .jswbox_divright, .jswbox_divright1 { text-align: right !important; text-indent: 1em; } .jswbox_divleft a, .jswbox_divleft1 a { margin-left: 20px; } .jswbox_divright a, .jswbox_divright1 a { margin-right: 20px; } /*part2*/ .part2 .part2_con{ z-index: 4; position: relative; } .part2 { background: no-repeat 50% 0; height: 750px; overflow: hidden; position: relative;} .part2_head { color: #ee7700; font-weight: bold; font-size: 65px; border-bottom: 3px solid #ee7700; padding: 10px 0; float: left; /*margin-top: 310px;*/ margin-top: 250px;margin-left: 135px; } .part1_head:hover a{ color:#fff; } .part2_head:hover{ color: #fff; border-bottom-color: #fff; } .part2_ul { width: 1200px; float: left; margin-top: 110px; } .part2_ul li { width: 297px; height: 115px; line-height: 115px; text-align: center; float: left; background: no-repeat; margin-right: 2px; } .part2_ul li a { font-size: 20px; color: #000100; font-weight: bold; } .part2_ul li:hover { background: no-repeat; } .part2_ul li:hover a { color: #fff; } @-webkit-keyframes rotate{0%{-webkit-transform:rotatez(-45deg)}100%{-webkit-transform:rotatez(315deg)}} @keyframes rotate{0%{transform:rotatez(-45deg)}100%{transform:rotatez(315deg)}} @-webkit-keyframes rotate_x{0%{-webkit-transform:rotatez(45deg)}100%{-webkit-transform:rotatez(-315deg)}} @keyframes rotate_x{0%{transform:rotatez(45deg)}100%{transform:rotatez(-315deg)}} @-webkit-keyframes top{0%{top:0%;}30%{top:120%;}40%{-webkit-transform:rotatez(0deg)}50%{top:120%;-webkit-transform:rotatez(180deg)}80%{top:-10%;}90%{-webkit-transform:rotatez(180deg)}100%{top:0%;}} @keyframes top{0%{top:0%;}30%{top:120%;}40%{transform:rotatez(0deg)}50%{top:120%;transform:rotatez(180deg)}80%{top:-10%;}90%{transform:rotatez(180deg)}100%{top:0%;}} @-webkit-keyframes bottom{0%{top:100%;}30%{top:-20%;}40%{-webkit-transform:rotatez(0deg)}50%{top:-20%;-webkit-transform:rotatez(180deg)}80%{top:120%;}90%{-webkit-transform:rotatez(180deg)}100%{top:100%;}} @keyframes bottom{0%{top:100%;}30%{top:-20%;}40%{transform:rotatez(0deg)}50%{top:-20%;transform:rotatez(180deg)}80%{top:120%;}90%{transform:rotatez(180deg)}100%{top:100%;}} @-webkit-keyframes left{0%{left:0%;}30%{left:120%;}40%{-webkit-transform:rotatez(0deg)}50%{left:120%;-webkit-transform:rotatez(180deg)}80%{left:-10%;}90%{-webkit-transform:rotatez(180deg)}100%{left:0%;}} @keyframes left{0%{left:0%;}30%{left:120%;}40%{transform:rotatez(0deg)}50%{left:120%;transform:rotatez(180deg)}80%{left:-10%;}90%{transform:rotatez(180deg)}100%{left:0%;}} @-webkit-keyframes right{0%{left:100%;}30%{left:-20%;}40%{-webkit-transform:rotatez(0deg)}50%{left:-20%;-webkit-transform:rotatez(180deg)}80%{left:120%;}90%{-webkit-transform:rotatez(180deg)}100%{left:100%;}} @keyframes right{0%{left:100%;}30%{left:-20%;}40%{transform:rotatez(0deg)}50%{left:-20%;transform:rotatez(180deg)}80%{left:120%;}90%{transform:rotatez(180deg)}100%{left:100%;}} @-webkit-keyframes dis_01{0%{margin:-450px 0 0 -365px;}25%{margin:-450px 0 0 -335px;}50%{margin:-420px 0 0 -335px;}75%{margin:-420px 0 0 -365px;}100%{margin:-450px 0 0 -365px;}} @keyframes dis_01{0%{margin:-450px 0 0 -365px;}25%{margin:-450px 0 0 -335px;}50%{margin:-420px 0 0 -335px;}75%{margin:-420px 0 0 -365px;}100%{margin:-450px 0 0 -365px;}} @-webkit-keyframes dis_02{0%{margin:-510px 0 0 280px;}25%{margin:-510px 0 0 260px;}50%{margin:-490px 0 0 260px;}75%{margin:-490px 0 0 280px;}100%{margin:-510px 0 0 280px;}} @keyframes dis_02{0%{margin:-510px 0 0 280px;}25%{margin:-510px 0 0 260px;}50%{margin:-490px 0 0 260px;}75%{margin:-490px 0 0 280px;}100%{margin:-510px 0 0 280px;}} @-webkit-keyframes dis_03{0%{margin:-200px 0 0 -380px;}50%{margin:-220px 0 0 -400px;}100%{margin:-200px 0 0 -380px;}} @keyframes dis_03{0%{margin:-200px 0 0 -380px;}50%{margin:-220px 0 0 -400px;}100%{margin:-200px 0 0 -380px;}} @-webkit-keyframes dis_04{0%{margin:-90px 0 0 350px;}50%{margin:-90px 0 0 380px;}100%{margin:-90px 0 0 350px;}} @keyframes dis_04{0%{margin:-90px 0 0 350px;}50%{margin:-90px 0 0 380px;}100%{margin:-90px 0 0 350px;}} @-webkit-keyframes dis_05{0%{margin:160px 0 0 280px;}50%{margin:140px 0 0 260px;}100%{margin:160px 0 0 280px;}} @keyframes dis_05{0%{margin:160px 0 0 280px;}50%{margin:140px 0 0 260px;}100%{margin:160px 0 0 280px;}} @-webkit-keyframes dis_06{0%{margin:290px 0 0 -450px;}50%{margin:270px 0 0 -450px;}100%{margin:290px 0 0 -450px;}} @keyframes dis_06{0%{margin:290px 0 0 -450px;}50%{margin:270px 0 0 -450px;}100%{margin:290px 0 0 -450px;}} @-webkit-keyframes dis_07{0%{margin:315px 0 0 -55px;}50%{margin:315px 0 0 -35px;}100%{margin:315px 0 0 -55px;}} @keyframes dis_07{0%{margin:315px 0 0 -55px;}50%{margin:315px 0 0 -35px;}100%{margin:315px 0 0 -55px;}} @-webkit-keyframes stars{0%{-webkit-transform:rotatez(0deg);opacity:1;}50%{-webkit-transform:rotatez(180deg);opacity:0;}100%{-webkit-transform:rotatez(360deg);opacity:1;}} @keyframes stars{0%{transform:rotatez(0deg);opacity:1;}50%{transform:rotatez(180deg);opacity:0;}100%{transform:rotatez(360deg);opacity:1;}} @-webkit-keyframes stars_1{0%{-webkit-transform:rotatez(0deg);opacity:0;}50%{-webkit-transform:rotatez(180deg);opacity:1;}100%{-webkit-transform:rotatez(360deg);opacity:0;}} @keyframes stars_1{0%{transform:rotatez(0deg);opacity:0;}50%{transform:rotatez(180deg);opacity:1;}100%{transform:rotatez(360deg);opacity:0;}} .yi_guang_01,.yi_guang_02,.yi_guang_03,.yi_guang_04,.yi_guang_05,.yi_guang_06,.yi_guang_07,.yi_guang_08,.yi_guang_09,.yi_guang_10,.yi_guang_11,.yi_guang_12,.yi_guang_13,.yi_guang_14,.yi_guang_15,.yi_guang_16,.yi_guang_17,.yi_guang_18{position:absolute;width:19px;height:115px;z-index:3;} .yi_guang_19,.yi_guang_20,.yi_guang_21,.yi_guang_22,.yi_guang_23,.yi_guang_24,.yi_guang_25,.yi_guang_26{position:absolute;width:115px;height:19px;z-index:3;} .yi_guang_01{-webkit-animation:top 16s linear 0s infinite;animation:top 16s linear 0s infinite;} .yi_guang_02{-webkit-animation:top 21s linear 0s infinite;animation:top 21s linear 0s infinite;} .yi_guang_03{-webkit-animation:top 19s linear 0s infinite;animation:top 19s linear 0s infinite;} .yi_guang_04{-webkit-animation:top 27s linear 0s infinite;animation:top 27s linear 0s infinite;} .yi_guang_05{-webkit-animation:top 24s linear 0s infinite;animation:top 24s linear 0s infinite;} .yi_guang_06{-webkit-animation:top 15s linear 0s infinite;animation:top 15s linear 0s infinite;} .yi_guang_07{-webkit-animation:top 18s linear 0s infinite;animation:top 18s linear 0s infinite;} .yi_guang_08{-webkit-animation:top 14s linear 0s infinite;animation:top 14s linear 0s infinite;} .yi_guang_09{-webkit-animation:top 22s linear 0s infinite;animation:top 22s linear 0s infinite;} .yi_guang_10{-webkit-animation:bottom 14s linear 0s infinite;animation:bottom 14s linear 0s infinite;} .yi_guang_11{-webkit-animation:bottom 22s linear 0s infinite;animation:bottom 22s linear 0s infinite;} .yi_guang_12{-webkit-animation:bottom 18s linear 0s infinite;animation:bottom 19s linear 0s infinite;} .yi_guang_13{-webkit-animation:bottom 15s linear 0s infinite;animation:bottom 15s linear 0s infinite;} .yi_guang_14{-webkit-animation:bottom 24s linear 0s infinite;animation:bottom 24s linear 0s infinite;} .yi_guang_15{-webkit-animation:bottom 16s linear 0s infinite;animation:bottom 16s linear 0s infinite;} .yi_guang_16{-webkit-animation:bottom 19s linear 0s infinite;animation:bottom 19s linear 0s infinite;} .yi_guang_17{-webkit-animation:bottom 30s linear 0s infinite;animation:bottom 30s linear 0s infinite;} .yi_guang_18{-webkit-animation:bottom 27s linear 0s infinite;animation:bottom 27s linear 0s infinite;} .yi_guang_19{-webkit-animation:left 20s linear 0s infinite;animation:left 20s linear 0s infinite;} .yi_guang_20{-webkit-animation:left 28s linear 0s infinite;animation:left 28s linear 0s infinite;} .yi_guang_21{-webkit-animation:left 24s linear 0s infinite;animation:left 24s linear 0s infinite;} .yi_guang_22{-webkit-animation:left 21s linear 0s infinite;animation:left 21s linear 0s infinite;} .yi_guang_23{-webkit-animation:right 30s linear 0s infinite;animation:right 30s linear 0s infinite;} .yi_guang_24{-webkit-animation:right 22s linear 0s infinite;animation:right 22s linear 0s infinite;} .yi_guang_25{-webkit-animation:right 25s linear 0s infinite;animation:right 25s linear 0s infinite;} .yi_guang_26{-webkit-animation:right 27s linear 0s infinite;animation:right 27s linear 0s infinite;} .stars{position: absolute;z-index: 1;top: 385px;left: 838px;top:50%;left:50%;} .start img{width:100%;height:100%;} .stars_01{width:32px;height:32px;-webkit-animation:stars 5s linear 0s infinite;animation:stars 5s linear 0s infinite;} .stars_02{width:20px;height:20px;-webkit-animation:stars 4s linear 0s infinite;animation:stars 4s linear 0s infinite;} .stars_03{width:14px;height:14px;-webkit-animation:stars_1 5s linear 0s infinite;animation:stars_1 5s linear 0s infinite;} .stars_04{width:10px;height:10px;-webkit-animation:stars_1 3s linear 0s infinite;animation:stars_1 3s linear 0s infinite;} /*part3*/ .part3 { background-color: #fff; } .part3_head { width: 1200px; height: 84px; line-height: 84px; text-align: center; font-size: 42px; color: #1a1a1a; margin: 45px 0; float: left; } .part3_ul { width: 1200px; } .part3_ul li { width: 300px; float: left; height: 300px; text-align: center; color: #000; font-size: 24px; } .part3_ul li div { width: 177px; height: 178px; margin: 0 61px 15px 61px; } .part3_d1 { background: no-repeat center; } .part3_d2 { background: no-repeat center; } .part3_d3 { background: no-repeat center; } .part3_d4 { background: no-repeat center; } .part3_ul li a:hover{ color: #ee7700; } .part3_ul li img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } /*part4*/ .part4 { background: no-repeat; height: 748px; text-align: center; } .part4_head { color: #fff; font-weight: bold; font-size: 65px; border-bottom: 3px solid #fff; padding: 10px 0; margin-top: 310px; display: inline-block; } .part4_head:hover{ color: #ee7700; border-bottom-color: #ee7700; } /*part5*/ .part5 { margin-bottom:80px;} .part5_head { width: 100%; height: 140px; line-height: 140px; background-color: #ee7700; text-align: center; font-size: 42px; } .part5_head a { color: #ffffff; } .part5_con { background-color: #fff; padding: 5px 0; margin-top: -25px; width: 996px; position: relative; left: 50%; margin-left: -498px; float: left; } .part5_left { width: 320px; margin: 0 6px; float: left; text-align: left; position: relative;} .part5_left img { width: 320px; margin-bottom: 10px; } .part5_left .en { font-size: 25px; color: #000000; font-family: e; } .part5_left .zn { font-size: 19px; color: #ee7700; display: block; margin: 5px 0 10px 0; text-align: center;} .part5_a { font-size: 13px; color: #000000; display: block; line-height: 20px; } .part5_more { width: 60px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; background: #ee7700; color: #ffffff; float: right; margin: 20px 38px 0 0; position: absolute; right: -25px; top: 335px; } .part5_more div { float: right; background-color: #a8a7ae; width: 20px; } .part5_more:hover{ color: #fff; } .part5_left a:hover{ color: #ee7700; } /*内页样式*/ .warper { width: 100%; height: 100%; min-width: 1200px; background-color: #eeefef; overflow: hidden; } .proch_top { width: 100%; background: no-repeat left top; float: left; } .proch_ul { width: 1095px; margin: 122px 0 0 56px; border-top:1px solid #ee7700; } .proch_ul li { width: 100%; } .proch_ul img { float: left; width: 238px; height: 202px; } .proch_num { width: 130px; float: left; background-color: #ee7700; font-size: 110px; color: #ffffff; font-family: impact; text-align: center; position: relative; height: 201px; line-height: 201px } .proch_num span { border-color: transparent #ee7700 transparent transparent; border-width: 20px; border-style: dashed solid dashed dashed; width: 0; height: 0; position: absolute; top: 20px; left: -40px; } .proch_right { border-bottom: 1px solid #ee7700; width: 726px; height: 181px; padding: 10px 0; float: left; } .p_d1 { width: 240px; line-height: 22px; font-size: 14px; color: #000000; text-indent: 2em; float: left; margin: 0 24px; overflow: hidden; height: 180px; } .p_d2 { font-size: 14px; color: #ee7700; width: 420px; padding-left: 15px; border-left: 1px solid #b2b3b3; float: right; } .p_d2_div { width: 100%; } .p_d2 div, .p_d2 p { font-size: 14px; } .p_d2_left { width: 85px; float: left; } .p_d2_right { width: 335px; float: left; } .p_d3 { padding-left: 30px; } .p_d3_left, .p_d3_right { font-size: 14px; color: #000000; float: left; } .p_d3_left, .p_d3_left1 { width: 20px; } .p_d3_right, .p_d3_right1 { width: 560px; } .p_d3_div { float: left; width: 100%; } .p_d3_left1, .p_d3_right1 { font-size: 14px; color: #ee7700; float: left; } .proch_bottom { width: 100%; float: left; background: no-repeat right top; height: 205px; margin-top: -12px; margin-bottom: 20px; } .proch_bottom_ul { width: 1208px; float: left; margin-top: 129px; } .proch_bottom_ul li { margin-bottom:10px; float:left; width:294px; height: 49px; text-align: center; line-height: 49px; box-shadow: 1px 2px 1px #4c4c4c; margin-right:8px; font-size: 14px; background-color: #ee7700; } .proch_bottom_ul li a { color: #ffffff; } .contentgray { background-color: #eeeeee; } .proqb_part1, .proqb_part2, .proqb_part3, .proqb2_part2, .lan_part1, .lan_part2, .lan_part3, .lan_part4, .lan_part5, .tg_part1, .zs_part1, .zs_part2, .zs_part3, .zs_part4 { width: 100%; text-align: center; padding-top: 60px; padding-bottom: 55px; background: center bottom no-repeat #eeeeee; } .proqb_part1_con { border: 2px solid #ee7700; width: 910px; height: 385px; margin: 0 auto; } .proqb_head { background: no-repeat left center; padding-left: 35px; font-size: 30px; color: #ee7700; display: inline-block; margin: 10px 0 25px 0; } .proqb_part1_con ul li { border: 1px solid #888889; width: 272px; height: 286px; margin-left: 22px; position:relative; float: left; } .proqb_part1_con ul li span { font-size: 20px; color: #ee7700; font-weight: bold; } .proqb_part1_con ul li p { font-size: 16px; color: #ee7700; } .proqb_intro { background-color: #888889; height: 90px; width: 100%; position: absolute; bottom: 0; display: table; } .proqb_intro div { color: #ffffff; line-height: 22px; display: table-cell; vertical-align: middle; } .proqb_name { height: 55px; margin-top: 15px; } .proqb_part2 { } .proqb_part2_con, .proqb_part3_con { width: 910px; margin: 0 auto; } .proqb_part2_con p { font-size: 18px; color: #030303; line-height: 30px; text-align: left; padding-left: 45px; } .proqb_table { border-left: 0; border-right: 0; width: 100%; } .proqb_table tr th { font-size: 16px; color: #000000; border-top: 2px solid #c7c7c8; border-bottom: 2px solid #c7c7c8; } .border_right { border-right: 2px solid #c7c7c8; } .td1 { } .td2 { color: #ee7700; } .border_bottom td { border-bottom: 2px solid #c7c7c8; } .proqb_part4_con p { margin-top: 20px; color: #080808 !important; font-size: 18px !important; } .proqb_ul { margin-top: 20px !important; } .progj_con { width: 1060px; margin: 0 auto; } .progj_top { height: 482px; } .progj_bottom { height: 482px; } .progj_top, .progj_bottom { position: relative; width: 100%; float: left; } .progj_top_d2, .progj_top_d1, .progj_top_d3, .progj_top_d4, .progj_top_d5 { position: absolute; border: 1px solid #ee7700; } .progj_top_d2 { top: 232px; left: 0; width: 260px; height: 270px; } .progj_num { float: left; font-size: 60px; color: #ee7700; width: 40px; margin-left: 5px; } .progj_name { font-size: 20px; color: #ee7700; display: block; margin-top: 15px; } .progj_top p, .progj_bottom p { margin-bottom: 15px; float: left; clear: both; line-height: 30px; } .progj_p1 { margin-top: -10px; margin-left: 20px; font-size: 14px; color: #080808; } .progj_top p span, .progj_bottom p span { display: block; font-size: 16px; color: #0b0b0b; float: left; } .progj_intro { width: 185px; } .progj_top_d1 { top: 0; left: 350px; width: 388px; height: 482px; } .progj_top_d3 { top: 202px; right: 0; width: 270px; height: 298px; } .progj_top_d1 .progj_intro, .progj_top_d4 .progj_intro, .progj_top_d5 .progj_intro { width: 285px; } .progj_top_d4 { top: 0px; left: 0; width: 416px; height: 382px; } .progj_top_d5 { top: 0px; right: 0; width: 416px; height: 382px; } .proqb1_part1 { width: 100%; padding-top: 60px; margin: 0 auto; } .proqb1_part1_con { border: 1px solid #ee7700; width:100%; height: 50px; text-align: center; line-height: 28px; } .proqb1_part1 p { font-size: 16px; color: #030303; width: 1000px; text-indent: 2em; line-height: 24px; margin: 0 auto; margin-top: 20px; } .proqb1_head { font-size: 25px; color: #ee7700; margin-bottom: 30px; } .proqb1_table tr th { color: #ffffff; } .proqb1_table tr,.proqb1_table td,.proqb1_table th{ height: 40px; padding: 10px 0; font-size: 16px; } .proqb1_table tr .td2 { color: #080808; } .proqb2_head { width: 100%; margin-bottom: 15px; background-color: #ee7700; height:52px; line-height: 52px; text-align: center; color: #ffffff; font-size: 25px; clear: both; } .proqb2_part2 { width: 1000; margin: 0 auto; } .proqb2_part2 .proqb_part3_con { width: 1000px; } .proqb2_p1 { font-size: 16px; color: #020202; } .proqb2_head2 { margin: 20px 0 10px 0; } .proqb2_head2 span { width: 50%; font-size: 20px; color: #ee7700; display: block; float: left; } .proqb2_div { border: 1px solid #ee7700; width: 400px; height: 230px; margin-top: 10px; padding-top: 24px; padding-right: 10px; margin-bottom: 36px; } .proqb2_div p { background: no-repeat left 8px; margin-left: 5px; padding-left: 15px; font-size: 14px; color: #000; line-height: 25px; margin-bottom: 25px; text-align: left; } .proqb2_div1 { } .proqb2_div1 p { background: no-repeat 50px 8px; padding-left: 15px; font-size: 17px; color: #070707; line-height: 25px; margin-bottom: 15px; text-align: left; text-indent: 3em; margin-left: 10px; } .yb_con { width: 1200px; margin: 0 auto; padding-top: 30px; } .yb_left { width: 170px; background-color: #ee7700; min-height: 1353px; margin-bottom: 10px; } .yb_left ul { width: 150px; padding:0 10px; } .yb_left ul li { width: 100%; } .yb_left ul li h3 { font-size: 14px; color: #ffffff; border-bottom: 2px solid #ffffff; line-height:45px; margin-bottom: 10px; } .yb_left ul li div a { width: 100%; height:40px; line-height: 40px; color: #ffffff; border-bottom: 1px dashed #ffffff; font-size: 12px; display: block; text-indent: 1em; } .yb_left ul li div a:hover { font-weight: bold; } .yb_ul { width: 1025px; float: left; } .yb_ul li { float: left; width: 252px; height: 201px; position: relative; text-align: center; margin: 0 3px 3px 0; } .yb_ul li img { width:100%; height: 201px; } .yb_ul li div { background: repeat; position: absolute; left: 0; top: 0; width:100%; height: 201px; color: #ffffff; line-height: 200px; display: none; } .yb_ul li a { float: left; width: 100%; } .yb_ul li div p { background: no-repeat; width: 25px; height: 25px; float: right; margin: 165px 10px 0 0; } .yb_info1, .yb_info2 { margin-bottom: 25px; float: left; width: 1000px; } .yb_info1 img { width: 539px; height: 432px; } .yb_right_intro { width: 430px; } .yb_info_red { width: 100%; height: 40px; line-height: 40px; text-indent: 1em; background-color: #cf2621; color: #ffffff; font-size: 14px; } .yb_info_white { height: 290px; padding-top: 27px; padding-left:20px; width: 410px; background-color: #ffffff; margin-bottom: 17px; } .yb_info_white p { color: #666; margin: 10px 0; line-height: 25px; } .yb_info_org { width: 100%; height: 54px; line-height: 54px; text-align:center; background-color: #ee7700; color: #ffffff; font-size: 18px; } .yb_info2 .yb_info_red { height: 50px; line-height: 50px; } .yb_right { width: 1000px; } .yb_info2 .yb_info_white { padding: 20px 13px 100px 13px; width: 974px; height: inherit; } .yb_info2 .yb_info_white ul { float: left; } .yb_info2 .yb_info_white ul li { float: left; width: 241px; border-right: 2px solid #ee7700; border-bottom: 2px solid #ee7700; height: 171px; } .yb_info2 .yb_info_white ul li img { width: 241px; height: 171px; } .yb_info2 .yb_info_white h2 { font-size: 18px; color: #ee7700; margin: 20px 0 10px 0; float: left; width: 100%; } .yb_info2 .yb_info_white p { text-indent: 2em; } .yb_about { width: 960px; float: left; background-color: #ffffff; padding:0 20px; min-height: 1000px; } .yb_about h1 { font-size: 18px; color: #ee7700; margin: 30px 0 10px 0; } .yb_about div { font-size: 15px; color: #000; line-height: 28px; } .lan_part1, .lan_part2, .lan_part3, .lan_part4, .lan_part5, .tg_part1, .zs_part1, .zs_part2, .zs_part3, .zs_part4 { float: left; } .lan_part1 h2, .lan_part2 h2, .lan_part3 h2, .lan_part4 h2, .lan_part5 h2 { font-size: 28px; color: #ee7700; margin-bottom: 20px; } .lan_part1 h2 span { font-size: 20px; color: #0b0b0a; } .lan_part1 ul { width: 1212px; float: left; } .lan_part1 ul li { width: 396px; height: 180px; float: left; margin: 0 8px 8px 0; } .lan_part1 ul li img { width: 396px; height: 180px; } .lan_part1 p { color: #333; line-height: 24px; text-align: left; padding-left: 20px; background: no-repeat left center; float: left; width: 100%; } .lan_p1 { background: no-repeat left 8px !important; } .lan_part1 h3 { font-size: 20px; color: #000; margin: 20px 0 10px 0; text-align: left; float: left; width: 100%; } .lan_part2 div, .lan_part4 div { color: #333; height: 41px; line-height: 41px; padding: 10px 0; text-align: left; } .lan_part2 div div { width: 90px; text-align: center; height: 41px; line-height: 41px; font-size: 20px; color: #fff; background: no-repeat; margin-right: 15px; display: inline-block; padding: 0; } .lan_part2 img { margin-bottom: 10px; } .lan_part3 ul { } .lan_part3 ul li { border-bottom: 1px solid #ccc; padding: 20px 0; float: left; } .lan_part3_num { width: 60px; height: 42px; line-height: 42px; text-align: center; background: no-repeat left center; font-size: 28px; color: #ee7700; float: left; font-weight: bold; } .lan_part3_intro { width: 1140px; float: right; } .lan_part3_intro p { background: no-repeat left 8px; padding-left: 20px; text-align: left; line-height: 24px; } .lan_part4 h2 p { display: inline; color: #000; font-size: 28px; } .lan_part4 div { float: left; line-height: initial; } .lan_part4 div div { width: 115px; text-align: center; height: 38px; line-height: 38px; font-size: 20px; color: #fff; background: no-repeat; margin-right: 15px; display: inline-block; padding: 0; } .lan_part4 div p { height: 20px; width: 1070px; float: left; } .lan_part5 { background:none; } .lan_part5 h5 { color: #333; } .lan_part5 h4 { background: no-repeat left center; padding-left: 45px; color: #333; font-size: 15px; margin: 20px 0; text-align: left; } .lan_part5 ul { width: 1260px; } .lan_part5 ul li { width: 250px; height: 300px; float: left; margin-right: 65px; } .lan_part5 ul li img { width: 250px; height: 150px; } .lan_part5 ul li h3 { background: no-repeat left center; padding-left: 18px; color: #0e0e0d; font-size: 13px; padding: 10px; border-bottom: 1px solid #cccccc; } .lan_part5 ul li span { margin: 0 18px; text-align: left; display: block; margin-top: 10px; } .lan_part5 ul li p { background-color:#868686; font-size: 14px; color: #ffffff; width: 116px; text-align: center; line-height: 29px; height: 29px; margin-top: 20px; } .warper .switch_main { width: 100%; height: 410px; background-color: #ffffff; margin: 20px 0 50px 0; } .tg_part1 h1 { color: #060606; font-size: 30px; } .tg_part1 h4 { color: #ee7700; font-size: 18px; border-top: 2px solid #9c9d9d; border-bottom: 2px solid #9c9d9d; padding: 5px 0; margin: 15px 0; } .tg_part1 span { color: #261c19; font-size: 16px; display: block; margin-bottom: 10px; } .tg_left { width: 591px; overflow-x: hidden; font-size: 16px; } .tg_right { width: 590px;overflow-x:hidden ; font-size: 16px; } .tg_left_head { background-color: #ee7700; } .tg_right_head { background-color: #747374; } .tg_left_head, .tg_right_head { float: left; width: 100%; color: #ffffff; font-size: 16px; text-align: center; height: 42px; line-height: 42px; } .tg_d1, .tg_d2 { width: 295px;overflow-x: hidden; margin-top: 2px; } .tg_d1 img, .tg_d2 img { width: 295px; margin-bottom: 10px; } .tg_d1 span, .tg_d2 span { color: #ee7700; text-align: left; display: block; margin: 0 5px; } .tg_d3, .tg_d4 { width: 295px;overflow-x: hidden; margin-top: 2px; } .tg_d3 img, .tg_d4 img { width: 297px; margin-bottom: 10px; } .tg_d3 span, .tg_d4 span { text-align: left; display: block; margin: 0 5px; } .tg_bottom { width: 100%; height: 37px; line-height: 37px; background-color: #868687; color: #ffffff; font-size: 16px; text-align: center; box-shadow: 0px 4px 6px #666666; float: left; margin-top: 20px; } .tg_bottom:hover { color: #ffffff; } .tg_left p, .tg_right p { margin-left: 45px; width: 547px; float: left; text-align: left; } .tg_left p span, .tg_right p span { display: block; float: left; } .tg_zm { width: 30px; } .tg_js { width: 400px; } .tg_hei { height: 170px; } .tg_part2 { float: left; width: 100%; margin: 50px 0; } .tg_part2 ul { float: left; width: 1326px; } .tg_part2 ul li { float: left; width: 312px; margin-right: 130px; box-shadow: 3px 4px 6px #666666; background-color:#ee7700; } .tg_part2 ul li a { float: left; width: 100%; height: 102px; line-height: 102px; text-align: center; font-size: 24px; color: #ffffff; } .zs_part1, .zs_part3,.zx_part5{ text-align: left !important; } .zs_part1 span { font-size: 14px; color: #3f3d3e; } .zs_part1 img { margin: 20px 0; width: 1200px; } .zs_part1 h3, .zs_part2 h3, .zs_part3 h3, .zs_part4 h3, .zs_part4_top1 h3 { font-size: 16px; color: #ee7700; text-align: left; } .zs_part1 ul { } .zs_part1 ul li { width: 385px; float: left; background: no-repeat left center; padding-left: 15px; line-height: 24px; } .zs_ul { width: 1212px; border: 1px solid #ccc; float: left; margin-top: 10px; } .zs_ul li { width:295px; height:215px; float: left; position: relative; margin: 4px; text-align: center; } .zs_ul li img { width:100%; height:215px; margin: 0; } .zs_ul li div { width: 100%; height: 18px; line-height: 18px; background: repeat; color: #fff; position: absolute; bottom: 0; left: 0; } .zs_ul li p { line-height: 215px; font-size: 17px; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; margin: 0; text-align: center; } .zs_part3 span { color: #3f3d3e; display: block; line-height: 24px; } .zs_part3 img, .zs_part4_top1 img, .zs_part5_con img { width: 100%; margin: 10px 0 50px 0; } .zs_part4_top, .zs_part4_top1 { border-top: 2px solid #dfdfdf; padding: 5px 0; width: 100%; float: left; } .zs_4l { width: 385px; height: 154px; border-right: 2px solid #dfdfdf; float: left; line-height: 154px; text-align: left; } .zs_4l span, .zs_4r span, .zs_part4_top1 p, .zs_part4_top1 span { color: #3f3d3e; font-size: 13px; display: block; text-align: left; } .zs_4r { float: left; width:800px; padding: 30px 0; } .zs_4r span { line-height: 30px; text-indent: 5em; } .zs_part4_top1 p, .zs_part5_con p { margin: 15px 0; font-size: 15px; } .zs_part4_top1 span, .zs_part5_con span { line-height: 30px; } .zs_part5_con { text-align: left; } .zx_part1 { width: 100%; border-bottom: 4px solid #cccccc; text-align: center; padding: 50px 0; } .zx_part2 { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; float: left; margin: 40px 0; } .zx_part2_left { float:left; width: 477px; height: 232px; padding-left: 5px; } .zx_part2_left h1 { color: #000; font-size: 25px; margin-top: 45px; } .zx_part2_left p { color: #000; font-size: 15px; line-height: 35px; } .zx_part2_left p span { color: #ee7700; font-size: 25px; margin-right: 5px; } .zx_part2_right { width: 718px; float: left; height: 232px; } .zx_part2_right img { width: 718px; height: 232px; } .zx_part3,.zx_part5,.zx_part6,.zx_part7{float: left; padding: 40px 0; border-bottom: 1px solid #cccccc;} .zx_part4{ border-bottom:none;float: left; padding: 40px 0 0 0;} .zx_part3 h1,.zx_part4 h1{color: #0d0d0c;font-size: 30px;text-align: center;} .zx_part3 span{color: #ee7700;font-size: 18px;margin-top: 15px; display: block;} .zx_part3 p{color: #000;font-size: 15px; line-height: 24px;} .zs_4l p{color: #000;font-size: 20px;text-indent: 3em; font-weight: bold;} .zs_4l p span{color: #ee7700;font-size: 35px; display: inline; margin-right: 5px;} .zs_4r p,.zx_part5_d3 p{color: #000;font-size: 15px;text-indent: 2em; } .zs_4r p span,.zx_part5_d3 p span{color: #ee7700;font-size: 18px; display: inline; margin-right: 5px; font-weight: bold;} .zx_part5_d1{background: no-repeat left center;float:left;color: #fff;font-size: 30px;width: 182px; text-indent: 0.5em;height: 170px; line-height: 150px; margin-top: 40px;} .zx_part5_d2{width: 300px;float: left;} .zx_part5_d2 p,.zx_part5_d4 p{background-color: #ee7700;width: 254px;text-indent:0.5em;height: 42px;line-height: 42px;color: #fff;font-size: 18px;border-radius: 3px;margin-left: 10px;} .zx_part5_d3{width: 700px;float: right;} .zx_part5_d3 p{line-height: 25px;} .zx_part5_d2 .p1{ margin-top: 30px; margin-bottom: 95px;} .zx_part5_d4{width: 900px;float: right;padding-left: 50px;} .zx_part5_d4 p{width: 655px; margin: 15px 0 10px 0;} .zx_part5_d4 span{color: #000;font-size: 15px; text-indent: 1em; display: block; line-height: 25px;} .zx_part5_d4 span span{font-weight: bold; margin-right: 30px; display: inline;} .zx_part6 h1{color: #ee7700;font-size: 45px;background: no-repeat left center; padding-left: 45px;} .zx_part6 p{background: no-repeat left center; padding-left: 45px;color: #030303;font-size: 18px;} .zx_part6 p span{color: #030303;font-size: 25px;font-weight: bold;margin-right: 20px;} .zx_part7 h1{color: #ee7700;font-size: 30px;} .zx_part7 ul{} .zx_part7 ul li{background-color: #f8f8f8;height: 37px;line-height: 37px;border-bottom: 2px solid #f2f2f2;margin-bottom: 8px;width: 100%;} .zx_part7_d1{float:left;width:380px;padding-left: 10px;} .zx_part7_d2{float:left;width:470px;} .zx_part7_d3{float: right;width: 330px;text-align: right;padding-right: 10px;} .zx_part7_d3 img{vertical-align: middle;} .zx_part7_d4{ margin-top: -8px;background-color: #f8f8f8; text-align: center;} .zx_part7_d4 p{color: #666;padding-top: 30px;margin: 0 30px; text-align: left;} .zx_part7_d4 span{color: #666;line-height: 30px; margin: 0 30px; display: block; text-align: left;} .zx_part7_d4 img{margin: 50px 0;} .new_title { text-align: center; height: 96px; width: 100%; border-bottom: 1px solid #9a9a9a; } .new_title h1 { padding: 21px 0; height: 22px; width: 100%; line-height: 22px; font-size: 22px; font-weight: bold; } .new_title p { height: 16px; width: 100%; line-height: 15px; font-size: 12px; color: #7e7e7e; text-align: center; } .new_text{ padding: 20px 0; text-align: left; overflow: hidden; word-wrap: break-word; font-size: 15px; color: #000; line-height: 28px;} .new_text p{font-size: 15px; color: #000; line-height: 28px;} .previous_next{ margin: 10px auto; width: 100%; height: 29px; background-color: #f7f7f7; float: left;} .previous_next .previous,.previous_next .next{ width: 45%; height: 29px;} .previous_next .previous{ text-align: left; float: left; padding-left: 10px;} .previous_next .next{ text-align: right; float: right; padding-right: 10px;} .previous_next a{line-height: 29px; color: #666;} .new_right_ul{width:900px; margin: 20px 0 0 25px;} .new_right_ul li{height: 40px;line-height:40px; border-bottom: 1px solid #eee;} .new_right_ul li a{padding-left: 10px;font-size:15px; color: #333;float: left; width: 750px; overflow: hidden;} .new_right_ul li span{color: #999; float: right;}