@charset "utf-8";
/* CSS Document */


*{margin:0;padding:0;list-style-type:none; box-sizing:border-box}

table{ margin:0 auto;max-width: 100%!important}
img{ border:0;max-width: 100%!important}
ul,ol{list-style-type:none; margin:0; padding:0}
a{text-decoration:none;color:#666;}
a:focus{outline:none;}

.fl{ float:left}.fr{ float:right} 
article,aside,footer,header,nav,section{display:block;border:0;}
a,img{ border:0;}
.clearfix:after{ 
visibility:hidden; 
display:block; 
font-size:0; 
content:" "; 
clear:both; 
height:0; 
} 
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 



body{font-family: "微软雅黑"}
/* CSS Document Edited by LiLu */
.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: 13px;
    height: 13px;
    margin: 0 5px;
    background: #00b0ec;
}

.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;
}

.focus_down {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 67px;
    background: none;
    z-index: 10;
}


/*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 10px 0 -15px;
    font-size: 26px;
}

.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 {
    height: 100%;
    overflow-y: scroll;
    color: #fff;
    padding-top: 0px;
}

.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;
}

.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: 2.10rem;
    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;
    text-transform: capitalize;
    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: 20px;
    height: 13px;
    background: url("../images/project_02.png") center 13px no-repeat;
}

.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: 100%;
    height: 100%;
    top: 0;
    left: 0;
    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: 40px;
    height: 40px;
}

.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: 40px;
}

.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 45px;
}

.recommend_scr .item {
    padding: 0 15px;
}

.recommend_scr .item a {
    display: block;
    max-width: 254px;
    overflow: hidden;
    padding: 0 38px 34px 0;
    position: relative;
}

.recommend_scr .item a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 324px;
    border: 6px solid #f3f3f3;
}

.recommend_img {
    position: relative;
    z-index: 10;
    width: 216px;
    height: 324px;
    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: 38px;
    text-align: center;
    line-height: 38px;
    background: #f3f3f3;
    font-size: 16px;
    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: -36px;
    left: 0;
    width: 30px;
    height: 72px;
    font-size: 0;
    background: url("../images/arrow06_left.png") no-repeat;
}

.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");
}


/*============================================预约咨询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;
}

.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;
    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;
    white-space: nowrap;
    text-overflow: clip;
}

.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;
}

@media (max-width: 599px) {

    /*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 (max-width: 495px) {

    /*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;
    }
}



@media (max-width: 385px) {

    .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: 0px;
        left: 50%;
        margin-left: -66px;
    }

    /*预约*/
    .make_form {
        height: auto;
        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;
    }

    /*recommend_scr*/
    .recommend_scr {
        padding: 0;
    }

    .recommend_scr .item a {
        margin: 0 auto;
    }

    .recommend_scr .owl-controls .owl-buttons div {
        position: inherit;
        margin: 0 5px;
    }

    .recommend_scr .owl-controls .owl-buttons div {
        width: 36px;
        height: 36px;
        background-position: center center;
        background-size: 15px;
    }

    /*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;
    }

    /*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: 40px 0 0;
    }

    .card_tab {
        float: none;
    }

    .card_tab li {
        float: left;
        margin-right: 15px;
    }

    .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_scr {
        padding-top: 40px;
    }

    .card_pro {
        margin: 0 auto;
    }

    .c_s_tit {
        font-size: 24px;
    }

    .card_tit {
        font-size: 18px;
    }

    .card_table table th,
    .card_table table td.zengzhi,
    .card_list li {
        font-size: 16px;
    }

    .card_table table td,
    .card_note {
        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%;
    }

    .thumb_txt {
        font-size: 14px;
    }

    /*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;
    }

    /*science*/
    .science li a {
        height: 180px;
    }

    .science_area {
        padding: 20px;
    }

    .project_item #case_scr .owl-buttons div {
        width: 25px;
        height: 25px;
    }


    .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;
    }
	

}
.logo a{ color:#fff; font-size:14px;font-weight: bold}
.nav__menu>li{float: left;text-align: center; /*! padding: 0 39px; */width:20%;z-index: -9999999999999;}
#activator_pc>li>a{ color: #666;font-size:18px;width: 100%!important;font-weight: normal;}
.potm{width: 50%;position: absolute;/*! width: 45%; */top: 30%;height: 180px;padding: 0 0.1rem;/*! padding-top: 0.46rem; */transition: all 1s;/*! text-shadow: #333 1px 1px 1px; */background: rgba(26,114,221,0);background: rgba(22, 115, 208, 1);}
.potm img{width: 0.65rem;height: 0.65rem;}
.potm p{margin: 0.15rem 0 0.15rem;
font-weight: bold;
font-size: 0.18rem;
line-height: 0.38rem;
width: 70%;

}
.potm i{display: block;border-top: 0.03rem solid #fff;transition: all 0.2s;}
.potm span{display: block;font-size: 0.22rem;line-height: 0.5rem;/*! font-weight: bold; */}
.potm:hover {
    background: rgba(22, 115, 208, 0.8);
}
.index-con1 ul li a {
    color: #fff;
}
.keshiitem{ width: 100%;float: left;/*! margin: 0 5%; */border-bottom: #fff solid 1px;font-size: 1rem;}
.index-con1 .col-lg-4{  padding: 0;margin: 0}

/**
	 * ��ɫ����
	 */
	.Department{
		width: 100%;background: #fff;box-sizing: border-box
		
	}
	.Department-background{
		width: 90%;
		margin: 0 auto;
	}
	
	.Department-img-top{
		
		overflow: hidden;
	}
	.Department-img-top h2{
		text-align: center;
	    line-height: 60px;
	    margin-bottom: 0.2rem;
	    font-size: 18px;
	}
	
	
	.Department-img-img{
		height: 180px;
		width: 180px;
		border-radius:300px;
		margin: 0 auto;
		margin-top: 30px;
	}
	/* ­������δ������ */
	.Department-img-top>div>div .Department-img-img{
		
	
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
		text-align: center;
	}
	/* ͷ��������� */
	.Department-img-top>div:nth-child(2) .Department-img-img{
		
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻ���������� */
	.Department-img-top>div:nth-child(3) .Department-img-img{
		
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��������� */
	.Department-img-top>div:nth-child(4) .Department-img-img{
		
	
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* �����Ĥ�� */
	.Department-img-top>div:nth-child(5) .Department-img-img{
	
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ͯ��ǻ�� */
	.Department-img-top>div:nth-child(6) .Department-img-img{
		
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻԤ�������� */
	.Department-img-top>div:nth-child(7) .Department-img-img{
		background-color:#1b72b6 ;
	
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻ��ֲ�� */
	.Department-img-top>div:nth-child(8) .Department-img-img{
		background-color:#1b72b6 ;
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻ�޸��� */
	.Department-img-top>div:nth-child(9) .Department-img-img{
		background-color:#1b72b6 ;
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻ���� */
	.Department-img-top>div:nth-child(10) .Department-img-img{
		background-color:#1b72b6 ;
	
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ����� */
	.Department-img-top>div:nth-child(11) .Department-img-img{
		background-color:#1b72b6 ;
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	/* ��ǻ�ۺϿ� */
	.Department-img-top>div:nth-child(12) .Department-img-img{
		background-color:#1b72b6 ;
		
		background-position:15px  15px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	
	.Department-img-bottom{
		margin-top: 10px;
	}
	/**
	 * ר��
	 */
	/*
		ר��
	*/
.about_links{ color:#333; font-size: 36px;font-weight: bold;text-align: center}
.Department-img-img{ padding-top:40px;}
.Department-img-img img{width: 40%;margin: 10px auto;}
.linian{ font-size: 30px;/*! float: left */}.linian h2{font-size: 28px;font-weight: normal;float: left;}.linian em{font-weight:bold}
.yuyue{ font-size: 16px; background: #fff;border-radius: 8px;float: right;width: 200px;text-align: center; padding:8px 0;margin-left: 20px;}
.footer_center {float:left; display:inline;margin-top:38px;margin-left:30px;width: 67.5%;}
.footer_center dl{float:left;width:14%;color:#FFF;overflow:hidden;/*! border-right:1px solid #339fd7; */text-align:center;padding-top:2px;padding-bottom:10px}
.footer_center dl:last-child{border-right:0px;}
.footer_center dl dt{margin-bottom:20px;text-align: left;}
.footer_center dl dt a{font-size:16px;color:#333;line-height:28px;font-weight:bold;}
.footer_center dl a{font-size:14px;color:#333;}
.foot_lx{float:left}
.copy{width: 70%;margin: 0 auto}
.foot_lx{ width: 25%; padding: 20px 0}
.banquan{ font-size: 14px;text-align: center; padding:15px 0}
footer{ background: #ccc;} .footer_center a{ color: #000}
.footer_center dl dd{ text-align: left}
@media only screen and (max-width:480px){
	
	.keshiitem{width: 30%;}
	.Department-img-img {
   
    width:80px; height:80px
}
	.Department-img-top h2 {
    text-align: center;
    line-height: 23px;
  
    font-size: 14px; height: 50px
}
	.about_links{font-size: 21px}
	.linian h2 {
		font-size: 18px;float: left;width: 65%}
	.yuyue {width: 80px}
	.linian em{display: block}
	.footer_center{width: 100%;margin: 0}
	.footer_center dl{ width: 33.333%;}
	.copy {
    width: 90%;
    margin: 0 auto;
}
	.foot_lx {
		width: 100%;}
	.item p{ color: #000 !important}
}
.fuwu li img{opacity: 1}

.cfix img{ opacity:1;}

.nav i{font-size: 10px;display: block;height: 10px;line-height: 2px;margin: 0;top: -10px;position: relative;color: #b9b9b9;z-index: -99999999999999999;}



.hud-foot{width: 100%;background:url(../images/footer.jpg) no-repeat center;height: 4.14rem;background-size: 100% 100%; padding-top: 5%}
.hud-foot-con>div{float: left;text-align: center; width:25%;}
.hud-foot-con div>a{display: block;color: #fff; font-size:14px;font-weight: bold;}
.hud-foot-con div>a span{display: block;color: #0066cc;transform: scale(0.8);font-size: 12px;margin-top: 5px;}
.hud-bottom{width: 100%;background: #272727;color: #969696;font-size: 15px;line-height: 0.66rem;text-align: center;margin-top: -1px;}
.hud-bottom a{display: inline-block;color: #969696;}
.hud-foot-l{text-align: center;width: 100%;color: #fff;line-height: 0.4rem;font-size: 12px;margin-top: 10%;}

.sec_tit{ /*! background: url(../images/line.jpg) repeat-x center; */}


.sec_tit a{ padding: 0 20px;display: block;/*! width: 200px; *//*! margin: 0 auto; *//*! background: #fff; */margin-bottom: 0.2rem;color: #0366cb;font-weight: 3000;font-size: 20px;}
.tit_des { position: absolute}

.hei a{ background: #666}
.hdb-header-container{background: #eaeaea;clear: both;}
.hdb-header{background: #565656;height: 50px;padding-top: 10px;/*! display: none */}
.hdb-header-top{width:1200px;float: right;margin-right: 17%;}
.hdb-header-top li{float: right;width:38px;position: relative;cursor: pointer;}
.hdb-header-top li a{display: block;color: #9fa0a0;}
.hdb-header-top li:not(:last-child){margin-left: 20px;}
.hdb-header-top li>img{width: 30px;height:37px;}
.icon:after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top:6px solid #9fa0a0;
    position: absolute;
    top:23px;
    right: -5px;
}
.icon_on.icon:after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-bottom:6px solid #fff;
    position: absolute;
    top:17px;
    right: -5px;
}
.link-icon::after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top:6px solid #9fa0a0;
    position: absolute;
    bottom:10px;
    right: 47%; 
}
.li_on .link-icon::after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-bottom:6px solid #006cff;
    position: absolute;
    bottom:26px;
    right: 47%; 
}
.icon-none{width:278px;/*! height:172px; */background: #565656;overflow: hidden;display: none;position: absolute;z-index: 99999999999999999999;}
.tel div{text-align: center;font-size: 15px;color: #9fa0a0;margin-bottom: 24px;}
.add div{font-size: 15px;color: #9fa0a0;margin-bottom: 24px;margin-left: 32px;}
.tel div span{color: #fff;font-weight: bold;}
.tel div:first-child,.add div:first-child{margin-top:30px;}
.wx img{margin: 18px auto 0;display: block;}
.hdb-header-nav{width: ;margin: 0 auto;}
.hdb-header-nav>ul{width: 100%;margin: 0 auto;/*! padding:0 32.5px ; *//*! float: right; */}
.hdb-header-nav>ul>li{float: left;width: 18%;position: relative;}
.hdb-header-nav>ul>li span{display: block;}
.hdb-header-nav>ul>a{float: left;margin:20px 87px;display: block;}
.hdb-header-nav>ul>li>a{color: #333;font-size: 18px;text-align: center;display: block;padding-top: 30px;padding-bottom: 30px;}
.hdb-header-nav>ul>li>a span,.project>div p span{color: #b9b9b9;font-size: 10px !important;-webkit-transform:scale(0.8);/*0.8为缩放的比例大小*/text-align: center;line-height: 20px;transform: scale(0.8);position: relative;top: -5px;height: 30px;}
.hdb-header-nav ul li > a:hover {
    background: #fff;
    color: #006cff; display: block; 
}
.hdb-header-nav>ul>li>a:hover span{color: #92befb;}



ul{  padding: 0;margin: 0}
.project li { display: block;width: 100%;height: 52px; line-height: 52px;padding-left: 20px;font-size: 16px;}


.project{width: 1000px;background: #fff;position: absolute;overflow: hidden;/*! padding-bottom: 45px; *//*! padding-top: 45px; */display: none;z-index: 999999999999999999;}
.project>div{float: left;width: 166px;text-align: center;border-right: 1px solid #eaeaea;height: 250px;}
.project>div:last-child{border-right: none;}
.project>div a{display: block;margin-top: 22px;/*! color:#b9b9b9; */ font-size: 14px;}
.project>div p{font-size: 14px;color: #686868;}
.project>div a:hover{color: #006cff;}


.menuOn {
	FONT-WEIGHT: bold;  COLOR: #004b82; width:100%; background:#0065ca;width: 100%; /*! border-radius: 50%; */margin: 0 auto;
	
	
}

.menuOn a:link{
	
	color: #fff;
	text-decoration: none;
	
	
}
.menuOn a:visited{
	
	color: #fff;
	text-decoration: none;
}
.menuOn a:hover{
	
	color: #fff;
	text-decoration: none;
}

.menuOn a:active{
	
	color: #fff;
	text-decoration: none;
}

.menuOn img,.menuOff img{ width: 50%;margin: 0 auto; float: none;}


.menuOff {
	FONT-WEIGHT: bold; COLOR: #fff; background:#787878;width: 100%; margin: 0 auto;
	color: #fff; 
}
.heli{width: 100%}
.ysjj_tit{font-size: 18px;margin: 20px 0}
.menuOff a:link{
	
	color: #fff;
	text-decoration: none;
}
.menuOff a:visited{
	
	color: #fff;
	text-decoration: none;
}
.menuOff a:hover{
	
	color: #fff;
	text-decoration: none;
}

.menuOff a:active{
	
	color: #333;
	text-decoration: none;
}

.yz_img{ /*! float: left; */width: 80%;/*! margin-right:0.3rem */margin: 0 auto;display: block;margin: 30px auto;}
.keshiitem span{font-weight: normal;font-size:18px;}
.menuOff,.menuOn{ width: 338px; height: 150px; padding-top: 40px; box-sizing: border-box}

.top_logo{ width: 22% !important;margin-left: 20px;margin-top: 15px;}
.top_logo a {margin-top: -25px}
#myCarousel_two{ width: 1000px;margin: 0 auto;border-radius: 80px}
#myCarousel_two img{border-radius: 30px;}
.s_down{ width: 60%;margin: 0 auto;text-align: center}

.hud-banner{background: url(../images/hud-banner.jpg)no-repeat center;background-size: 100% 100%;width: 100%;height:4.23rem ;}
.hud-about1{background: fbfbfb;width: 100%;/*! overflow: hidden; */}
.focusBox { position: relative; width: 75%; height:500px  }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:450px;  display: block;float: left;margin-top: 0.5rem;}
.focusBox .hd { width:100%; position: absolute;  text-align: center; font-size:0; z-index:1;right: -0.8rem; bottom: 0.4rem;}
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1; 
	}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .next { width: 1.4rem; margin: -60px 0 0; display: block!important; position: absolute; bottom: 0.5rem; z-index: 10; cursor: pointer; color: #0066cc; font-size: 0.18rem;overflow: hidden;}
.focusBox .next i{display:inline-block;width: 0.36rem;height: 0.36rem;border-radius: 50%;text-align: center;line-height: 0.28rem;border:0.02rem solid #0066cc;font-size: 0.4rem;font-weight:lighter;margin-left: 0.05rem;}
.focusBox .next { background-position: 0 -90px; right: 0; }
.pic div{float: left;margin-left: 0.5rem;width: 44.5%;}
.pic div p:nth-child(1){padding-top: 0.4rem;font-size: 0.5rem;font-weight:bold;line-height: 0.6rem;font-family: teshu;}
.pic div p:nth-child(2){font-size: 0.22rem;line-height: 0.6rem;color: #0066cc;font-weight: bold;}
.pic div p:nth-child(3){font-size: 0.18rem;/*! padding-top: 0.4rem; */font-weight:lighter;}
.pic div p:nth-child(4){font-size: 0.18rem;line-height: 0.3rem;font-weight: 600;}
.pic div p:nth-child(5){font-size: 20px !important;line-height:30px;padding-top: 5px;}
.hud-about2{width: 1200px;margin: 0 auto;position: relative;}
.hud-about2>p{text-align: center;font-size: 0.18rem;line-height: 80px;}
.parHd .sNext{ width: 45px; height: 73px; margin: -60px 0 0; display: block; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; background:url(../images/jtr.jpg)no-repeat center; }
.parHd .sPrev{ width: 45px; height: 73px; margin: -60px 0 0; display: block; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; background:url(../images/jtr.jpg)no-repeat center;-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.event_box {width: 100%;margin: 0 auto ;position: relative;min-height: 420px;}
.event_box .parHd {width: 100%;display: inline-block;height: 92px;overflow: hidden;margin-top: 50px;margin-bottom: 30px;}
.parHd ul {width: 100%;text-align: center;margin: 0 auto;padding-top: 25px !important;}
.parHd .tempWrap {margin: 0 auto;}
.parHd .tempWrap:after {content: "";width: 85%;height: 1px;background: #580000;position: absolute;right: 8%;top: 35%;z-index: 10;}
.parHd li.no_line:before {display: none;}
.parHd li {display: inline-block;cursor: pointer;padding-top: 30px;font-size: 16px;color: #000;margin: 0 30px;position: relative;}
.parHd li:after {content: "";background: url(../images/dot_ico.png) no-repeat;width: 24px;height: 24px;position: absolute;z-index: 20;top: -12px;left: 50%;margin-left: -12px;}
.act:after{content: "";background: url(../images/dot_ico_hover.png) no-repeat!important;width: 24px;height: 24px;position: absolute;z-index: 20;top: -12px;left: 50%;margin-left: -12px;}
.parBd {text-align: center;margin-top: 10px;}
.parBd h4 {position: relative;font-size: 40px;margin-bottom: 3%;padding: 0 60px;display: inline-block;text-align: center;}
.parBd h4:after {content: "";background: #000;width: 100px;height: 1px;position: absolute;left: -100px;bottom: 12px;}
.parBd h4:before {content: "";background: #000;width: 100px;height: 1px;position: absolute;right: -100px;bottom: 12px;}
.parBd p {line-height: 180%;font-size: 16px;width: 80%;margin: 0 auto;}
div#listBox {width: 100%;}
.sPrev,.sNext {width: 30px;height: 30px;display: block;position: absolute;top: 10px;}
.sPrev {left: 0;}
.sNext {right: 0;}
.sPrev img,.sNext img {transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);
    -moz-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);
    -webkit-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);
    -o-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);
}
.hud-about2 .prev { left: -87px; }
.hud-about2 .next { right: -87px; }
.hud-about3{width: 100%;margin: 0 auto;background: #f2f2f2;}
.about3-ul{width: 62.5%;margin:10px auto 80px;}
.about3-ul li{float: left;width:30.7%;transition:All 0.4s ease-in-out;    
    -webkit-transition:All 0.4s ease-in-out;   
     -moz-transition:All 0.4s ease-in-out;    
     -o-transition:All 0.4s ease-in-out;}
.about3-ul li a{display: block;color: #000;}
.about3-div1{background: #e6e6e6;text-align: center;transition: all 0.5s;}
.about3-div1 div{font-size: 0.22rem;margin-top: 0.2rem;padding-bottom: 0.15rem;}
.about3-div1 div span{display: block;font-weight: lighter;font-size: 0.11rem;}
.about3-div2{font-size: 0.14rem;margin: 0.2rem 0;line-height: 0.25rem;height:0.8rem;}
.about3-ul li a i{display: block;width: 0;border-top:0.01rem solid #0066cc;transition: all 0.8s;}
.about3-ul li a:hover i{width: 100%;}
.about3-ul li:hover .about3-div1{color: #fff;background: #0066cc;}
.hud-about4{width: 100%;background: #0066cc;}

.xiaotu{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);}
.xiaotu:hover{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);}
.cfix li .potm{ transition:all 0.6s}
.cfix li:hover .potm{opacity: 0}

.server{ /*! padding-left: 10%; */box-sizing: border-box}
.server{}
.fwlc img{ /*! width: 50%; *//*! margin-top: 20px; */}

.yzfw{ /*! padding: 30px; */ box-sizing: border-box;padding-top: 0;}
.yzfw img{ /*! width: 60% */}
#wrap{
	text-align:left;
	width:100%;

	_background-image: url(images/bj.gif);
	background-repeat: no-repeat;
	background-position: left top;margin: 0 auto
	}
#menu_gcs{
	float:right; 
	width:16.5%;margin-top: 180px;
	margin-right: 20px;
	}

#menu_gcs li{
	height:52px; 
	line-height:52px; 
	text-align:right}
#menu_gcs a {
    color: #333;
    font-size: 18px;
    text-decoration: none;
    display: block;
  
    text-align: left;padding-left: 30px
}
#menu_gcs a:hover, #menu_gcs .on a {
    color: #0366cb;
    height: 40px;
    line-height: 40px;
	background:url(/skin/images/sjx.png) no-repeat 10px center;

    font-weight: bold; padding-left: 30px;
    display: block;
}

#content_gcs{
	float:left;
	width:80%;
	}
#content_gcs h1{
	font-size:16px; 
	font-weight:normal; 
	margin:0; 
	padding:0; 
	margin-bottom:8px}


@media only screen and (min-width: 1201px) and (max-width: 1440px){ 
	.focusBox .pic img {
    width: 450px;
   
    float: left;
    margin-top: 0.5rem;
}
	.potm span {
    display: block;
    font-size: 0.16rem;
    line-height: 0.5rem;
    font-weight: bold;
}
	#menu_gcs a {
    color: #333;
		font-size: 15px;}
	
	
}
#myCarousel_three .carousel-control.left{position: absolute;
left: -180px;}
#myCarousel_three .carousel-control.right{position: absolute;
right: -180px;}

@font-face{
	font-family: "teshu";
	src:url(/skin/fonts/AtkinsUltraLight-Regular.ttf)
	
	
}

@font-face{
	font-family: "siyuan";
	src: url(/skin/fonts/siyuan.otf)
	
	
}

.sec_tit {font-family: "siyuan";font-size: 20px}


#myCarousel_three{width: 55%}

.wx{width: 160px}

@media only screen and (min-width:1200px) and (max-width:1400px){ 

.pic div {
    float: right;
    /*! margin-right: 0.5rem; */
width: 44%;
    margin-left: 0.8rem;
}
.focusBox .pic img {
	width: 450px;
	float: left;
}
}

@media only screen and (min-width:1401px){ 


.potm p {
   
}
}