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

/*  样式  */

.bk_top{ position: relative; margin-top: 90px; margin-left: 0; width: 100%;}
.bk_top .div_background{position: relative; margin-left: 0; margin-top: 0; width: 100%;}
.bk_top .div_background .img_background{position: relative; margin-left: 0; margin-top: 0; width: 100%;}
.bk_top .div_dsc{position: relative; margin-top: 0; margin-left: 0; padding-top: 60px; padding-bottom: 60px; width: 100%}
.bk_top .div_dsc h2{position: relative; margin: 0 auto; font-size: 1.8em}
.bk_top .div_dsc span{position: relative; display: block; margin: 0 auto; margin-top: 1em; width: 800px; text-indent: 2em; text-align: left; line-height: 1.8em}
.bk_top .div_dsc .frame_titleNew01{position:relative; margin:12px auto; margin-bottom:24px;}
.back{ position: absolute; top: -5%; left: -5%; width: 110%; height: 110%;display: block}
.sec{ position: relative; margin: 0 auto;padding-bottom: 0px; width: 100%; height: 100%;}
.frameUp{ position: relative;width: 100%; height: 80%;}
.bk_top .frameDown{ position:absolute; bottom: 0; left: 0;width: 100%; height: 40%; background:rgba(88,88,88,0.8)}
.bk_top .frameDown .frameKnowHuaqin{ position: relative; float: left; width: 33.33%; height: 100%; color: #f8f8f8; letter-spacing: 0.1em}
.bk_top .frameDown .frameKnowHuaqin .titleKnowHuaqin{ position:absolute; bottom: 60%; left: 0; width: 100%; font-size: 3em}
.bk_top .frameDown .frameKnowHuaqin .title01KnowHuaqin{ position:absolute; top: 50%; left: 0; width: 100%; color: #888}
.bk_top .frameDown .frameKnowHuaqin .title02KnowHuaqin{ position:absolute; top: 70%; left: 24px; right: 24px; color: #888; font-size: 0.8em; color: #e8e8e8}
.bk_top .frameDown .frameKnowHuaqin .dsc01KnowHuaqin{ position:relative; margin-left: 24px; margin-right: 24px; margin-top: 24px; color: #888; line-height: 1.2em; text-align: left; display: none; letter-spacing: 0; text-indent: 2em; font-size: 0.8em; color: #f8f8f8}
.bk_top .frameDown .frameKnowHuaqin .dsc01KnowHuaqin .title{color: #f8f8f8; margin-top: 36px; margin-bottom: 12px; display: block}
.bk_top .frameDown .frameKnowHuaqin:hover .titleKnowHuaqin{display: none}
.bk_top .frameDown .frameKnowHuaqin:hover .title01KnowHuaqin{display: none}
.bk_top .frameDown .frameKnowHuaqin:hover .title02KnowHuaqin{display: none}
.bk_top .frameDown .frameKnowHuaqin:hover .dsc01KnowHuaqin{display: block}

.frame_title01{ position: relative; margin: 0 auto;margin-bottom: 12px; width: auto; height: 24px;line-height: 24px; font-size: 2em; color: #585858; font-weight: 500; letter-spacing: 0.2em; display: block}
.eng{ text-indent: 3em; color: #f39801; font-size: 2em; font-weight: 500; display: none;margin-bottom: 6px;}
.title01_dsc{ position: relative; margin: 0 auto; margin-top: 24px; display: block; color: #585858; letter-spacing: 0em; margin-bottom: 60px;}
.title01_hr{ position: relative; margin: 0 auto;width: 60px; height: 2px; background: #f39801; margin-bottom: 12px}
.frame_knowus{ position: relative; margin: 0 auto; margin-top: 48px; width: 100%; height: auto; padding-top: 0px; padding-bottom: 60px; text-align: left; text-indent: 2em; color: #383838; font-weight: 500}
.frame_knowus_left{position: relative; float: left; width: 100%; height: auto}
.frame_knowus .dsc01{ position: relative; line-height: 2em; text-indent: 0em; display: block; color: #888}
.frame_knowus .frame_us{ position: relative; margin-left: 24px; padding: 24px; width: 267px; height: 228px; float: left; background: #fff}
.frame_us .title01{ position: relative; width: 100%; height: 48px; line-height: 36px; display: block; text-align: left; color: #0091db; font-size: 1.4em; font-weight: 800}
.frame_us .dsc01{ position: relative; width: 100%; line-height: 2em; display: block; text-align: left; color: #888}
.circle01{position: absolute; bottom: -480px; left:-480px; width: 960px; height: 960px; background: rgba(116,116,116,0.2); border-radius: 480px;}
.circle02{position: absolute; bottom: -300px; left:-300px; width: 600px; height: 600px; background: rgba(88,88,88,0.2); border-radius: 300px;}

.frame_his{ position: relative; margin-top: 0px; padding-top: 60px; padding-bottom: 60px; width: 100%; height: auto; background: #f8f8f8}
.title01eng{ position: relative; width: 100%; height: 96px; font-size: 1.6em; color: #686868; font-weight: 800;  display: block}
.frame_his .frame_listhis{ position: relative; margin-left: 0; margin-bottom: 12px; width: 33.33%; float: left; background: #fff;  }
.frame_his .frame_listhis .title01{ position: relative; display: block;width: 100%; height: 36px; line-height: 36px}
.frame_his .frame_listhis .img_his{ position: relative; display: block;width: 100%}
.frame_his h2{font-size:1.8em}

.frame_time{ position: relative; width: 2112px; height: 144px; overflow: hidden; padding-bottom: 60px;}
.frame_time_single{position: relative; margin-left: 0; float: left; width: 352px; height: 100%}
.frame_time_single .title{ position: relative; display: block; margin-left: 15%; width: 70%; height: 48px; color: #888; font-size: 3em; font-weight: 500; }
.frame_time_single .dsc01{ position: relative; display: block; margin-top: 36px; margin-left: 15%;margin-bottom: 12px; width: 70%; text-align: center; line-height: 2em; color: #585858; font-weight: 900}
.frame_time_single .dsc{ position: relative; display: block; margin-top: 0px; margin-left: 15%; width: 70%; text-align: center; line-height: 1.5em; color: #888}
.img_slh{ position: absolute; top: 60px; left: -30px; width: 60px; display: block}
.frame_time_single:hover .title{ color: #0091db}
.frame_time_single:hover .dsc01{ color: #585858}
.frame_time_single:hover .dsc{ color: #585858}
.frame_time_change{position: relative; margin: 0 auto; margin-top: -100px; width: 100%; height: 48px; border-radius: 3px; overflow: hidden}
.frame_time_change .btn_changeTimeRight{position: absolute; top:0px; right: 30px; width: 60px; height: 48px;}
.frame_time_change .btn_changeTimeRight:hover{background: #d8d8d8}
.frame_time_change .btn_changeTimeLeft{position: absolute; top:0px; left: 30px; width: 60px; height: 48px;}
.frame_time_change .btn_changeTimeLeft:hover{background: #d8d8d8}

.img_map{ width: 100%; height: 400px;padding-top: 60px; padding-bottom: 60px; background:#fff}
.frame_single_horn{ position: relative; float: left; margin-left: 12px; margin-top: 12px; width: 32%; height: 160px; background: #fff; border: 0px #e0e0e0 solid; border-radius: 3px; overflow: hidden; }
.frame_single_horn .img_horn{ position: absolute; top: 0px; left: 0px; width:128px; height: 128px; background: #0091db }
.frame_single_horn .img_horn_hid{ position: absolute; top: 0px; left: 0px; width:128px; height: 128px; background: rgba(0,0,0,0.3) }
.frame_single_horn .dsc{ position: absolute; left: 152px; right: 24px; margin-top: 24px;font-size: 1em; line-height: 1.6em; color: #888; text-align: left;display: block}
.frame_single_horn .year{ position: absolute; left: 0; bottom: 0; width: 128px; height: 32px; line-height: 32px; font-size: 1.8em; background:#b8b8b8; color: #f8f8f8; font-weight: 800 }
.frame_single_horn:hover .dsc{ color: #383838}
.frame_single_horn:hover .year{background: #888; color:#fff}
.frame_single_horn:hover .img_horn_hid{background:transparent}
.frame_drawHorn{ position: relative; margin: 0px 24px 0 24px; min-width: 1000px; padding-top: 0px; padding-bottom: 0px; height: 172px; overflow: hidden;}
.frame_drawHorn .title001{ position: relative; margin-left: 0; height: 24px; line-height: 24px; font-size: 2em; text-align: left; color: #383838; font-weight: 500; display: block}
.frame_drawHorn .hr001{ position: relative; margin-left: 0; margin-top: 12px; height: 2px; width: 60px; background: #0091db}
.frame_drawHorn .imgHorn{ position: relative; height: 120px; width: 100%;}
.frame_drawHorn .dsc001{ position: relative; margin-left: 5%; margin-top: 24px; overflow: hidden;width: 90%; height: auto; line-height: 1.6em; text-align: left; font-size: 1em; color: #888; display: block}
.frame_drawHorn .dsc002{ position:absolute; bottom: 12px; left: 5%; padding-right: 12px;  height: 24px; line-height: 24px; border-bottom: 2px #0091db solid; text-align: left;font-size: 1em; display: block}
.frame_drawHorn .dsc003{ position:absolute; bottom: 12px; left: 5%; padding-right: 12px;  height: 24px; line-height: 24px; border-bottom: 2px #f39801 solid; text-align: left;font-size: 1em; display: block}

.newFrame_horn{ position: relative; margin: 24px auto; padding: 0px; width: 1000px; height: auto; background: #f0f0f0}
.newFrame_singleHorn{ position: relative; margin-bottom: 12px; padding-bottom: 12px; width: 100%; height: auto; border-bottom: 1px #d8d8d8 solid}
.newFrame_singleHorn_more{ display: none}
.newFrame_singleHorn .title01{ position: relative; display: block; margin-left: 24px; text-align: left; font-size: 2em ;color: #0091db; font-weight: 500; font-family: Georgia; border-left: 12px #d8d8d8 solid; height: 12px; line-height: 12px; padding-left: 24px; margin-bottom: 18px;}
.newFrame_singleHorn .dsc01{ position: relative; display: block; text-align: right; margin-left: 0px; font-size: 1em; line-height: 2em; }
.btn_showHorn{ position:absolute; right: 0; bottom: 0px; width: 90px; height: 24px; line-height: 24px; background: #0091db; color: #fff;  cursor: pointer}
.btn_showHorn:hover{ background: #3bb3ed;}

.bk_zeren{ position: relative;width: 100%; height: auto; padding-top: 60px; padding-bottom: 60px; background: #fff; overflow: hidden}
.bk_zeren .addColor{position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; background:#0091db;}
.bk_zeren .frame_bk_zeren{ position: relative; margin: 0 auto; width: 1200px; height: auto}
.bk_zeren .title01{ position: relative;width: 100%; font-size: 3em; color: #fff; font-weight: 500; letter-spacing: 0.1em; display: block; }
.bk_zeren .title01_dsc{ position: relative;margin-left: 0; font-size: 1em; color: #fff; letter-spacing: 0.1em}
.bk_zeren .frame_zeren{ position: relative; float: left; margin-left: 0; margin-top: 0; padding-top: 24px; padding-bottom: 24px; width: 20%; height: auto; background: #fff;overflow: hidden; line-height: 200px; color: #585858}
.zeren_title01{display: block; width: 100%; height: 36px; line-height: 36px; color: #080808}
.zeren_dsc01{display: block; margin-left: 18px; width:164px; height: auto; line-height: 2em; font-size:0.8em; text-align: left; text-indent: 2em; color: #888}
.bk_zeren .frame_zeren:hover{ background: #0091db}
.bk_zeren .frame_zeren:hover .zeren_title01{ color: #fff; font-size: 1.6em}
.bk_zeren .frame_zeren:hover .zeren_dsc01{ color: #fff}
.frame_newzeren{ position: relative; float: left;width: 200px; height: 240px;}
.frame_newzeren .newzerentitle01{ position: relative; width: 100%; height: 48px; line-height: 48px;display: block}
.frame_newzeren .newzerentitle01:hover{ background: #0091db; color: #f8f8f8}
.frame_newzerendsc{ position: relative; float: left;width: 800px; height: 240px;}
.frame_newzerendsc .newzerendsc01{ display: block;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 700px; height: auto}
.frame_zhishichanquan01{ position: relative; float: left; width: 300px; height: 240px; overflow: hidden}
.frame_zhishichanquan01 .frame_chanquancount{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 180px; height: 180px;}
.frame_zhishichanquan01 .frame_chanquancount .count01{position: relative; margin-top: 24px; width: 90%; height: 118px; line-height: 96px; color: #f8f8f8; font-size: 3em; font-weight: 500; border-radius: 6px; border: 1px #b8b8b8 solid}
.frame_zhishichanquan01 .frame_chanquancount .count01 .dsc01{position:absolute; left: 0; bottom: 12px; width: 100%; height: 24px; line-height: 12px; font-size: 0.3em; letter-spacing: 0.1em; color: #d8d8d8}
.frame_zhishichanquan02{ position: relative; float: left; width: 600px; height: 240px;}
.frame_zhishichanquan02 .title01{ position: relative; display: block; margin-left: 24px;  width: 452px; height: 36px; line-height: 36px; margin-top: 0px; margin-bottom: 12px; font-size: 1.6em; color: #fff; text-align: left; border-bottom: 1px #d8d8d8 solid}
.frame_zhishichanquan02 .dsc01{ position: relative; display: block; margin-left: 24px;  width: 452px; height: auto; line-height:3em; font-size: 1em; text-align:left; color: #888 }
.frame_zhishichanquan02 .dsc01 .iconImg{ position: relative; display: block; float: left;margin-top: 6px; margin-right: 24px; height: 18px}
.frame_horn{position: relative; margin: 0 auto; width: 100%; height: 100%; overflow: hidden}
.frame_horn .frame_horn_left{position: relative; float: left; width: 20%; height: 100%}
.frame_horn .frame_horn_left .title_horn{position: relative; width: 200px; height: 200px; line-height: 200px; font-size: 2em; background: rgba(38,38,38,0.8); color: #b8b8b8}
.frame_horn .frame_horn_right{position: relative; float: left; width: 80%; height: auto; background: #fff}
.frame_horn .frame_horn_right .img_horn{position: relative; float: left; display: block; width: 20%; height: 200px;}
.frame_horn .frame_horn_right .frame_horn_dsc{position: relative; float: left; width: 20%; height: 200px; background: #383838}
.frame_horn .frame_horn_right .frame_horn_dsc .year{position: relative; margin-top: 18px; margin-bottom: 6px; margin-left: 12px; height: 30px; width: 120px; line-height: 28px;  text-align: left; font-size: 1.8em; color: #f8f8f8; font-weight: 500}
.frame_horn .frame_horn_right .frame_horn_dsc .icon_phone{position:absolute;top:21px;right: 12px;height: 24px; }
.frame_horn .frame_horn_right .frame_horn_dsc .dsc{position: relative; display: block; margin-left: 12px; margin-right: 12px; text-align: left; line-height: 1.6em; color: #888;font-size: 1em}

.frame_his .title01{ position: relative;display: block; margin-bottom: 60px; margin-left: 0; width: 100%;height: 36px; line-height: 36px;font-size: 3em; color: #383838;}
.frame_his .title01_dsc{ position: relative; display: block;top: 36px; margin-left: 0; font-size: 1em; text-indent: 16px; color: #b8b8b8}

.frameNew_shzr{position: relative;margin-top: 0; width: 100%; padding-top: 120px; padding-bottom: 120px; background: #282828 url(../img/background/bk_huaqin006.jpg) center}
.frameNew_frame_shzr{position: relative; margin: 0 auto; width: 1200px; height: 300px; overflow: hidden}
.frameNew_frame_shzr .frame_titleLeft{position: relative; float: left; width: 300px; height: 100%;}
.frameNew_frame_shzr .frame_titleLeft .title{position: relative; width: 240px; height: 54px; line-height: 54px; background: #0091db; color: #fff; font-size: 1.8em}
.frameNew_frame_shzr .frame_titleLeft .titleList{position: relative; margin: 6px auto; margin-left: 0; width: 240px; height: 42px; line-height: 42px; background:rgba(56,56,56,0.6);color: #f8f8f8}
.frameNew_frame_shzr .frame_titleLeft .titleList_active{ width: 264px; background: #383838}
.frameNew_frame_shzr .frame_titleRight{position: relative; float: left; width: 900px; height: 100%; background:rgba(56,56,56,0.6); line-height: 2em}
.frameNew_frame_shzr .frame_titleRight .frame_shzr_content{position: relative; width: 100%; height: 100%; display: none; text-align: left}
.frameNew_frame_shzr .frame_titleRight .frame_shzr_content .shzrTitle{position: relative; margin-top: 48px; margin-left: 48px; margin-right: 48px;font-size: 1.6em; color: #f8f8f8; border-left: 2px #0091db solid; padding-left: 12px;}
.frameNew_frame_shzr .frame_titleRight .frame_shzr_content .shzrDsc{position: relative; margin-top: 36px; margin-left: 48px; margin-right: 48px; color: #b8b8b8; text-indent: 0em}
.frame_top3Horn{ position: relative; margin: 0 auto; width: 1000px; height: auto;}
.frame_top3Horn .frameTop3{ position: relative; float: left; width: 33.33%; height:auto; text-align: center}
.frame_top3Horn .frameTop3 .titleTop301{ position: relative; display: block;width: 100%; height: 24px; line-height: 24px; font-size: 2em; font-weight: 500;  color: #0091db; overflow: hidden}
.frame_top3Horn .frameTop3 .titleTop301Hr{ position: relative;  margin: 0 auto; margin-top: 12px; width: 24px; height: 1px; background: #383838}
.frame_top3Horn .frameTop3 .dscTop301{ position: relative; display: block; margin-top: 12px; width: 100%; height: 60px; line-height: 20px; color: #888; overflow: hidden}
.btn_showMoreHorn{ position: relative; margin: 0 auto; margin-top: 90px; width:600px; height: 36px; line-height: 36px; border-bottom: 1px #0091db solid}
.btn_showMoreHorn .btn_changeMoreHorn{ position: relative; float: left; width: 25%; height: 100%; color: #888}
.btn_showMoreHorn .btn_changeMoreHornActive{ font-size: 2em; color: #383838}
.frame_IMGjiangbei{ position: relative; margin: 0 auto; margin-top: 24px; width: 1000px; height: 100px;}
.frame_IMGjiangbei .ImgJiangbei{position: relative; float: left; width: 100px; height: 100px;}
.frame_dev{position: relative; width: 100%; height: auto; padding-top: 60px; padding-bottom: 0px; background: #e8e8e8; letter-spacing: 0.1em}
.frame_dev .title01{position: relative; margin: 0 auto; width: 1100px; height: 48px; text-align: left; font-size: 3em; color: #585858; letter-spacing: 0}
.frame_dev .title02{position: relative; margin: 0 auto; width: 1100px; height: 36px; text-align: left; font-size: 2em;letter-spacing: 0; color: #0091db}
.frame_dev .title03{position: relative; margin: 0 auto; width: 1100px; text-align: left; font-size: 1em; color: #b8b8b8; letter-spacing: 0; }

.bkNewZSCQ{position: relative; width: 100%; padding-bottom: 0px; background: #fff}
.bkNewZSCQ .frame_NWEZSCQ{position: relative; margin: 0 auto; margin-top: 0px; width: 1200px; padding-top: 60px; padding-bottom: 60px; background: #fff; border-radius: 4px; overflow: hidden}
.bkNewZSCQ .frame_NWEZSCQ .title{position: relative; margin: 0 auto; width: 100%; font-size: 3em; color: #383838}
.bkNewZSCQ .frame_NWEZSCQ .hengxian{position: relative; margin: 0 auto; width: 60px; height: 2px; background: #0091db}
.bkNewZSCQ .frame_NWEZSCQ .dsc{position: relative; margin: 0 auto; margin-top: 12px; width: 100%; font-size: 1em; color: #b8b8b8; letter-spacing: 0.1em}
.bkNewZSCQ .frame_NWEZSCQ .frame_count{position: relative; float: left;margin: 0 auto; margin-top: 00px; width: 40%; height: auto; padding-top: 60px; padding-bottom: 60px; }
.bkNewZSCQ .frame_NWEZSCQ .frame_count .round{ position: relative; float: left; margin-left: 96px; margin-right: 0px; width: 120px; height: 120px; border: 12px #0091db solid; border-radius: 72px; background: #fff}
.bkNewZSCQ .frame_NWEZSCQ .frame_count .round .rthide{ position: absolute; top: -12px; left: 60px; width: 90px; height: 90px; background: #fff}
.bkNewZSCQ .frame_NWEZSCQ .frame_count .round .num{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 36px; line-height: 24px; color: #0091db; font-size: 2em}
.bkNewZSCQ .frame_NWEZSCQ .frame_count .round .numDsc{ position: absolute; bottom: 24px; left: 0; right: 0; color: #888}
.bkNewZSCQ .frame_NWEZSCQ .frame_tiaoli{position: relative; float: left; margin-left: 10%; width: 50%; line-height: 3em; color: #383838; text-align: left;text-indent: 2em}
.bkNewZSCQ .frame_NWEZSCQ .frame_tiaoli:hover{color: #0091db; text-indent: 0em}
.bkNewZSCQ h2{font-size: 1.8em}


.Frame01_lv1_title{position:absolute; margin: auto;top: 100px; left:36px; right: 36px;  height: 60px; line-height: 60px; color: #f8f8f8; font-size: 1.4em; display: none; text-align: left; letter-spacing: 0.1em}
.Frame01_lv1_titleDSC{position:absolute; margin: auto;top: 180px; left:36px; right: 36px; padding-top:6px; padding-bottom:6px; height: 48px; line-height: 24px; color: #0091db; border: 0px #282828 solid; border-radius: 0px; font-size: 0.8em; display: none; text-align: left}
.Frame01_lv1_title_dsc{position:absolute; margin: auto;top: 264px; left:36px; right: 36px; line-height:1.6em; text-align: left;color: #b8b8b8; font-size: 0.8em; display: none }
.Frame01_lv1{position: relative; float: left; width: 33.3%; height: 96px; line-height: 96px; color: #585858; font-size: 2em}
.Frame01_lv1:hover{color: #888}
.Frame01_lv1_active{color: #F8F8F8}

.frame_hornNwe{position: relative; margin: 0 auto; width: 100%; padding-top: 24px; padding-bottom: 24px;}
.frame_hornNwe h2{font-size: 1.8em}
.frame_hornNwe .frame_detail{position: relative; margin: 0 auto; width: 800px; padding-top: 60px; padding-bottom: 60px;}
.frame_hornNwe .frame_detail .hr{position: relative; width: 100%; height: 35px; line-height: 36px;border-bottom: 1px #b8b8b8 solid}
.frame_hornNwe .frame_detail .head{background: #0094db; color: #f8f8f8}
.frame_hornNwe .frame_detail .hr .tdmin{position: relative; float: left; width: 33.33%;}
.frame_hornNwe .frame_detail .hr .tdmid{position: relative; float: left; width: 33.33%;}

.left{position:absolute; top: 0; left: 0; width: 150px; height: 100%}
.left .btn_left{margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 48px; height: 48px; border-radius:24px; background: #0091db}
.left .btn_left:hover{background: #3bb3ed;}
.right{position:absolute; top: 0; right: 0; width: 150px; height: 100%}
.right .btn_right{margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 48px; height: 48px; border-radius:24px; background: #0091db}
.right .btn_right:hover{background: #3bb3ed;}