@charset "utf-8";
/* CSS Document */
.hide { display: none; }

.w1200 {
    margin: 0 auto;
    width: 1200px
}
	.p1-section2 h1.pj-cntitle { text-align: center; color: #26264b; }
h1.pj-entitle, h2.pj-entitle,.b-section4 .b4tl { color: #565051; font-size: 40px; font-family: dincond-medium-webfont,sans-serif; letter-spacing: -3px; text-transform: uppercase; line-height: 40px;font-weight: inherit;font-style: inherit;}
h1.pj-cntitle, h2.pj-cntitle { margin-bottom: 10px; color: #fb9000; font-size: 29px; }
	
	.b-section2 { position: relative; width: 100%; }
.b-section2 .bs2-color1, .b-section2 .bs2-color2 { position: absolute; top: 0; width: 50%; height: 100%; z-index: 1; }
.b-section2 .bs2-color1 { left: 0; background-color: #847e9a; }
.b-section2 .bs2-color2 { right: 0; background-color: #cecadd; }
.b-section2 .b-section2-content { position: relative; z-index: 2; }
.b-section2-content .bs2-content-left, .b-section2-content .bs2-content-right { padding: 40px 0; width: 455px; }
.b-section2-content .bs2-content-left { padding-right: 40px; width: 660px; background-color: #847e9a;  }
.b-section2-content .bs2-content-left h1 { color: #fff; text-align: left; }
.b-section2-content .bs2-content-left h2 { color: #fff; text-align: left; }
.bs2-content-left .bs2-clselect { margin-top: 40px; margin-bottom: 30px; }
.bs2-content-left .bs2-clselect a { margin-right: 30px; color: #d2cfda; font-size: 14px; font-weight: bold; -webkit-transition: all 400ms; transition: all 400ms; }
.bs2-content-left .bs2-clselect a.on { color: #fff; }
.bs2-content-left .bs2-clselect a:hover { color: #fff; }
.bs2-content-left .bs2-clshowcontent h1 { color: #d2cfda; font-size: 42px; font-family: dincond-medium-webfont,sans-serif; text-transform: none; letter-spacing: -2px; line-height: 35px; margin-bottom: 6px; }
.bs2-clshowcontent > div { display: none; }
.bs2-crshowcontent > div { display: none; }
.bs3-showcontent > div { display: none; }
.bs2-content-left .bs2-clshowcontent h2 { margin-bottom: 20px; color: #d2cfda; }
.bs2-content-left .bs2-clshowcontent p { color: #d2cfda;text-align:justify; }
.bs2-content-right .bs2-crselect { margin-bottom: 40px; }
.bs2-content-right .bs2-crselect a { margin-right: 10px; padding: 5px 10px; color: #26264b; font-size: 18px; font-weight: bold; background-color: #fff; border-radius: 30px; -webkit-transition: all 400ms; transition: all 400ms; }
.bs2-content-right .bs2-crselect a.on { color: #fff; background-color: #fb9000; }
.bs2-content-right .bs2-crselect a:hover { color: #fff; background-color: #fb9000; }
.bs2-content-right .bs2-crshowcontent .picbox { margin-bottom: 30px; }
.bs2-content-right .bs2-crshowcontent p { margin-bottom: 20px; color: #68617c; text-align:justify;}
.bs2-clshowcontent a.learnMore { padding: 5px 10px; color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 30px; margin-top: 10px; }

.b-section3 { padding: 40px 0; background-color: #e3e3eb; }
.b-section3 .b-section3-inner { background: url(../img/project/bs3bg.png) left center no-repeat; }
.b-section3-inner .bs3-content { /*margin-right: 150px; */width:680px/* 530px*/; min-height: 335px; }
.b-section3-inner .bs3-content h1 { color: #333; text-align: left; }
.b-section3-inner .bs3-content h2 {color: #565051;text-align: left;font-weight: 500;}
.b-section3-inner .bs3-content h2.pj-cntitle { color: #fb9000;margin-bottom: 90px;}
.bs3-content .bs3-select { margin: 6px 0 20px 0px; }
.bs3-content .bs3-select a { margin: 0 15px 0 0; height: 27px; line-height: 27px; color: #666; font-weight: bold; word-break: keep-all; display: inline-block; font-size: 14.5px; }
.bs3-content .bs3-select a.on, .bs3-content .bs3-select a:hover { border-bottom: 4px solid #fe8b21; }
.bs3-content .bs3-showcontent .picbox { margin-bottom: 30px; }
.bs3-content .bs3-showcontent p { margin-bottom: 20px; color: #68617c; }
.bs3list li span { color: #333; font-size: 12.5px; font-weight: bold; }
.bs3list li a { margin-bottom: 8px; margin-right: 10px; color: #666; font-size: 12.5px; word-break: keep-all; font-weight: bold; display: inline-block; padding: 2px; }

.bs3list li span.title { display: block; width: 60px; float: left; margin: 0; color: #666; font-size: 14px; font-weight: bold; }
.bs3list li span.content { display: block; width:573px; float: left; margin: 0; }

.b-section4 { padding: 40px 0; background-color: #efeff4; }
.b-section4 .bs4-leftcontent { width: 295px; }
.b-section4 .bs4-rightcontent { width: 865px; }
.b-section4 .w1200{background: url(../images/666.jpg) no-repeat center;height:796px}
.b-section4 .b4tl{padding:20px 0 40px;text-align: center;font-size:40px}
.bs4-leftcontent .bhfinger-title { margin-bottom: 15px; }
.bs4-leftcontent .bhfinger-title em { color: #565051; font-size: 40px; font-family: dincond-medium-webfont,sans-serif; letter-spacing: -3px; text-transform: uppercase; line-height: 40px; display: block; }
.bs4-leftcontent .bhfinger-title strong { font-size: 29px; font-weight: bold; color: #666; }

.bs4-leftcontent div.hotline { color: #565051; font-size: 40px; font-family: dincond-medium-webfont,sans-serif; letter-spacing: -2px; line-height: 43px; text-transform: uppercase; }
.bs4-leftcontent h2 { margin-bottom: 30px; color: #fb9000; font-size: 26px; line-height: 35px; }
.bs4-leftcontent p { color: #4b4949; font-size: 12.5px; }
.bs4-leftcontent .bs4-leftcontent-bottom { margin-top: 20px; }
.bs4-leftcontent .bs4-leftcontent-bottom h1, .bs4-leftcontent div.hotline { color: #4b4949; font-size: 15.5px; font-family: "å¾®è½¯é›…é»‘", "Microsoft YaHei", sans-serif; letter-spacing: 0; }
.bs4-leftcontent .bs4-leftcontent-bottom h2 { margin: 0; margin-top: -5px; padding-left: 50px; height: 38px; line-height: 38px; color: #49a04f; font-size: 38px; font-family: dincond-regular-webfont,sans-serif; letter-spacing: -3px; background: url(../img/project/b4-icon1.png) left center no-repeat; }
.bs4list { width: 870px; }
.bs4list li { position: relative; margin-right: 5px; margin-bottom: 5px; padding-top: 27px; width: 169px; height: 100px; background-color: #d4d4d4; text-align: center; z-index: 2; }
.bs4list li:hover { background-color: #7D7D7D; cursor: pointer; }
.bs4list li .bs4list-content { position: absolute; left: 0; top: 0; padding: 15px; width: 487px; height: 97px; background-color: #262834; display: none; }
.bs4list li.leftside .bs4list-content { left: -348px; }
.bs4list-content .bs4list-content-left { width: 111px; height: 95px; overflow: hidden; background-color: #fff; }
.bs4list-content .bs4list-content-right { position: relative; width: 355px; height: 95px; overflow: hidden; text-align: left; }
.bs4list-content .bs4list-content-right p { color: #f6f8fa; }
.bs4list-content .bs4list-content-right span { position: absolute; left: 0; bottom: 0; padding-left: 15px; color: #b6b8bc; font-size: 12.5px; background: url(../img/project/bs4-icon2.png) left center no-repeat; display: inline-block; }
.bs4list li:hover { z-index: 3; }
.bs4list li:hover .bs4list-content { display: block; }
.c_atlas{height:550px; background:#eee9e3; overflow:hidden;}
.c_atlas .w1200{background: url(../images/9999.png) no-repeat center;height: 550px}
.c_atlas li{margin:0; padding:0; list-style: none;}
.c_atlas *{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_atlas .w1200{position: relative; height:100%;}
.c_atlas .w_le{float:left; position:relative; width:620px; height:550px; background:url("../images/project-map4.png") no-repeat 34px 34px; left:-35px;}
.c_atlas .w_le .province{position:absolute; left:0; top:0; width:100%; height:100%;}
.c_atlas .w_le .province i{position:absolute; display: block; font-weight: bold; line-height: 16px; font-size: 12px; color:#807366; font-style: normal; cursor: pointer; -webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.c_atlas .w_le .province i.on,.c_atlas .w_le .province i:hover{z-index: 5; width:39px; height:42px; color:#fff; padding:11px 0; margin:-26px 0 0 -10px; text-align: center; background:url("../images/project-map_on2.png") no-repeat center;}
.c_atlas .w_ri{float: right; padding-top: 200px; width:497px;}
.c_atlas .w_ri .h1{font-size: 52px; color:#3b4590; line-height: 40px; font-family: "dincond-medium-webfont"; letter-spacing: -4px; margin-bottom: 5px;}
.c_atlas .w_ri .h2{font-size: 30px; color:#3b4590; line-height: 30px; margin-bottom: 30px;}
.c_atlas .w_ri .time span{display:block; font-size: 72px; color:#e6dfd8; line-height: 52px; font-family: "dincond-medium-webfont"; letter-spacing: -4px;}
.c_atlas .w_ri .time em{display:block; font-size: 14px; line-height: 24px;}
.c_atlas .w_ri p{font-size: 14px; line-height: 24px; color:#6f6d6b;}
.c_atlas .hid_wr{display:none; position:absolute; top:0; right:-1060px; height:550px; width:820px;padding:65px 240px 0 40px; background:#eee2d3;}
.c_atlas .hid_wr .shut{position:absolute; display:block; left:-50px; bottom:0; width:50px; height:50px; background:url("../images/project-map_shut.jpg") no-repeat center;}
.c_atlas .hid_wr .til_box{padding-bottom: 30px;}
.c_atlas .hid_wr .til_box .h1{font-size: 24px; color:#ac9d8c; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.c_atlas .hid_wr .til_box .h1_en{font-size: 18px; color:#384395; line-height: 14px; font-family: "dincond-medium-webfont";}
.c_atlas .hid_wr .tab_box{height:409px;}
.c_atlas .hid_wr .tab_box:after {display:block; height:0; clear:both; content:"\200B";}
.c_atlas .hid_wr .hd{float: left; width:65px; height:100%; border-right:4px solid #d4c8b9;}
.c_atlas .hid_wr .hd li{font-size: 18px; line-height: 18px; margin-bottom: 20px; margin-right:-4px; border-right:4px solid transparent; cursor:pointer;}
.c_atlas .hid_wr .hd li.on{color:#384395; font-weight: bold; border-color:#384395;}
.c_atlas .hid_wr .bd{float: right; width:414px;}
.c_atlas .hid_wr .filtrate{overflow:hidden; width:430px; margin-bottom: 18px;}
.c_atlas .hid_wr .filtrate .li{float: left; font-size: 14px; color:#a7a199; text-align: center; line-height: 28px; height:30px; width:78px; margin-right: 6px; border:1px solid #cdc2b4; border-radius:40px; cursor:pointer; -webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.c_atlas .hid_wr .filtrate .li.on,.c_atlas .hid_wr .filtrate .li:hover{color:#91897f; background:#dccebd; border-color:#dccebd;}
.c_atlas .hid_wr .bd li{display:none; max-height: 330px; overflow:hidden; overflow-y: auto;}
.c_atlas .hid_wr .bd .it_serve{overflow:visible;}
.c_atlas .hid_wr .bd .box{font-size: 0; letter-spacing: -4px; margin-bottom: 18px;}
.c_atlas .hid_wr .bd .box:after {display:block; height:0; clear:both; content:"\200B";}
.c_atlas .hid_wr .bd .title{font-weight: bold;}
.c_atlas .hid_wr .bd .title,.c_atlas .hid_wr .bd a{float: left; letter-spacing: normal; font-size: 12px; color:#666; height:26px; line-height: 26px; margin-right:12px;}
.c_atlas .hid_wr .it_serve a { position: relative; float: left; height: 26px; line-height: 26px; }
.c_atlas .hid_wr .it_serve a > span {display:block; height:26px; line-height: 26px; padding-right: 24px; background: url("../images/serve3_b2_list_a_location.png") no-repeat right 10px top 8px; }
.c_atlas .hid_wr .it_serve em { position: absolute; z-index: 2; left: 0; top: 24px; display: none; padding: 8px 10px; font-size: 12px; color: #f6f4e8; white-space: nowrap; background-color: #9c9388; }
.c_atlas .hid_wr .it_serve a:hover span {color:#fe8b21; background-image: url("../images/serve3-2_b2_list_a_location.png"); }
.c_atlas .hid_wr .it_serve a:hover em { display: block; }
.c_atlas .hid_wr .bd a:hover{color:#fe8b21;}
.clear_f:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}