/*辑ÎÛ Û¨ø² CSS*/

/**Û¨ø²**/
article{margin-bottom:80px;}
article:after {content:""; display:block; clear:both;}
.page{margin:30px auto 100px auto; font-size:0.8em; width:100%;}
#contbody{width:1024px; padding:0; margin:50px auto;}

.home{ width:1024px; text-align:right; margin-bottom:40px; color:#999999;}
.home a:link, a:visited, a:hover{ color:#999999;text-decoration:none;}

.page_title{text-align:center; line-height:110%;}
.text_big{text-transform:uppercase; font-family:"Calibri Light", sans-serif; font-size:1.60em; }
.text_small{font-size:3.00em; }
.text_normal{width:100%; margin:0; text-align:center; color:#999999;}
.sub_img1{width:100%; text-align:center;}
.sub_img1 img{width:100%; vertical-align:top;}
.sub_img2{width:100%; text-align:center;}
.sub_img2 img{ width:25%; vertical-align:top;}
.sub_img3{width:50%; text-align:center; max-height:285px; overflow:hidden;}
.sub_img3 img{width:100%; vertical-align:top;}
.text_box{line-height:18px; color:#666;}
.text_box:after {content:""; display:block; clear:both;}
.text{width:48%;}
.text_box:after {content:""; display:block; clear:both;}
.left{float:left;}
.right{float:right;}
.page_title_s{width:100%; border-top:1px solid #eeeeee; position:relative; margin-bottom:70px;}
.page_title_s_b{width:90px; height:3px; background:#a40000; position:absolute; top:-2px;}
.page_title_s > p{ font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:2.2em; margin-top:8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:30px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.f20{font-size:2em; line-height:26px;}
.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}
.history{line-height:20px;}
.history_list{margin-bottom:30px;}
.history_list:after {content:""; display:block; clear:both;}
.yer{float:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-size:1.5em; margin-right:25px;}
.pp{float:left; color:#666666;}
.visionbox:after {content:""; display:block; clear:both;}
.vision{width:50%; height:285px; color:#fff; padding:30px; box-sizing:border-box; line-height:20px;}
.vision > strong{ font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:1.8em; display:block;}
.bc31{background:#313131;}
.bc85{background:#850000;}
.color33{color:#000;}

/*坷ݤ׻ðÈ íÍ盔 css*/

.login_box1 { padding:0; text-align:center; margin:0; }
.login_box1 .txt_01 { font-size:12px; font-weight:bold; padding:0; margin:0; background:#f7f7f7;}
/*.login_box .find { margin-top:25px; padding:25px 0; text-align:center;font-size:12px; font-weight:bold; color:#777; }*/
/*.login_box1 .box1 { border:1px #cdcdcd solid; padding:0; height:25px; line-height:25px; width:80%; background-color:#f6f6f6; }*/

/*ÖÕ馆Ðì捞×» ñÐ眶 äùÖï*/
#rwd_defaultline { width:1024px; margin:0 auto;}

/*ø·鸥Ðì捞×» ñÐ眶 äùÖï*/
#rwd_etcline { width:740px; margin:0 auto;}

/*íÍ盔øÐ访 ñÐ眶 äùÖï*/
#rwd_memline { width:740px; margin:0 auto;}

/*íÍ盔呕ÝÝ*/
#rwd_memout { width:740px; margin:0 auto;}

/* øØ捞ýª */
.tableline_sub { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;}
.tableline_sub td { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }

.clearboth {clear:both;}




/**PC**/
@media all and (min-width: 768px){

.page{width:1024px; padding:0 0;}

#contbody{width:1024px; padding:0; margin:50px auto 150px auto; font-size:0.90em; line-height:1.60em;}


/*ØÔñÐ坷矫绰Ü©*/
#boxzone {width:100%; margin:20px auto; padding:0;}
#boxzone .address { font-size:1.20em; font-weight:normal; color:#838383; line-height:170%; margin:5px 0 0 0; padding:0;}

#boxzone a:link{margin:0 10px 0 0;padding:0 0;float:left; text-decoration:none;}

#boxzone .boxlistst {margin:0; display:block; width:200px; height:50px; line-height:50px; background-color:#cccccc; color:#333333; font-size:0.90em; font-weight:bold; text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#boxzone .boxlistst:hover{margin:0; display:block; width:200px; height:50px; line-height:50px; background-color:#ff0000; color:#ffffff; font-size:0.90em; font-weight:bold; text-align:center;}
.address2 {font-size:1.20em; font-weight:normal; color:#838383; text-align:center; line-height:170%; margin:20px 0 0 0; padding:0;}

/*íÍ盔 啊涝 咯ù¼*/
.join_agree {margin:0 auto; width:560px;}


/*rwd login*/
#rwd_login {width:340px; margin:30px auto; padding:10px 30px; border:#dddddd 1px solid;}
#rwd_login .rl_box_left {float:left; width:240px; text-align:left;}
#rwd_login .rl_box_left .id_in {width:80px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 {float:left; width:150px; padding:2px 0;}
#rwd_login .rl_box_left .pw_in {width:80px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 {float:left; width:150px; padding:2px 0;}
#rwd_login .rl_box_right {float:right;}

/*CEOÖï荤Ý£ PC*/
#aboutcont {width:1024px; padding:0; margin:0 auto 100px auto; text-aling:center;}
/*title*/
.ac_tit1 {font-size:2.00em; font-weight:normal; color:#4f4f4f; text-align:left; line-height:100%; margin:0; padding:0; }
.ac_tit2 {font-size:3.00em; font-weight:normal; color:#4f4f4f; text-align:left; line-height:100%; margin:0; padding:0; text-transform:uppercase;}
/*description*/
.ac_desc1 {font-size:1.70em; font-weight:bold; color:#f5869b; text-align:center; line-height:100%; margin:50px 0 0 0; padding:0 0 0 0; }
.ac_desc2 {font-size:1.20em; font-weight:normal; color:#838383; text-align:center; line-height:170%; margin:20px 0 0 0; padding:0; }
/*img*/
#ac_imgbox {width:100%; margin:0; padding:0; text-align:center; background-color:#f8f4e3; }
.ac_img img {width:720px; height:474px; margin:0 auto;}


/*íÍ荤ú¬õÜ PC*/
#historycont {width:740px; padding:0; margin:0 auto 100px auto; text-aling:center;}
/*title*/
.hc_tit_line { border-bottom:#333333 2px solid; height:50px;}
.hc_tit1 {font-size:1.00em; font-weight:normal; color:#999999; text-align:left; margin:0; padding:25px 0 0 0; text-transform:uppercase; float:left; }
.hc_tit2 {font-size:3.00em; font-weight:normal; color:#4f4f4f; text-align:left; margin:0; padding:15px 0 0 0; text-transform:uppercase; float:right;}
.hc_tit2 span{ color:#cc0000;}
/*desc*/
.hc_year {padding:0; margin:40px 0; width:100%; border-bottom:#cccccc 1px solid;}
.hc_year_tit {font-size:2.00em; color:#333333; text-align:left; margin:10px 0 0 0; padding:0 0 0 0; float:left; width:20%; }
.hc_year_desc { text-align:left; margin:0; padding:10px 0; float:right; width:80%; }
.hc_year_tit_s {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:left; width:20%:#cccccc 1px solid;}
.hc_year_desc_d {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:right;width:80%;}


#servicecont {width:1024px; padding:0; margin:0 auto 50px auto;}
/*title*/
.sc_tit1 {font-size:1.50em; font-weight:normal; color:#535353; text-align:left; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_tit2 {font-size:3.50em; font-weight:normal; color:#0563b8; text-align:left; line-height:100%; margin:0 0 30px 0; padding:0; text-transform:uppercase;}
/*description*/
.sc_box1 {width:100%; padding:0; margin:0;}
.sc_box1 .box1_left {width:40%; height:460px; padding:0; margin:0; float:left; background-color:#0563b8;}
.sc_box1 .box1_left .sc_desc1 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%; margin:50px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_left .sc_desc2 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%; margin:50px 30px 10px 30px; padding:0 0 0 0;}
.sc_box1 .box1_right {width:60%; height:460px; padding:0; margin:0; float:left; background-color:#f2f2f2;}
.sc_box1 .box1_right .sc_desc_list {margin:50px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title {font-size:0.90em; font-weight:bold; color:#535353; text-align:left; line-height:130%; margin:0; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title_desc {font-size:0.80em; font-weight:bold; color:#999999; text-align:left; line-height:140%; margin:5px 0 30px 0; padding:0 0 0 0; }
/*bottom*/
.sc_bt {width:100%; padding:0; margin:50px 0; text-align:center;color:#535353;}
.sc_bt .sc_bt_tit1 {font-size:1.50em; font-weight:normal; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_bt .sc_bt_tit2 {font-size:3.50em; font-weight:normal; line-height:100%; margin:0; padding:0; text-transform:uppercase;}
.sc_bt .sc_bt_tit2 span { font-style:italic;}

#tabbox {width:1024px; margin:0;}
#tabline {width:1024px; height:5px;}


#tab {max-width:1024px; margin: 0 auto;}
#tabtab {width:100%; margin: 0; padding: 0; list-style: none; display: table; table-layout: fixed;}
#tabtab il {width:20%; float:left; display: table-cell;}
}


#s2_01{margin:5px 0 0 0;}
#s2_01 img{width:100%;}
#s2_02 img{width:100%;}


@media all and (max-width:767px) {

.page{width:100%; padding:0 15px;}

#contbody{width:100%; padding:0; margin:20px auto;font-size:0.85em; line-height:1.80em;}

.text_big{text-transform:uppercase; font-family:"Calibri Light", sans-serif; font-size:1.20em;}
.text_small{font-size:2.2em;}
.text_normal{display:none;}


.mb30{margin-bottom:10px;}


.left{width:100%; float:none;}
.right{width:100%; float:none;}
.text_normal{width:100%; line-height:18px;}
.sub_img2{width:100%; text-align:center;}
.sub_img2 img{ width:50%; vertical-align:top;}

.sub_img3{width:100%; text-align:center;}
.vision{width:100%; height:auto;}
.home{ display:none;}

.join_agree {margin:0 auto; width:100%; font-size:0.90em;}

#boxzone {width:95%; margin:40px auto; padding:0; text-align:center;}
#boxzone .address { display:block; margin:20px 0; padding:0; text-align:left; line-height:200%;}

/*#boxzone a:link{margin:0 10px 0 0;padding:0 0;float:left; text-decoration:none;}*/

#boxzone .boxlistst{ margin:5px auto; padding:0; display:block; width:100%; height:30px; line-height:30px; background-color:#cccccc; color:#333333; font-size:0.90em; font-weight:bold; text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.address2 {font-size:1.10em; font-weight:normal; color:#838383; text-align:center; line-height:160%; margin:20px 0 0 0; padding:0;}

/*rwd login*/

.login_box1 { padding:0; text-align:center; margin:0 auto; font-size:0.95em; width:100%;}
.find1 { margin-top:25px; padding:25px 0; text-align:center; font-size:12px; font-weight:bold; color:#777; }



#rwd_login {width:260px; margin:0 auto; }
#rwd_login .rl_box_left {float:left; width:170px; text-align:left;}


#rwd_login .rl_box_left .id_in {width:60px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 {float:left; width:100px; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 input {border:1px #cdcdcd solid; padding:0; height:20px; line-height:20px; max-width:100px; background-color:#f6f6f6;}

#rwd_login .rl_box_left .pw_in {width:60px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 {float:left; width:100px; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 input {border:1px #cdcdcd solid; padding:0; height:20px; line-height:20px; max-width:100px; background-color:#f6f6f6;}

#rwd_login .rl_box_right {float:right;}
#rwd_defaultline { width:100%; margin:0 auto;}
#rwd_etcline { width:100%; margin:0;}
#rwd_memline { width:100%; margin:0;}
#rwd_memout { width:100%; margin:0;}

#aboutcont {width:100%; padding:0; margin:0 0 100px 0; text-aling:center;}
/*title*/
.ac_tit1 {font-size:1.40em; font-weight:normal; color:#4f4f4f; line-height:140%; margin:0; padding:0; }
.ac_tit2 {font-size:2.00em; font-weight:normal; color:#4f4f4f; line-height:100%; margin:0; padding:0; text-transform:uppercase;}
/*description*/
.ac_desc1 {font-size:1.20em; font-weight:bold; color:#f5869b; text-align:center; line-height:150%; margin:30px 0 0 0; padding:0; }
.ac_desc2 {font-size:0.90em; font-weight:normal; color:#838383; text-align:center; line-height:160%; margin:20px 0 0 0; padding:0; }
/*img*/
#ac_imgbox {width:100%; margin:0; padding:0; }
.ac_img img{width:100%; }


#servicecont {width:100%; padding:0; margin:0 auto 50px auto;text-align:center; }
/*title*/
.sc_tit1 {font-size:1.00em; font-weight:normal; color:#535353; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_tit2 {font-size:2.00em; font-weight:normal; color:#0563b8; line-height:100%; margin:0; padding:0; text-transform:uppercase;}
/*description*/
.sc_box1 {width:100%; padding:0; margin:0;}
.sc_box1 .box1_left {width:100%; padding:20px 0 20px 0; margin:20px 0 0 0; background-color:#0563b8;}
.sc_box1 .box1_left .sc_desc1 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%; margin:0px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_left .sc_desc2 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%; margin:20px 30px 10px 30px; padding:0 0 0 0;}
.sc_box1 .box1_right {width:100%; padding:0; margin:0; background-color:#f2f2f2;}
.sc_box1 .box1_right .sc_desc_list {margin:0px 30px 10px 30px; padding:50px 0 ; }
.sc_box1 .box1_right .sc_desc_list_title {font-size:0.90em; font-weight:bold; color:#535353; text-align:left; line-height:130%; margin:0; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title_desc {font-size:0.80em; font-weight:bold; color:#999999; text-align:left; line-height:140%; margin:5px 0 30px 0; padding:0 0 0 0; }
/*bottom*/
.sc_bt {width:100%; padding:0; margin:50px 0; text-align:center;color:#535353;}
.sc_bt .sc_bt_tit1 {font-size:1.00em; font-weight:normal; line-height:200%; margin:0; padding:0;text-transform:uppercase; }
.sc_bt .sc_bt_tit2 {font-size:2.00em; font-weight:normal; line-height:100%; margin:0; padding:0; text-transform:uppercase;}
.sc_bt .sc_bt_tit2 span { font-style:italic;}


#s2_01{margin:0 0 0 0; width:100%;}
#s2_01 img{width:100%;}
#s2_02 img{width:100%;}