/* actGotop */
.actGotop { position: fixed; _position: absolute; bottom: 50px; right: 2%; width: 50px; height: 50px; display: none; z-index: 999999; }
.actGotop a, .actGotop a:link { width: 50px; height: 50px; display: inline-block; text-align: center; background: url("../images/up.png") no-repeat center; }
.actGotop a:hover { background: url("../images/up.png") no-repeat center; outline: none; }


.main_nr_box { width: 1200px; overflow: hidden; margin: 0 auto; background: #FFFFFF; }

@media only screen and (max-width:768px) {
    .main_nr_box { width: 96%; overflow: hidden; margin: 0 auto; }
}


.scd_t { width: 100%; height: 50px; border-bottom: 2px solid #ccc; text-align: left; margin-top: 20px; }
.scd_t span, .scd_t span a { display: inline-block; *display: inline; zoom: 1; height: 50px; line-height: 50px; vertical-align: top; }
.scd_t span { padding: 0px 15px; text-align: center; }
.scd_t span a { font-size: 20px; color: #323232; padding: 0px 15px; }
.scd_t span.now a, .scd_t span a:hover { color: #481c87; border-bottom: 2px solid #481c87; padding: 0px 15px; }
.scd_m { width: 100%; padding-top: 25px; font-size: 14px; color: #555555; line-height: 220%; overflow: hidden; }


.area_box { width: 1200px; overflow: hidden; padding-top: 20px; border-bottom: #CCCCCC 1px solid; }
.area_sheng { margin: 0px; background: #481c87; font-size: 14px; line-height: 28px; font-weight: bold; color: #fff; width: auto; padding: 0px 10px; float: left; width: auto; margin-right: 15px; width: 134px; }
.area_dq { overflow: hidden; }
.area_dq ul { margin: 0px; padding: 0px; float: left; overflow: hidden; }
.area_dq ul li { float: left; padding: 0px 0px; margin: 0px 20px 0px 0px; width: auto; line-height: 26px; font-size: 14px; }
.area_dq ul li a { font-size: 14px; color: #333333; }
.area_dq ul li a:hover { font-size: 14px; color: #F20000; }
.area_bt { font-size: 18px; line-height: 36px; text-align: center; background: #E3E3E3; color: #FF6633; }
.dw_k { float: right; text-align: right; font-size: 12px; padding-top: 15px; line-height: 22px; }
.dw_k a { font-size: 12px; }

.area_menu_k { width: 100%; overflow: hidden; margin-bottom: 10px; }



.main_nr { overflow: hidden; padding: 20px 10px; font-size: 14px; line-height: 190%; }
.main_nr img { MAX-WIDTH: 100%!important; HEIGHT: auto!important; width: expression(this.width > 840 ? "840px" : this.width)!important; margin-bottom: 0px; }

.scd_r .r_title span em { font-size: 18px; }
.scd_r .scd_m { width: 100%; padding: 4px 0; font-size: 14px; color: #444; line-height: 215%; }

.pages { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }
.pages a { display: inline-block; *display: inline; zoom: 1; height: 30px; line-height: 30px; margin: 0 5px; font-size: 14px; color: #0091A7; padding: 0px 5px; }
.pages a.now, .pages a:hover { color: #E15400; padding: 0px 5px; }
.pages a.bg { width: 70px; text-align: center; color: #FFF; background: #646464; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pages a.bg:hover { color: #FFF; background: #913701; }


a.link_14_p:link { text-decoration: underline; color: #0091A7; font-size: 14px; }
a.link_14_p:visited { text-decoration: none; color: #0091A7; font-size: 14px; text-decoration: underline; }
a.link_14_p:hover { text-decoration: none; color: #1F3284; font-size: 14px; text-decoration: underline; }

a.link_14_p:active { color: #0091A7; font-size: 14px; text-decoration: underline; }


.space_hx { clear: both; width: 100%; height: 20px; font-size: 1px; overflow: hidden; }

/*-----------------育儿列表---*/
#kmtbd1 { overflow: hidden; }
#kmtbd1 ul { margin: 0px; padding: 0px; }
#kmtbd1 ul li { margin: 0px; padding: 0px; overflow: hidden; border-bottom: 1px dashed #bbb; padding-bottom: 4px; margin-bottom: 4px; }
.main2_r_l { width: 100%; float: left; padding-top: 1px; overflow: hidden; }
.main2_r_bt { font-size: 16px; color: #444; margin-bottom: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main2_r_bt a { color: #444; }
.main2_r_bt a:hover { color: #481c87; }
.main2_r_nr { font-size: 12px; color: #777; line-height: 22px; }
.main2_r_r { width: 88px; float: right; color: #666; font-size: 12px; line-height: 25px; margin-left: 20px; }
.main2_r_r span { color: #444; font-size: 12px; text-align: center; display: block; font-weight: normal; }

.dlm_f_gre24 { font-size: 20px; }


.content_bt { width: 100%; line-height: 40px; font-size: 16px; text-align: center; padding-top: 15px; font-weight: bold; }
.content_time { width: 100%; border-bottom: #ccc 1px solid; font-size: 12px; color: #666666; text-align: center; padding-bottom: 4px; }
.i_date { background: url("../images/i_date.png") no-repeat left center; padding-left: 25px; margin-right: 20px; }
.i_View { background: url("../images/i_View.png") no-repeat left center; padding-left: 25px; }

.fanye { width: 100%; overflow: hidden; margin: 15px 0px; border-top: #CCCCCC 1px solid; }
.fanye li { list-style: none; line-height: 30px; font-size: 12px; }
.fanye li a { font-size: 12px; }


.main_div_L { width: 270px; overflow: hidden; float: left; padding: 10px 0px; margin-top: 10px; }
.main_div_R { width: 900px; overflow: hidden; float: right; border-left: #CCCCCC 0px solid; }


.about_jz { overflow: hidden; width: 100%; }
.about_jz ul { margin: 0px; padding: 0px; }
.about_jz ul li { margin: 0px; padding: 0px; list-style: none; width: 33.33%; float: left; margin-top: 10px; text-align: center; }

.jz_txt_k1 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js1.png") no-repeat center; border: #E61874 2px solid; }
.jz_txt_k1 p { font-size: 18px; line-height: 20px; }

.jz_txt_k2 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js2.png") no-repeat center; border: #FCC919 2px solid; }
.jz_txt_k2 p { font-size: 18px; line-height: 20px; }

.jz_txt_k3 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js3.png") no-repeat center; border: #481c87 2px solid; }
.jz_txt_k3 p { font-size: 18px; line-height: 20px; }

.jz_txt_js { width: 90%; margin: 5px auto; overflow: hidden; font-size: 16px; text-align: center; line-height: 30px; font-weight: bold; }
.jz_txt_js p { font-size: 14px; padding: 0px; margin: 0px; line-height: 22px; font-weight: normal; }

.pp_div { width: 100%; margin: 20px 0px; }
.pp_div_L { width: 38%; float: left; margin-right: 2%; }
.pp_div_R { width: 60%; float: left; overflow: hidden; }
#l-map { height: 400px; width: 100%; margin-top: 20px; }
#r-result { width: 100%; }


/*----book---*/
.book_bt { width: 100%; font-size: 20px; color: #481c87; font-weight: bold; margin: 10px auto; }

.tijiaoBtn { background: #471c87; background-image: -webkit-gradient(linear, left top, left bottom, from(#511e9d), to(#471c87)); background-image: -webkit-linear-gradient(top, #511e9d, #471c87); background-image: -moz-linear-gradient(top, #511e9d, #471c87); background-image: -o-linear-gradient(top, #511e9d, #471c87); border-radius: 5px; width: 32%; border: none; height: 40px; line-height: 40px; font-family: microsoft yahei; text-align: center; display: block; margin: 20px auto 10px; font-size: 18px; color: #fff; float: left; margin-right: 5%; cursor: pointer; }

.tijiaoBtn1 { background: #471c87; background-image: -webkit-gradient(linear, left top, left bottom, from(#511e9d), to(#471c87)); background-image: -webkit-linear-gradient(top, #511e9d, #471c87); background-image: -moz-linear-gradient(top, #511e9d, #471c87); background-image: -o-linear-gradient(top, #511e9d, #471c87); border-radius: 5px; width: 32%; border: none; height: 40px; line-height: 40px; font-family: microsoft yahei; text-align: center; display: block; margin: 20px auto 10px; font-size: 18px; color: #fff; float: left; cursor: pointer; }

.errorTips { background: #fef5cc; height: 40px; border: none; color: #d17124; font-size: 14px; text-align: center; line-height: 40px; }
.errorTips { font-size: 16px; }
.book_zt ul { margin-top: 10px; overflow: hidden; width: 80%; margin: 0 auto; }
.book_zt li span { display: inline-block; vertical-align: middle; width: 98%; margin-bottom: 2px; line-height: 25px; padding-left: 5px; font-size: 16px; overflow: hidden; }
.book_zt li input { outline: none; line-height: 30px; border: none; color: #777; font-size: 16px; width: 98%; background: #F6F6F6; padding: 2px 1%; border-radius: 5px; }
.book_zt li textarea { outline: none; line-height: 25px; border: none; color: #aaa; font-size: 16px; width: 98%; background: #eee; padding: 2px 1%; border-radius: 5px; }
.book_an { width: 80%; margin: 0 auto; }

.left_cp { overflow: hidden; border-bottom: #CCCCCC 1px dotted; margin-bottom: 10px; margin-right: 20px; }
.left_cp_L { width: 80px; margin-right: 10px; float: left; }
.left_cp_L img { width: 80px; height: 80px; }
.left_cp_R { width: 150px; float: left; }
.left_cp_R p { line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }


.left_list { width: 100%; overflow: hidden; }
.left_list li { line-height: 25px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.left_time { line-height: 25px; float: right; }


/*----soso---*/
.soso_k { width: 100%; overflow: hidden; margin: 10px 0px; border-bottom: #CCCCCC 1px solid; font-size: 16px; line-height: 33px; }
.soso_k span { font-size: 16px; color: #FF6600; padding: 0px 4px; }

@media only screen and (max-width:768px) {

    .scd_m { width: 100%; padding-top: 5px; font-size: 14px; color: #555555; line-height: 220%; overflow: hidden; }
    .area_box { width: 100%; overflow: hidden; padding-top: 10px; border-bottom: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid; }

    .scd_t { width: 100%; border-bottom: 2px solid #ccc; text-align: left; overflow: hidden; }
    .scd_t span, .scd_t span a { display: inline-block; *display: inline; zoom: 1; height: auto; line-height: 35px; vertical-align: top; float: left; width: auto; }
    .scd_t span { padding: 0px 1px; text-align: center; float: left; width: auto; line-height: 35px; }
    .scd_t span a { font-size: 18px; color: #323232; padding: 0px 1px; line-height: 35px; }
    .scd_t span.now a, .scd_t span a:hover { color: #481c87; border-bottom: 0px solid #481c87; padding: 0px 1px; line-height: 35px; }
    .scd_m { width: 100%; padding-top: 25px; font-size: 14px; color: #555555; line-height: 220%; overflow: hidden; }
    .scd_t { height: auto; overflow: hidden; margin-top: 10px; }


    .main_nr { overflow: hidden; padding: 15px 10px; font-size: 14px; line-height: 190%; }
    .main_nr img { MAX-WIDTH: 100%; height: auto; margin-bottom: 0px; }

    .main_div_L { width: 100%; overflow: hidden; float: left; border-right: #CCCCCC 0px solid; margin-top: 10px; height: auto; }
    .main_div_R { width: 100%; overflow: hidden; float: left; }


    .scd .scd_l { width: 100%; background-size: 100%; height: auto; padding-bottom: 20px; display: none; }
    .scd_l .s_nav li { width: 280px; background-repeat: repeat-x; }
    .scd_l .s_nav li a { width: 241px; }
    .scd .scd_r { width: 100%; }
    .scd_r .r_title { font-size: 24px; }
    .scd_r .scd_m { overflow: hidden; }
    .scd_r .scd_m img { max-width: 320px; height: auto; }
    .pro li img, .pro li { width: 318px; height: 296px; margin-right: 0px; }
    .pro li .des { width: 320px; }
    .pages a { font-size: 14px; }

    .news dl dd { width: 100%; }
    .news dl dd .title em { font-size: 12px; }
    .service dt, .service dd { width: 100%; height: auto; }
    .service dt { margin-bottom: 20px; }
    .contact dl dt { width: 100%; margin-right: 0; text-align: center; }
    .contact dl dd { width: 100%; line-height: 180%; }
    .contact dl dd p { margin-bottom: 10px; }

    .news dl dt { width: 25%; overflow: hidden; margin-right: 2%; float: left; }
    .news dl dt img { width: 100%; overflow: hidden; margin-top: 12px; }
    .news dl dd { width: 73%; overflow: hidden; }


    .content_bt { width: 100%; line-height: 40px; font-size: 16px; text-align: left; padding-top: 15px; font-weight: bold; }
    .content_time { width: 100%; border-bottom: #ccc 1px solid; font-size: 12px; color: #666666; text-align: left; padding-bottom: 4px; }

    .about_jz { overflow: hidden; width: 100%; }
    .about_jz ul { margin: 0px; padding: 0px; }
    .about_jz ul li { margin: 0px; padding: 0px; list-style: none; width: 100%; float: left; margin-top: 10px; }

    .jz_txt_k1 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js1.png") no-repeat center; border: #E61874 2px solid; }
    .jz_txt_k1 p { font-size: 18px; line-height: 20px; }

    .jz_txt_k2 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js2.png") no-repeat center; border: #FCC919 2px solid; }
    .jz_txt_k2 p { font-size: 18px; line-height: 20px; }

    .jz_txt_k3 { width: 140px; margin: 0 auto; height: 140px; color: #FFFFFF; border-radius: 50%; padding-top: 30px; background: url("../images/i_js3.png") no-repeat center; border: #481c87 2px solid; }
    .jz_txt_k3 p { font-size: 18px; line-height: 20px; }

    .jz_txt_js { width: 98%; margin: 5px auto; overflow: hidden; font-size: 14px; text-align: center; line-height: 30px; font-weight: bold; }
    .jz_txt_js p { font-size: 14px; padding: 0px; margin: 0px; line-height: 22px; font-weight: normal; }

    .pp_div { width: 100%; overflow: hidden; margin: 20px 0px; }
    .pp_div_L { width: 100%; float: left; overflow: hidden; }
    .pp_div_R { width: 100%; float: left; overflow: hidden; }

    #l-map { height: 200px; width: 100%; margin-top: 20px; }
    #r-result { width: 100%; }


    /*----book---*/
    .book_bt { width: 100%; font-size: 20px; color: #481c87; }
    .tijiaoBtn { background: #d00000; background-image: -webkit-gradient(linear, left top, left bottom, from(#FD8044), to(#F96B27)); background-image: -webkit-linear-gradient(top, #FD8044, #F96B27); background-image: -moz-linear-gradient(top, #FD8044, #F96B27); background-image: -o-linear-gradient(top, #FD8044, #F96B27); border-radius: 5px; width: 32%; border: none; height: 40px; line-height: 40px; font-family: microsoft yahei; text-align: center; display: block; margin: 20px auto 10px; font-size: 18px; color: #fff; float: left; margin-right: 5%; cursor: pointer; }

    .tijiaoBtn1 { background: #d00000; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFA793), to(#BFA793)); background-image: -webkit-linear-gradient(top, #BFA793, #BFA793); background-image: -moz-linear-gradient(top, #BFA793, #BFA793); background-image: -o-linear-gradient(top, #BFA793, #BFA793); border-radius: 5px; width: 32%; border: none; height: 40px; line-height: 40px; font-family: microsoft yahei; text-align: center; display: block; margin: 20px auto 10px; font-size: 18px; color: #fff; float: left; cursor: pointer; }


    .errorTips { background: #fef5cc; height: 40px; border: none; color: #d17124; font-size: 14px; text-align: center; line-height: 40px; }
    .errorTips { font-size: 16px; }
    .book_zt ul { margin-top: 10px; overflow: hidden; width: 100%; margin: 0 auto; }
    .book_zt li span { display: inline-block; vertical-align: middle; width: 98%; margin-bottom: 2px; line-height: 25px; padding-left: 5px; font-size: 16px; overflow: hidden; }
    .book_zt li input { outline: none; line-height: 30px; border: none; color: #777; font-size: 16px; width: 98%; background: #F6F6F6; padding: 2px 1%; border-radius: 5px; }
    .book_zt li textarea { outline: none; line-height: 25px; border: none; color: #aaa; font-size: 16px; width: 98%; background: #eee; padding: 2px 1%; border-radius: 5px; }
    .book_an { width: 100%; margin: 0 auto; }

    .left_cp { overflow: hidden; border-bottom: #CCCCCC 1px dotted; margin-bottom: 10px; }
    .left_cp_L { width: auto; float: left; }
    .left_cp_L img { width: 80px; height: 80px; }
    .left_cp_R { width: 60%; float: left; }
    .left_cp_R p { line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
}


table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
ul { list-style: none; }


.main { width: 100%; margin: 10px auto; border: 1px solid #ccc; border-radius: 5px; padding: 10px; }
.item { margin-bottom: 15px; }
.item:after { clear: both; content: "/"; height: 0; display: block; visibility: hidden; }
.item-left { float: left; width: 80px; line-height: 30px; text-align: right; }
.item-right { float: left; width: 400px; }
.item-right:after { clear: both; content: "/"; height: 0; display: block; visibility: hidden; }
.item-text { display: block; float: left; width: 200px; height: 22px; border: 1px solid #ccc; border-radius: 3px; padding: 4px 10px; }
.item-right input[type=button] { display: block; float: left; line-height: 30px; width: 100px; height: 30px; border: 1px solid #ccc; border-radius: 2px; }
.item-right a { line-height: 30px; color: #1e90ff; font-size: 12px; }
.item-right img { display: block; float: left; height: 30px; margin: 0 10px; }

/*----新闻---*/
.news { width: 100%; padding: 10px 0; }
.news ul { width: 100%; overflow: hidden; }
.news ul li { width: 100%; margin: 0px auto; border: 1px solid #ddd; background: #F7F7F7; margin-bottom: 30px; position: relative; overflow: hidden; }
.news ul li .time { width: 80px; height: 80px; background: #481c87; position: absolute; left: 0; top: 0; color: #FFF; font-size: 13px; text-align: center; }
.news ul li .time b { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 30px; font-weight: normal; }
.news ul li dl { width: 1080px; margin-left: 100px; padding: 10px 0; overflow: hidden; }
.news ul li dl dt, .news ul li dl dt img { width: 250px; height: 180px; float: left; vertical-align: top; }
.news ul li dl dd { width: 800px; padding-left: 27px; border-left: 1px solid #ddd; float: right; height: 180px; overflow: hidden; }
.news ul li dl dd .title { width: 100%; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news ul li dl dd .title a { font-size: 18px; color: #333; }
.news ul li dl dd .title a:hover, .news_d .dx p a:hover { color: #481c87; }
.news ul li dl dd .des { height: 50px; line-height: 195%; font-size: 14px; color: #535353; overflow: hidden; }
.news ul li dl dd .date { width: 100%; height: 40px; line-height: 40px; }
.news ul li dl dd .date span { display: inline-block; *display: inline; zoom: 1; height: 40px; line-height: 40px; vertical-align: top; font-size: 12px; color: #666666; padding-left: 25px; background: url("../images/icon11.png") no-repeat left center; }
.news ul li dl dd .more { display: inline-block; *display: inline; zoom: 1; width: 90px; height: 30px; text-align: center; font-size: 14px; color: #481c87; line-height: 30px; border: 1px solid #481c87; }

.news_d { width: 100%; padding: 50px 0; }
.news_d h1 { width: 100%; font-size: 20px; color: #000; line-height: 150%; text-align: center; margin-bottom: 20px; }
.news_d .ms { width: 100%; text-align: center; border-bottom: 1px dashed #ddd; padding: 15px 0; font-size: 13px; color: #888; }
.news_d .ms span { display: inline-block; *display: inline; zoom: 1; margin: 0 20px; }
.news_d .ctn { width: 100%; padding: 30px 0; text-align: left; font-size: 14px; color: #555; line-height: 200%; padding-bottom: 50px; }
.news_d .dx { width: 100%; text-align: left; }
.news_d .dx p { width: 100%; font-size: 14px; margin-bottom: 10px; color: #555; }
.news_d .dx p a { font-size: 14px; color: #555; }
.scd_m { width: 100%; text-align: left; }


@media screen and (max-width:1130px) {

    .news ul li dl { width: 860px; }
    .news ul li dl dd { width: 555px; padding-left: 25px; }
    .abt_a dl dd { width: 505px; line-height: 195%; }
    .ct_m .ct_ml { width: 385px; }
}

@media screen and (max-width:990px) {

    .news ul li .time { width: 65px; height: 65px; }
    .news ul li .time b { height: 35px; line-height: 35px; }
    .news ul li dl { margin-left: 85px; width: 650px; }
    .news ul li dl dt, .news ul li dl dt img { width: 216px; height: 156px; }
    .news ul li dl dd { width: 405px; padding-left: 15px; height: 165px; }
    .news ul li dl dd .title { height: 40px; line-height: 40px; }
    .news ul li dl dd .title a { font-size: 16px; }
    .abt_a dl dd { width: 385px; line-height: 185%; font-size: 13px; }
    .abt_a dl dt, .abt_a dl dt img { width: 343px; height: 212px; }
    .marqueeleft li img, .marqueeleft li .pic { width: 234px; height: 175px; }
    .marqueeleft li { width: 234px; }
    .team li .pic, .team li .pic img { width: 130px; height: 130px; }
    .ct_m .ct_mr { width: 400px; }
    .ct_m .ct_ml { width: 325px; line-height: 200%; }
}

@media screen and (max-width:770px) {
    .scd { width: 480px; margin: 0px auto; }

    .news ul li .time { display: none; }
    .news ul li dl { width: 460px; margin: 0px auto; }
    .news ul li dl dd { border: 0; padding-left: 10px; }
    .news ul li dl dd { width: 233px; }
    .news ul li dl dd .more { height: 25px; line-height: 25px; }
    .abt_a dl dt, .abt_a dl dt img { width: 480px; height: 296px; }
    .abt_a dl dd { width: 100%; margin-top: 20px; }
    .team li { width: 33.3%; }
    .join table { display: none; }
    .join .join_sj { display: block; }
    .ct_m .ct_mr, .ct_m .ct_ml { width: 100%; }
    .ct_m .ct_ml { background: none; padding-bottom: 0; margin-top: 20px; }
    .ct { padding-bottom: 0; }
}

@media screen and (max-width:500px) {
    .scd { width: 320px; margin: 0px auto; }

    .news ul li dl { width: 290px; margin: 0px auto; }
    .news ul li dl dt, .news ul li dl dt img { width: 290px; height: 209px; }
    .news ul li dl dd { width: 100%; padding: 0; }
    .news_d { width: 310px; margin: 0px auto; }
    .news_d .ms span { margin-bottom: 8px; }
    .abt_a dl dt, .abt_a dl dt img { width: 320px; height: 197px; }
    .team li { width: 50%; }
}


/*--cp_list----*/
a, img { border: 0; }
/* box */
.box { width: 100%; padding-top: 20px; overflow: hidden; }
.cp_box { overflow: hidden; width: 272px; margin-bottom: 10px; margin: 0 auto; }
.cp_box p { line-height: 25px; font-size: 14px; width: 270px; margin-bottom: 5px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cp_box p a { font-size: 14px; color: #666; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cp_box p a:hover { font-size: 14px; color: #5212ae; }
.border_animation { border: 1px solid #fff; width: 100%; height: auto; position: relative; overflow: hidden; }
.border_animation img { width: 270px; height: 270px; border: 0; }
.border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #5212ae; top: 0; left: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #5212ae; bottom: 3px; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #5212ae; right: 0; bottom: 3px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #5212ae; left: 0; top: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.box .hover .border_top, .box .hover .border_bottom { width: 270px; }
.box .hover .border_left, .box .hover .border_right { height: 270px; }

.cs_cp_box { overflow: hidden; }
.cs_cp_box ul { margin: 0px; width: 100%; overflow: hidden; }
.cs_cp_box ul li { width: 25%; float: left; overflow: hidden; }


@media only screen and (max-width:768px) {

    .box { width: 100%; padding-top: 20px; overflow: hidden; }
    .cp_box { overflow: hidden; width: 99%; margin-bottom: 10px; margin: 0 auto; }
    .cp_box p { line-height: 24px; width: auto; font-size: 14px; overflow: hidden; min-height: 48px; }
    .cp_box p a { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; white-space: normal; }
    .cp_box p a:hover { font-size: 14px; color: #5212ae; }
    .border_animation { border: 1px solid #fff; width: 100%; height: auto; position: relative; overflow: hidden; }
    .border_animation img { width: 100%; height: auto; border: 0; }
    .border_animation .border_top { position: absolute; height: 0px; width: 0; font-size: 0; background: #5212ae; top: 0; left: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_right { position: absolute; height: 0px; width: 0px; font-size: 0; background: #5212ae; bottom: 3px; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_bottom { position: absolute; height: 0px; width: 0px; font-size: 0; background: #5212ae; right: 0; bottom: 3px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_left { position: absolute; height: 0px; width: 0px; font-size: 0; background: #5212ae; left: 0; top: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .box .hover .border_top, .box .hover .border_bottom { width: auto; }
    .box .hover .border_left, .box .hover .border_right { height: auto; }

    .cs_cp_box { overflow: hidden; }
    .cs_cp_box ul { margin: 0px; width: 100%; overflow: hidden; }
    .cs_cp_box ul li { width: 50%; float: left; overflow: hidden; }
}



.goods_box { overflow: hidden; }
.goods_L { width: 45%; overflow: hidden; float: left; margin-right: 2%; }
.goods_R { width: 48%; overflow: hidden; float: left; }
.goods_R li { list-style: none; border-bottom: #CCCCCC 1px dotted; line-height: 30px; margin-bottom: 5px; overflow: hidden; }
.goods_R li span { font-weight: bold; }
.goods_R p { margin: 0px; padding: 0px; overflow: hidden; line-height: 30px; }
.goods_bt { font-size: 18px; font-weight: bold; line-height: 50px; color: #471c87; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.share_box { display: block; }

.goods_nr_bt { overflow: hidden; width: 100%; border-bottom: #DBDBDB 1px solid; }
.goods_nr_bt span { padding-left: 10px; color: #471c87; font-size: 16px; line-height: 35px; }

@media only screen and (max-width:768px) {
    .goods_box { overflow: hidden; }
    .goods_L { width: 25%; overflow: hidden; float: left; margin-right: 2%; }
    .goods_R { width: 73%; overflow: hidden; float: left; }
    .goods_R li { list-style: none; border-bottom: #CCCCCC 1px dotted; line-height: 22px; margin-bottom: 1px; font-size: 12px; overflow: hidden; }
    .share_box { display: none; }

    .goods_R li span { font-weight: bold; }
    .goods_R p { margin: 0px; padding: 0px; overflow: hidden; line-height: 22px; font-size: 12px; }
    .goods_bt { font-size: 16px; font-weight: normal; line-height: 30px; color: #471c87; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}


.tijiaoBtn2 { background: #F96B27; background-image: -webkit-gradient(linear, left top, left bottom, from(#FD8044), to(#F96B27)); background-image: -webkit-linear-gradient(top, #FD8044, #F96B27); background-image: -moz-linear-gradient(top, #FD8044, #F96B27); background-image: -o-linear-gradient(top, #FD8044, #F96B27); border-radius: 5px; width: 120px; border: none; height: 40px; line-height: 40px; font-family: microsoft yahei; text-align: center; display: block; margin: 10px auto 10px; font-size: 16px; color: #fff; float: left; cursor: pointer; }
.tijiaoBtn2 a { color: #fff; font-size: 16px; }
