@charset "utf-8";
/* CSS Document */
body { margin: 0; }
body, table, td, th { font-size: 14px; font-family: "微软雅黑"; color: #313030; border-collapse: collapse; border-width: 1px; }
img { border: 0 }
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em { padding: 0; margin: 0; }
ul, ol, li { list-style-type: none; }
input, select { font-size: 12px; vertical-align: absmiddle; }
.wrap li, .d10 a, h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
a { font-size: 14px; color: #000; text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: none; color: #005bac; font-size: 14px; }
html { overflow-x: hidden; overflow-y: auto; }


/*头部*/
.m_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1; background: url(../images/bg_b.jpg) no-repeat; background-size: cover; }
.m_bg_a { background: url(../images/bg_d.jpg) no-repeat; background-size: cover; }
.header { width: 100%; margin: 0px auto; background: #0077ba; }
.h_fix { position: fixed; left: 0; top: 0; z-index: 99999; background: #FFF; }
.header .head { width: 1120px; height: 50px; margin: 0px auto; position: relative; }
.head { width: 100%; height: 105px; }
.logos { width: 1150px; height: auto; margin: 0 auto; }
.logo img { width: 1145px; height: 91px; margin: 0 auto; }
.head .nav { width: 955px; float: left; margin-left: 50px; text-align: left; margin-top: 8px; }
    .head .nav li { width: 12%; display: inline-block; *display: inline; zoom: 1; height: 30px; line-height: 30px; margin-right: 13px; }
        .head .nav li a { font-size: 14px; color: #FFF; display: inline-block; *display: inline; zoom: 1; height: 30px; line-height: 30px; padding: 0px 10px; }
		.head .nav li a:hover {
		width:100%;
		height:50px;
		background:#999;
		color:#FFF;
		}
            .head .nav li.now a, .h_fix .head .nav li.now a, .head .nav li a:hover, .h_fix .head .nav li a:hover { color: #FFF; }
.h_fix .head .nav li a { color: #333; }
.head .search { width: 170px; height: 27px; background: rgba(0,0,0,0.3); background: #CCC; float: right; border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px; position: relative; margin-top: 12px; }
    .head .search input[type="text"] { width: 145px; height: 21px; line-height: 21px; position: absolute; left: 4px; top: 3px; padding: 0px 5px; border: 0px; background: none; color: #FFF; }
    .head .search input[type="submit"] { width: 30px; height: 27px; background: url(../images/s_btn.png) no-repeat center center; position: absolute; right: 0px; top: 0px; cursor: pointer; border: 0px; }
.head .lang { width: 40px; height: 25px; margin-top: 25px; position: relative; float: left; }
    .head .lang .lang_m { width: 40px; height: 25px; position: relative; cursor: pointer; }
        .head .lang .lang_m span, .head .lang .lang_m em { display: inline-block; *display: inline; zoom: 1; height: 25px; line-height: 25px; text-align: center; position: absolute; }
        .head .lang .lang_m span { width: 30px; text-align: center; font-size: 12px; left: 0px; top: 0; color: #000; }
.h_fix .head .lang .lang_m span { color: #333; }
.head .lang .lang_m em { width: 5px; height: 3px; background: url(../images/icon1.png) no-repeat; right: 5px; top: 10px; }
.h_fix .head .lang .lang_m em { background: url(../images/icon1_1.png) no-repeat; }
.head .lang ul { width: 100%; position: absolute; left: 0px; top: 25px; z-index: 9999999; font-size: 12px; background: #FFF; display: none; }
    .head .lang ul li { width: 100%; text-align: center; height: 25px; line-height: 25px; color: #333; cursor: pointer; }
.nav_m { width: 900px; height: 35px; display: inline-block; *display: inline; zoom: 1; position: relative; }
    .nav_m .n_icon { display: inline-block; *display: inline; zoom: 1; position: relative; height: 18px; width: auto; background: url(../images/nav_ico.png) no-repeat left center; padding-left: 25px; line-height: 18px; color: #FFF; position: absolute; right: 0px; top: 5px; z-index: 9999; cursor: pointer; display: none; }
.h_fix .nav_m .n_icon { color: #000; background: url(../images/nav_ico_a.png) no-repeat left center; }
.banner { width: 100%; overflow: hidden; height: auto; margin: 0px auto; }
.i_name { width: 100%; padding: 50px 0; text-align: center; font-size: 36px; color: #000; font-weight: bold; }
    .i_name em { color: #00A3DF; font-weight: bold; }
    .i_name p { font-size: 18px; color: #5B5B5B; }
.i_ma { width: 100%; background: #FFF; }
    .i_ma ul { width: 1120px; padding: 0 0 50px; margin: 0px auto; }
        .i_ma ul li { width: 325px; float: left; text-align: center; margin-right: 72px; }
            .i_ma ul li a { color: #555; }
            .i_ma ul li .tu { width: 200px; height: 200px; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; overflow: hidden; margin: 0px auto; }
                .i_ma ul li .tu img { width: 200px; height: 200px; vertical-align: top; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; }
            .i_ma ul li a:hover .tu 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);*/ }
            .i_ma ul li .name { width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-weight: bold; }
            .i_ma ul li p { font-size: 12px; line-height: 175%; }
.i_m { padding: 15px 0; }
.i_mb { width: 100%; background: #F4F4F4; }
    .i_mb ul { width: 1120px; margin: 0px auto; padding-bottom: 50px; }
        .i_mb ul li { width: 347px; float: left; margin-right: 39px; }
            .i_mb ul li a { font-size: 16px; color: #474747; }
                .i_mb ul li a:hover { color: #00A3DF; }
            .i_mb ul li img { width: 347px; height: 240px; vertical-align: top; }
            .i_mb ul li .title { width: 100%; height: 55px; line-height: 55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-align: center; }
.i_mc { background: #FFF; }
    .i_mc ul li img { height: 300px; }
.i_md { width: 100%; background: url(../images/bg_a.png) repeat; padding: 15px 0; }
    .i_md .i_mdm { width: 1120px; margin: 0px auto; border-right: 1px solid #999; margin-bottom: 50px; }
.i_mdm .i_mdl, .i_mdm .i_mdr { width: 559px; float: left; border: 1px solid #999; border-right: 0px; }
.i_md .i_name p, .i_md .i_name { color: #FFF; }
.i_mdm .box_h { width: 100%; height: 65px; line-height: 65px; position: relative; border-bottom: 1px solid #999; }
    .i_mdm .box_h span { font-size: 18px; color: #00A3DF; margin-left: 25px; }
    .i_mdm .box_h a { display: block; position: absolute; right: 25px; top: 0px; color: #FFF; }
.i_mdm ul { width: 509px; margin: 0px auto; height: 300px; padding-top: 10px; }
    .i_mdm ul li { width: 100%; }
.i_mdl ul li span, .i_mdl ul li .nr { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.i_mdl ul { height: 270px; padding: 20px 0; }
    .i_mdl ul li { margin-top: 10px; }
        .i_mdl ul li span { width: 18px; height: 18px; color: #FFF; text-align: center; line-height: 18px; }
        .i_mdl ul li.wen span { background: #888; }
        .i_mdl ul li.da span { background: #00A4D3; }
        .i_mdl ul li .nr { width: 480px; text-align: left; font-size: 12px; line-height: 175%; margin-left: 5px; }
        .i_mdl ul li.wen .nr { color: #FFF; }
        .i_mdl ul li.da .nr { color: #D2D2D2; }
.i_mdr ul li { width: 100%; height: 50px; line-height: 50px; position: relative; background: url(../images/icon2.png) no-repeat left center; margin-bottom: 10px; }
    .i_mdr ul li a { font-size: 14px; color: #FFF; }
    .i_mdr ul li p { width: 60%; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 30px; }
    .i_mdr ul li em { display: block; position: absolute; right: 0px; top: 0px; }
    .i_mdr ul li a:hover, .i_mdm .box_h a:hover { color: #00A4D3; }
.i_me { width: 100%; background: url(../images/bg_c.jpg) repeat; padding: 20px 0; }
    .i_me ul, .i_me ul li { width: 100%; }
        .i_me ul li:hover { background: #00A4DF; }
        .i_me ul li a { color: #4F4F4F; }
        .i_me ul li:hover a { color: #FFF; }
        .i_me ul li dl { width: 1120px; height: 75px; margin: 0px auto; padding: 20px 0; background: url(../images/icon3.png) no-repeat right center; }
        .i_me ul li:hover dl { background: url(../images/icon4.png) no-repeat right center; }
        .i_me ul li dl dt { width: 105px; float: left; text-align: center; font-size: 36px; }
            .i_me ul li dl dt p { height: 20px; line-height: 20px; text-align: center; font-size: 14px; }
        .i_me ul li dl dd { width: 675px; float: left; margin-left: 100px; }
            .i_me ul li dl dd .title { width: 100%; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .i_me ul li dl dd p { width: 100%; height: 45px; line-height: 200%; font-size: 12px; overflow: hidden; }
.main .more { width: 100%; text-align: center; margin: 30px 0 20px; }

    .main .more a { display: block; width: 290px; height: 48px; font-size: 18px; background: url(../images/bg_a.png) repeat; margin: 0px auto; color: #FFEC00; line-height: 48px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.i_mf { width: 100%; background: #FFF; padding: 20px 0; }
    .i_mf .i_mfm { width: 1120px; margin: 0px auto; text-align: center; font-size: 14px; color: #000; line-height: 175%; }
        .i_mf .i_mfm p { margin-bottom: 15px; }
.i_mg { width: 100%; /*background:url(../images/bg_d.jpg) no-repeat; background-size:cover;*/ }
    .i_mg .i_name, .i_mg .i_name p { color: #FFF; }
.i_mgm { width: 1120px; margin: 0px auto; }
    .i_mgm ul { width: 100%; }
        .i_mgm ul li { width: 347px; float: left; margin-right: 39px; text-align: center; }
            .i_mgm ul li.one, .i_mgm ul li.one p { text-align: left; }
                .i_mgm ul li.one img { margin-left: 40px; }
            .i_mgm ul li img { width: 25px; height: 25px; vertical-align: top; }
            .i_mgm ul li p { width: 100%; text-align: center; margin-top: 10px; font-size: 14px; color: #FFF; }
    .i_mgm .i_book { margin-top: 20px; text-align: left; padding-bottom: 20px; }
        .i_mgm .i_book li { width: 550px; float: left; margin-right: 20px; position: relative; margin-top: 20px; text-align: left; font-size: 14px; color: #FFF; overflow: hidden; }
            .i_mgm .i_book li.chang { width: 100%; }
            .i_mgm .i_book li input { width: 100%; height: 34px; background: #C7C7C7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-left: 65px; line-height: 34px; border: 0px; }
            .i_mgm .i_book li span { display: block; width: 65px; text-align: center; height: 34px; line-height: 34px; font-size: 14px; color: #000; position: absolute; left: 0px; top: 0px; }
            .i_mgm .i_book li textarea { width: 100%; height: 105px; background: #C7C7C7; border: 0px; padding-left: 60px; padding-top: 5px; line-height: 175%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
            .i_mgm .i_book li.btn { text-align: center; width: 100%; }
            .i_mgm .i_book li input[type="submit"] { width: 165px; height: 40px; border: 1px solid #FFF; text-align: center; line-height: 40px; color: #FFF; font-size: 14px; padding: 0px; background: none; cursor: pointer; }
.foot { width: 100%; background: #00A4DF; padding: 40px 0; text-align: center; font-size: 14px; color: #FFF; }
.banner_s { margin-top: 70px; }
    .banner_s, .banner_s img { width: 100%; height: auto; vertical-align: top; }
.s_bg { width: 100%; background: url(../images/bg_f.jpg) repeat; padding-top: 20px; }
.scd { width: 1120px; margin: 0px auto; }
    .scd .scd_l { width: 200px; border: 10px solid #19B1EC; float: left; }
        .scd .scd_l li { width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #19B1EC; }
            .scd .scd_l li a { display: block; width: 140px; height: 60px; line-height: 60px; padding-left: 60px; font-size: 14px; color: #000; }
            .scd .scd_l li.now, .scd .scd_l li:hover { background: url(../images/icon8.png) no-repeat 45px center; }
                .scd .scd_l li.now a, .scd .scd_l li:hover a { color: #19B1EC; }
    .scd .scd_r { width: 900px; float: left; background: #FFF; position: relative; padding-top: 20px; margin-top: -20px; }
        .scd .scd_r .r_top { width: 100%; height: 78px; background: url(../images/bg_e.png) repeat; position: absolute; top: -78px; left: 0; z-index: 9999; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; text-align: right; }
        .scd .scd_r .r_top_a { background: url(../images/bg_g.png) repeat; }
        .scd .scd_r .r_top p { width: 100%; height: 50px; line-height: 50px; font-size: 50px; color: #aaa; text-align: right; }
        .scd .scd_r .r_top_a p { color: #FFF; }
        .scd .scd_r .r_top em { font-size: 26px; color: #19B1EB; display: block; width: 100%; height: 26px; line-height: 26px; margin-top: -3px; }
        .scd .scd_r .scd_rm { width: 820px; margin: 0px auto; }
.pst { width: 100%; height: 88px; border-bottom: 1px solid #ddd; text-align: left; }
    .pst .line { width: 22px; height: 4px; background: #19B1EC; margin-bottom: 15px; }
    .pst p { width: 100%; height: 25px; line-height: 25px; font-size: 20px; color: #7F7F7F; }
    .pst b { font-size: 20px; color: #000; font-weight: normal; }
.pro { width: 100%; padding: 15px 0; }
    .pro dl { width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; }
        .pro dl dt { width: 225px; height: 155px; float: left; border: 2px solid #ddd; border-radius: 2px; -moz-border-radius: 2px; -webkit- border-radius:2px; }
            .pro dl dt img { width: 225px; height: 155px; vertical-align: top; }
        .pro dl dd { width: 565px; float: right; margin-right: 10px; }
            .pro dl dd .title { width: 100%; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .pro dl dd .title a { font-size: 20px; color: #000; }
                    .pro dl dd .title a:hover { color: #00A4DF; }
            .pro dl dd .name { width: 100%; height: 22px; line-height: 22px; margin-top: 15px; background: url(../images/icon9.png) no-repeat left center; }
                .pro dl dd .name span { font-size: 14px; color: #444; margin-left: 25px; }
            .pro dl dd p { width: 100%; height: 45px; font-size: 14px; color: #444; line-height: 175%; overflow: hidden; }
.pages { width: 100%; height: 30px; line-height: 30px; text-align: right; margin-top: 12px; }
    .pages a { display: inline-block; *display: inline; zoom: 1; margin-left: 3px; height: 22px; line-height: 22px; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 5px; font-size: 12px; color: #1D71C7; min-width: 12px; text-align: center; }
        .pages a.now, .pages a:hover { color: #FFF; background: #1D71C7; border: 1px solid #1D71C7; }
.about { width: 100%; padding: 15px 0 25px; font-size: 14px; color: #000; line-height: 175%; }
.support { width: 100%; padding: 20px 0; }
    .support li { padding-bottom: 15px; border-bottom: 1px dashed #ddd; margin-bottom: 15px; font-size: 14px; color: #000; line-height: 175%; }
        .support li .title { width: 100%; padding: 5px 0; color: #19B1EB; }
        .support li .des { width: 92%; padding: 0 4%; }
            .support li .des .des_m { width: 92%; padding: 0 4%; }
                .support li .des .des_m p div { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: auto; }
.demo { width: 100%; padding: 20px 0; }
    .demo h5 { width: 100%; height: 50px; line-height: 50px; font-size: 20px; font-weight: normal; color: #00A4DF; }
    .demo ul { width: 100%; border-bottom: 1px dashed #ddd; margin-bottom: 20px; }
        .demo ul li { width: 395px; float: left; margin-right: 30px; margin-bottom: 20px; }
            .demo ul li embed { width: 395px; height: 300px; vertical-align: top; }
            .demo ul li .title { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333; }
.case { width: 100%; padding: 20px 0; }
    .case dl { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
        .case dl dt, .case dl dt img { width: 245px; height: 160px; float: left; vertical-align: top; }
        .case dl dd { width: 560px; float: right; text-align: left; font-size: 14px; color: #000; line-height: 230%; }
            .case dl dd .title { width: 100%; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .case dl dd .title a { font-size: 16px; color: #C50000; }
                    .case dl dd .title a:hover, .case dl dd .c_more:hover { color: #00A4DF; }
            .case dl dd .des { width: 100%; height: 90px; overflow: hidden; }
            .case dl dd .c_more { display: block; width: 70px; height: 22px; border: 1px solid #444; text-align: center; line-height: 22px; color: #333; margin-top: 12px; }








/* main_image */
.main_visual { height: 458px; border-top: 1px solid #d7d7d7; overflow: hidden; position: relative; }
.main_image { height: 458px; overflow: hidden; position: relative; }
    .main_image ul { width: 9999px; height: 458px; overflow: hidden; position: absolute; top: 0; left: 0 }
    .main_image li { float: left; width: 100%; height: 458px; }
        .main_image li span { display: block; width: 100%; height: 458px }
        .main_image li a { display: block; width: 100%; height: 458px }
        .main_image li .img_1 { background: url('../images/ban1.png') center top no-repeat }
        .main_image li .img_2 { background: url('../images/ban2.png') center top no-repeat }
        .main_image li .img_3 { background: url('../images/ban3.png') center top no-repeat }
        .main_image li .img_4 { background: url('../images/ban4.jpg') center top no-repeat }
        .main_image li .img_5 { background: url('../images/ban5.jpg') center top no-repeat }


div.flicking_con { position: absolute; top: 420px; left: 50%; z-index: 999; width: 300px; height: 21px; margin: 0 0 0 -50px; }
    div.flicking_con a { float: left; width: 21px; height: 21px; margin: 0; padding: 0; background: url('../images/btn_main_img.png') 0 0 no-repeat; display: block; text-indent: -1000px }
        div.flicking_con a.on { background-position: 0 -21px }
#btn_prev, #btn_next { z-index: 11111; position: absolute; display: block; width: 73px !important; height: 74px !important; top: 50%; margin-top: -37px; display: none; }
#btn_prev { background: url(../images/hover_left.png) no-repeat left top; left: 100px; }
#btn_next { background: url(../images/hover_right.png) no-repeat right top; right: 100px; }


.main_a { width: 100%; height: auto; padding-top: 25px; }

.mains { width: 1150px; height: auto; margin: 0 auto; }

.ma_l { width: 21%; height: auto; float: left; border: 1px solid #CCC; }

    .ma_l p { width: 100%; height: 74px; line-height: 74px; text-align: center; font-size: 20px; color: #FFF; background: #0077ba; }

.ma_nav { width: 100%; height: auto; margin-top: 10px; }

    .ma_nav span { width: 90%; height: 45px; line-height: 45px; color: #FFF; text-align: left; font-size: 16px; padding-left: 10%; display: block; background: #0077ba; margin-top: 10px; }

        .ma_nav span a { color: #FFF; }

            .ma_nav span a:hover { color: #FF0; font-size: 16px; }




    .ma_nav ul { width: 100%; height: auto; margin: 0 auto; }

        .ma_nav ul li { width: 90%; height: 17px; line-height: 17px; margin-top: 12px; padding-left: 10%; color: #000; }


            .ma_nav ul li ul { width: 100%; height: auto; background: #000; }


                .ma_nav ul li ul li { width: 100%; height: 60px; line-height: 60px; background: #FFF; }


.ma_r { width: 75%; height: auto; float: right; }

.ma_r_lm { width: 100%; height: 40px; line-height: 40px; text-align: left; border-bottom: 1px solid #999; }

    .ma_r_lm span { width: 20%; display: block; float: left; text-align: center; line-height: 40px; border-bottom: 2px solid #0077ba; }

    .ma_r_lm p { width: 10%; display: block; float: right; text-align: center; line-height: 40px; }

.ma_r_c { width: 100%; height: auto; }


.conbt_cps { width: 260px; height: 285px; background: #ffffff; float: left; background: #ffffff; color: #FFF; display: block; border: 1px solid #eeeeee; margin-left: 25px; margin-top: 16px; display: block; }

    .conbt_cps a { background: #FFF; display: block; }

        .conbt_cps a:hover { background: #06C; color: #FFF; }



    .conbt_cps img { width: 256px; height: 211px; padding: 2px; text-align: center; }

    .conbt_cps span { width: 210px; height: 50px; margin: 0 auto; text-align: center; display: block; font-size: 16px; text-align: center; margin-top: 15px; }

    .conbt_cps p { width: 162px; height: 50px; text-align: center; margin: 0 auto; line-height: 50px; background: #0091ba; }

        .conbt_cps p a { color: #FFF }


            .conbt_cps p a:hover { color: #FF0; }

.ma_r_c p { width: 100%; height: auto; text-align: left; }



.main_b { width: 100%; height: 763px; margin-top:1px; background: url(../images/mp_12.png) center; }


.xs_a { width: 100%; height: auto; background: #FFF; }


.xs_as { width: 1150px; height: 650px; margin: 0 auto; }


.xsbt { width: 100%; height: 63px; padding-top: 30px; background: url(../images/xsbt_21.png) no-repeat center top; font-size: 20px; font-weight: 500; text-align: center; color: #005baa; margin-top: 10px; }


.xslm { width: 100%; height: auto; }

    .xslm ul { width: 100%; height: auto; margin: 0 auto; }

        .xslm ul li { width: 20%; float: left; margin-left: 4%; text-align: center; margin-top: 2%; background: #FFF; }


            .xslm ul li img { width: 94%; height: 210px; border-radius: 210px; border: 8px solid #b0cce5; }



            .xslm ul li span { width: 100%; height: 20px; color: #000; line-height: 30px; }

                .xslm ul li span a:hover { font-size: 15px; color: #00C; text-decoration: underline; }


.xs_b { width: 100%; height: auto; background: url(../images/xrbj_20.gif) no-repeat center top; display: block; margin-top: 25px; }


.xs_bs { width: 1150px; height: 500px; margin: 0 auto; }


.xs_bs_c ul li { width: 20%; float: left; margin-left: 4%; text-align: center; margin-top: 2%; }


    .xs_bs_c ul li img { width: 94%; height: 210px; }


    .xs_bs_c ul li span { width: 100%; height: 50px; color: #000; line-height: 50px; }

    .xs_bs_c ul li p { width: 75%; height: 30px; color: #FFF; background: #333; margin: 0 auto; border-radius: 35px; line-height: 30px; }



.xs_bs_c ul a { color: #03C; }


    .xs_bs_c ul a:hover { color: #000; }


.xs_c { width: 100%; height: auto; background: #FFF; display: block; margin-top: 25px; }


.xs_cs { width: 1150px; height: 380px; margin: 0 auto; }




.xs_cs_c { width: 48%; margin-top: 5%; float: left; margin-right: 15px; }




.new_a { width: 46%; float: left; }


    .new_a img { width: 234px; height: 152px; float: left; }


.new_b { width: 52%; height: auto; float: right; font-size: 14px; color: #000; }

    .new_b h3 { width: 100%; font-size: 16px; text-align: left; color: #000; }

    .new_b span { width: 100%; font-size: 10px; line-height: 25px; text-align: left; color: #999; }


    .new_b p { width: 100%; font-size: 12px; line-height: 25px; }

        .new_b p a:hover { color: #005bac; }



.new_l { width: 45%; height: auto; float: left; background: #063; }


.new_r { width: 45%; height: auto; float: right; background: #063; }


.bottom { width: 100%; height: auto; background: #292929; margin-top: 60px; }


.bottom_c { width: 1150px; height: auto; margin: 0 auto; padding: 25px 0px; }

.bo_a { width: 18%; height: 200px; float: left; margin-right: 2%; border-right: 1px solid #7d7d7d }

.bo_b { width: 55%; height: auto; float: left; }

    .bo_b ul { width: 100%; height: auto; }

        .bo_b ul li { width: 23%; height: auto; float: left; margin-left: 2%; }


            .bo_b ul li span { width: 90%; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; border: 1px solid #005bac; display: block; color: #FFF; }

            .bo_b ul li ul { width: 100%; height: auto; margin-top: 10px; }

                .bo_b ul li ul li { width: 95%; height: 28px; text-align: left; line-height: 28px; padding-left: 20%; color: #FFF; }

                    .bo_b ul li ul li a { color: #FFF; }

                        .bo_b ul li ul li a:hover { width: 100%; height: 25px; color: #FF0; }


.bo_c { width: 20%; height: auto; padding-left: 2%; float: right; border-left: 1px solid #7d7d7d }



    .bo_c span { width: 40%; height: 30px; line-height: 30px; margin-bottom: 25px; text-align: center; border-radius: 15px; border: 1px solid #005bac; display: block; color: #FFF; }

    .bo_c p { width: 100%; height: auto; line-height: 30px; text-align: left; color: #FFF; }



.main { width: 100%; height: auto; }


.main_cc { width: 100%; height: 448px; background: url(../images/mp_11.png) no-repeat center top; }

.main_c { width: 1150px; height: auto; margin: 0 auto; }

.main_cs { width: 700px; height: auto; line-height: 28px; padding: 60px 0 0 450px; color: #000; margin: 0 auto; }

.main_cs span a{
	color:#FF0;
	
	}
	
.main_cs span a:hover {
	font-size:15px;
	color:#FC0
	
	}

.main_d { width: 100%; height: auto; margin-top: 40px; }


.maind_cs { width: 1150px; height: auto; margin: 0 auto; }


.md_nav { width: 100%; height: 50px; }


    .md_nav p { width: 28%; height: 35px; float: left; border-radius: 25px; font-size: 18px; color: #00b7ee; text-align: center; line-height: 35px; border: 2px solid #00b7ee; }

    .md_nav span { width: 10%; height: 45px; line-height: 45px; float: right; color: #00b7ee; }


        .md_nav span a { color: #00b7ee; }

            .md_nav span a:hover { color: #CCC; font-size: 16px; }

.md_c { width: 100%; height: auto; background: #eeeeee; margin-top: 25px; }


    .md_c ul { width: 88%; height: auto; padding: 25px; margin: 0 auto; }

        .md_c ul li { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #fff; }

    .md_c span { height: auto; float: right; text-align: center; }


    .md_c p { width: 40%; height: 120px; line-height: 30px; float: left; text-align: left; }

    .md_c img { width: 316px; height: 215px; float: right; text-align: center; }



.md_l { width: 42%; height: auto; float: left; }

.md_r { width: 50%; height: auto; float: right; }



.left { width: 20%; padding: 1%; height: auto; float: left; border: 1px solid #f0f0f0; margin-top: 15px; }





    .left span { width: 100%;; height: 45px; line-height: 45px; display: block; text-align: center; font-size: 25px; border-bottom: 1px solid #CCC; }


    .left p { width: 100%;; height: auto; line-height: 25px; margin-top: 15px; }


    .left ul { width: 100%; height: auto; }

    .left h3 { width: 100%; height: 50px; background: #0077ba; text-align: center; line-height: 50px; }

        .left h3 a { color: #FFF; }

    .left ul li { width: 100%; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; display: block; border-bottom: 1px dotted #FFF; }


        .left ul li a { display: block; color: #000; border-bottom: 1px dotted #ccc; border-radius: }


            .left ul li a:hover { font-size: 16px; color: #FFF; background: #0077ba; text-decoration: none; }




.right { width: 72%; height: auto; float: right; margin-top: 15px; }


.r_title { width: 100%; height: 50px; border-bottom: 1px solid #CCC; }

.r_bt { width: 20%; height: 50px; font-size: 18px; text-align: center; line-height: 50px; float: left; border-bottom: 2px solid #0091ba; }

.r_nav { width: 20%; height: 50px; line-height: 50px; float: right; }


.con_main { width: 100%; height: auto; padding-top: 15px; line-height: 30px; }

.pro { width: 100%; height: auto; }


    .pro ul { width: 100%; height: auto; margin: 0 auto; }


        .pro ul li { width: 250px; height: 260px; float: left; color: #000; text-align: center; margin-left: 20px; margin-top: 15px; background: #F2F2F2; display: block; }

            .pro ul li img a { color: #FFF; }


            .pro ul li a:hover { width: 250px; height: 260px; color: #999; display: block; background: #ccc; }

            .pro ul li img { width: 240px; height: 200px; padding-top: 5px; margin: 0 auto; display: block; }




            .pro ul li span { width: 100%; height: 40px; line-height: 40px; color: #000; text-align: center; margin-top: 5px; display: block; }





.news_ly { width: 100%; height: auto; margin-top: 15px; }


    .news_ly a:hover { width: 100%; height: auto; background: #CCC; color: #0091ba; }



.n_time { width: 15%; height: 60px; color: #0090b9; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 40px; font-size: 38px; float: left; border-right: 1px solid #ececec; }

    .n_time span { font-size: 12px; color: #CCC; text-align: center; display: block; }


.n_con { width: 78%; height: 120px; float: right; }




    .n_con span { width: 100%; height: 45px; font-size: 18px; color: #09C; line-height: 35px; font-weight: 500; }


    .n_con p { width: 100%; height: auto; margin-top: 10px; line-height: 26px; color: #999; }



.n_tus { width: 152px; float: left; height: 124px; padding: 2px; margin-top: 25px; margin: 0px 0 25px 0; }


    .n_tus img { width: 148px; height: 120px; padding: 2px; border: 1px solid #B1D7F8; }




.newlist { width: 98%; margin-top: 5%; float: left; margin-right: 15px; border-bottom: 1px solid #dcf1fd; }




.newlist_a { width: 30%; float: left; }


    .newlist_a img { width: 234px; height: 152px; float: left; }


.newlist_b { width: 65%; height: auto; float: right; font-size: 14px; color: #000; }

    .newlist_b h3 { width: 100%; font-size: 16px; text-align: left; color: #000; }

    .newlist_b span { width: 100%; font-size: 10px; line-height: 25px; text-align: left; color: #999; }


.nnewlist_b p { width: 100%; font-size: 12px; line-height: 25px; }

.newlist_b p a:hover { color: #005bac; }



.newlist_l { width: 45%; height: auto; float: left; background: #063; }


.newlist_r { width: 45%; height: auto; float: right; background: #063; }



.proshow { width: 100%; height: auto; }


.p_show { width: 55%; height: 400px; float: left; }

.P_title { width: 40%; height: 400px; float: right; }


    .P_title ul { width: 100%; height: auto; }

        .P_title ul li { width: 100%; height: 60px; }

        .P_title ul p { width: 100%; height: 100px; line-height: 28px; }



.proshow_c { width: 100%; height: auto; margin-top: 35px; }



.pro_c_t { width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border-bottom: 1px solid #CCC; }


    .pro_c_t span { width: 25%; height: 45px; display: block; text-align: center; background: #0077ba; line-height: 45px; }


.pro_c_xx { width: 100%; height: auto; margin-top: 25px; }


<!-- 产品幻灯片-- > .picshow { BORDER-BOTTOM: #d9e0ea 1px solid; BORDER-LEFT: #d9e0ea 1px solid; MARGIN: 0px auto; WIDTH: 500px; HEIGHT: 620px; BORDER-TOP: #d9e0ea 1px solid; BORDER-RIGHT: #d9e0ea 1px solid }

#picarea { MARGIN: 0px auto; WIDTH: 500px; BACKGROUND: #fff; HEIGHT: auto; }
#bigpicarea { POSITION: relative; MARGIN: 0px auto; WIDTH: 450px; HEIGHT: 482px; OVERFLOW: hidden }
.image { TEXT-ALIGN: center }
    .image IMG { BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid }
#bigpicarea .word { TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333 }
    #bigpicarea .word H3 { TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px }
#bigpicarea .ui-els-hide { DISPLAY: none }
#thumbs { LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 500px; HEIGHT: auto; }
* HTML #thumbs { HEIGHT: 100% }
    #thumbs LI { MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px }
    #thumbs UL { MARGIN-TOP: 3px }
    #thumbs LI.last_img { MARGIN-RIGHT: 4px }
    #thumbs LI.first { MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer }
    #thumbs LI.last { MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer }
    #thumbs LI A { BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid }
        #thumbs LI A:hover { BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid }
        #thumbs LI A.current { BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid }
    #thumbs LI.first IMG { }
    #thumbs LI.last IMG { }
.bigbtnPrev { Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px }
.bigbtnNext { Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px }
#big_play_prev { BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png') }
#big_play_next { BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png') }
#smallpicarea { MARGIN: 0px auto; WIDTH: 500px; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 20px }

/*页面详细，分页，产品，新闻*/
#pagination { display: block; list-style: none; position: absolute; left: 50%; top: 350px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0; width: 700px; }
    #pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF; }
        #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
        #pagination li.current { background: #0092CE; }
.pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 165px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width: 220px; height: 195px; *height: 195px; border: 1px solid #eee; margin-left: 0px; }
    .pbox a img { /*设置图片垂直居中*/ vertical-align: middle; max-width: 220px; max-height: 195px; }
    .pbox a { vertical-align: middle; }
.pbox_title { text-align: center; width: 220px; line-height: 30px; height: 30px; margin-left: 0px; }
    .pbox_title a { font-size: 12px; color: black; text-decoration: none; }
        .pbox_title a:hover { font-size: 12px; color: orangered; }

.cm { margin-top: 10px; width: 725px; }
    .cm ul li { float: left; width: 241px; list-style: none; margin: 0px; padding: 0px; font-size: 12px; }

/*新闻*/
/*#neinews, .gen_content1, .gen_details_content { width: 740px; margin: auto; }
    #neinews ul { margin: 0px; padding: 0px; list-style: none; }
        #neinews ul li { margin: 0px; padding: 0px; margin-top: 8px; }
            #neinews ul li a { display: block; padding-left: 15px; height: 30px; line-height: 30px; background: #F6F6F6; }
                #neinews ul li a:hover { background: #999; color: #FFF; }*/
.gen_details_content { width:100%;clear:both;padding-top:15px; }
.gen_details_title { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
.gen_details_center { text-align: center; }
.pagination { padding: 5px 0px 0px 0px; width: 100%; display: inline-block; vertical-align: top; }

.acr_news { width: 98% }
    .acr_news li { overflow: hidden; border-bottom: 1px dashed #cecece; line-height: 35px; }
        .acr_news li a { display: block; color: #333; font-size: 12px; width: 450px; float: left }
            .acr_news li a:hover { color: #db0000; }
        .acr_news li p { width: 150px; float: right; text-align: right; color: #666 }
        .acr_news li span { display: block; clear: both; color: #cecece; line-height: 18px; padding-top: 5px }
        .acr_news li:hover { }

.left dl dt a { color: white; font-size: 14px; padding-left: 10px; background-color: #0094ff; display: block; line-height: 35px; border-top: 1px solid #fff; }
.left dl dd a { padding-left: 20px; color: black; line-height: 30px; border-top: 1px solid #fff; display: block; background-color: #eee }

#gdleft ul li { width: 240px; }
.left_param { float:right; width:40%; height: 350px; }
    .left_param p { font-size: 14px; }

.nav { width: 1010px; list-style: none; display: block; margin: auto; }
    .nav li { float: left; width: 112px; text-align: center; }
        .nav li a { height: 48px; line-height: 48px; display: block; font-size: 15px; color: white; }
            .nav li a:hover { background-color: #d8261e; }
.leftpro { width: 240px; }
    .leftpro tr th { font-weight: initial; vertical-align: top; width: 70px; text-align: right; }
    .leftpro tr td { }

.pro_nav1 ul { list-style: none; }
    .pro_nav1 ul li { float: left; margin: 0px 1px; }
        .pro_nav1 ul li a { background-color: #383842; width: 225px; font-size: 16px; color: white; display: block; text-align: center; line-height: 60px; }
            .pro_nav1 ul li a:hover { background-color: #F60; }
.pro_navtitle { font-size: 18px; float: left; line-height: 60px; width: 100px; text-align: right; padding-right: 15px; margin-right: 1px; }

.home_pro { margin-top: 72px; width: 1000px; }
    .home_pro ul li { float: left; }

.pro_nav { clear: both; padding-top: 35px; }
.pdiv { height: 40px; background-color: #66b2f2; line-height: 40px; padding: 0px 10px; margin-right: 1px; font-size: 16px; font-weight: bold; float: left; }
.pro_nav ul { clear: both; list-style: none; }
    .pro_nav ul li { width: 100%; }
.pro_nav hr { clear: both; }

.con, .con_box, .con_rows { width: 940px; }
    .con_box ul, .con_rows ul { list-style: none; margin-top: 10px; }
        .con_box ul li { float: left; padding: 0px 6px; }
        .con_rows ul li { border-bottom: 1px dashed #efefef; line-height: 35px; }
            .con_rows ul li a { color: #373737; width: 840px; padding-left: 5px; display: block; float: left; }