@charset "utf-8";
/* CSS Document Edited by LiLu */
.owl-theme .owl-controls .owl-buttons div{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; filter:alpha(opacity=100); opacity:1; margin:0;padding:0;}
/*********************************index*******************************************************/
.index_focus,.pc_focus,.iphone_focus{ height:633px; background: #000;}
.index_focus{position: relative; visibility: hidden;}
.pc_focus,.iphone_focus{ width:100%; position:fixed;top:0;left:0;z-index:2;}
.focus,.focus .owl-wrapper-outer,.focus .owl-wrapper,.focus .owl-item,.focus .item{ width:100%; height:100%;}
.focus .item{background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #000;cursor: pointer;}
.iphone_focus{display: none;}
.s_down {
    position: relative;
    width: 20px; height: 32px; margin: 10px auto 0; background: url("../images/index_bar03.png") center center no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter:alpha(opacity=0); opacity:0;
    cursor: pointer;
    -webkit-animation: down .8s ease-in-out infinite;
    animation: down .8s ease-in-out infinite
-webkit-animation-delay:.3s;
    animation-delay:.3s;
}
@-webkit-keyframes down {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
}
@keyframes down {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
}
.focus .owl-controls{margin:0;}
.focus .owl-pagination {width:100%; position: absolute;z-index: 1;bottom:20px;text-align:center;}
.focus .owl-controls .owl-page span{width:10px;height:10px;margin:0 5px;background:#fff;}
.focus .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter:alpha(opacity=100); opacity:1;}
.focus .owl-controls .owl-buttons div{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; filter:alpha(opacity=100); opacity:1; margin:0;padding:0; font-size: 0; position: absolute; top:50%; left:3%; margin-top: -0.35rem; width: 0.4rem; height:0.80rem; background: url("../images/arrow_jia01.png") center center no-repeat; background-size: contain; }
.focus .owl-controls .owl-buttons div.owl-next{ left: auto; right: 3%; background-image: url("../images/arrow_jia02.png");}
.focus_down{ position: absolute; bottom: 10%; left: 50%; margin-left: -65px; width: 130px; height: 67px; background:none; z-index: 10; display: none;}

main{ min-height: 500px; background: #fff; position: relative; z-index: 100;}
/*====================index_con==============================*/
.index_con{position:relative;z-index: 4;background:#fff;}
.sec_box{ overflow: hidden; background-attachment: fixed; background-position: center center; background-repeat: no-repeat;}
/*======server=========*/
.server{ background:#00b0ec;}
.sec_tit{ font-size:0.3rem; margin-bottom: 0.52rem; text-align: center; text-transform: uppercase; font-weight: bold; color: #333;}
.sec_tit em{ display:block; font-size:0.36rem; font-family:arial; color: #00b0ec;}
.sec_tit .tit_des{ display: block; font-weight: normal; font-size: 0.16rem; margin-top: 10px; color: #666;}
.tit_dif{ padding: 0.32rem 0; margin: 0; }
.tit_dif a,.tit_dif  em,.tit_dif .tit_des{ color: #fff;}
.tit_dif .s_down{ background-image: url("../images/index_bar02.png");}
/*server_scr*/
#server_scr{ }
#server_scr .item{position: relative;overflow: hidden;}
.server_info{width:100%;height:100%;position: absolute;top:0;left:0; background:rgba(0,0,0,0.6); text-align: center;color:#e2932b; filter:alpha(opacity=100); opacity:1; cursor: pointer; }
.server_table{ display: table; width:100%; height:100%; padding: 20px;}
.server_cell{ display: table-cell; vertical-align: middle;}
.server_icon{ width: 0.5rem; height: 0.5rem;}
.server_tit{ margin-top: 20px; margin-bottom: 30px; position: relative;}
.server_tit a{ display: block; color: #e2932b;}
.server_tit a span{ display: block; font-weight: bold; position: relative; padding-bottom: 0.4rem; margin-bottom: 0.2rem; font-size: 0.36rem;}
.server_tit a span::before{content: ''; width:80px; height:2px; display: block;position: absolute; bottom:0;left:50%; margin-left:-40px;background:#8f8c87;}
.server_tit a em{ display: block; font-family: arial, helvetica, sans-serif; position: relative; font-size: 0.18rem;text-transform:uppercase; }
.server_zhe{width:100%;height:100%; padding:30px; position: absolute;top:0;left:0; z-index:2; color:#e2932b;cursor: pointer; background: rgba(255,255,255,.80); filter:alpha(opacity=0); opacity:0; display: none;}
.server_zhe:before,.server_zhe:after{ content: ""; position: absolute; top:-100%; left:0; width: 100%; height: 50%; background: rgba(255,255,255,.80); filter:alpha(opacity=0); opacity:0;}
.server_zhe:after{ top:auto; bottom: -100%;}
.server_zhe .server_tit{ margin-top:-30%;}
.server_zhe .server_tit a{ color:#00b0ec;}
.server_zhe .server_tit a span{ float: right; margin: 0 0 10px;}
.server_zhe .server_tit a span::before{ display: none;}
.server_zhe .server_tit a em{ padding-bottom: 10px;}
.server_zhe .server_tit a em::before{width:80px;height:2px;display: block;position: absolute;bottom:0;left:0;background:#00b0ec;content: '';}
.server_sum{ width: 100%; padding-right: 60px; position: absolute; bottom:-30%; z-index: 10;}
.server_sum li{ margin-top: 20px;}
.server_sum li a{display: block; font-size:18px; height: 30px; line-height: 30px; overflow: hidden; color: #666; text-overflow: ellipsis;white-space: nowrap;}
.server_sum li a:hover{color:#00b0ec;padding-left:10px;text-decoration: underline;}
#server_scr .owl-controls{ margin: 0;}
#server_scr .owl-controls .owl-buttons div{width:0.62rem;height:1.34rem; background:url(../images/server_btn1.png) left top no-repeat; background-size:cover; text-indent:-9999px;position: absolute;top:50%;margin-top:-0.67rem;}
#server_scr .owl-controls .owl-buttons div.owl-prev{left:0;}
#server_scr .owl-controls .owl-buttons div.owl-next{right:0; background-image: url("../images/server_btn2.png");}
#server_scr  .owl-pagination{display: none;}
#server_scr .item:hover .server_zhe,#server_scr .item:hover .server_zhe:before,#server_scr .item:hover .server_zhe:after{ filter:alpha(opacity=100); opacity:1;}
#server_scr .item:hover .server_zhe .server_tit{margin-top:0;}
#server_scr .item:hover .server_sum{bottom:30px;}
#server_scr .item:hover .server_info{ background:rgba(0,0,0,0);}
/*======about=========*/
.about{ padding: 0 0 0.6rem;}
.about_box{ padding: 0.6rem 15px; position: relative;}
.about_line{ display: block; position: absolute;}
.a_line1{ width: 3px; height: 0; top:0; left: 0; background: #00b0ec;
    animation: 1s 1s ease-out forwards line1move;
    -webkit-animation: 1s 1s ease-out forwards line1move;}
.a_line2{ width: 3px; height: 0; top:0; right: 0; background: #00b0ec;
    animation: 1s 1s ease-out forwards line1move;
    -webkit-animation: 1s 1s ease-out forwards line1move;}
.a_line3{ width: 0; height: 2px; background: #00b0ec; bottom: 0; left:50%;
    animation: 1s 0s ease-out forwards line2move;
    -webkit-animation: 1s 0s ease-out forwards line2move;}
/*line1move*/
@keyframes line1move{
    0%  { height: 0;}
    100% { height: 100%;}
}
@-webkit-keyframes line1move{
    0%  { height: 0;}
    100% { height: 100%;}
}
/*line2move*/
@keyframes line2move{
    0%  { left:50%; width:0;}
    100% { left:0; width: 100%;}
}
@-webkit-keyframes line2move{
    0%  { left:50%; width:0;}
    100% { left:0; width: 100%;}
}

.about_links{ margin-top:0.4rem;}
.about_links li{ padding: 0;}
.about_links li a{ display: inline-block; padding: 0 25px; color: #666; text-transform: uppercase;}
.about_links li a em{ display: block; font-size:0.18rem; line-height: 20px; font-weight: bold; color:#999; font-family: arial, helvetica, sans-serif; background:url(../images/ico_01.png) left center no-repeat; padding-left: 30px;}
.about_links li.about_links1{ text-align: right; border-right:1px solid #7f7f7f;}
.about_links li.about_links2 a em{ padding-left: 0; padding-right: 30px; background-position: right center; background-image: url("../images/ico_01b.png");}
.about_logo{ display: block; width: 1.25rem; margin: 0.2rem auto 0;}
.about_des{font-size:0.15rem; max-width: 822px; margin: 0 auto;  line-height: 2;}
.about_links li a:hover,.about_links li a:hover em{ color: #00b0ec;}
.about_links li.about_links1 a:hover{ padding-right: 30px;}
.about_links li.about_links2 a:hover{ padding-left: 30px;}
/*======case=========*/
.case{ background:#00b0ec;}
.case_rec{ background:#a0d8e5; position: relative;}
.case_rec::before{content: ''; width:260px;height:178px; position: absolute; bottom:0;left:50%; margin-left:420px; background:url(../images/case_icon.png) left top no-repeat;}
.c_rec_img{height: 510px; background-position: center top; background-repeat: no-repeat; background-size:cover;}
.c_rec_img2{ display: none;}
.c_rec_info{ padding:50px 15px 0 50px; position: relative; color: #666;}
.c_rec_tit{ float: left; font-size: 30px; color: #000; line-height: normal; text-transform: uppercase; margin-right: 8%;}
.c_rec_tit span{ display: block; font-size:18px; line-height: 1.2; color:#00b0ec; font-weight: bold;font-family: arial, helvetica, sans-serif; margin-bottom: 10px;}
.c_rec_tit em{ display: block; max-width: 180px; font-size:16px; line-height: 1.5; color:#666; text-transform:none; font-family: arial, helvetica, sans-serif; margin-top: 40px;}
.c_rec_des{ overflow: hidden; max-width: 290px; text-align: justify;}
.case_items,.case_tab_box{ background: #fff;}
#case_scr,#case_tab{ padding: 0 0.5rem; background: #fff;}
#case_scr .item,#case_tab .item{ position: relative;}
#case_scr .item:after,#case_tab .item:after{ content: ""; position: absolute; top:-100%; left:0; z-index: 0; width: 100%; height: 100%; background: #00b0ec; filter:alpha(opacity=0); opacity:0;}
#case_scr .item a,#case_tab .item a{ display: block; height:1.96rem; overflow: hidden; padding:0.4rem 0 0; text-align: center; font-size: 0.16rem; position: relative; z-index: 10;}
.case_ico{ display: block; width:0.54rem; height:0.62rem; margin: 0 auto 0.2rem; background: url("../images/case_01.png") center center no-repeat; background-size: contain; position: relative;}
.case_ico:after{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; filter:alpha(opacity=0); opacity:0; background: url("../images/case_01b.png") center center no-repeat; background-size: 0.27rem;}
.case_ico img{ display: block; width: 0.36rem; height: 0.36rem; position: absolute; top:50%; left:50%; margin:-0.18rem 0 0 -0.18rem; }
#case_scr .item:hover:after,#case_tab .item:hover:after,#case_tab .synced .item:after{ top:0; filter:alpha(opacity=100); opacity:1;}
#case_scr .item:hover a,#case_tab .item:hover a,#case_tab .synced .item a{ color: #fff;}
#case_scr .item:hover .case_ico,#case_tab .item:hover .case_ico,#case_tab .synced .item .case_ico{ background: transparent;}
#case_scr .item:hover .case_ico:after,#case_tab .item:hover .case_ico:after,#case_tab .synced .item .case_ico:after{ filter:alpha(opacity=100); opacity:1; background-size: 100%;}
#case_tab{ margin-top: -70px;}
/*owl-buttons*/
#case_scr .owl-controls,#case_tab .owl-controls{ margin: 0;}
#case_scr .owl-controls .owl-buttons div,#case_tab .owl-controls .owl-buttons div{width: 0.3rem; height: 0.3rem; text-indent: -9999px; position: absolute; top:50%; left:0; margin-top: -0.15rem; background:url("../images/arrow01_left2.png") center center no-repeat; background-size:contain;}
#case_scr .owl-controls .owl-buttons div.owl-next,#case_tab .owl-controls .owl-buttons div.owl-next{ left:auto; right: 0; background-image: url("../images/arrow01_right2.png");}
/*======news=========*/
.news{ padding: 0.6rem 0 0;}
.news_box{ width: 88%; margin: 0 auto;}
#news_scr{ padding: 0 130px;}
#news_scr .item{ height: 350px; padding: 40px; background: #e3e3e3;}
.news_date{ display: block; font-family: arial, helvetica, sans-serif; font-size: 18px; color: #aeaeae; line-height: normal; margin-bottom: 0.5rem;}
.news_date em{ display: block; font-size: 60px; line-height: 60px;}
.news_more{ display: block; width: 90px; height: 30px; text-align: center; line-height: 30px; background: #00b0ec; color: #fff; position: relative; margin-bottom:  0.4rem;}
.news_more:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/ico_03b.png") -100% center no-repeat;}
.news_more span{ display: inline-block; padding-right: 20px; background: url("../images/ico_02.png") right center no-repeat;}
.news_more:hover{ color: #fff; }
.news_more:hover span{ filter:alpha(opacity=0); opacity:0;}
.news_more:hover:after{ background-position: center center; }
.news_des{ display: block; line-height: 28px; height: 56px; overflow: hidden;}
/*#news_scr .item:hover{ background-color: #00b0ec;}
#news_scr .item:hover .news_date{ color: #fff;}*/
#news_scr .item:hover{ box-shadow:inset 0 0 20px -5px #aaa;}
#news_scr .item.news_dif{ background-color: #f2f2f2;}
/*owl-buttons*/
#news_scr .owl-controls .owl-buttons div{width: 60px; height: 60px; text-indent: -9999px; position: absolute; top:50%; left:0; margin-top: -30px; background:url("../images/arrow02_left.png") center center no-repeat;}
#news_scr .owl-controls .owl-buttons div.owl-next{ left:auto; right: 0; background-image: url("../images/arrow02_right.png");}
/*======expert=========*/
.expert{ padding: 0.6rem 0;}
.expert_box{ margin: 0 -40px;}
#expert_scr .item{ padding: 0 40px;}
#expert_scr .item a{ display: block;/* padding-bottom: 20px;*/ text-align: center; font-size: 20px; color: #fff; position: relative;}
.expert_img{ overflow: hidden; position: relative;}
.img_zhe{ display: block; position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; background: url("../images/expert_01.png") no-repeat; background-size: cover; display: none;}
.expert_name{ height: 40px; line-height: 40px; background: rgba(0,176,236,.70); position: absolute; bottom: 0; left:0; width: 100%; z-index: 20;}
.expert_info{ background: rgba(0,176,236,.70); position: absolute; bottom: 0; left:0; z-index: 11; width: 100%; height: 100%; padding: 30px 15px; color: #fff; text-align: left; font-size: 14px; line-height: 2; filter:alpha(opacity=0); opacity:0;}
.expert_info h6{ line-height: 24px; font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.80);}
.expert_info h6 span{ float: right; font-size: 14px;}
.expert_des{ height:224px; overflow: hidden; }
.info_cell{ border-bottom: 1px solid rgba(255,255,255,.80);}
#expert_scr .item a:hover .expert_name{ bottom: -100px;}
#expert_scr .item a:hover .expert_info{ filter:alpha(opacity=100); opacity:1;}

/*owl-buttons*/
#expert_scr .owl-controls .owl-buttons div{width: 80px; height: 44px; text-indent: -9999px; position: absolute; top:50%; left:-30px; margin-top: -22px; background: rgba(0,0,0,.30);}
#expert_scr .owl-controls .owl-buttons div:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:url("../images/arrow03_left.png") center center no-repeat; }
#expert_scr .owl-controls .owl-buttons div.owl-next{ left:auto; right: -30px;}
#expert_scr .owl-controls .owl-buttons div.owl-next:before{ background-image: url("../images/arrow03_right.png");}
#expert_scr .owl-controls .owl-buttons div:hover{ background: rgba(0,0,0,.50);}
/*======outpatient=========*/
.outpatient{}
.o_left{ padding: 0; float: left; position: relative;}
.o_left:after{ content: ""; position: absolute; top:0; right:0; z-index: 0; width: 200%; height: 100%; background: #a0d8e5;}
.o_l_area{ position: relative; z-index: 10; height: 810px; padding: 40px 0 0; background: url("../images/outpatient_02.png") right bottom no-repeat;}
.o_tit{ line-height: normal; margin-bottom: 20px;}
.o_tit a{ color: #000; font-size: 30px;}
.o_tit a i{ display: block; text-transform: uppercase; color: #f9a330; font-size: 18px;}
.o_tit a em{ display: block; color: #f9a330; font-size: 32px;}
.o_map{ position: relative;}
.o_list{}
.o_list li{ background: url("../images/ico_17a.png") left center no-repeat; padding-left: 40px; line-height: 30px; font-weight: bold; cursor: pointer; position: absolute;}
.o_list li span{ display: inline-block; position: relative; left:10px; filter:alpha(opacity=0); opacity:0;}
.o_list li:hover,.o_list li.o_c_cur{ background-image: url("../images/ico_17b.png");}
.o_list li:hover span,.o_list li.o_c_cur span{ left:0; filter:alpha(opacity=100); opacity:1;}
.o_list li.o_city1{ top:50%; left:50%; margin: -65px 0 0 92px;}
.o_list li.o_city2{ top:50%; left:50%; margin: 44px 0 0 147px;}
.o_list li.o_city3{ top:50%; left:50%; margin: -15px 0 0 37px;}
.o_list li.o_city4{ bottom: 0; left:50%; margin: 0 0 64px 84px;}
/*o_right*/
.o_right{ padding: 0;}
.o_info{ height: 378px; overflow: hidden;}
.o_i_box{ position: absolute; top:0; left:0; width: 100%; height: 378px;}
.o_i_dis{ filter:alpha(opacity=0); opacity:0;}
.o_i_bg{ position: absolute; top:0; left:0; z-index: 0; width: 980px; height: 378px; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.o_i_area{ position: relative; z-index: 10; height: 100%; overflow: hidden;}
.o_i_dis{ height: 0; filter:alpha(opacity=0); opacity:0;}
.o_i_tit{ width:176px; text-align: center; line-height: 90px; background: #fff; float: left; margin: 98px 25px 0 -15px; font-size: 32px;}
.o_i_tit a{ display: inline-block; background: url("../images/arrow01_right3.png") left center no-repeat; background-size: 12px; padding-left: 25px;}
.o_i_list{ overflow: hidden; color: #fff; padding-top: 30px;}
.o_i_item{ cursor: pointer; background: url("../images/ico_14a.png") left center no-repeat; padding-left: 30px; font-size: 18px; line-height: 48px; height: 48px; overflow: hidden;
    position: relative;}
.o_i_item:before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 0; width: 100%; height: 1px; background: rgba(255,255,255,.50);}
.o_i_des{ line-height: 2; overflow: hidden; display: none;}
.des_txt{ padding: 10px 10px 10px 30px; filter:alpha(opacity=70); opacity:0.70;}
.o_item_cur{ background-image: url("../images/ico_15a.png");}
.o_i_enter{ display: inline-block; vertical-align: text-top; background-color: #00b0ec; color: #fff;  line-height:normal; font-size:12px; padding: 3px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.o_i_enter:hover{ background-color: #f9a330; color: #fff;}
/*mode*/
.mode{ margin-top: 40px; padding: 60px 0; position: relative;}
.mode:before{ content:""; position: absolute; top: 0; left:-50%; display:block; width:200%; height: 100%; background: #f5f5f5;}
.mode_list{ position: relative;}
.mode_list li{ width: 20%; float: left; text-align: center; text-transform: uppercase; color: #000; font-size: 20px;}
.mode_ico{ display: block; position: relative; margin: 0 auto 20px; width: 170px; height: 170px; border: 1px solid #959595; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.mode_ico img{ display: block; position: absolute; top:50%; left:50%; z-index: 10; margin: -33px 0 0 -33px;}
.mode_list li.WeChat .mode_ico img{ margin: -57px 0 0 -57px;}
.mode_ico img.img_hover{ filter:alpha(opacity=0); opacity:0; top:100%; left:100%;}
.mode_list li em{ display: block; color: #666; font-size: 18px;}
.mode_list li:hover,.mode_list li:hover em{ color: #00b0ec;}
.mode_list li:hover .mode_ico{ background-color: #00b0ec; border-color: #00b0ec;}
.mode_list li:hover .mode_ico img{ filter:alpha(opacity=0); opacity:0;}
.mode_list li.WeChat:hover .mode_ico img,.mode_list li:hover .mode_ico img.img_hover{ filter:alpha(opacity=100); opacity:1; top:50%; left:50%;}
/*banner*/
.banner_warp,.banner{ height: 6.02rem;}
.banner_warp{ position: relative; z-index: 0;}
.banner{ width:100%; position:fixed;top:0;left:0; background-position: center top; background-repeat: no-repeat; background-size: cover; visibility: hidden;}
.banner:after{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,.30);}
.sub_tit{ position: absolute; top:50%; left:0; margin-top: -0.50rem; z-index: 10; width: 100%; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 0.48rem; padding-bottom: 30px; background: url("../images/ico_07.png") center bottom no-repeat;}
.sub_tit em{ display: block; margin-top: 10px; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size:0.24rem;}
/*sub_nav*/
.sub_nav{ background: #00b0ec;}
.s_nav_list{}
.s_nav_list li{ width: 20%; float: left; text-align: center;}
.s_nav_list li a{ display:block; padding: 0 0.1rem; line-height: 54px; font-size:0.16rem; color: #fff;}
.s_nav_list li:hover,.s_nav_list li.s_nav_cur{ background-color: #a0d8e5;}
.s_nav_list li:hover a,.s_nav_list li.s_nav_cur a{ color: #000;}
/*intro*/
.intro{ text-align: center;}
.intro_info{ padding:0.8rem 0; background: #f9f9f9; position: relative;}
.intro_deco{ position: absolute; bottom: -38px; left:50%; margin-left: -38px; z-index: 11;}
.sec_tit2{ text-align: center; font-size: 0.3rem; padding-bottom: 0.25rem; position: relative; margin-bottom:0.5rem;}
.sec_tit2 em{ display: block; margin-top: 0.1rem; font-weight: bold; font-family: Adobe Caslon Pro; color: #ccc;}
.sec_tit2:before{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -77px; width: 154px; height: 2px; background: #e0e0e0;}
.intro_data{ padding: 30px 0;}
.intro_data li{ width: 25%; height: 300px; float: left; color: #999; font-size: 24px; position: relative;}
.data_initial{ width: 100%; position: absolute; top:50%; left:0; margin-top: -70px;}
.data_initial em,.data_initial i{ display: inline-block; vertical-align: baseline; color: #00b0ec; font-size: 30px; line-height: normal; margin-bottom: 10px;}
.data_initial em{ font-family: Georgia; font-weight: bold; font-size: 50px; margin-right: 10px; letter-spacing: -0.07em;}
.data_hover{ width: 100%; height: 100%; padding: 20px; position: absolute; top:0; left:0; z-index: 10; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; background: #00b0ec; color: #fff; font-size: 14px; line-height: 26px; opacity: 0;}
.data_des{ max-width: 248px; max-height: 260px; overflow: hidden; margin: 0 auto;}
/*culture*/
.culture{ background: #00b0ec;}
.tit_dif2{ padding: 0;}
.tit_dif2:before{ display: none;}
.tit_dif2,.tit_dif2 em{ color: #fff;}
.culture .tit_dif2{ padding: 0.3rem 0; margin: 0;}
.culture_list{}
.culture_list li{ height: 3.36rem; overflow: hidden; padding: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; text-align: center; position: relative;}
.culture_list li a{ display: table; width: 100%; height: 100%; padding: 20px;}
.c_lines{ position: absolute; top:0; left:0; width: 100%; height: 100%; padding: 15px;}
.lines_area{ position: relative; width: 100%; height: 100%;}
.c_line1,.c_line2,.c_line3,.c_line4{ font-size: 0; position: absolute; background: #fff; filter:alpha(opacity=0); opacity:0;}
.c_line1,.c_line3{ width: 0; height: 1px; }
.c_line1{ top:0; left:-100%;}
.c_line3{ bottom: 0; right: -100%;}
.c_line2,.c_line4{ width: 1px; height: 0; }
.c_line2{ top:-100%; right:0;}
.c_line4{ bottom: -100%; left: 0;}
.culture_cell{ display: table-cell; vertical-align: middle; color: #fff;}
.culture_item{ text-transform: uppercase; font-size: 24px; position: relative;}
.culture_item:before{ content: ""; position: absolute; bottom: 0; left:50%; width: 0; height: 2px; background: #fff;}
.culture_item em,.culture_item i{ display: block;}
.culture_item em{ display: inline-block; max-width: 150px; margin: 0 auto; font-family: Georgia; color: #eabb2f;}
.culture_item i{ margin-top: 10px;}
.item_des{ position: relative; top:200px; height: 0; overflow: hidden; filter:alpha(opacity=0); opacity:0;}
.culture_list li:hover a{ color: #fff; background: rgba(0,176,236,.70);}
.culture_list li:hover a .culture_item{ padding-bottom: 46px;}
.culture_list li:hover a .culture_item:before{ width: 26px; margin-left: -13px;}
.culture_list li:hover a .culture_item em{ max-width: none; color: #fff;}
.culture_list li:hover a .culture_item i{ margin-top: -72px;}
.culture_list li:hover a .item_des{ top:50px; height: auto; filter:alpha(opacity=100); opacity:1;}
.culture_list li:hover a .c_line1,.culture_list li:hover a .c_line2,.culture_list li:hover a .c_line3,.culture_list li:hover a .c_line4{ filter:alpha(opacity=100); opacity:1;}
.culture_list li:hover a .c_line1{ width: 100%; left:0;}
.culture_list li:hover a .c_line2{ height: 100%; top:0;}
.culture_list li:hover a .c_line3{ width: 100%; right:0;}
.culture_list li:hover a .c_line4{ height: 100%; bottom:0;}
/*development*/
.development{ padding: 0.6rem 0; background-size: cover;}
.deve_slide{}
#deve_area .item{ text-align: center;}
.events_block{ display: inline-block; width: 100%; max-width: 900px;}
.events_year{ display: block; width: 3.56rem; height: 1.30rem; line-height: 1.30rem; font-size: 1.40rem; float: left; margin-right: 0.30rem; text-align: center; overflow: hidden; font-weight: bold; background: #00b0ec; color: #fff; font-family: arial, helvetica, sans-serif;}
/*events_scr*/
#deve_area{ margin-bottom: 90px;}
#deve_area .events_scr{ width: auto; margin-left: 386px; font-size: 18px; color: #00b0ec; position: relative;}
#deve_area .events_scr .item{ text-align: left; min-height: 180px;}
.events_month{ font-size: 30px;}
/*owl-buttons*/
#deve_area .owl-controls{ margin: 0;}
#deve_area .owl-buttons div{ position: absolute; bottom: -165px; left:0; z-index: 10; width: 44px; height: 44px; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #00b0ec url("../images/arrow01_left.png") center center no-repeat; background-size: 10px;}
#deve_area .owl-buttons div.owl-next{ left: auto; right: 0; background-image:url("../images/arrow01_right.png");}
#deve_area .events_scr .owl-buttons{ position: absolute; top:140px; left:-100px;}
#deve_area .events_scr .owl-buttons div{ position: inherit; position: initial; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 32px; height: 32px; background: #bab9b9 url("../images/arrow01_left.png") center center no-repeat; background-size: 12px; margin: 0 2px;}
#deve_area .events_scr .owl-buttons div.owl-next{ background-image:url("../images/arrow01_right.png"); }
#deve_area .events_scr .owl-buttons div:hover{ background-color: #00b0ec;}
/*deve_tab*/
#deve_tab{ padding: 0 84px;}
#deve_tab:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -4px; width: 100%; height: 8px; background: #deddde;}
#deve_tab .item{ text-align: center; cursor: pointer;}
#deve_tab .item span{ display:block; position: relative; background: url("../images/deve_06a.png") center bottom no-repeat; padding-bottom: 69px; font-size: 22px;}
#deve_tab .synced .item span{ background-image: url("../images/deve_06b.png"); font-size: 30px; font-weight: bold; color: #fff; padding: 28px 0;}

/*join*/
.join{ padding: 0.5rem 0 0.8rem; background-position:center center; background-repeat: no-repeat; background-size: cover;}
#join_scr{ padding: 0 80px;}
#join_scr .item{ padding:0 15px;}
.join_area{ /*max-width: 260px;*/ height: 357px; padding: 10px; background: #b5b5b5; color: #fff; line-height: 2; position: relative;}
.join_cell{ height: 100%; padding: 30px 20px; border: 1px solid #fff;}
.join_tit{ font-size: 18px; line-height: normal; margin-bottom: 30px;}
.join_apply{ display: block; width: 88px; height: 24px; line-height: 24px; text-align: center; background: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; position: absolute; bottom: 30px; left:50%; margin-left: -44px;}
.join_area:hover{ background: rgba(0,176,236,.90); }
#join_scr .owl-buttons div{ position: absolute; top:50%; left:0; width: 42px; height: 42px; text-indent: -9999px; background: #b5b5b5 url("../images/arrow01_left.png") center center no-repeat; background-size: 12px;}
#join_scr .owl-buttons div.owl-next{ left: auto; right:0; background-image: url("../images/arrow01_right.png");}
#join_scr .owl-buttons div:hover{ background-color: #00b0ec; filter:alpha(opacity=90); opacity:0.90;}
/*find*/
.find{ padding: 0.6rem 0;}
.find_tit{ text-align: center; font-size: 16px;}
.find_tit span{ display: block; margin: 0 auto; position: relative; width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #c7c7c7;}
.find_tit span img{ position: absolute; top:50%; left:50%; margin: -16px 0 0-16px;}
.find_tit em{ display: block;  font-family: Adobe Caslon Pro; color: #cccccd; font-size: 48px;}
/*news_warp*/
.news_warp{ overflow: hidden;}
.news_list{ }
.news_list li{ position: relative;}
.news_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.news_list li:hover:before{ background: #f8f8f8;}
.news_list li a{ display: block; padding: 0.6rem 0; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; color: #333;}
.news_img{ width: 2rem; height: 1.32rem; float: left; overflow: hidden;}
.news_img img{ display: block; min-height: 1.32rem;}
.news_info{ overflow: hidden; padding: 10px 0 0 5%;}
.news_tit{ font-size: 18px; height: 24px; overflow: hidden; margin-bottom: 20px;}
.news_overview{ color: #999; line-height: 24px; max-height: 48px; overflow: hidden;}
.news_time{ float: left; font-size: 36px; line-height:normal; font-family: Myriad Pro; position: relative; padding-right: 50px; margin-right: 30px;}
.news_time:before,.news_time:after{ content: ""; position: absolute; top:15px; right:0; width: 35px; height: 1px; background: #bfbfbf;}
.news_time:after{ width: 0; background: #00b0ec; right: 35px;}
.news_link{ display: block; margin-top: 15px; font-size: 0; width: 46px; height: 30px; background: #fff url("../images/ico_05a.png") center center no-repeat; position: relative;}
.news_link:before{ content: ""; position: absolute; top:0; left:0; width: 0; height: 100%; background: #00b0ec url("../images/ico_05b.png") center center no-repeat;}
.news_list li:hover .news_link:before{ width: 100%;}
.news_list li:hover .news_time:after{ width: 35px; right: 0;}
.news_list li:hover a .news_time,.news_list li:hover .news_tit{ color: #00b0ec;}
/*news_hot*/
.news_hot{ margin-top:0.5rem; padding:0.4rem 0; position: relative;}
.news_hot:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; background-color: #f8f8f8; }
.hot_list{ margin: -30px;}
.hot_list li{ padding: 30px;}
.hot_list li a{ display: block; height: 240px; padding:0 20px; background: #fff; box-shadow: 0 0 30px -3px #ddd; color: #999;}
.hot_date{ display: block; float: right; width: 90px; height: 110px; background: url("../images/news_02.png") no-repeat; background-size: cover; color: #fff; font-family: arial, helvetica, sans-serif; text-align: center; padding: 20px 0 0;}
.hot_date b{ display: block; font-size: 48px; line-height: 1.2;}
.hot_date i{ display: inline-block; border-top: 1px solid #fff;}
.hot_tit{ overflow: hidden; font-size: 18px; color: #000; padding: 20px 10px 36px 0; position: relative;}
.hot_tit:before,.hot_tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 18px; height: 18px; background: url("../images/ico_06.png") no-repeat;}
.hot_tit:after{ left:-100%; background-image: url("../images/ico_06b.png");}
.hot_tit span{ display: block; line-height: 26px; max-height: 52px; overflow: hidden;}
.hot_des{ width: 100%; overflow: hidden; margin-top: 30px; max-height: 70px;}
.hot_list li a:hover .hot_tit:after{ left:0;}
.hot_list li a:hover{ background-color: #f8f8f8;}
/*paging*/
.paging{ text-align: center; margin-top:0.5rem;}
.paging a{ display: inline-block; width:30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 3px;}
.paging a.paging_btn{ width: 80px; border: 1px solid #b8b8b8; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.paging a.paging_btn:hover,.paging a.paging_cur{ background-color: #00b0ec; color: #fff;}
/*science*/
.science{ margin: 0 -17px;}
.science li{ padding:0.34rem 17px 0;}
.science li a{ display: block; height: 200px; position: relative;}
.science_area{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #f9f9f9; color: #999; line-height: 1.7; padding: 40px 20px;}
.science_date{ font-family: arial, helvetica, sans-serif;}
.science_des{ line-height: 24px; height: 48px; overflow: hidden; }
.science_tit{ font-size: 18px; color: #000; line-height: 24px; height: 24px; overflow: hidden;}
.author,.science_more{ color: #fff; filter:alpha(opacity=0); opacity:0;}
.science_more{ position: relative; top:100px;}
.science li a:hover .science_area{ height: 234px; background-color: #00b0ec; color: #fff;}
.science li a:hover .science_tit{ color: #fff;}
.science li a:hover .author,.science li a:hover .science_date{ filter:alpha(opacity=60); opacity:0.60;}
.science li a:hover .science_more{ filter:alpha(opacity=100); opacity:1;}
.science li a:hover .author{ margin: 8px 0;}
.science li a:hover .science_more{ top:10px;}
/*report*/
.report_rec{ padding: 0.6rem 0; position: relative;}
.report_rec:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; background-color: #f8f8f8; }
#report_scr{ padding: 0 30px;}
#report_scr .item{ padding: 0 30px;}
.r_rec_tit{ font-size: 0.28rem; margin-bottom: 0.3rem;}
.r_rec_img{ width: 520px; overflow: hidden; position: relative; float: left; margin-right: 5%;}
.r_rec_img01,.r_rec_img02{ display: block; position: relative; left:0; top:0; z-index: 0;}
.r_rec_img02{ position: absolute; left:100%; z-index: 10;}
#report_scr .item:hover .r_rec_img01{ left:-100%;}
#report_scr .item:hover .r_rec_img02{ left:0;}
.r_rec_info{ overflow: hidden;}
.r_rec_des{ line-height: 28px; max-height: 112px; overflow: hidden;}
.r_rec_more{ display: inline-block; font-size: 18px; border-bottom: 1px solid #333; margin: 50px 0; position: relative;}
.r_rec_more:before{ content: ""; position: absolute; bottom: -1px; left:50%; width: 0; height: 1px; background: #00b0ec;}
.r_rec_more:hover{ color: #00b0ec;}
.r_rec_more:hover:before{ left:0; width: 100%;}
.r_rec_shared{ font-family: arial, helvetica, sans-serif; color: #999; text-transform: uppercase;}
.r_rec_shared b{ font-weight: normal; background: url("../images/news_04.png") right center no-repeat; padding-right: 30px; margin-right: 20px;}
.bshare-custom{ display: inline-block; vertical-align: text-bottom;}
/*owl-buttons*/
#report_scr .owl-controls .owl-buttons div{width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -9999px; position: absolute; top:50%; left:-50px; margin-top: -25px; background:#999;}
#report_scr .owl-controls .owl-buttons div:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:url("../images/arrow04_left.png") center center no-repeat;}
#report_scr .owl-controls .owl-buttons div.owl-next{ left:auto; right: -50px;}
#report_scr .owl-controls .owl-buttons div.owl-next:before{ background-image: url("../images/arrow04_right.png");}
#report_scr .owl-controls .owl-buttons div:hover{ background:#00b0ec;}
/*report_list*/
.report_list{ padding: 0 0.6rem;}
.report_list li{ overflow: hidden; padding:0.4rem 0; border-bottom: 1px solid #e5e5e5;}
.report_img{ width:2.07rem; height: 1.25rem; margin-right: 0.2rem; overflow: hidden; position: relative; float: left;}
.report_img01,.report_img02{ display: block; width:2.07rem; height: 1.25rem; position: relative; top:0; left:0; z-index: 0;}
.report_img02{ position: absolute; left:100%; z-index: 10;}
.report_list li:hover .report_img01{ left:-100%;}
.report_list li:hover .report_img02{ left:0;}
.report_info{ overflow: hidden;}
.report_tit{ font-size: 18px; line-height: 24px; max-height: 24px; overflow: hidden; margin-bottom: 0.1rem;}
.report_des{ color: #999; line-height: 24px; height: 48px; overflow: hidden;}
.report_more{ display: inline-block; font-size: 12px; border-bottom: 1px solid #333; margin-top: 20px; position: relative;}
.report_more:before{ content: ""; position: absolute; bottom: -1px; left:50%; width: 0; height: 1px; background: #00b0ec;}
.report_list li:hover .report_tit a,.report_list li:hover .report_more{ color: #00b0ec;}
.report_list li:hover .report_more:before{ left:0; width: 100%;}
/*duty*/
.duty_top{ padding: 0.4rem 0 0.2rem; border-bottom: 2px solid #00b0ec; line-height: 2; margin-bottom: 0.3rem;}
.duty_top img{ display: block; float: right; margin-left: 20px;}
.duty_des{ overflow: hidden; font-size: 18px; font-weight: bold; color: #666;}
.duty_list{ margin: -10px -30px;}
.duty_list li{ padding:10px 30px;}
.duty_list li a{ display: block;}
.duty_img{ overflow: hidden;}
.duty_img img{ width: 3.60rem; height: 2.28rem;}
.duty_info{ height: 80px;}
.duty_info h5{ overflow: hidden; line-height: 24px; height:63px; padding: 15px 20px 0 10px;}
.duty_more{ display: block; float: right; width: 36px; height: 100%; text-indent: -9999px; overflow: hidden; position: relative;}
.duty_more:before,.duty_more:after{ content: ""; position: absolute; top:0; left:-100%; z-index: 10; width: 100%; height: 100%; background: url("../images/arrow01_right.png") center center no-repeat; filter:alpha(opacity=0); opacity:0;}
.duty_more:after{ left:auto; right:-100%; z-index: 0; background: #a0d8e5;}
.duty_list li a:hover{ background-color: #00b0ec; color: #fff;}
.duty_list li a:hover .duty_more:before{filter:alpha(opacity=100); opacity:1; left:0;}
.duty_list li a:hover .duty_more:after{filter:alpha(opacity=100); opacity:1; right:0;}
/*article*/
.article_top{ min-height: 283px; padding: 140px 0 30px; margin-bottom: 40px; text-align: center; font-size: 16px; color: #fff; position: relative;}
.article_top:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; background: #a0d8e5;}
.a_t_area{ position: relative; z-index: 10;}
.article_tit{ font-size: 30px; margin-bottom: 10px;}
.article_date{ display: inline-block; background: url("../images/news_05.png") left center no-repeat; padding-left: 32px;margin-bottom: 10px;}
article{ line-height: 2; padding: 0 0.6rem;}
/*article_bot*/
.article_bot{ margin-top: 8%; position: relative;}
.article_prev,.article_next,.back_list{ display: block; width: 0.57rem; line-height: 0.57rem; border: 1px solid #aaa; text-align: center; color: #aaaaaa;}
.article_prev,.article_next{ text-indent: -9999px; position: absolute; top:0; left:0; width: 0.57rem; height: 0.57rem; background: url("../images/arrow01_left3.png") center center no-repeat; background-size: 0.17rem;}
.article_prev:before,.article_next:before{ content: ""; position: absolute; top:0; left:100%; width: 100%; height: 100%; background: url("../images/arrow01_left.png") center center no-repeat; background-size: 0.17rem;}
.article_next:before{ left: auto; right:100%; background-image: url("../images/arrow01_right.png");}
.article_next{ left:auto; right:0; background-image: url("../images/arrow01_right3.png");}
.article_prev:hover,.article_next:hover{ background-color: #a0d8e5; border-color: #a0d8e5; background-image: none;}
.article_prev:hover:before{ left:0;}
.article_next:hover:before{ right:0;}
.back_list{ margin: 0 auto; width:1.5rem;}
.back_list span{ display:inline-block; background: url("../images/arrow01_right.png") 150% center no-repeat; background-size: 10px;}
.back_list:hover{ background-color: #00b0ec; color: #fff;}
.back_list:hover span{ background-position: right center; padding-right: 20px;}
/*============================================������Ŀ=============================*/
.project_item{ padding:0.5rem 0 10px; border-top: 12px solid #00b0ec;}
.project_item #case_scr{ padding: 0;}
.project_item #case_scr .item:before{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -10px; width: 0.2rem; height: 0.13rem; background: url("../images/project_02.png") center 0.13rem no-repeat; background-size: contain;}
.project_item #case_scr .item:after{ width: 0; height: 0; top:50%; left: 50%; background: url("../images/project_01.png") center center no-repeat; background-size: contain;}
.project_item #case_scr .owl-item:hover .item a,.project_item #case_scr .owl-item .project_cur a{ color: #fff;}
.project_item #case_scr .owl-item:hover .item:after,.project_item #case_scr .owl-item .project_cur:after{ width: 1.70rem; height:  1.70rem; top:0; left:50%; margin-left: -0.85rem; filter:alpha(opacity=100); opacity:1;}
.project_item #case_scr .owl-item:hover .item:before,.project_item #case_scr .owl-item .project_cur:before{ background-position: center bottom;}
.project_item #case_scr .owl-item:hover .item .case_ico:after,.project_item #case_scr .owl-item .project_cur .case_ico:after{ filter:alpha(opacity=100); opacity:1; background-size: 100%;}
.project_item #case_scr .owl-buttons div{ position: inherit; margin:0; width:0.4rem; height: 0.4rem;}
.project_item #case_scr .owl-buttons div:hover{ background-color: #00b0ec; background-image: url("../images/arrow01_left.png");}
.project_item #case_scr .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow01_right.png");}
/*=============correction=============*/
.correction{ padding: 0.6rem 0; background: #f5f5f5;}
.correction_tit{ text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.30rem; color: #000;}
.correction_tit em{ display: block; font-family: arial, helvetica, sans-serif; font-size: 0.36rem; color: #00b0ec;}
.c_general{ padding: 0.6rem 0;}
.c_intro{ width: 52%; float: left; position: relative;}
.c_i_des{ height: 310px; background: #fff; text-align: justify; padding:0.5rem 0.3rem; font-size: 0.16rem; line-height: 2; position: relative; z-index: 10;}
.des_area{ max-height: 210px; overflow: hidden; position: relative; z-index: 10;}
.g_tit{ cursor: pointer; position: absolute; z-index: 0; width: 2.96rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.24rem; text-align: center; border: 1px solid #666;}
.g_tit span{ display: inline-block; background: url("../images/arrow05_left.png") left center no-repeat; background-size: 0.38rem; padding-left: 0.5rem; position: relative;}
.g_tit span:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: url("../images/arrow05_left2.png") 100% center no-repeat; background-size: 0.38rem; filter:alpha(opacity=0); opacity:0;}
.c_intro:hover .g_tit span{ background-position: -100% center;}
.c_intro:hover .g_tit span:before{ filter:alpha(opacity=100); opacity:1; background-position: left center;}
.c_intro .g_tit{ top:-20px; right: -220px;}
.c_point{ width: 52%; float: right; margin-left: -4%; margin-top: 120px; position: relative;}
.c_p_des{ height: 310px; background: url("../images/project_03.jpg") no-repeat; background-size: cover; color: #fff; font-size:0.24rem; line-height: 2; text-align: center; padding-top: 0.5rem; position: relative;}
.c_p_des:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,.50); }
.c_p_des .des_area{ width:100%; max-height: 192px; max-width: 440px; margin: 0 auto; }
.c_point .g_tit{ bottom: 0; left: -316px;}
.c_point .g_tit span{ background-image: url("../images/arrow05_right.png"); background-position: right center; padding-left: 0; padding-right: 50px;}
.c_point .g_tit span:before{ background-image: url("../images/arrow05_right2.png"); background-position: -200% center;}
.c_intro:hover .g_tit,.c_point:hover .g_tit{ border-color: #00b0ec; color: #00b0ec;}
.c_point:hover .g_tit span{ background-position: 200% center;}
.c_point:hover .g_tit span:before{ filter:alpha(opacity=100); opacity:1; background-position: right center;}
/*c_indication*/
.c_indication{ background: #00b0ec;}
.c_i_img,.c_i_info{ height: 5.4rem;}
.c_i_img{ padding:0; background-position: center top; background-size: cover;}
.c_i_info{ overflow: hidden; padding: 0.3rem 0.3rem 0 0.3rem; font-size: 0.16rem; line-height: 2; color:#fff;}
.indication_tit{ font-size: 0.24rem; padding-bottom:0.15rem; border-bottom: 1px solid #4dc8f2; margin-bottom:0.2rem;}
.indication_tit em{ font-family: arial, helvetica, sans-serif; margin-left: 10px;}
.c_indication .scr_area{ height: 3.9rem;}
/*c_related*/
.c_related,.c_interpretation,.c_recommend{ margin-top: 0.4rem;}
.correction_item{ font-size: 24px; font-weight: bold; text-transform: capitalize; color: #00b0ec; text-align: center; margin-bottom: 30px;}
.correction_item em{ display: block; font-family: arial, helvetica, sans-serif; font-weight: normal;}
.related_list{ margin: -30px;}
.related_list li{ padding:30px;}
.related_list li a{ display: block; overflow: hidden; border: 1px solid #dadada; height: 5.8rem;/* max-width: 3.36rem;*/ margin: 0 auto; position: relative;}
.related_img{ height: 3.28rem; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.related_info{ position: absolute; bottom: 0; left:0; z-index: 10; width: 100%; height: 2.52rem; padding:0 0.3rem; background: #f5f5f5; text-align: center;}
.related_ico{ display: block; width: 50px; height: 50px; padding: 8px; margin: -25px auto 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #00b0ec;}
.related_list li a h6{ font-size: 0.2rem; height: 0.26rem; overflow: hidden; margin: 0.2rem auto 0.15rem; color: #000;}
.related_other{ font-size: 12px; color: #00b0ec; margin-bottom: 0.2rem;}
.related_des{ text-align: justify; color: #999; line-height: 24px; max-height: 72px; overflow: hidden;}
.related_more{ display: inline-block; color: #00b0ec; position: relative; top:500px;}
.related_more:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background: #00b0ec;}
.related_list li a:hover .related_info{ height: 3.2rem; background-color: #fff;}
.related_list li a:hover .related_more{ top:50px;}
/*c_interpretation*/
.c_interpretation{}
/*c_recommend*/
.c_recommend{}
.recommend_scr{ padding: 0 0.45rem;}
.recommend_scr .item{ padding: 0 0.15rem;}
.recommend_scr .item a{ display: block; margin: 0 auto; max-width: 2.54rem; overflow: hidden; padding: 0 0.38rem 0.34rem 0; position: relative;}
.recommend_scr .item a:before{ content: ""; position: absolute; bottom: 0; right: 0; z-index: 0; width: 100%; height: 3.24rem; border:6px solid #f0f0f0;}
.recommend_img{ position: relative; z-index: 10; width: 2.16rem; height: 3.24rem; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.recommend_name{ position: absolute; bottom: 6px; right: 6px; z-index: 11; width: 105px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background: #f3f3f3; font-weight: bold;}
.recommend_info{ position: absolute; bottom: 0; right: 0; z-index: 11;  width: 216px; height: 324px; padding: 0 20px; background: rgba(0,176,236,.90); color: #fff; filter:alpha(opacity=0); opacity:0;}
.recommend_info:after{ content: ""; position: absolute; bottom: 0; right: -100%; z-index: 0; filter:alpha(opacity=0); opacity:0; width: 159px; height: 103px; background: url("../images/expert_02.png") right bottom no-repeat;}
.recommend_info h6{ font-size: 24px; margin-bottom: 15px; }
.recommend_more{ display: block; position: relative; z-index: 10; top:0; width: 100px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.recommend_post{ }
.recommend_post li{}
.recommend_more:hover{ background-color: #fff; color: #00b0ec;}
.recommend_scr .item a:hover .recommend_name{ right:-105px;}
.recommend_scr .item a:hover .recommend_info{ filter:alpha(opacity=100); opacity:1;}
.recommend_scr .item a:hover .recommend_info:after{ filter:alpha(opacity=100); opacity:1; right: 0;}
.recommend_scr .item a:hover .recommend_post li{ margin-bottom: 10px;}
.recommend_scr .item a:hover .recommend_info h6{ margin-top: 30px;}
.recommend_scr .item a:hover .recommend_more{ top:50px;}
/*owl-buttons*/
.recommend_scr .owl-controls .owl-buttons div{ position: absolute; top:50%; margin-top: -0.36rem; left:0; width: 0.30rem; height: 0.72rem; font-size: 0; background: url("../images/arrow06_left.png") no-repeat; background-size: 0.3rem;}
.recommend_scr .owl-controls .owl-buttons div.owl-next{ left:auto; right: 0; background-image: url("../images/arrow06_right.png");}
.recommend_scr .owl-controls .owl-buttons div:hover{ background-image: url("../images/arrow06_left2.png");}
.recommend_scr .owl-controls .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow06_right2.png");}
/*============================================���䰸��=============================*/
/*classic*/
.classic_items{ background: #00b0ec;}
.classic_items #case_scr{ padding: 0; background: none;}
.classic_items #case_scr .item a{ color: #fff;}
.classic_items #case_scr .item:after{ background-color: #fff;}
.classic_items .case_ico{ background-size: 50%;}
.classic_items .case_ico:after{ filter:alpha(opacity=100); opacity:1; background-size: 100%;}
.classic_items #case_scr .item:hover .case_ico:after,.classic_items #case_scr .classic_cur .case_ico:after{ filter:alpha(opacity=0); opacity:0; background-size: 50%;}
.classic_items #case_scr .item:hover .case_ico,.classic_items #case_scr .classic_cur .case_ico{ background: url("../images/case_01.png") center center no-repeat; background-size: 100%;}
.classic_items #case_scr .item:hover a,.classic_items #case_scr .classic_cur a{ color: #666;}
.classic_items #case_scr .classic_cur:after{ width: 100%; height: 100%; top:0; left:0; filter:alpha(opacity=100); opacity:1;}
.classic{ padding: 0.4rem 0 0.6rem;}
.classic_items #case_scr .owl-controls .owl-buttons div{background-image: url("../images/arrow01_left3.png");}
.classic_items #case_scr .owl-controls .owl-buttons div.owl-next{background-image: url("../images/arrow01_right3.png");}

/*============================================ר���Ŷ�=============================*/
/*team*/
.team{ position: relative; padding: 0.27rem 0 0.6rem;}
.team:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 54px; background: #00b0ec;}
/*chief*/
.chief{ background: #fcfcfc; margin-bottom: 50px; position: relative; z-index: 10;}
.chief_photo{ width:3.32rem; height: 4.98rem; float: left; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.chief_tit{ position: absolute; bottom: 0; left:0; z-index: 10; width: 100%; padding: 8px 0; background: rgba(0,0,0,.50); text-align: center; color: #fff; font-size: 22px;}
.chief_tit em{ display: block; font-size: 15px; margin-top: 5px;}
.chief_tab{ width: 25%; min-width: 171px; float: left;}
.chief_tab li{ cursor: pointer; height: 83px; padding-top: 16px; background: #a0d8e5; border-bottom: 1px solid #b3e0ea; text-align: center; text-transform:uppercase; color: #fff; line-height: 1.5; font-size: 20px;}
.chief_tab li em{ display: block; font-family: arial, helvetica, sans-serif; font-size: 12px;}
.chief_tab li:hover,.chief_tab li.chief_cur{ background-color: transparent; color: #000;}
.chief_info{ overflow: hidden; padding: 30px;}
.chief_area{ line-height: 2; height: 468px; overflow: hidden;}
.chief_dis{ height: 0; filter:alpha(opacity=0); opacity:0; }
/*team_list*/
.team_list{ padding: 0; margin: -30px;}
.team_list li.item{ padding:30px;}
.team_list li.item a{ max-width: none;}
.team_list li.item a:before{ width: 74%; right: 0;}
.team_more{ position: absolute; bottom: 6px; right: 6px; z-index: 11; width: 105px; height: 38px; text-align: center; line-height: 38px; background: #f3f3f3; font-size: 16px; color: #999;}
.team_more span{ display: inline-block; background: url("../images/ico_08.png") right center no-repeat; padding-right: 15px;}
.team_list li.item .recommend_img{ float: left;}
.team_list li.item .recommend_info{ width: 93%; max-width: 530px;}
.team_list li.item .recommend_info h6{ overflow: hidden;}
.r_i_more{ float: right; font-size: 14px; background: url("../images/ico_08b.png") right center no-repeat; padding-right: 15px;}
.recommend_intro{ overflow: hidden; position: relative; padding: 0.6rem 20px 0; color: #999;}
.r_i_tit{ font-size: 24px; font-weight: bold; color: #00b0ec; margin-bottom: 20px;}
.r_i_tit em{ display: block; font-weight: normal; font-size: 16px; line-height: 20px; height: 40px; max-width: 210px; overflow: hidden; color: #666; margin-top: 10px;}
.r_i_post{ max-height: 120px; overflow: hidden;}
.r_i_post li{ line-height: 30px;}
.team_list li.item .recommend_info .r_i_post{ max-height: 210px;}
/*============================================ר���Ŷ�--��ҳ=============================*/
.member{ overflow: hidden;}
.member_top{ padding: 20px 0; color: #fff; position: relative;}
.member_top:before{ content: ""; position: absolute; top:0; left:-50%; display: block; width: 200%; height: 100%; background: #00b0ec;}
.member_tit{ position: relative; float: left; font-size: 30px;}
.member_tit a{ margin: 0 10px;}
.member_tit span{ font-size: 14px; filter:alpha(opacity=70); opacity:0.70;}
.shared{ float: right; position: relative;}
.shared_list{ display: inline-block; vertical-align: middle;}
.shared_list li{ float: left; margin-left: 5px;}
.shared_list li a{ display: block; padding: 4px; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; }
.shared_list li a:hover{ background: rgba(255,255,255,.30);}
/*member_center*/
.member_center{ padding: 50px 0;}
.member_guide{ width: 240px; float: right; margin-left: 40px;}
.m_g_list{ margin: 0 -10px; margin-bottom: 20px;}
.m_g_list li{ width: 50%; float: left; padding: 0 10px;}
.m_g_list li a{ display: block;}
.m_g_list li span{ display: block; background: #00b0ec; color: #fff; text-align: center; line-height: 40px;}
.m_g_list li span em{ display: inline-block; background: url("../images/arrow01_left.png") left center no-repeat; background-size: 10px; padding-left: 20px;}
.m_g_list li.g_next span em{ background-image: url("../images/arrow01_right.png"); background-position: right center; padding-left: 0; padding-right: 20px;}
.m_g_list li img{ display: block; margin-bottom: 5px;}
.m_g_handle{ padding-top: 30px; border-top: 1px solid #e5e5e5;}
a.back_list2{ display: block; width: 110px; line-height: 40px; text-align: center; background: #00b0ec; color: #fff;}
a.back_list2 span{ display: inline-block; background: url("../images/ico_09.png") left center no-repeat; padding-left: 30px;}
.m_g_list li:hover span,a.back_list2:hover{ background-color: #019ace;}
/*member_info*/
.member_info{ overflow: hidden; border-right: 1px solid #e5e5e5;}
.member_info dt{ width: 200px; float: left; margin-right: 40px;}
.member_info dd{ overflow: hidden; line-height: 2.2; font-size: 16px;}
/*member_live*/
.member_live{ margin-top: -0.6rem;}
.member_live li{ position: relative; color: #000; min-height: 170px; line-height: 2; padding-bottom: 30px; margin-top: 0.6rem;}
.member_live li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; display: block; width: 200%; height: 100%; background: #dfe0e3;}
.member_live li.li_dif:before{ display: none;}
.m_l_tit{ position: absolute; top:-30px; left:0; z-index: 10; width: 200px; height: 74%; min-height: 170px; max-height: 240px; padding: 20px; background: #00b0ec; color: #fff; font-size: 24px;}
.m_l_tit em{ display: block; text-transform: uppercase; font-family: arial, helvetica, sans-serif; font-size: 14px; min-height: 80px; margin-bottom: 0.1rem;}
.m_l_tit em b{ display: block; font-size: 24px; text-transform: lowercase;}
.m_l_tit em b i{ font-size: 48px; text-transform: capitalize;}
.m_l_des{ position: relative; z-index: 10; overflow: hidden; padding: 0.6rem 0 0.3rem 0.4rem; margin-left: 200px;}
#m_case{ padding: 0 30px; }
#m_case .item{ padding: 0 15px;}
#m_case .item a{ display: block; max-width: 270px; margin: 0 auto; overflow: hidden; text-align: center;}
#m_case .item a img{ display: block; margin: 0 auto;}
.m_c_name{ padding: 10px; position: relative;}
.m_c_name:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 0; background: #00b0ec;}
.m_c_name span{ position: relative;}
#m_case .item a:hover{ color: #fff;}
#m_case .item a:hover .m_c_name:before{ height: 100%;}
/*owl-buttons*/
#m_case .owl-buttons div{ position: absolute; top:50%; margin-top: -52px; left:0; width: 30px; height: 64px; font-size: 0; background: url("../images/arrow06_left.png") no-repeat; background-size: 25px;}
#m_case .owl-buttons div.owl-next{ left:auto; right: 0; background-image: url("../images/arrow06_right.png");}
#m_case .owl-buttons div:hover{ background-image: url("../images/arrow06_left2.png");}
#m_case .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow06_right2.png");}
/*============================================��ͥ�ƻ�=============================*/
.body_plan .banner_warp,.body_plan .banner{ height: 787px;}
.plan{}
.card{ margin-top: -326px;}
.card_tab{ float: right;}
.card_tab li{ margin-bottom: 0.3rem;}
.card_tab li a{ display:block; cursor: pointer; width: 1.02rem; height:1.02rem; padding: 0.2rem; font-size: 0.24rem; text-align: center; line-height: normal; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; color: #a0d8e5;}
.card_tab li:hover a,.card_tab li.card_cur a{ background-color: #00b0ec; color: #fff;}
.card_box{ overflow: hidden;}
/*.card_area{ overflow: hidden; }*/
.card_dis{ height: 0; filter:alpha(opacity=0); opacity:0;}
#family_scr{ width: 90%; max-width: 920px; float: right;}
#family_scr .item{ padding-right: 5%;}
.card_block{ max-width: 3.8rem; margin: 0 auto;}
.card_tit{ background: #00b0ec; color: #fff; text-align: center; height: 0.6rem; line-height: 0.6rem; padding:0 0.15rem; font-size: 0.24rem; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.card_tit a{ color: #fff;}
.card_cell{ height: 4.4rem; padding: 0.3rem 0.15rem 0; background: #fff; color: #000; border:1px solid #e5e5e5; border-top:none; -webkit-border-radius:0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center;}
.card_price{ font-size: 0.18rem; line-height: normal;}
.card_price b{ font-family: arial, helvetica, sans-serif; font-size: 0.44rem;}
.card_list{ display: inline-block; color: #333; margin-top: 0.2rem;}
.card_list li{ font-size: 0.18rem; text-align: left; background: url("../images/ico_10.png") left 5px no-repeat; background-size: 0.2rem; padding-left: 0.3rem;}
.card_img{ display: block; max-width: 1.77rem; margin: 0 auto; margin-top: 0.3rem;}
.card_buy{ display: block; width:1.8rem; line-height: 0.44rem; font-size:0.18rem; margin: 0 auto; margin-top: 0.2rem; text-align: center; background: #00b0ec; border: 1px solid #00b0ec; color: #fff; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}
.card_buy:hover{ background-color: transparent; color: #00b0ec;}
/*card_service*/
.card_service{ color: #333; padding: 0.6rem 0;}
.c_s_tit{ text-align: center; font-size: 0.36rem; margin-bottom: 0.4rem;}
.card_table{ border-right:1px solid #ccc; border-bottom: 1px solid #ccc;}
.card_table table th,.card_table table td{ border-left:1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.16rem; text-align: center; padding: 0.1rem;}
.card_table table td.align_l{ text-align: left; padding-left: 5%;}
.card_table table th{ padding-top: 0.15rem; padding-bottom: 0.15rem; font-size:0.22rem; font-weight: normal; background: #e2e4e8;}
.card_table table td.zengzhi{ border-right: none; font-size: 0.2rem; color: #00b0ec; font-weight: bold;}
.card_note{ margin-top: 0.3rem; font-size: 0.16rem;}
.card_note dt,.card_note dd{ line-height: 2;}
.card_note dt{ float: left;}
.card_note dd{ overflow: hidden;}
.line{ color: #00b0ec;}
/*card_scr*/
#card_box2{ padding-top: 20px;}
#card_scr{ width: 92%; max-width: 1100px; padding:20px 10px 10px; float: right; background: #fff; margin-right: 15px;}
#card_scr .item{ padding: 10px;}
.card_pro{ max-width: 244px; margin:0 auto;}
.card_pro a{ display: block; height: 363px; background: #f9f9f9;}
.c_p_img{ overflow: hidden; position: relative;}
.c_p_img01{ position: relative; left:0;}
.c_p_img02{ position: absolute; top:0; left:100%; z-index: 12; display: none;}
.c_p_name{ position: absolute; bottom: 10px; left:0; z-index: 10; width: 100%; text-align: center; color: #fff; font-size: 18px;}
.c_p_info{ height: 212px; overflow: hidden; padding: 20px; color: #999;}
.c_p_info li{ overflow: hidden; margin-bottom: 5px;}
.c_p_info li span{ display: block; float: left; color: #000;}
.c_p_view{ overflow: hidden;}
/*.card_pro:hover .c_p_img01{ left:-100%;}
.card_pro:hover .c_p_img02{ left:0;}*/
/*owl-buttons*/
#card_scr .owl-buttons{ position: absolute; top:-20px; right: 0; z-index: 10;}
#card_scr .owl-buttons div{ width: 38px; height: 38px; float: left; text-indent: -9999px; margin-left: 2px; background: #ccc url("../images/arrow07_left.png") center center no-repeat;}
#card_scr .owl-buttons div.owl-next{ background-image: url("../images/arrow07_right.png");}
#card_scr .owl-buttons div:hover{ background-color: #019ace; background-image: url("../images/arrow07_left2.png");}
#card_scr .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow07_right2.png");}
/*============================================����ֲ�=============================*/
/*distribution*/
.distribution{ overflow: hidden;}
.tab_box{ position: relative; margin-bottom: 40px;}
.tab_box:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; background: #00b0ec;}
#distribution_tab{ }
#distribution_tab .item a{ display: block; text-align: center; border-right: 1px solid #4dc8f2; color: #fff; line-height: 110px; font-size: 18px;}
#distribution_tab .item a img{ display: inline-block; vertical-align: middle; margin-right: 15px;}
#distribution_tab .item:first-child a{ border-left: 1px solid #4dc8f2;}
#distribution_tab .distribution_cur a,#distribution_tab .item:hover a{ background-color: #a0d8e5;}
#distribution_tab .owl-buttons div{ text-indent: -9999px; position: absolute; top:50%; left:-50px; margin-top: -20px; width: 40px; height: 40px; background: url("../images/arrow01_left.png") center center no-repeat;}
#distribution_tab .owl-buttons div.owl-next{ left: auto; right: -50px; background-image: url("../images/arrow01_right.png");}
#distribution_tab .owl-buttons div:hover{ filter:alpha(opacity=80); opacity:0.80;}
.distribution_area{}
.d_map{ overflow: hidden;}
.d_list{ margin: 0 -40px;}
.d_list li{ padding: 20px 40px;}
.dl_area{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #e5e5e5; position: relative;}
.dl_area:before{ content:""; position: absolute; bottom: 0; left:0; width: 0; height: 1px; background: #00b0ec;}
.dl_area dt{ float: left; width: 25px; height: 46px; text-align: center; line-height: 30px; font-weight: normal; margin-right: 10px; background: url("../images/ico_12.png") no-repeat; color: #fff;}
.dl_area dd{ overflow: hidden; color: #999;}
.dl_area dd h6{ font-size: 16px; color: #000; margin-bottom: 10px;}
.d_more{ display: block; width: 70px; height: 70px; float: right; margin-left: 10px; background: #a0d8e5; color: #fff; padding: 16px; text-align: center;}
.dl_area:hover{ border-color: #fff;}
.dl_area:hover:before{ width: 100%;}
.dl_area:hover .d_more{ background-color: #019ace; color: #fff;}
/*============================================���ҳ��=============================*/
/*store*/
.banner_store,.banner_store .banner{ height: 610px;}
.banner_store .banner:after{ display: none;}
.store{ border-top: 12px solid #00b0ec;}
/*group*/
.group{ padding: 30px 0;}
.store_tit{ text-align: center; text-transform: capitalize; position: relative; margin-bottom: 40px; font-size: 30px;}
.store_tit em{ display: block; font-family: arial, helvetica, sans-serif; color: #999; margin-top: 5px; font-size: 26px;}
.group_des{ width: 80%; max-width: 822px; margin:0 auto; text-align: center;}
.group_list{ margin-top: 50px;}
.group_list li{ max-width: 398px; margin: 0 auto; height: 227px; background-repeat: no-repeat; background-size: cover;}
.group_tel{ padding: 20px; background: #909090; color: #fff; text-align: center;}
.group_tel img{ display: block; margin: 20px auto;}
.hot_line b{ font-size: 30px; line-height: normal; font-family: arial, helvetica, sans-serif;}
/*activity*/
.activity{ padding-bottom: 20px;}
.activity_box{ position: relative;}
.activity_box:before{ content:""; position: absolute; bottom: -50px; left:-50%; width:200%; height: 100%; background: #00b0ec;}
#activity_scr{}
#activity_scr .item a{ display: block; overflow: hidden; background: #fff url("../images/ico_14.png") right bottom no-repeat; border: 1px solid #e5e5e5;}
.activity_img{ padding: 0;  height: 477px;background-position: center top; background-repeat: no-repeat; background-size: cover; border-right: 4px solid #e5e5e5;}
.activity_img_phone{ display: none;}
.activity_info{ overflow: hidden; padding: 30px; color: #333;}
.activity_tit,.activity_item{ text-align: center; font-size: 26px;}
.activity_item{ color: #ff0000; margin-bottom: 20px; font-size: 30px;}
.activity_des{ line-height: 2; font-size: 18px; max-height: 252px; overflow: hidden;}
/*.owl-buttons*/
#activity_scr .owl-buttons div{ text-indent: -9999px; position: absolute; top:50%; left:-30px; margin-top: -30px; width: 60px; height: 60px; background:rgba(233,152,49,.80);}
#activity_scr .owl-buttons div:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/arrow07_left2.png") center center no-repeat;}
#activity_scr .owl-buttons div.owl-next{ left: auto; right:-30px;}
#activity_scr .owl-buttons div.owl-next:before{ background-image: url("../images/arrow07_right2.png");}
#activity_scr .owl-buttons div:hover{ background: #e99831;}

/*============================================ԤԼ��ѯbeigin=============================*/
label{ margin: 0;}
.re_phone{background:url(../images/reservation_phonebj_03.png) 0 center; padding:20px 0; width:100%;position:absolute;top:-170px;}
.re_ph_left{float:left;}
.re_ph_left_p1{font-size:18px;color:#fff;padding-left:95px;background:url(../images/re_phbj_06.png) no-repeat 0 center;float:left;}
.re_ph_left_p1 em{display:block;font-size:40px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
.re_p_right{float:right;font-size:14px;color:#fff;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
.re_main{padding-top:55px;padding-bottom:54px;}
.re_m_tit{text-align:center;font-size:26px;color:#36b9e5;}
.re_m_info,.re_m_info_1text,.re_m_info_2textarea{ font-size: 18px;}
.re_m_info{padding-top:50px;margin-left:-5%;font-size:18px;}
.re_m_info_1{width:45%;background:#f0f0f0;line-height:60px;height:60px;float:left;margin-left:5%;margin-bottom:18px; color:#999;}
.re_m_info_1label{ display: block; float: left; width:20%; max-width: 112px; line-height:60px; font-weight:normal; padding-left: 24px;}
.sign_span{ display:inline-block; width:5px; color:#ff0000;}
.re_m_info_1r{ width: 80%; float: left; padding-left: 20px;}
.re_m_info_1text{width:100%;}
.re_m_info_2{ width:95%; height: auto; line-height: normal;}
.re_m_info_2textarea{ height:130px; width:100%; padding:20px 0; resize:none;}
/** ����  **/
.re_m_info_1 .cssSelect{position:relative;}
.re_m_info_1 .cssSelect .selectBox{ cursor: pointer; float: left; width:100%;}
.re_m_info_1 .cssSelect .selectLt{ width: 100%; background:url(../images/ico_16a.png) right center no-repeat; padding-right: 67px; }
.re_m_info_1 .cssSelect .sNormal{ background-position:0 0;}
.re_m_info_1 .cssSelect .optionsBox{ position: absolute; border: 1px solid #dbdbdb; padding: 2px; margin: 0; background: #fff; z-index: 1001111111111111;width:100%;}
.re_m_info_1 .cssSelect .optionBox { cursor: pointer; padding: 2px  0; margin:0; height:40px; line-height: 40px; }
.re_m_info_1 .cssSelect .optionBox span { cursor: pointer;}
.re_m_info_1 .cssSelect .oHover{ background: #f0f0f0; color: #000; }
.re_m_info_1 .cssSelect .selected{ background: #f0f0f0; color: #000; }
/*sxw*/
.sxw{display:block; float: right;}
.apm_label{cursor:pointer;font-weight:normal;}
.apm_label span{padding-left:6px;margin-right:15px;display:inline-block;vertical-align:middle; color:#999;}
.tjBOX{text-align:center;padding-top:35px;padding-bottom:35px;}
.tj_a{display:inline-block;width:161px;height:45px; color:#fff;background-color:#70767a;font-size:20px;letter-spacing:5px;position:relative;}
.tj_a:hover{background:#00b0ec;color:#fff;}
/*re_m_erm*/
.re_m_erm{text-align:center;}
.re_m_ermBOX1{width:45%;display:inline-block;margin-left:2%;margin-right:2%;}
.re_m_ermBOX1img{float:right;margin-left:5%;}
.re_m_ermBOX1nr{overflow:hidden;font-size:14px;color:#333;text-align:right;padding-top:100px;}
.re_m_ermBOX2 .re_m_ermBOX1img{float:left;margin-right:5%;margin-left:0px;}
.re_m_ermBOX2 .re_m_ermBOX1nr{text-align:left;}
/*re_m_downyx*/
.re_m_downyx{float:left;background:#a0d8e5;width:30%;height:225px;text-align:center;display:table;vertical-align:middle;}
.re_m_downimg{float:left;width:40%;height:225px;}
.re_m_downimg{overflow:hidden;}
.re_m_downyx:hover{background:#4cc8f2;}
.re_m_downyxnr{height:225px;vertical-align:middle;/*display:table-cell;*/text-align:center;    padding-top: 50px;}
.re_m_downyxtit1{font-size:30px;color:#333;}
.re_m_downyxtit1 em{display:block;font-size:24px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:36px;}
.re_m_downyxico{display:inline-block;width:50px;height:47px;background:url(../images/yxico.png) no-repeat center top;}
.re_m_downyx:hover .re_m_downyxico{background-position:center bottom;}
.re_m_downyx:hover .re_m_downyxtit1{color:#fff;}
.re_m_downfb .re_m_downyxtit1 em{line-height:25px;margin-top:15px;}
.re_m_down{padding-top:20px;}

/*============================================���䰸����ҳbeigin================================*/
.case_inside{padding-bottom:95px;}
.case_inside_head{background:#00b0ec;text-align:center; padding: 50px 0; color:#fff;}
.case_inside_tit{font-size:30px; margin-bottom: 20px;}
.case_inside_js{font-size:16px; opacity:0.7;}
.case_inside_js a{color:#fff;}
.case_inside_js span{padding-right:25px;}
.case_inside img{ margin: 0 auto;}

.case_inside_main{ padding:0.6rem 15px; border-bottom:1px #ddd solid;}
.sxy_fx{padding-top:25px;}
.sxy{float:left;}
.sxy p{margin-bottom:10px;font-size:14px;color:#999;}
.sxy p a{color:#999;}
.sxy p:hover a{color:#00b0ec;}
.fx{float:right;}
.fx_span{display:inline-block;font-size:14px;color:#999999;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;vertical-align:middle;}
.bdsharebuttonbox{display:inline-block;vertical-align:middle;}
.fhBOX{text-align:center;padding-top:0.6rem;}
.fhBOX_a{display:inline-block;width:120px;height:120px;background:#00b0ec;text-align:center;overflow:hidden;}
.fhBOX_ap{color:#fff;text-align:center;font-size:16px;text-transform:uppercase;padding-top:35px;}
.fhBOX_ap em{display:block;}
.fhBOX_a:hover{border-radius:50%;background:#4cc8f2;}

/*============================================���䰸����ҳEND  ================================*/

/*============================================��������mapEND  ================================*/
.about_map{ margin-top: 0.5rem;}
#map1 .item{height:6.12rem;/*background-repeat:no-repeat;background-position:center 0;*/position:relative;}
#map2 .item{padding: 10px 0;margin: 5px;text-align: center;cursor: pointer;}
.map_show{  width: 100%; height: 100%; overflow: hidden; position: absolute; top:0; left:0;}
.map{ width: 1920px; height: 100%; position: absolute; top:0; left:50%; margin-left: -960px;}
.map img{ max-width: none;}
.map_1{background:url(../images/mapzb_11.png) no-repeat center bottom;padding-bottom:40px; width:100%; max-width:328px; margin:0 auto; position:absolute;}
.map_1img{text-align:center;position:relative;}
.map_1imgnr{background:url(../images/mapbj1_05.png) no-repeat center top; height:228px;text-align:center;padding-left:10px;padding-right:10px;margin-top:-24px;}
.map_1imgnrp1{padding-top:72px;background:url(../images/mapbj2_07.jpg) no-repeat center 25px;font-size:18px;color:#333;}
.map_1imgnrp2{font-size:14px;color:#333;}
.ckdt_aBOX{text-align:center;}
.ckdt_a{display:inline-block;width:112px;height:42px;line-height:42px;text-align:center;color:#fff;background-color:#00b0ec;font-size:18px;border-radius:25px;overflow:hidden; margin-top:-30px; position: relative;}
.ckdt_a:hover{color:#fff;}
.mapdw_1{top:86px;left:50%; margin-left: -164px;}
.map2_num{width:0.8rem;height:0.8rem;line-height:0.8rem; margin-bottom:0.2rem;font-size:0.44rem; text-align:center;border:2px #cecece solid;border-radius:50%;color:#00b0ec;display:inline-block; font-family:Mongolian Baiti,Tahoma, Geneva, sans-serif;}
#map2{padding-top:0.4rem;}
#map2 .synced .item .map2_num{background: #00b0ec;border-color:#00b0ec;color:#fff;}
.map2_tit{font-size:0.18rem; line-height: normal;}
#map2 .owl-controls .owl-page span{width:15px;height:15px; margin:0 5px; background:#cccccc;opacity:1;}
#map2 .owl-controls .active span{background:#00b0ec;}
/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #00b0ec;
    color: #fff;
}
a.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4cc8f2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
    color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



/*============================================ר��beigin  ================================*/
.special{border-top:22px #00b0ec solid;}
.mzsj_h1{font-size:36px;color:#333;font-weight:bold;padding-bottom:25px;}
.mzsj_h1 a{color:#333;}
.mzsj_h1 em{display:block;font-size:18px;color:#999;text-transform:capitalize;font-weight:normal;}
/*specialBOX1*/
.specialBOX1{ padding: 0 0 40px;}
.specialBOX1_left{ overflow:hidden; padding: 30px 6% 0 0;}
.zlsj_table{border-collapse:collapse;width:100%;border:1px #00b0ec solid;}
.zlsj_table thead{background:#00b0ec;}
.zlsj_table thead th{padding-top:14px;padding-bottom:14px;font-size:14px;color:#eaf1f3;text-align:center;}
.zlsj_table tbody tr td{text-align:center;padding-top:10px;padding-bottom:10px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;}
.zlsj_table tbody .bottom_border td{border-bottom:none;}
.zlsj_table tbody tr .right_border{border-right:none;}
/*web_news*/
.web_news{ margin-top:20px; background:#eaf1f3; overflow: hidden; padding:12px 20px; border-radius:5px;}
.web_news_label{display:block; float: left; line-height: 32px; padding-left: 60px; background:url(../images/webnewsbj_07.jpg) no-repeat left 0; }
.web_newsul{overflow:hidden;}
.web_newsul li{ line-height: 34px; overflow: hidden;}
.web_newsul li span{float:right; color: #999; margin-left: 10px;}
.web_newsul li a{ display: block; height: 34px; overflow: hidden;}
/*specialBOX1_right*/
.specialBOX1_right{float:right; width:386px; margin-top:-128px;}
.yyzx{ padding:15px 5%; background:#00b0ec; }
.yyzx a{color:#fff;}
.yyzxp1{ opacity:0.8; line-height:normal;font-size:18px;}
.yyzxp2{ font-weight:bold;background:url(../images/yydhbj_03.png) no-repeat 0 center;padding-left:51px; font-size:36px;}
.yyzx_info{background-color:#eaf1f3;padding-top:25px;padding-bottom:16px;background-image:url(../images/yybj_07.png);background-repeat:no-repeat;background-position:241px 15px;}
/*make*/
.make{ height: 432px; position: relative; padding: 30px 0 0 30px;}
.make:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 200%; height: 100%; background: #e1e1e1;}
.make_tit{ line-height: normal; text-transform: uppercase; position: relative; float: left; margin-right: 60px;}
.make_tit a{ color: #000; font-size: 20px;}
.make_tit a i{ display: block; color: #666; font-size: 14px;}
.make_tit a em{ display: block; color: #666; font-weight: bold; font-size: 30px;}
.make_form{ position: relative; overflow: hidden; height: 100%;}
.make_form .re_m_info,.make_form .re_m_info_1text,.make_form .re_m_info_2textarea{ font-size: 14px;}
.make_form .re_m_info_1,.make_form .re_m_info_1label,.make_form .laydate-icon{ height: 40px; line-height: 40px;}
.make_form .re_m_info{ padding: 0; margin: 0; font-size: 14px;}
.make_form .re_m_info_1{ width: 100%; float: none; background: #fff; margin: 0 0 4px;}
.make_form .re_m_info_1label,.make_form .re_m_info_1r,.make_form .laydate-icon{ padding-left: 14px;}
.make_form .re_m_info_1label{ width: 30%; max-width:none; }
.make_form  .re_m_info_1 .cssSelect .selectBox{ padding-right: 1px;}
.make_form .re_m_info_1r{ width: 70%;}
.make_form .re_m_info_1 .cssSelect .selectLt{ background-position: right 1px; background-size: 37px; padding-right: 37px;}
.make_form .laydate-icon{ width: 100%; background-size: 24px; padding-right: 24px;}
.make .tjBOX{ padding: 0; position: absolute; bottom:30px; left:30px;}
.make .tj_a{ width: 133px; height: 36px; background-color: #fff; color: #00b0ec; font-size: 16px;}
.make .tj_a:hover{ background-color: #00b0ec; color: #fff;}
/*make_form2*/
.make_form2{ padding: 25px; background: #eaf1f3;}
.make_form2 .re_m_info:before{ content: ""; position: absolute; top:15px; right:25px; width: 119px; height: 82px; background: url("../images/about_logo.png") no-repeat; background-size: cover;}
.make_form2 .re_m_info_1{ border:1px solid #e5e5e5; margin: 0 0 10px;}
.make_form2 .re_m_info_1, .make_form2 .re_m_info_1label, .make_form2 .laydate-icon,.re_m_info_1 .cssSelect .optionBox{ height: 32px; line-height: 32px;}
.make_form2 .re_m_info_1label{ width: 23%;}
.make_form2 .re_m_info_1r{ width: 77%;}
.make_form2 .re_m_info_1 .cssSelect .selectBox{ padding: 0;}
.make_form2 .re_m_info_1 .cssSelect .selectLt{ background-size: 27px; padding-right: 27px;}
.make_form2 .w_dif{ width: 60%;}
.make_form2 .w_dif .re_m_info_1label{ width: 40%;}
.make_form2 .w_dif .re_m_info_1r{ width: 60%;}
.make_form2 .sxw{ margin-top: -42px;}
.make_form2 .re_m_info_2{ height: auto; line-height: normal; overflow: hidden;}
.make_form2 .re_m_info_2textarea{ height: 60px; padding:10px 0;}
.make_form2 .laydate-icon{ padding-left: 6px; font-size: 13px;}
.form_sumit{ display: block; width: 100%; height: 30px; background-color: #a0d8e5; color: #000;}
.form_sumit:hover{ background-color: #00b0ec; color: #fff;}
.sd_phone{ display: none;}
.make_form .re_m_info_2{ height: 60px; line-height: normal;}
.make_form .re_m_info_2textarea{ height: 60px; padding: 10px 0;}
/*profile*/
.profile{ overflow: hidden; padding: 0.6rem 0; background: #f9f9f9;}
.profile_txt{ width:88%; max-width: 1080px; margin: 0 auto; font-size: 15px; text-align: center;}
/*envaironment*/
.envaironment{ overflow: hidden; padding: 40px 0 0; background: #00b0ec;}
div.navigation{ width:60%; height: 100%; position: relative; float: right;}
.gallery_content{ height:100%; overflow: hidden; padding-top: 50px; position:relative;}
.content { float: left; width: 40%; height: 100%; position:relative;}
div.nav-controls{ position: absolute; top:0; left:50%; margin-left: -30px; z-index: 100; width: 60px; }
.controls a.prev,.controls a.next { display:block; float:left; cursor:pointer; width:30px; height:30px; text-indent:-9999px; background:url(../images/arrow08_left.png) center center no-repeat; filter:alpha(opacity=50); opacity:0.50;}
.controls a.next{ background-image: url(../images/arrow08_right.png);}
.controls a.prev:hover,.controls a.next:hover{ filter:alpha(opacity=80); opacity:0.80;}
div.ss-controls { float: left; display:none;}
div.nav-controls { }
div.slideshow-container { position: relative; clear: both; width: 100%; height: 100%; }
div.loader { position: absolute; top: 0; left: 0; background:url(../images/bx_loader.gif) center center no-repeat; width: 647px; height: 550px; }
div.slideshow { }
div.slideshow .image-wrapper { position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 100%; }
.caption-container{ display: none;}
/*ul.thumbs*/
ul.thumbs { overflow:hidden; clear: both;}
ul.thumbs li { float: left; width: 33.33%;}
ul.thumbs li a.thumb { display: block; position: relative; background: #000;}
ul.thumbs img { display: block; }
.thumb_txt{ position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; padding: 15px; color: #fff; text-align: center; background: rgba(0,0,0,.60); filter:alpha(opacity=0); opacity:0; font-size: 24px;}
.thumb_table{ width: 100%; height: 100%; display: table;}
.thumb_cell{ display: table-cell;vertical-align: middle;}
ul.thumbs li.selected .thumb_txt{ filter:alpha(opacity=100); opacity:1;}
div.pagination { clear: both; }
div.navigation div.top { overflow:hidden; padding:0 0 20px 20px; display:none;}
div.navigation div.bottom { overflow:hidden;/* padding:0 0 0 20px; display: none;*/ position: absolute; top:0; right:22px; margin: 0; z-index: 20;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-left: 2px; font-size: 12px; padding: 3px 10px;
    background:#fff; border: 1px solid #fff; }
div.pagination a:hover { background-color: #00b0ec; color: #fff; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #00b0ec; border-color: #00b0ec; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
.gallery_tit{ font-size:22px; padding:20px;}
/*expert2*/
.expert2{ padding: 0.6rem 0; overflow: hidden;}
.tabs { position: relative ; z-index:9999; }
/*team_page*/
.team_page{ display:block; position: absolute; bottom: 0; right:0;}
.team_page a{ display: inline-block; min-width: 20px; text-align: center; margin-right: 5px; border-bottom: 2px solid #fff; font-size: 15px; }
.team_page a.team_page_cur{ border-color: #065c99;}
/*team_guide*/
.team_guide { overflow: hidden; position: absolute; bottom: 40px; right:0;}
.team_guide li { display: inline-block;  _display: inline; _zoom: 1 ;  width:20% ; max-height: 172px; overflow: hidden; margin:0 ; float:left; position: relative;}
.team_guide a { display:block ; height: 100%; max-height: 172px; position:relative ; color:#fff ;  }
.team_guide a img{ display:block ; width: 100%; margin: 0 auto;}
.team_name { position:absolute; top:0 ; left:0 ; z-index:9999 ; width: 100%; height: 100%; font-size:16px; background: rgba(0,176,236,.80); filter:alpha(opacity=0); opacity:0; text-align:center ; }
.team_name span{ display: block; position: absolute; bottom: -100px; left:0; width: 100%; text-align: center;}
.team_guide .active .team_name{  filter:alpha(opacity=100); opacity:1;}
.team_guide .active .team_name span{ bottom: 20px;}
.tabs .tab-text { padding-bottom: 40px; overflow: hidden;}
.team_img{ width: 408px; height: 436px; float:left ; position:relative; }
.team_deco{ width: 77%; height: 100%; border: 2px solid #00b0ec; position: absolute; top:0; left:0; z-index: 0;}
.team_deco2{ display:block; width: 70px; height: 56px; background:#00b0ec; position: absolute; left:50%; bottom:40px; margin-left: -107px;}
.team_img img{ display: block; /*width: 275px;*/ width: auto; height: 360px; position:absolute; bottom:40px; right: 0; z-index: 2;}
.name_en{ font-size: 30px; color: #000; line-height: 35px; font-family: arial, helvetica, sans-serif; text-transform: uppercase; position:absolute; top:50%; left:0; z-index: 3; margin: -45px 0 0 25px; }
.name_en em{ display: block; font-size:40px; line-height:normal; color: #00b0ec; font-weight: bold; }
.designer_about{ float: right; color: #000; position: relative;}
.name_cn{ font-weight: bold; margin-bottom: 20px; font-size: 30px;}
.name_cn span{ font-weight: normal; margin-left: 15px; font-size: 20px;}
.expert_skill{ font-size: 18px;}
.skill_des{ max-height: 92px; overflow: hidden;}
.team_active{ display: block;}
.team_hide{ display: none;}
.designer_about,.team_guide,.team_page{ width: 61%;}
/*contact*/
.contact{ position: relative;}
.contact_map{ height: 557px; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.contact_box{ width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 10;}
.contact_info{ position: absolute; width: 100%; height: 100%; max-width: 438px; padding: 50px 40px; background: #fff; border-top: 8px solid #00b0ec;}
.contact_tit{}
.contact_tit span{ display: block; font-weight: bold; text-align: center; color: #fff; background: #00b0ec; margin-bottom: 10px; width: 180px; height: 52px; line-height: 52px; font-size: 30px;}
.contact_tit em{ display: block; color: #666; font-family: Georgia; font-size: 32px;}
.contact_list{}
.contact_list li{ overflow: hidden; margin-top: 20px; color: #333; font-size: 16px;}
.contact_list li img{ display: block; float: left; margin-right: 10px;}
.contact_txt{ overflow: hidden;}
.txt_b{ display: block; color: #999; font-size: 14px;}
/*error*/
.body_error{ height: 100%; overflow: hidden; background:#00b0ec url("../images/error_01.jpg")  center bottom no-repeat; /*background-size: cover; */text-align: center; color: #fff;}
.error_box{ position: absolute; top:50%; left:0; margin-top:-253px; width: 100%;}
.error_img{ display: block; margin: 0 auto; max-width: 70%;}
.sorry{ display: inline-block; font-size: 26px; background: url("../images/error_03.png") left center no-repeat; padding-left: 28px; margin: 50px 0 30px;}
.go{ display: block; margin: 0 auto; width: 166px; height: 36px; line-height: 36px; text-align: center; background: #eaf2f6; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.go:hover{ background-color: #fff; color: #00b0ec;}
.bsBox{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

/*======03/17lilu�� specialist=========*/
.specialist{ background:#00b0ec;}
.specialist_part{ padding: 0.7rem 0;}
#specialist_scr{ max-width: 905px; margin: 0 auto;}
#specialist_scr .sec_tit em{ font-size: 0.3rem;}
.specialist_box{ }
.specialist_img{ float: left; width: 685px; height: 395px; overflow: hidden;}
.specialist_info{ float: left; width: 320px; height: 320px; margin: 40px 0 0 -100px; padding: 30px 30px 0; background: rgba(0,204,253,.90); color: #fff;}
.specialist_cur{ font-size: 24px; margin-bottom: 0.20rem;}
.specialist_des{ line-height: 30px; height: 180px; overflow: hidden;}
.specialist_more{ text-transform:uppercase; float: right; margin-top: 10px;}
#specialist_scr .owl-controls{ position: absolute; left:50%; top:50%; margin:48px 0 0 -500px;}
#specialist_scr .owl-controls .owl-buttons{ font-size: 0; }
#specialist_scr .owl-controls .owl-buttons div{  font-size: 0; width: 48px; height: 48px; background: #31a9d2 url("../images/clinic_arrow01.png") center center no-repeat;}
#specialist_scr .owl-controls .owl-buttons div.owl-next{ background-color: #4cc8f2; background-image: url("../images/clinic_arrow02.png");}
#specialist_scr .owl-controls .owl-buttons div:hover{ filter:alpha(opacity=80); opacity:0.80;}
/*branch*/
.branch_top{ position: absolute; bottom: 0.4rem; left:0; z-index: 100; width: 100%; background: rgba(0,176,236,.70); padding: 0.3rem 0; color: #fff; }
.hot_line{ float: left; margin-right: 0.5rem; font-size:  0.18rem; line-height: normal; background: url("../images/clinic_04.png") left top no-repeat; background-size: 0.70rem; padding-left: 0.90rem;}
.hot_line em{ display: block; font-family: arial, helvetica, sans-serif; font-size: 0.4rem; margin-top: 0.1rem;}
.branch_notice{ overflow: hidden; padding-left: 0.5rem; border-left: 1px solid rgba(255,255,255,.20);}
.branch_notice h5{ font-size: 0.18rem; margin-bottom: 10px;}
.notice_scr{ position: relative;}
.notice_scr .hd{ position: absolute; top:-30px; right: 0; display: none;}
.notice_scr .prev,.notice_scr .next{ display: block; cursor: pointer; float: left; margin-left: 5px; width: 20px; height: 20px; background: url("../images/arrow02.png") left bottom no-repeat;}
.notice_scr .next{ background-position: right top;}
.notice_scr .prev:hover{ background-position: right bottom;}
.notice_scr .next:hover{ background-position: left top;}
.notice_scr .bd{ overflow: hidden;}
.notice_scr .bd ul li{ background: url("../images/arrow_01.png") left center no-repeat; padding-left: 14px; height: 24px; line-height: 24px; overflow: hidden; color: #fff;}
.notice_scr .bd ul li span{ font-family: arial, helvetica, sans-serif; float: right; opacity: 0.50; margin-left: 30px;}
.notice_scr .bd ul li a{  color: #fff; overflow: hidden;}
.notice_scr .bd ul li:hover a{ text-decoration: underline;}

/*branch_sec*/
.branch_sec{ padding: 0.6rem 0;}
.branch_intro{}
.branch_tit{ text-align: center; font-size: 0.3rem; text-transform: capitalize; margin-bottom: 0.4rem; color: #000;}
.branch_tit em{ display: block; font-family: arial, helvetica, sans-serif; font-size: 0.24rem; color: #909090;}
.branch_tit_dif,.branch_tit_dif em{ text-transform: uppercase; color: #fff;}
.branch_show{ margin: -0.1rem;}
.branch_show li{ padding: 0.1rem; text-align: center;}
.branch_service{ background-color: #00b0ec; color: #fff;}
.b_service_box{ padding: 0 4%; text-align: center; line-height: 30px; max-height: 120px; overflow: hidden;}
/*branch_expert*/
.branch_expert{}
#jian_scr{ max-width: 870px; display: block; margin: 0 auto;}
#jian_scr .item a{ display: block; overflow: hidden; background-color: #00b0ec; color: #fff;}
.jian_img img{ display: block; width: 216px; height: 324px;}
.jian_img{ float: left;}
.jian_info{ overflow: hidden; padding: 0.3rem 8% 0;}
.jian_tit{ font-size: 0.24rem; margin-bottom: 10px;}
.jian_des{ line-height: 30px; max-height: 150px; overflow: hidden; margin-bottom: 0.3rem;}
.jian_more{ display: block; width: 100px; line-height: 32px; text-align: center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.jian_more:hover{ background-color: #fff; color: #00b0ec;}
#jian_scr .owl-controls{ margin: 0;}
#jian_scr .owl-controls .owl-buttons{ font-size: 0; }
#jian_scr .owl-controls .owl-buttons div{ font-size: 0; position: absolute; top:50%; left:-0.8rem; margin-top: -0.35rem; width: 0.29rem; height: 0.71rem; background: url("../images/arrow06_left.png") center center no-repeat; background-size: contain;}
#jian_scr .owl-controls .owl-buttons div.owl-next{ left: auto; right:-0.8rem; background-image: url("../images/arrow06_right.png");}
#jian_scr .owl-controls .owl-buttons div:hover{ filter:alpha(opacity=80); opacity:0.80;}
/*branch_order*/
.branch_order{ background: #f6f6f6;}
.order_form{}
.order_line{ padding:0.1rem 0.2rem;}
.order_write{ background: #fff;}
.order_write label{ display: block; width: 130px; line-height: 60px; padding-left: 25px; float: left; font-weight: normal; font-size: 18px; color: #999;}
.order_write label em{ color: red;}
.write_box{ overflow: hidden;}
.order_txt{ width: 100%; height:60px; font-size: 14px; line-height: 24px; padding: 18px 0;}
.order_yu{ resize: none; height: 120px;}
.order_handle{ clear: both; text-align: center; padding-top: 30px;}
.order_submit{ width: 160px; height: 45px; margin: 0 10px; font-size: 20px; background-color: #70767a; color: #fff;}
.order_submit:hover{ background-color: #00b0ec;}

@media only screen and (min-width:1440px ) {
    .container{width:1230px;}
}

@media only screen and (min-width:1600px ) {
    /*server*/
    .server_zhe{ padding:50px;}
    .server_tit a span{ font-size: 0.48rem; margin-bottom:0.3rem;}
    .server_tit a em{ font-size: 24px;}
    .server_sum{ padding-right: 100px;}
    .server_sum li a{ font-size: 24px; height: 40px; line-height: 40px;}
    #server_scr .item:hover .server_sum{bottom:50px;}
    /*  case&news*/
    .case_items .container{width:1320px;}
    .news_box .container{ width: 1430px;}
    .c_rec_img{height: 510px;}

    .map2_tit{ font-size: 22px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
    .sub_tit{ font-size: 0.36rem;}
    .sub_tit em{ font-size: 0.18rem;}
}

@media only screen and (max-width: 1199px){
    /*banner*/
    .banner_warp, .banner,.body_plan .banner_warp, .body_plan .banner{ height: 4.02rem;}
    /*server*/
    .server_zhe{ padding:15px;}
    /*.server_tit a span{ font-size: 24px;}
    .server_tit a em{ font-size: 14px;}*/
    .server_sum{ padding-right: 30px;}
    .server_sum li{ margin-top: 10px;}
    .server_sum li a{ font-size: 16px; height: 26px; line-height: 26px;}
    /*case*/
    .c_rec_info{ padding-top: 20px; padding-left: 20px;}
    .c_rec_tit{ float: none; margin: 0 0 30px; font-size: 24px;}
    .c_rec_tit .c_rec_tit span{ font-size: 14px;}
    .c_rec_tit em{ font-size: 14px; margin-top: 10px; max-width: none;}
    .c_rec_des{ max-width: none;}
    .case_rec::before{ margin-left: 213px;}
    /*expert*/
    .expert_box{ margin: 0 -20px; padding: 0 40px;}
    #expert_scr .item{ padding:0 20px;}
    #expert_scr .owl-controls .owl-buttons div{ left:-20px;}
    #expert_scr .owl-controls .owl-buttons div.owl-next{ left: auto; right: -20px;}
    #expert_scr .item a{ font-size: 16px;}
    .expert_name{ height: 32px; line-height: 32px;}
    /*outpatient*/
    .o_map{ width: 443px;}
    .o_i_tit{ width: 136px; line-height: 60px; font-size: 24px;}
    .o_i_item{ font-size: 16px; padding-left: 20px;}
    /*make*/
    .make{ padding: 20px 0 0 20px;}
    .make_tit{ margin-right: 20px;}
    .make_tit a{ font-size: 16px;}
    .make_tit a i{ font-size: 12px;}
    .make_tit a em{ font-size: 24px;}
    .make_form .re_m_info_1{ margin-bottom: 6px;}
    .make_form2 .re_m_info_1{ margin-bottom: 10px;}
    .re_m_info,.re_m_info_1text,.re_m_info_2textarea{ font-size: 16px;}
    .re_m_info_1label{ max-width: 88px;}
    /*intro*/
    .intro_data li{ font-size: 18px;}
    .data_initial i{ font-size: 24px;}
    .data_initial em{ font-size: 36px;}
    /*hot*/
    .hot_tit{ font-size: 16px;}
    /*report_rec*/
    .r_rec_img{ width: 420px;}
    .r_rec_more{ margin: 30px 0;}
    /*correction*/
    .c_intro,.c_point{ width: 100%; float: none; margin: 0; padding-top: 0.88rem;}
    .c_intro .g_tit{ top:0; right: 0;}
    .c_point .g_tit{ bottom: auto; top:0; left:0;}
    /*team*/
    .team_list{ margin: -15px;}
    .team_list li.item{ padding: 15px;}
    /*mode_list*/
    .mode_list li{ font-size: 16px;}
    .mode_list li em{ font-size: 14px;}
    .mode_ico{ width: 130px; height: 130px;}
    .mode_list li.WeChat .mode_ico img{ width: 84px; height: 84px; margin: -42px 0 0 -42px;}
    /*re_main*/
    .re_m_ermBOX1img{ width: 139px;}
    .re_m_ermBOX1nr{ padding-top: 40px;}
    .re_m_downyxtit1{ font-size: 24px;}
    .re_m_downyxtit1 em{ font-size: 18px;}
    /*expert*/
    .designer_about,.team_guide,.team_page{ width: 51%;}
    /*envaironment*/
    .thumb_txt{ font-size: 18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    /*find*/
    .map2_num{ width: 60px; height: 60px; line-height: 60px; font-size: 32px;}
    #map2 .owl-controls .owl-page span{ width: 10px; height: 10px;}
    /*correction*/
    .g_tit{ width: 168px; height: 54px; line-height: 54px; font-size: 18px;}
    .c_intro, .c_point{ padding-top: 54px;}
    /*chief*/
    .chief_photo{width: 100%; max-width: 332px; height: 398px;}
}

@media (max-width: 991px){
    /*case*/
    .c_rec_img{ display: none;}
    .c_rec_img2{ display: block;} 
    .case_items, .case_tab_box{ background-color: transparent;}
    .classic_items{ background: #00b0ec;}
    .c_rec_info{ padding-bottom: 90px;}
    /*outpatient*/
    .o_left:after{ right:-50%;}
    .o_map{ width: 533px;}
    .o_l_area{ height: auto; padding-bottom: 20px;}
    .o_i_bg{ width: 200%; left:-50%;}
    .make:before{ left:-50%;}
    /*news*/
    .news_list li a{ padding: 0.3rem 0;}
    #news_scr{ padding: 0 60px;}
    #news_scr .owl-controls .owl-buttons div{ width: 30px; height: 30px; background-size: cover;}
    /*re_m_info*/
    .re_m_info{margin: 0;}
    .re_m_info_1{ width: 100%; margin-left: 0;}
    .re_m_info_1label{ max-width: none;}
    /*intro*/
    .intro_data li{ width: 50%; height: 196px;}
    .data_des{ max-width: none; max-height: 156px;}
    /*report_rec*/
    .r_rec_img { width: 100%;max-width: 520px; float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
    #report_scr .owl-controls .owl-buttons div.owl-prev{ left:0;}
    #report_scr .owl-controls .owl-buttons div.owl-next{ right:0;}
    .report_list{ padding: 0;}
    /*hot*/
    .hot_list{ margin: -15px;}
    .hot_list li{ padding: 15px;}
    /*duty*/
    .duty_list{ margin: -10px -20px;}
    .duty_list li{ padding: 10px 20px;}
    /*article*/
    article{ padding: 0;}
    .article_top{ font-size: 14px;}
    .article_tit{ font-size: 24px;}
    /*correction*/
    .c_i_des,.c_p_des{ height: auto; padding: 0.3rem;}
    .c_p_des .des_area{ max-width: none; max-height: none;}
    /*related*/
    .related_list{ margin:-15px;}
    .related_list li{ padding: 15px;}
    /*team*/
    .chief_photo{ float: none; margin: 0 auto 20px; }
    .chief_tab,.chief_info{ border-top: 1px solid #ccc;}
    /*member*/
    .member_guide{ width: 100%; margin: 0; float: none;}
    .m_g_list{ width: 240px; float: right;}
    .m_g_handle{ float: left; border: none; padding: 0;}
    .member_info{ width: 100%; padding-top: 20px; border-top: 1px solid #e5e5e5; border-right: none;}
    .m_l_tit{ position: inherit; width: auto; height: auto; min-height: inherit; min-height: initial; max-height: inherit; max-height:initial;  font-size: 16px; display: inline-block; padding: 10px;}
    .m_l_tit em{ font-size: 12px; min-height: inherit; min-height: initial;}
    .m_l_tit em b{ display: inline-block; font-size: 18px; margin-right: 4px;}
    .m_l_tit em b i{ font-size: 36px;}
    .m_l_des{ margin: 0; padding: 0;}
    /*expert2*/
    .team_img{ width: 288px; height: 308px;}
    .team_img img{ height: 240px;}
    .designer_about,.team_guide,.team_page{ width: 55%;}
    .name_en,.name_cn{ font-size: 22px;}
    .name_en em{ font-size: 32px;}
    .name_cn span,.expert_skill{ font-size: 16px;}
    /*envaironment*/
    .thumb_txt{ font-size: 16px;}
    /*find*/
    #map2 .owl-controls .owl-page span{ width: 8px; height: 8px;}
    /*specialist*/
    .specialist_img,.specialist_info{ width: 100%; height: auto; max-width: 685px; margin: 0 auto; float: none;}
    .specialist_info{ padding: 20px 20px 0; height: 200px;}
    .specialist_des{ line-height: 24px; height:72px;}
    #specialist_scr .owl-controls{ position:inherit; position: initial; margin: 0.3rem 0 0;}
    /*jian_scr*/
    #jian_scr .owl-controls .owl-buttons div{ width: 0.19rem; height: 0.47rem; left:0;}
    #jian_scr .owl-controls .owl-buttons div.owl-next{ left: auto; right: 0;}
}

@media (max-width: 767px){
    .index_focus,.pc_focus,.iphone_focus{ height:233px;}
    .focus_down{ width: 60px; margin-left: -30px; bottom: 0;}
    .pc_focus{ display: none;}
    .iphone_focus{ display: block;}
    /*banner*/
    .banner_warp, .banner,.body_plan .banner_warp, .body_plan .banner{ background-position: left top;}
    .s_down{ display: none;}
    /*case*/
    .c_rec_info{ display: none;}
    #case_tab{ margin: 0; }
    .case_tab_box .container{ padding-left: 0; padding-right: 0;}
    /*#case_scr .item a, #case_tab .item a{ padding-top: 20px; height: 156px;}*/
    /*server*/
    .server_zhe{ display: none;}
    /*sec_tit*/
    #news_scr .item{ height: 250px; padding: 20px;}
    /*expert*/
    .expert_box{ margin: 0 -10px; padding: 0;}
    #expert_scr .item{ padding:0 10px;}
    #expert_scr .owl-controls .owl-buttons div,#expert_scr .owl-controls .owl-buttons div.owl-next{ position: relative; margin: 0 5px; left:auto; right: auto; width: 44px; }
    .expert_info{ display: none;}
    #expert_scr .item a:hover .expert_name{ bottom: 0;}
    /*outpatient*/
    .o_l_area{ background: none;}
    .o_map{ width: auto;}
    .o_map img{ display: none;}
    .o_list{ margin-right: -22px;}
    .o_list li,.o_list li.o_city1,.o_list li.o_city,.o_list li.o_city2,.o_list li.o_city3,.o_list li.o_city4{ position: inherit; margin: 0 22px 0 0; float: left; background-size: 20px; padding-left: 26px;}
    .o_list li span{ left: 0; filter: alpha(opacity=100); opacity: 1;}
    .o_i_tit{float: none; margin: 0; font-size: 18px; line-height: 40px; width: 106px;}
    .o_i_item{ height: 40px; line-height: 40px;}
    .o_tit a{ font-size: 16px;}
    .o_tit a i{ font-size: 14px;}
    .o_tit a em{ font-size: 18px;}
    /*news*/
    .news_box{ width: 100%; padding: 0 15px;}
    #news_scr{ padding: 0;}
    #news_scr .owl-controls .owl-buttons div{ position: inherit; margin: 0 5px;}
    /*make*/
    .make{ height: auto; padding:20px 0 80px 0;}
    .make_tit{ float: none; margin: 0 0 20px;}
    .make .tjBOX { padding: 0; position: absolute; bottom: 30px; left: 50%; margin-left: -66px; }
    /*ԤԼ*/
    .make_form{ max-width: 400px; margin: 0 auto;}
    .re_m_info_1,.make_form .re_m_info_1{ height: auto; line-height: normal; background-color: transparent; margin-bottom: 10px;}
    .re_m_info_1label,.make_form .re_m_info_1label{ width: 100%; padding-left: 14px; float: none; line-height: 40px;}
    .re_m_info_1r,.make_form .re_m_info_1r{ width: 100%; padding-left: 0; float: none; background-color: #F0F0F0; height: 40px; line-height: 40px;}
    .make_form .re_m_info_1r{ background-color: #fff;}
    .laydate-icon,.make_form .laydate-icon{ height: 40px; background-size: 24px;}
    .re_m_info_1 .cssSelect .selectLt,.make_form .cssSelect .selectLt{ background-size: 37px; padding-right: 37px; padding-left: 14px;}
    .re_m_info_1 .cssSelect .optionBox span{ padding-left: 12px;}
    .re_m_info_2 .re_m_info_1r,.make_form .re_m_info_2 .re_m_info_1r{ height: auto; line-height: normal;}
    /*make_form2*/
    .specialBOX1_right{ width: 100%; max-width: 480px; margin: 30px auto; float: none;}
    .make_form2{ padding: 15px;}
    .make_form2 .re_m_info:before{ display: none;}
    .make_form2{ max-width: none;}
    .make_form2 .re_m_info_1{ border: none;}
    .make_form2 .w_dif,.make_form2 .w_dif .re_m_info_1r{ width: 100%;}
    .make_form2 .re_m_info_1label, .make_form2 .re_m_info_1label,.make_form2 .w_dif .re_m_info_1label{ width: 100%; line-height: 32px;}
    .make_form2 .laydate-icon, .re_m_info_1 .cssSelect .optionBox,.make_form2 .re_m_info_1r,.make_form2 .w_dif .re_m_info_1r{ height: 32px; line-height: 32px;}
    .sd_phone{ display: block;}
    .make_form2 .sxw{ display: none;}
    .make_form2 .re_m_info_1 .cssSelect .selectLt{ background-size: 28px; padding-right: 28px;}
    .make_form2 .re_m_info_1 .cssSelect .selectBox{ padding-right: 1px;}

    .yyzxp2,.mzsj_h1{ font-size: 24px;}
    .yyzxp1,.mzsj_h1 em{ font-size: 14px;}
    .yyzxp2{ background-size: 31px; padding-left: 41px;}
    .web_news_label{ float: none; margin-bottom: 10px; line-height: 26px; background-size: 34px; padding-left: 44px;}

    /*join*/
    #join_scr{ padding: 0;}
    #join_scr .owl-buttons div{ position:inherit; margin: 0 5px;}
    /*sub_nav*/
    .sub_nav .container{ padding: 0;}
    .s_nav_list li a{ line-height: normal; padding:10px 0.1rem;}
    /*intro*/
    .intro_data{}
    .intro_data li{ font-size: 16px; height: auto; padding: 10px 0;}
    .data_initial i{ font-size: 18px;}
    .data_initial em{ font-size: 24px;}
    .data_initial{ position: inherit; margin: 0;}
    .data_hover{ display: none; height: 0; padding: 0; overflow: hidden;}
    /*culture*/
    .culture_item{ font-size: 18px;}
    .culture_item em{ max-width: none;}
    .culture_list li:hover a .culture_item{ display: none;}
    .culture_list li:hover a .item_des{ top:0;}

    /*find*/
    .find_tit em{ font-size: 24px;}
    .find_tit span{ width:60px; height: 60px;}
    #map1 .item{ background: #f5f5f5;}
    .map_show{ position: inherit; position: initial; }
    .map{ position: inherit; position: initial; width: auto; margin: 0;}
    .map_1{ position: relative; left: auto; top:auto; margin: 0 auto;}
    .map img{ max-width: 100%;}
    .map_1imgnr{ height: auto; padding: 20px 10px; background: #fff;}
    /*news*/
    .news_info{ padding-top: 0;}
    .news_time{ display: none;}
    .news_tit{ font-size: 16px; height: 20px; margin-bottom: 2%;}
    /*paging*/
    .paging a{ width: 24px; height: 24px; line-height: 24px;}
    .paging a.paging_btn{ font-size: 12px; width: 60px;}
    /*report_scr*/
    #report_scr,#report_scr .item{ padding: 0;}
    #report_scr .owl-controls .owl-buttons div{ position: relative; left: auto; right: 0; width: 36px; height: 36px; margin: 0 5px;}
    .report_more{ display: none;}
    /*duty*/
    .duty_list{ margin: -10px -5px;}
    .duty_list li{ padding: 10px 5px;}
    .duty_top img,.duty_des,.duty_more{ display: none; }
    .duty_info{ height: auto;}
    .duty_info h5{ padding: 10px;}
    /*article*/
    .article_tit{ font-size:18px;}
    /*related*/
    .related_list{ margin: -5px;}
    .related_list li{ padding:5px;}
    .related_des{ display: none;}
    .related_list li a h6{ font-size: 0.26rem; height: 0.28rem;}
    .related_list li a:hover .related_info{ height: 2.52rem;}
    /*case_inside*/
    .case_inside_head{ padding: 30px 0;}
    .case_inside_tit{ font-size: 18px;}
    .case_inside_js{ font-size: 14px;}
    .sxy,.fx{ width: 100%; float: none;}
    .fhBOX_a{ width: 90px; height: 90px;}
    .fhBOX_ap{ padding-top: 18px;}
    /*team*/
    .chief_tab,.chief_info{ border: none;}
    .chief_tab{ min-width: inherit; width: 100%; float: none;}
    .chief_tab li{ font-size: 16px; width: 33.33%; height: auto; line-height: 44px; padding: 0; border: 1px solid #b3e0ea; margin: -1px 0 0 -1px; float: left;}
    .chief_tab li em{ display: none;}
    .chief_info{ padding: 30px 0; width: 100%;}
    .chief_area{ height: auto;}
    .chief_dis{ height: 0; filter:alpha(opacity=0); opacity:0; }
    /*team_list*/
    .team_list li.item{ width: 50%; max-width: 375px; margin: 0 auto; float: left;}
    .team_list li.item .recommend_info{ display: none;}
    .team_list .item a{ padding: 0 20px 20px 0;}
    .team_list .item a:before{ height: 154px; border-width: 3px;}
    .team_list .recommend_img{ width: 106px; height: 154px;}
    .team_list .recommend_intro{ padding: 30px 0 0 15px;}
    .r_i_tit{ font-size: 16px;}
    .r_i_tit em{ font-size: 14px;}
    .r_i_post{ display: none;}
    .team_more{ width: 95px; height: 30px; line-height: 30px; bottom: 3px; right: 3px; font-size: 14px;}
    .recommend_info{ display: none;}
    /*member*/
    .member_info dt{ width: 40%; margin-right: 15px;}
    .member_info dd{ overflow: visible; font-size: 14px; line-height: 1.7;}
    .m_g_list li img{ display: none;}
    .m_g_list{ width: 120px;}
    .m_g_list li{ width: 100%; margin-bottom: 10px;}
    /*card*/
    .card{ margin: 0.4rem 0 0;}
    .card_tab{ float: none;}
    .card_tab li{ float: left; margin-right:0.2rem;}
    .card_tab li a{ background-color: #f5f5f5;}
    #family_scr,#card_scr{ width: 100%; margin: 0; padding: 0;}
    #family_scr .item,#card_scr .item{ padding: 0;}


    .card_table table th, .card_table table td,.card_note{ font-size: 12px;}
    .card_table table th,.card_table table td.zengzhi{ font-size: 14px;}
    /*re_main*/
    .re_phone{ position: inherit;}
    .re_p_right{ display: none;}
    .re_ph_left_p1{ background-size: 41px; padding-left: 51px;}
    .re_ph_left_p1 em{ font-size: 32px;}
    .re_m_ermBOX1{ display: block; width: 100%; margin: 0;}
    .re_m_ermBOX1img{ width: 89px;}
    .re_m_ermBOX1nr{ padding-top: 10px;}
    .re_m_downimg{ display: none;}
    .re_m_downyx{ width: 50%;}
    .re_m_downyx{ border-left: 1px solid #baecf7;}
    /*profile*/
    .profile_txt{ width: 100%;}
    /*envaironment*/
    .content,div.navigation{ width: 100%;}
    div.navigation{ margin-bottom: -1.91rem;}
    .thumb_txt{ font-size: 12px;}
    /*expert2*/
    .team_img{ display: none;}
    .team_guide{ position: inherit;}
    .designer_about,.team_guide,.team_page{ width: 100%;}
    .team_name{ font-size: 14px;}
    .designer_about{ margin-bottom: 20px;}
    /*contact*/
    .contact_map{ height: 257px;}
    .contact_box,.contact_info{ position: inherit;}
    .contact_info{ margin: 0 auto; max-width: none; padding: 30px 15px;}
    .contact_tit span{ font-size: 22px;}
    .contact_tit em{ font-size: 24px;}
    /*error*/
    .body_error{ background-size: cover;}
    .error_box{ margin-top: -173px;}
    .sorry{ font-size: 18px; background-size: 13px; padding-left: 23px;}
    .go{ width: 136px;}
    /*events_year*/
    .events_year{ float: none; margin-bottom: 10px;}
    #deve_area .events_scr{ width: 100%; margin: 0; font-size: 14px; text-align: justify;}
    #deve_area .events_scr .owl-buttons{ top:-45px; left: auto; right: 0;}
    .events_month{ font-size: 18px;}
    #deve_tab .item span{ font-size: 18px;}
    #deve_tab .synced .item span{ background-size: 22px; padding: 0 0 31px; color: #00b0ec; font-size: 18px;}
    #deve_area{ margin-bottom: 30px;}
    #deve_tab{ padding: 0 54px;}
    #deve_area .owl-buttons div{ bottom: -105px;}
    /*recommend*/
    .recommend_name { width: 85px; height: 30px; line-height: 30px; font-size: 14px;}
    .recommend_scr .item a:hover .recommend_name{ right:-85px;}
    /*science*/
    .science li a{ height: 180px;}
    .science_area{ padding: 20px;}


    .c_i_info,.c_i_des{ font-size: 0.24rem;}
    .sec_tit .tit_des,.s_nav_list li a,.c_p_des{ font-size: 0.28rem;}
    .map2_tit,.g_tit{ font-size: 0.30rem;}
    .sec_tit2,.correction_tit,.correction_item{ font-size: 0.36rem;}
	
	#divbg{width:270px!important;height:270px!important;background-size:100% 100%!important;}
	#div23{left:200px!important;z-index:111!important;}


}
@media (max-width: 567px){
    /*about*/
    .about_links li,.about_links li.about_links1,.about_links li.about_links2{ width: 100%; text-align: center;}
    .about_links li.about_links1,.about_links li.about_links2{ padding:10px;}
    .about_links li.about_links1{ border-right: none; border-bottom: 1px solid #7f7f7f;}
    /*team*/
    .team_list li.item{ width: 100%; float: none;}
}



.a,*:before,*:after,
.owl-buttons div,
header,.erweima,.clinic_menu,.clinic_list,
.subclass_nav,.subclass_bot,.major_link li a,
.about_line,.server_zhe,.server_tit,.server_sum,.tj_a,
.news_more span,#news_scr .item,.news_date,
.expert_name,#expert_scr .owl-controls .owl-buttons div,.case_ico,
.culture_item em,.culture_item i,.item_des,.join_area,.news_tit,
.science_area,.science_tit,.author,.science_more,.report_list li,.back_list span,.o_list li,.o_list li span,
.g_tit,.g_tit span,.related_info,.related_more,.o_i_box,
.recommend_info,.recommend_name,
.chief_tab li,.chief_area,.m_g_list li span,.card_area,
.mode_list li,.mode_ico,.mode_ico img,.back_top img,.re_m_info_1,.re_m_downimg img,.re_m_downyx,.re_m_downyxico,.re_m_downyxtit1,
.thumb_txt,.team_name,.team_name span,#tab_scr .item span,.expert_info,
.c_p_img01,.c_p_img02,.r_rec_img01,.r_rec_img02,.report_img01,.report_img02,#deve_tab .item span,.jian_more,.order_submit{
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


.c_line1,.c_line2,.c_line3,.c_line4,
.menu_box,.menu_list li,.menu_list li a,.menu_ico,.menu_item img,
.recommend_more,.recommend_post li,.recommend_info h6,
.server_info{
    -webkit-transition:all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}


/*ͼƬ��С���*/
.expert_img img,.related_img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    width: 100%;
}


#expert_scr .item a:hover .expert_img img,.related_list li a:hover .related_img,.re_m_downimg:hover img{
    -webkit-transform: scale(1.08, 1.08);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.08, 1.08);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.08, 1.08);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    position: relative;
}
.dis{ display: none;}