/* CSS Document */

*{ margin:0px; padding:0px; }

body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}

a { text-decoration:none;  outline:none; transition:all 0.2s; } 

a:hover{ text-decoration:none; }

.yan_left{ float:left; width:1100px; height:51px;}
.yan_mid{ float:right; width:90px; height:51px; text-align: center;}
.yan_mid img{ padding-top:4px;}
.safety_text1{ width:1081px; height:47px; padding-left:15px;     border: 2px solid #ebebeb; }



img{ border:0;}

table{ margin:auto;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

/*定义新型浏览器特性*/

::-webkit-scrollbar{width:0px;height:10px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#fff}

::-webkit-scrollbar-thumb:vertical{background-color:#fff;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff}

::-webkit-scrollbar-corner:vertical{background-color:#fff}

::-webkit-scrollbar-resizer:vertical{background-color:#fff;}



.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}



.side{position:fixed;width:68px;height:275px;right:0;top:35%;z-index:100;}

.side ul li{width:68px;height:68px;float:left;position:relative;border-bottom:1px solid #fff; list-style:none; cursor:pointer;}

.side ul li .sidebox{position:absolute;width:68px;height:68px;top:0;right:0;transition:all 0.3s;background:#dedede;color:#fff;font:14px/54px "微软雅黑"; overflow:hidden;}

.side ul li .sidebox1{position:absolute;width:68px;height:68px;top:0;right:0;transition:all 0.3s;background:#dedede;color:#fff;font:14px/54px "微软雅黑"; overflow:hidden;}



.side ul li .sidebox2{position:absolute;width:68px;height:68px;top:0;right:0;transition:all 0.3s;background:#dedede;color:#fff;font:14px/54px "微软雅黑"; overflow:hidden;}

.side ul li .sidebox2 img{}



.arrondi{ float:left; width:210px; height:40px; background-color:#f2f4f8;    float: right;  position: relative; margin-top: 14px; margin-right:10px;}

.arrondi_text{ width:145px; height:40px; border:none; padding-left:15px; background-color:#f2f4f8; position:absolute; top:0; left:0;}

.arrondi_btn{ width:50px; height:40px; background:url(../image/contact_06.jpg) no-repeat center; border:none; position:absolute; right:0; top:0; cursor:pointer;}







.side ul li .sidetop{width:68px;height:68px;line-height:68px;display:inline-block;background:#dedede;transition:all 0.3s;}

.side ul li .sidetop:hover{background:#2d328c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

.ma{ width:68px; height:68px; position:relative;}

.ma:hover .ma_er{ display:block;transition:all 0.3s;}

.ma_img{ width:68px; height:68px;}

.ma_er{ width:100px; height:100px; position:absolute; top:0; left:-105px; display:none;}





/*分页样式*/

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left; margin: auto; margin-bottom:45px;}

.page_list a{display:inline-block;font-size:14px; color:#969696; text-align: center; margin:0px 5px; background-color:#f1f1f1; border:1px solid #dcdcdc; padding:0px 10px;}

.page_list a:hover{ color:#fff; background-color:#2d328c; border:1px solid #2d328c; }

.page_list a.on{ color:#fff; background-color:#2d328c; border:1px solid #2d328c;}

.page{ display:block;}

.page1{ display:none;}



/*内容分页*/

.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:12px; width:100%; float:left;}

.contPage a{display:inline-block;color:#06257a;text-align:center;text-decoration:none; padding-left:8px; padding-right:8px; border-radius:4px; behavior:url(http://www.beijingbeihai.com/css/css3.htc); background:#fff; margin-right:3px; border:1px solid #06257a;}

.contPage a:hover{color:#fff;background:#06257a; border:1px solid #06257a;}

.contPage a.on{color:#fff;background:#06257a; border:1px solid #06257a;}



.n_big{ width:100%; height:508px;}





/*头部*/

.headerfly{ height:125px;}

.header{ width:100%; height:125px; background-color:#fff;
 position:fixed; 
 top:0px; z-index:999;}

.head{ width:1200px; height:125px; margin:auto;}

.head_left{ float:left; height:125px;}

.head_left img{ padding-top:27px;box-sizing:unset;}

.head_right{ height:125px; float:right;}

.nav{ float:left;height:125px; margin:auto;}

.nav_1{ float:left; height:125px;}

.nav_1 a{ display: inline-block;height:125px; font-size:16px; color:#424242; line-height:125px; padding:0px 15px; cursor:pointer; position:relative;}

.nav_1 a:hover{ color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.nav_1 a.nav_1_a{ color:#2d328c;}

.nav_all{ width:100%; height:auto; min-height:213px; background:url(../image/bei.jpg) repeat-x top; position:absolute; top:85px; padding-top:40px; left:0; z-index:9;-moz-box-shadow:-1px 8px 11px #666; -webkit-box-shadow:-1px 8px 11px #666; box-shadow:-1px 8px 11px #666; display:none; padding-bottom:20px;}

.nav_1_warp{ width:1200px; height:auto; margin:auto;  min-height:213px;}

.nav_left{ float:left; width:360px; height:auto; min-height:213px;}

.nav_tit{ width:100%; font-size:16px; color:#3c3c3c; font-weight:bold; height:50px; line-height:50px; padding-top:5px;}

.nav_tit a{ width:100%; font-size:16px; color:#3c3c3c; font-weight:bold; height:50px; line-height:50px; padding-top:5px; padding:0px;}

.nav_list{ width:100%; height:auto; overflow:hidden;}

.nav_list a{ float:left; display:block; width:50%; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px;}

.nav_list8{ width:100%; height:auto; overflow:hidden;}

.nav_list8 a{ float:left; display:block; width:50%; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px; font-weight:bold;}



.nav_list6{ width:100%; height:auto; overflow:hidden;}

.nav_list6 a{ float:left; display:block; width:25%; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px; font-weight:bold;}


.nav_list1{ width:312px; height:auto; overflow:hidden;}

.nav_list1 a{ float:left; display:block; width:50%; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px;}





.nav_mid{ float:left; width:630px; height:auto; min-height:213px;}

.nav_lie{ width:630px; height:auto;}

.lie_1{ float:left; width:156px; height: auto;}

.lie_1_tit{ width:157px; height:21px;}

.lie_1_tit a{ color:#505050; font-size:16px; cursor:pointer; line-height:21px; padding:0px;}

.lie_1_con{ width:156px; height:120px; overflow:hidden; margin-top:10px;}

.lie_1_con a{ display:block; width:156px; height:28px; font-size:14px; color:#8e8e8e; line-height:28px; padding:0px; cursor:pointer;}

.lie_1_con a:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}



.nav_right{ float:right; width:205px; height:auto; overflow:hidden;}

.nav_right_1{ width:205px; height:50px; line-height:50px; padding-top:5px; text-align:right;}

.nav_right_1 a{ font-size:14px; color:#2d328c; background:url(../image/mune_03.jpg) no-repeat left; padding-left:15px; padding-right:0px; height:50px; line-height:50px;}

.nav_right_2{ width:205px; height:130px;}





.kernel_mune{ float:left; width:190px; height:120px; padding-top:30px;}

.kernel_mune a{ display:block; font-size:16px; color:#3c3c3c; font-weight:bold; height:40px; line-height:40px;}

.kernel_mune a:hover{ color:#1b3473;}

.kernel_mune a.kernel_mune_a{ color:#1b3473;}

.kernel_con{ float:right; width:985px; height:130px; margin-top:35px; display:none;}

.kernel_left{ float: left; width:200px; height:130px;}

.kernel_mid{ float:left; width:660px; height:130px; margin-left:20px;}

.kernel_mid_1{ font-size:16px; color:#3d3d3d; width:660px; height:21px; overflow:hidden;}

.kernel_mid_2{ width:660px; font-size:14px; color:#929292; height:44px; line-height:22px; overflow:hidden; margin-top:15px;}

.kernel_right{ float:right; width:100px; height:21px; line-height:21px; text-align:right;}

.kernel_right a{ font-size:14px; color:#2d328c; background:url(../image/mune_03.jpg) no-repeat left; padding-left:15px; padding-right:0px; height:21px; line-height:21px;}



.core{ float:left; width:590px; height:auto;}

.core_tit{ width:590px; font-size:16px; color:#1b3473; font-weight:bold; height:55px; line-height:55px;}

.core_tit a.core_tit_a{ width:400px; font-size:16px; color:#1b3473; font-weight:bold; height:55px; line-height:55px;  padding:0px; float:left;}

.core_con{ width:590px; height:130px; margin-top:5px;}

.core_con a{ width:590px;height:130px; font-size:16px; color:#424242; line-height:130px; padding:0px; cursor:pointer; position:relative;}

.core_left{ float:left; width:200px; height:130px;}

.core_right{ float:right; width:375px; height:130px;}

.core_right_1{ font-size:17px; color:#3c3c3c; width:375px; height:21px; line-height:21px;}

.core_right_2{ width:375px; font-size:14px; color:#969696; height:30px; line-height:30px; margin-top:8px;}

.core_right_3{ width:375px; font-size:14px; color:#969696; height:60px; overflow:hidden; line-height:30px;}



.core1{ float:right; width:590px; height:auto;}

.core_tit{ width:590px; font-size:16px; color:#1b3473; font-weight:bold; height:55px; line-height:55px;}

.core_tit a.core_tit_aa{ display:inline-block; font-size:14px; color:#2d328c; background:url(../image/mune_03.jpg) no-repeat left; padding-left:15px; padding-right:0px; height:50px; line-height:50px; float:right; font-weight:normal; }

.core_right_4{ width:375px; font-size:14px; color:#969696; height:90px; overflow:hidden; line-height:30px; margin-top:10px;}



.reveal_left{ float:left; width:435px; height:auto; overflow:hidden;}

.reveal_tit{ width:100%;font-size:16px; color:#3c3c3c; font-weight:bold; height:55px; line-height:55px;}

.reveal_tit1{ width:100%;font-size:16px; color:#3c3c3c; font-weight:bold; height:55px; line-height:55px;}

.reveal_tit1 a.reveal_tit1_a{ width:100%;font-size:16px; color:#3c3c3c; font-weight:bold; height:55px; line-height:55px; padding:0px; background:url() no-repeat left;}

.reveal_tit a.reveal_tit_a{ width:100%;font-size:16px; color:#3c3c3c; font-weight:bold; height:55px; line-height:55px; padding:0px;background:url() no-repeat left;}

.reveal_tit a{ display:inline-block; font-size:14px; color:#2d328c; background:url(../image/mune_03.jpg) no-repeat left; padding-left:15px; padding-right:0px; height:50px; line-height:50px; float:right; font-weight:normal;}

.reveal_tit1 a{ display:inline-block; font-size:14px; color:#2d328c; background:url(../image/mune_03.jpg) no-repeat left; padding-left:15px; padding-right:0px; height:50px; line-height:50px; float:right; font-weight:normal;}





.reveal_list{ width:435px; height:112px; overflow:hidden;}

.reveal_list a{ float:left; width:145px; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px;}

.reveal_right{ float:right; width:710px; height:auto; overflow:hidden;}

.reveal_con{ width:710px; height:130px; margin-top:5px; display:none;}

.reveal_con a{ display:block; width:710px;height:130px; font-size:16px; color:#424242; line-height:130px; padding:0px; cursor:pointer; position:relative;}



.reveal_con1{ width:710px; height:130px; margin-top:5px; padding-top:50px;}

.reveal_con1 a{ display:block; width:710px;height:130px; font-size:16px; color:#424242; line-height:130px; padding:0px; cursor:pointer; position:relative;}











.core_right1{ float:right; width:480px; height:130px;}

.core_right1_1{ font-size:16px; color:#626262; width:480px; height:21px; line-height:21px;}

.core_right1_2{ width:480px; font-size:14px; color:#aaaaaa; height:69px; line-height:24px; margin-top:8px;}



.result{ width:1200px; height:auto; overflow:hidden; padding-top:40px;}

.result ul li{ float:left; width:300px; height:155px; overflow:hidden;}
/*.result ul li{ float:left; width:300px; height:155px; overflow:hidden;}*/

.result ul li a{ display:block; width:300px; height:155px; padding:0px;}

.result_img{ width:102px; height:102px; border:1px solid #a8aacc; border-radius:100%; margin: auto;}

.result_tit{ width:100%; text-align: center; font-size:17px; color:#3c3c3c; height:40px; line-height:40px;}



.reveal_list1{ width:290px; height:140px; overflow:hidden;}

.reveal_list1 a{ float:left; width:145px; height:28px; font-size:16px; color:#505050; line-height:28px; padding:0px;}

.core_left1{ float:right; width:200px; height:130px;}



.core_right2{ float:left; width:480px; height:130px;}



.tel{ height:125px; float:right; margin-left:45px;}

.tel_1{ width:100%; height:20px; padding-top:53px; text-align:right;box-sizing:unset;}

.tel_1 span{ font-size:14px; color:#989898; background:url(../image/xiang_06.jpg) no-repeat left; padding-left:25px;}

.tel_2{ font-size:22px; color:#353990; font-family:Arial, Helvetica, sans-serif;}

.talk{ position:absolute; top:0; right:0; background-color:#2d328c; height:38px; line-height:38px; padding:0px 18px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.talk a{ font-size:12px; color:#c4c7fb; cursor:pointer;}

.talk span{ padding:0px 13px;}





/*banner*/

.banner{ width:100%; height:180px;}

.banner_1{ width:1200px; margin:auto; font-size:26px; color:#fff; height:35px; padding-top:55px;}

.banner_2{ width:1200px; margin:auto; height:24px; line-height:24px; font-size:14px; color:#fff;}

.banner_2 span{ padding:0px 5px;}

.banner_2 a{ cursor:pointer; color:#fff;}

.banner1{ display:none;}



/*底部*/

.footer{ width:100%; height:380px; margin:auto; background:#2c2c2c;}

.footer2{ width:100%; height:340px; margin:auto; background:#2c2c2c;}

.foot{ width:1200px; height:340px; margin:auto; padding-top:40px;}

.foot_top{ width:1200px; height:220px;}

.foot_1{ float:left; width:140px; height:220px;}

.foot_1_tit{ width:140px; height:21px;}

.foot_1_tit a{ color:#fff; font-size:16px; cursor:pointer;}

.foot_1_con{ width:140px; height:auto; overflow:hidden; margin-top:10px;}

.foot_1_con a{ display:block; width:140px; height:22px; font-size:14px; color:#e7e7e7; line-height:22px; opacity:0.5; cursor:pointer;}

.foot_1_con a:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.foot_2{ float:right; width:138px; height:auto; overflow:hidden;}

.foot_2_img{ width:138px; height:138px;}

.foot_2_tit{ width:138px; font-size:14px; color:#e7e7e7; line-height:35px; height:35px; opacity:0.5; text-align: center;}



.foot_mid{ width:1200px; height:60px; line-height:60px; font-size:16px; color:#fff;}

.foot_mid a{ font-size:14px; color:#fff; opacity:0.5; cursor:pointer; margin-left:25px;}

.foot_mid a:hover{ opacity:1;}



.foot_bottom{ width:1200px; height:70px; }

.foot_list{ width:1200px; height:52px;}

.foot_list ul li{ float: left; width:290px; height:52px; list-style:none;}

.foot_list ul li.foot_list_li a{ border-right:none;}

.foot_list ul li a{ display:block; width:299px; height:52px; border-right:1px solid #404040;}

.foot_list_left{ float:left; width:110px; height:52px; text-align:right;}

.foot_list_right{ float:right; width:150px; height:52px;}

.foot_list_1{ width:100%; font-size:14px; color:#8b8b8b; font-weight:bold;}

.foot_list_2{ width:100%; font-size:12px; color:#8b8b8b; height:24px; line-height:24px;}





/*版权*/

.typeright_warp{ width:100%; height:57px; margin:auto; background:#1f1f1f;}

.typeright{ width:1200px; height:57px; margin:auto; font-size:12px; color:#b0b0b0; text-align: center; line-height:57px;}



/*北海建材预约服务*/

.bespoke_warp{ width:100%; height:515px; background-color:#f7f7f7;}

.bespoke{ width:1200px; height:450px; margin:auto;}

.bespoke_1{ width:1200px; text-align: center; font-size:24px; color:#333333; padding-top:55px;}

.bespoke_2{ width:1200px; text-align:center; font-size:14px; color:#b2b2b2; height:45px; line-height:45px;}

.bespoke_3{ width:1200px; height:52px; margin-top:23px; position:relative;}

.bespoke_text{ background-color:#ffffff; border:2px solid #ebebeb; height:47px; width:365px;box-sizing: unset; padding-left:15px; font-size:14px; color:#505050; margin-right:20px; font-family:"微软雅黑";}

.bespoke_text1{ background-color:#ffffff; border:2px solid #ebebeb; height:47px; width:365px; box-sizing: unset;padding-left:15px; font-size:14px; color:#505050; position:absolute; right:0; font-family:"微软雅黑";}

.bespoke_4{ width:1200px; height:95px; margin-top:22px;}

.bespoke_textarea{ background-color:#ffffff; border:2px solid #ebebeb; height:71px; width:1166px; padding:10px 15px; box-sizing: unset; color:#505050; font-size:14px; font-family:"微软雅黑";}

.bespoke_5{ width:1200px; height:auto; margin-top:40px; text-align: center;}



.bespoke_btn{ width:335px; height:50px; background-color:#353990;  border:none; font-size:16px; color:#fff; font-family:"微软雅黑";}

.abespoke_text{ background-color:#ffffff; border:2px solid #ebebeb; height:47px; width:384px; padding-left:15px; font-size:14px; color:#505050; margin-right:20px; font-family:"微软雅黑";}

.abespoke_text1{ background-color:#ffffff; border:2px solid #ebebeb; height:47px; width:384px; padding-left:15px; font-size:14px; color:#505050; position:absolute; right:0; font-family:"微软雅黑";}

.abespoke_textarea{ background-color:#ffffff; border:2px solid #ebebeb; height:91px; width:1196px; padding:10px 15px; font-size:14px; color:#505050; font-size:14px; font-family:"微软雅黑";}


.bespoke_btn{ width:335px; height:50px; background-color:#353990;  border:none; font-size:16px; color:#fff; font-family:"微软雅黑";}





/*新闻详情*/

.main_warp{ width:100%; height:auto; overflow:hidden; }

.main{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:50px; background:url(../image/main_10.jpg) repeat-y; margin-bottom:20px;}

.main_left{ float:left; width:180px; height:auto;}

.main_mune{ width:180px; height:auto; }

.main_1{ width:180px; height:auto; position:relative;}

.main_1 a{ display:block; width:179px; height:47px; margin-bottom:8px; border-right:1px solid #ebebeb; cursor:pointer;}

.main_1 span{ font-size:14px; color:#525252; display:inline-block; width:150px; height:47px; text-align: center; line-height:47px; border-radius:4px; background-color:#f7f8fa;}

.main_1 a:hover{ border-right:1px solid #2d328c;-webkit-transition: all 0.4s ease-in-out;}

.main_1 a:hover span{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.main_1 a.main_1_a{ border-right:1px solid #2d328c;}

.main_1 a.main_1_a span{ background-color:#2d328c; color:#fff;}





.main_left1{ float:left; width:180px; height:auto;}

.main_mune1{ width:180px; height:auto; }

.main_11{ width:180px; height:auto; position:relative;}

.main_11 a{ display:block; width:179px; height:47px; border-right:1px solid #ebebeb; cursor:pointer;}

.main_11 span{ font-size:14px; color:#525252; display:inline-block; width:150px; height:47px; text-align: center; line-height:47px; border-radius:4px; background-color:#f7f8fa;}

.main_11 a:hover{ border-right:1px solid #2d328c;-webkit-transition: all 0.4s ease-in-out;}

.main_11 a:hover span{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.main_11 a.main_11_a{ border-right:1px solid #2d328c;}

.main_11 a.main_11_a span{ background-color:#2d328c; color:#fff;}

.main_11_warp{ width:150px; height:auto; overflow:hidden; background-color:#f7f8fa; border-radius:4px;}

.main_11_warp a{ display:block; width:150px; text-align: center; font-size:12px; color:#464646; line-height:35px; margin-bottom:0px; height:35px;}

.main_11_warp a:hover{ color:#2d328c;}

.main_11_warp a.main_11_warp_a{ color:#2d328c;}







.main_1_warp{ width:150px; height:auto; overflow:hidden; background-color:#f7f8fa; display:none; position:absolute; top:0; left:150px; z-index:9999; border-radius:4px;}

.main_1_warp a{ display:block; width:150px; text-align: center; font-size:12px; color:#464646; line-height:35px; margin-bottom:0px; height:35px;}

.main_1_warp a:hover{ color:#2d328c;}

.main_1_warp a.main_1_warp_a{ color:#2d328c;}





.main_right{ float:right; width:990px; height:auto; overflow:hidden;}

.xiang{ width:990px; height:auto; overflow:hidden;}

.xiang_tit{ float:left; border-left:3px solid #2d328c; height:58px; padding-left:20px;}

.xiang_tit_1{ font-size:22px; color:#383838;}

.xiang_tit_2{ font-size:12px; color:#686868; margin-top:10px;}

.xiang_tit_2 span{ padding:0px 15px;}

.detail_right{ float:right; margin-top:4px;}

.detail_right a{ display:inline-block; font-size:12px; cursor:pointer; color:#373737; text-align: center; width:60px; height:30px; overflow:hidden; border:1px solid #474747; line-height:30px; border-radius:4px; margin-left:10px;}

.detail_right a:hover{ background-color:#2d328c; color:#fff; border:1px solid #2d328c;transition: all 0.2s ease-in;}

.detail_right a.detail_right_a{ background: url(../image/xiang_16.png) no-repeat 10px; font-size:14px; color:#474747; padding-left:30px; padding-right:10px;}

.detail_right a.detail_right_a:hover{ background:#2d328c url(../image/xiang_161.png) no-repeat 10px; color:#fff; border:1px solid #2d328c;transition: all 0.2s ease-in;}

.xiang_dao{ font-size:14px; color:#848484; line-height:26px; background-color:#f3f3f3; padding:30px; width:930px; margin-top:45px;}

.xiang_con{ width:990px; height:auto; overflow:hidden; font-size:14px; color:#848484; line-height:26px; margin-top:20px; padding-bottom:80px;}





/*新闻*/

.news_tit{ width:990px; height:35px; font-size:26px; color:#505050; position:relative;}

.search{ width:253px; height:35px; border:1px solid #e0e0e0; position:absolute; right:0; top:0;}

.search_text{ width:185px; height:35px; padding-left:13px; border:none; position:absolute; }

.search_text1{ width:135px; height:35px;  border:none; position:absolute; top:16px;}

.search_btn{ width:49px; height:35px; background:#2d328c url(../image/case_05.png) no-repeat center; position:absolute; right:0px; border:none;}



.news_con{ width:990px; height:240px; background-color:#f7f8fa; margin-top:25px;}

.mobilize{ width:950px; height:185px; margin:auto; padding-top:30px; position:relative; overflow:hidden;}

.mobilize-left { position:absolute; left:285px; top:181px; z-index:10; cursor:pointer; font-size:16px; color:#fff; font-family:"宋体"; width:34px; height:34px; background-color:#969696; text-align: center; line-height:34px;}

.mobilize-left:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.mobilize-right {position: absolute; top:181px; left:322px; z-index:10; cursor:pointer; font-size:16px; color:#fff; font-family:"宋体";  width:34px; height:34px; background-color:#969696; text-align: center; line-height:34px;}

.mobilize-right:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.mobilize .swiper-container { width:100%; height: 100%; overflow:hidden; margin:auto;}

.mobilize .swiper-slide{ overflow:hidden;}

.mobilize_left{ float:left; width:260px; height:185px;}



.mobilize_right{ float:right; width:665px; height:185px; position:relative;}

.mobilize_1{ width:665px; font-size:18px; color:#4a4a4a; font-weight:bold; height:24px; overflow:hidden;}

.mobilize_2{ width:665px; font-size:14px; color:#929292; line-height:22px; height:66px; margin-top:20px;}

.mobilize_3{ width:665px; height:30px; text-align:right; line-height:30px; font-size:14px; color:#969696; position:absolute; bottom:0;}	





.news_list{ width:990px; height:auto; overflow:hidden; margin-top:15px; margin-bottom:40px;}

.news_list ul li{ width:990px; height:185px; list-style:none; margin-bottom:15px;}

.news_list ul li a{ display:block; width:950px; height:145px; padding:20px; background-color:#f7f8fa;}

.news_list ul li a:hover .news_1{color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.news_list ul li a:hover .news_3 span{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.news_1{ width:950px; font-size:18px; color:#3d3d3d; font-weight:bold; height:24px;}

.news_2{ width:950px; height:46px; font-size:14px; color:#969696; line-height:23px; overflow:hidden; margin-top:15px;}

.news_3{ width:950px; font-size:14px; color:#969696; height:41px; line-height:41px; margin-top:15px;}

.news_3 span{ display:inline-block; width:110px; height:41px; background-color:#969696; text-align: center; line-height:41px; font-size:14px; color:#fff; margin-right:25px;}



/*案例*/

.case1{ display:none;}

.case{ width:990px; height:auto; overflow:hidden; margin-top:20px;}

.case ul li{ float:left; width:290px; height:355px; list-style:none; margin-bottom:37px; margin-right:60px;}

.case ul li.case_li{ margin-right:0px;}

.case ul li a{ display:block; width:290px; height:355px; position:relative;}

.case ul li a:hover .case_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.case ul li a:hover .case_bg{ opacity:1;transition: all 0.2s ease-in;}

.case_img{ width:290px; height:212px; overflow:hidden;}

.case_img img{ width:290px; height:212px;-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;}

.case_bg{ width:290px; height:212px; position:absolute; top:0; background-color:rgba(0,0,0,0.5); opacity:0;}

.case_bg_tit{ width:290px; height:212px; text-align: center; line-height:212px; font-size:15px; background:url(../image/case_12.png) no-repeat center; color:#fff;}

.case_con{ width:290px; height:143px; background-color:#f7f8fa;}

.case_con_1{ font-size:16px; color:#626262; width:260px; height:49px; margin:auto; line-height:49px; border-bottom:1px solid #e1e1e1;} 

.case_con_2{ width:260px; height:70px; margin:auto; font-size:14px; color:#aaaaaa; line-height:23px; overflow:hidden; margin-top:5px;}



/*施工工艺*/

.technics_mune{ width:990px; height:46px; overflow:hidden; margin-top:20px;}

.technics_mune a{ display:inline-block;font-size:16px; color:#525252; display:inline-block; padding:0px 48px; margin-right:5px; cursor:pointer; height:46px; text-align: center; line-height:46px; border-radius:4px; background-color:#f7f8fa;}

.technics_mune a:hover{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.technics_mune a.technics_mune_a{ background-color:#2d328c; color:#fff;}

.technics_tit{ width:990px; height:75px; text-align: center; line-height:75px; margin-top:25px; font-size:22px; color:#464646;}

.technics_list{ width:990px; height:auto; overflow:hidden;}

.technics_list ul li{ float:left; width:318px; height:308px; list-style:none; margin-bottom:30px; margin-right:18px;}

.technics_list ul li.technics_list_li{ margin-right:0px;}

.technics_list ul li a{ display:block; width:318px; height:308px;}

.technics_list ul li a:hover .technics_list_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.technics_list ul li a:hover .technics_list_con{ color:#2d328c;transition: all 0.2s ease-in;}

.technics_list_img{ width:318px; height:248px; overflow:hidden;} 

.technics_list_img img{ width:318px; height:248px;-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;}

.technics_list_con{ width:318px; height:60px; line-height:60px; font-size:18px; color:#464646;}

.technics_con{ width:990px; height:auto; overflow:hidden; font-size:16px; color:#464646; line-height:34px; padding-bottom:30px;}



/*配件系统*/

.parts{ width:990px; height:46px; margin-top:20px;}

.parts1{ display:none;}

.parts_left{ float:left; height:46px;}

.parts_left a{ display:inline-block;font-size:14px; color:#525252; display:inline-block; padding:0px 48px; margin-right:5px; cursor:pointer; height:46px; text-align: center; line-height:46px; border-radius:4px; background-color:#f7f8fa;}

.parts_left a:hover{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.parts_left a.parts_left_a{ background-color:#2d328c; color:#fff;}



.parts_con{ width:990px; height:auto; overflow:hidden; text-align: center; font-size:16px; color:#3b3b3b; line-height:27px; margin-top:65px; padding-bottom:60px;}



/*墙板列表*/

.wallboard{ width:990px; height:auto; overflow:hidden; margin-top:20px;}

.wallboard ul li{ float:left; width:310px; height:200px; list-style:none; margin-right:30px; margin-bottom:27px;}

.wallboard ul li.wallboard_li{ margin-right:0px;}

.wallboard ul li a{ display:block; width:310px; height:200px; position:relative;}

.wallboard ul li a:hover .wallboard_tit{ display:none;}

.wallboard ul li a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}

.wallboard_img{ width:310px; height:200px;}

.wallboard_img img{ width:310px; height:200px;}

.wallboard_tit{ width:310px; text-align: center; font-size:16px; color:#424242; height:45px; line-height:45px; position:absolute; bottom:0;}

.wallboard_bg{ width:280px; left:15px; top:10px; height:180px; position:absolute; background-color:rgba(0,125,190,0.85); opacity:0;}

.wallboard_bg_tit{ width:100%; text-align: center; font-size:16px; color:#fff; height:50px; line-height:50px; padding-top:40px;}

.wallboard_bg_jia{ width:42px; height:42px; background-color:#2d328c; margin:auto; text-align: center; line-height:42px; color:#fff; font-size:29px; font-family:"宋体";}



/*相关推荐*/

.interfix{ width:1200px; height:auto; overflow:hidden; margin:auto;}

.interfix_tit{ width:1200px; text-align: center; font-size:26px; color:#505050; height:95px; line-height:95px;}

.interfix_one{ width:1200px; height:450px; margin-top:30px;}

.trouble{ float:left; width:345px; height:450px;}

.trouble_tit{ width:280px; font-size:22px; color:#434343; background:url(../image/list_05.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.trouble_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.trouble_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}



.trouble_list{ width:345px; height:auto; overflow:hidden; margin-top:10px;}

.trouble_list ul li{ width:345px; height:33px; list-style:none;}

.trouble_list ul li a{ display:block; width:330px; height:34px; padding-left:15px; background:url(../image/list_21.jpg) no-repeat left; font-size:16px; color:#464646; line-height:34px; cursor:pointer;}

.trouble_list ul li a:hover{ color:#2d328c;transition: all 0.2s ease-in;}



.nozzle{ float: left; width:340px; height:450px; margin-left:65px;}

.nozzle_tit{ width:275px; font-size:22px; color:#434343; background:url(../image/product_09.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.nozzle_tit1{ width:275px; font-size:22px; color:#434343; background:url(../image/list_07.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.nozzle_tit1 a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.nozzle_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.nozzle_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con{ width:340px; height:330px; overflow:hidden; margin-top:15px;}

.nozzle_con a{ display:block; width:340px; height:330px;}

.nozzle_con a:hover .nozzle_con_2{ color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con a:hover .nozzle_con_4 span{ background-color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con_1{ width:340px; height:95px;}

.nozzle_con_2{ width:340px; font-size:18px; color:#343434; height:50px; line-height:50px; padding-top:5px;}

.nozzle_con_3{ width:340px; height:104px; overflow:hidden; font-size:14px; color:#404040; line-height:26px;}

.nozzle_con_4{ width:340px; height:20px; margin:auto; margin-top:30px;}

.nozzle_con_4 span{ display:block; width:50px; height:20px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.advantage{ float:right; width:385px; height:450px;}

.advantage_tit{ width:275px; font-size:22px; color:#434343; background:url(../image/list_09.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.advantage_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.advantage_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.advantage_img{ width:340px; height:185px; margin-top:15px;}

.advantage_con{ width:340px; height:40px; margin-top:20px;}

.advantage_left{ float:left; border-right:1px solid #404040; width:99px; height:43px;}

.advantage_left_1{ width:100px; font-size:20px; color:#2d328c;}

.advantage_left_2{ width:100px; font-size:16px; color:#454545;}

.advantage_right{ float:right; height:40px; width:228px;}

.advantage_right a{ font-size:14px; color:#404040; line-height:23px; margin:0px 5px; cursor:pointer;}

.advantage_right a:hover{ color:#2d328c;transition: all 0.2s ease-in;}



/*房屋列表*/

.wei1{ width:1200px; height:auto;  margin:auto; position:relative; }

.wei2{ width:1200px; height:auto;  margin:auto; position:relative; }

.wei3{ width:1200px; height:auto;  margin:auto; position:relative; }

.wei4{ width:1200px; height:auto;  margin:auto; position:relative; }

.ding1{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top:-120px;}

.ding2{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -120px;}

.ding3{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -120px;}

.ding4{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -120px;}

.fang_tit{ width:990px; font-size:18px; color:#343434; border-bottom:2px solid #eeeeee; height:45px; line-height:45px;}

.wu_tit{ width:275px; font-size:22px; color:#434343; background:url(../image/list_07.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.wu_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.wu_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}



/*发展历程*/

.course{ width:990px; height:auto; overflow:hidden; margin-bottom:30px;}

.course_top{ width:990px; background:url(../image/course_05.jpg) no-repeat left; height:53px; margin-top:40px; overflow:hidden;}

.course_con{ width:990px; height:auto; overflow:hidden; background:url(../image/course_16.jpg) repeat-y; padding-bottom:80px;}

.course_1{ width:990px; height:auto; overflow:hidden; margin-bottom:35px;}

.course_1_left{ float:left; font-size:20px; color:#2d328c; width:70px; height:26px;}

.course_1_right{ float:right; background:url(../image/course_09.jpg) no-repeat left top; padding-left:105px; height: auto; width:811px;}

.course_nian{ width:100%; font-size:20px; color:#2d328c; height:26px;}

.course_nian span{ background:url(../image/course_12.jpg) no-repeat right; padding-right:15px;}

.course_nei{ width:791px; height:auto; overflow:hidden; font-size:14px; color:#434343; line-height:30px; background-color:#f9f9f9; border-bottom:3px solid #f0f0f0; margin-top:10px; padding:15px 10px;}



/*房屋详情*/

.house{ width:990px; height:200px; overflow:hidden; margin-top:45px; position:relative;}

.house-left { position:absolute; left:25px; top:70px; z-index:10; cursor:pointer; font-size:24px; color:#fff; font-family:"宋体"; width:40px; height:60px; background-color:#2d328c; text-align: center; line-height:60px;}

.house-left:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.house-right {position: absolute; top:70px; right:0px; z-index:10; cursor:pointer; font-size:24px; color:#fff; font-family:"宋体";  width:40px; height:60px; background-color:#2d328c; text-align: center; line-height:60px;}

.house-right:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.house .swiper-container { width:100%; height: 100%; overflow:hidden; margin:auto;}

.house .swiper-slide{ overflow:hidden;}

.house_1{ width:280px; height:200px; margin:auto;}

.house_1 a{ display:block; width:280px; height:200px; position:relative;}

.house_1 a:hover .wallboard_tit{ display:none;}

.house_1 a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}

.house_biao{width:990px; font-size:18px; color:#343434; border-bottom:2px solid #eeeeee; height:45px; line-height:45px; margin-top:80px;}

.house_xiang{ width:990px; height:auto; overflow:hidden; margin-top:35px;}

.house_xiang_1{ width:990px; text-align:center; font-size:30px; color:#434343; height:70px; line-height:70px;}

.house_xiang_2{ width:990px; text-align:center; font-size:16px; color:#a3a3a3; height:50px; line-height:50px;}

.house_xiang_3{ width:990px; height:auto; overflow:hidden; margin-top:10px; font-size:16px; color:#666; line-height:35px; padding-bottom:20px;}

.house_tit{ width:990px; text-align: center; font-size:30px; color:#434343; height:130px; line-height:130px;}

.house1{ display:none;}



.trouble1{ float:right; width:345px; height:450px;}

.advantage1{ float:left; width:340px; height:450px; margin-left:75px;}

.related{ float:left; width:345px; height:450px;}

.related_tit{ width:280px; font-size:22px; color:#434343; background:url(../image/chan_15.jpg) no-repeat left top; padding-left:65px; border-bottom:1px solid #dcdcdc; height:66px; line-height:66px;}

.related_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:23px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.related_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.related_list{ width:345px; height:auto; overflow:hidden; margin-top:15px;}

.related_list ul li{ width:345px; height:110px; list-style:none; margin-bottom:25px;}

.related_list ul li a:hover .related_left img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.related_list ul li a:hover .related_right_1{ color:#2d328c;transition: all 0.2s ease-in;}

.related_left{ float:left; width:165px; height:110px; overflow:hidden;}

.related_left img{ width:165px; height:110px;-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;}

.related_right{ float:right; width:160px; height:110px;}

.related_right_1{ width:150px; font-size:16px; color:#404040; height:21px; overflow:hidden;}

.related_right_2{ width:150px; height:57px; font-size:12px; color:#a5a5a5; line-height:19px; overflow:hidden; margin-top:10px;}



/*墙板详情*/

.chance_con{ width:990px; height: auto; overflow:hidden; font-size:16px; color:#3b3b3b; line-height:27px; border-top:3px solid #eff0f3; margin-top:30px; padding-top:30px; padding-bottom:15px;}

.chance_xing{ width:950px; font-size:22px; color:#333333; height:56px; background-color:#eff0f3; padding:0px 20px; line-height:56px;}

.chance_list{ width:990px; height:auto; overflow:hidden; margin-top:20px;}

.chance_list ul li{ float:left; width:310px; height:200px; list-style:none; margin-right:30px; margin-bottom:27px;}

.chance_list ul li.chance_list_li{ margin-right:0px;}

.chance_list ul li a{ display:block; width:310px; height:200px; position:relative;}

.chance_list ul li a:hover .wallboard_tit{ color:#2d328c;transition: all 0.2s ease-in;}



/*联系我们*/

.contact{ width:1200px; height:auto; overflow:hidden; margin:auto;}

.contact_tit{ width:1200px; height:110px; text-align: center; line-height:110px; font-size:26px; color:#505050;}

.contact_con{ width:1200px; height:auto; overflow:hidden; margin-top:15px; margin-bottom:90px;}

.contact_left{ float:left; width:480px; height:auto; overflow:hidden;}

.contact_1{ width:480px; font-size:22px; color:#505050; height:45px; line-height:45px;}

.contact_2{ width:480px; height:40px; margin-top:10px;}

.contact_2 span{ display:block; width:105px; height:40px; background-color:#2d328c; border-radius:4px; text-align: center; line-height:40px; font-size:14px; color:#fff;}

.contact_3{ width:480px; height:auto; font-size:14px; color:#505050; line-height:28px; margin-top:20px;}

.contact_right{ float:right; width:680px; height:455px; border:1px solid #cccccc; display:block;}

.contact_right1{ display:none;}

.contact_gong{ width:1200px; text-align: center; height:155px;}

.contact_er{ display:inline-block; width:110px; height:155px; margin:0px 50px;}

.contact_er_img{ width:110px; height:auto; text-align:center;}

.contact_er_tit{ width:110px; height:27px; text-align: center; line-height:27px; font-size:12px; color:#333;}



/*案例详情*/

.detail{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:50px;}

.detail_tit { width: 1200px; height: 37px;  font-size: 26px;  color: #505050; position: relative;}

.detail_parts{width:1200px; height: 46px; margin-top:25px;}

.detail_biao{ width:100%; text-align: center; font-size:26px; color:#464646; height:90px; line-height:90px; margin-top:15px;}

.detail_con{ width:1200px; height:auto; overflow:hidden; font-size:14px; color:#464646; line-height:28px;  padding-bottom:30px;}

.detail_list{ width:1200px; height:auto; overflow:hidden;}

.detail_list ul li{ float:left; width:593px; height:400px; list-style:none; margin-right:14px;}

.detail_list ul li.detail_list_li{ margin-right:0px;}

.detail_list ul li a{ display:block; width:593px; height:400px;}

.detail_list_1{ width:593px; height:338px;}

.detail_list_2{ width:593px; height:60px; line-height:42px; font-size:16px; color:#626262;}

.detail_biao1{ width:100%; text-align: center; font-size:26px; color:#464646; height:80px; line-height:80px;}

.process{ width:1200px; height:380px;}

.process ul li{ float: left; width:382px; height:380px; list-style:none; margin-right:27px;}

.process ul li.process_li{ margin-right:0px;}

.process_img{ width:382px; height:253px;}

.process_con{ width:382px; text-align:center; font-size:14px; color:#464646; text-align: center; line-height:28px; height:84px; overflow:hidden; margin-top:20px;}



.goods{ width:1200px; height:auto; overflow:hidden; margin-top:30px;}

.goods_tit{ width:1200px; font-size:26px; color:#464646; text-align: center; height:65px; line-height:65px; border-top:1px solid #e8e6e6;}

.goods_con{ width:1200px; height:174px; overflow:hidden; margin-top:20px; text-align: center; margin-bottom:40px;}

.goods_con a{ display: inline-block; width:280px; height:180px; position:relative; margin:0px 38px;}

.goods_con a:hover .wallboard_tit{ display:none;}

.goods_con a:hover .wallboard_bg1{ opacity:1;transition: all 0.2s ease-in;}



/*合作共赢*/

.work{ width:1200px;  margin:auto; margin-top:50px;}

.work_left{ float:left; width:570px; height:295px;}

.work_right{ float:right; width:580px; height:295px;}

.work_1{ width:580px; font-size:26px; color:#505050; height:35px;}

.work_2{ width:580px;  overflow:hidden; font-size:14px; color:#505050; line-height:28px; margin-top:10px;}

.flow{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:25px;}

.flow_tit{ width:1200px; font-size:26px; color:#505050;  text-align: center; height:110px; line-height:110px;}

.flow_con{ width:1200px; height:auto; overflow:hidden; background:url(../image/work_12.jpg) repeat-y center; padding:20px 0px; margin-bottom:30px;}

.flow_lang{ width:1200px; height:70px;}

.flow_1{ width:613px; height:70px; float:right;}

.flow_1_left{ float:left; width:23px; height:70px;}

.flow_1_left img{ padding-top:10px;}

.flow_1_right{ float:right; width:550px; height:59px; background-color:#f5f5f5; border-bottom:5px solid #e0e0e0; border-radius:5px; padding:0px 15px;}

.one_left{ float:left; width:500px; height:59px;}

.one_left_1{ width:500px; font-size:16px; color:#2d328c; overflow:hidden; height:21px; padding-top:10px;}

.one_left_2{ width:500px; overflow:hidden; font-size:12px; color:#757575; height:24px; line-height:24px;}

.one_right{ float:right; height:59px; font-size:50px; line-height:60px; color:#2d328c; opacity:0.42; font-family:"宋体"; font-style:italic; font-weight:bold;}



.flow_2{ width:613px; height:70px;}

.flow_2_right{ float:right; width:23px; height:70px;}

.flow_2_right img{ padding-top:10px;}

.flow_2_left{ float:left; width:550px; height:59px; background-color:#f5f5f5; border-bottom:5px solid #e0e0e0; border-radius:5px; padding:0px 15px;}

.two_left{ float:left; height:59px; font-size:50px; line-height:60px; color:#2d328c; opacity:0.42; font-family:"宋体"; font-style:italic; font-weight:bold;}

.two_right{ float:right; width:500px; height:59px;}

.two_right_1{ width:500px; font-size:16px; color:#2d328c; overflow:hidden; height:21px; padding-top:10px; text-align:right;}

.two_right_2{ width:500px; overflow:hidden; font-size:12px; color:#757575; height:24px; line-height:24px; text-align:right;}



.domain_warp{ width:100%; height:685px; background-color:#f5f5f5;}

.domain{ width:1200px; height:590px; padding-top:95px; margin:auto;}

.domain_left{ float:left; width:641px; height:590px;}

.domain_right{ float:right; width:410px; height:590px;}

.domain_1{ width:100%; font-size:30px; color:#434343; height:40px; padding-top:40px;}

.domain_2{ width:100%; font-size:16px; color:#aaaaaa; height:24px; line-height:24px;}

.domain_3{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#3b3b3b; line-height:28px; margin-top:35px; font-style:italic;}



/*banner*/

.big{ width:100%; height:650px; margin:auto;position:relative; overflow:hidden;}

.big-left { position:absolute; left:5%; top:45%; z-index:10; cursor:pointer; font-size:64px; color:#000; opacity:0.5; font-family:"宋体";}

.big-left:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.big-right {position: absolute; top:45%; right:5%; z-index:10; cursor:pointer; font-size:64px; color:#000; opacity:0.5; font-family:"宋体";}

.big-right:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}

.big .swiper-slide{ overflow:hidden; text-align: center;}

.big_div{ width:100%; height:650px;} 

.big .pagination1{ position:relative; bottom:25px; width: 100%; z-index:100; text-align:center;}

.big .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 8px; cursor: pointer; opacity: 1; background-color:#fff; border-radius:100px;}

.big .swiper-pagination-bullet-active{ background-color:#2d328c;}

.xz{
	width:100%;
	
}
.xzCont{
	width:1200px;
	margin:0 auto;
}
.xz ul {
	width:1200px;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top:30px;
}
.xz ul li{
	width:50%;
	float:left;
	height:430px;
	list-style: none;
	box-sizing: border-box;
	padding:2px;
}
.xz ul li:nth-child(2){
	float:right;
}
.xz ul li img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl{
	width:100%;
	height:100%;
}
.xz ul li dl dt{
	width:100%;
	height:50%;
	box-sizing: border-box;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 2px;
}
.xz ul li dl dt img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl  dd{
	width:50%;
	height:50%;
	float:left;
	box-sizing: border-box;
	padding:2px;
	padding-bottom: 0px;
}
.xz ul li dl  dd img{
	display: block;
	width:100%;
	height:100%;
}
.xz .more_xz{
	
    height: 48px;
    margin: 0 auto;
    text-align: center;
    width: 1200px;
	
}
.xz .more_xz a {
    cursor: pointer;
    display: block;
    height: 16px;
    
	border: 2px solid #2d328c;
    border-radius: 20px;
    color: #454545;
    cursor: pointer;
    display: inline-table;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 0 10px;
    text-align: center;
    width: 100px
	
	
	
}
/*北海建材*/

.build{ width:1200px; height:auto; overflow:hidden; margin:auto;}

.build_tit{ width:1200px; text-align: center; font-size:30px; color:#434343; height:40px; padding-top:60px;}

.build_con{ width:1200px; text-align:center; font-size:16px; color:#a3a3a3; height:45px; line-height:45px;}

.build_list{ width:1200px; height:210px; margin-top:25px;}

.build_list ul li{ float:left; width:300px; height:210px; list-style:none;}

.build_list ul li a{ display:block; width:300px; height:210px; cursor:pointer;}

.build_list ul li a:hover .build_list_2{ color:#2d328c;transition: all 0.2s ease-in;}

.build_list_1{ width:300px; height:98px; text-align: center;}

.build_list_2{ width:300px; text-align: center; font-size:20px; color:#2b2b2b; height:45px; line-height:45px; margin-top:10px;}

.build_list_3{ width:300px; text-align: center; font-size:14px; color:#8b8b8b; height:19px;}


.ad1{ width:100%;background-color: #f6f6f6;}
.ad1_cont{ width:1200px; margin:5px auto;}

/**/

.datum_warp{ width:100%; background:url(../image/index_17.jpg) no-repeat center; height:766px;}

.datum{ width:1200px; height:766px; margin:auto;}

.datum_nei{ width:1200px; text-align:center; font-size:16px; color:#a3a3a3; height:85px; line-height:85px; background:url(../image/index_22.jpg) no-repeat center bottom;}

.datum_mune{ width:1200px; height:32px; text-align: center; margin-top:25px;}

.datum_mune a{ display:inline-table; font-size:14px; color:#454545; border:2px solid #2d328c; border-radius:20px; width:95px; height:28px; text-align: center; line-height:28px; margin:0px 10px; cursor:pointer;}

.datum_mune a:hover{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.datum_mune a.datum_mune_a{background-color:#2d328c; color:#fff;}

.datum_con{ width:1200px; height:auto;  margin-top:43px; display:none;}

.datum_list{ width:1200px; height:auto; }

.datum_list ul li{ float:left; width:280px; height:180px; list-style:none; margin-right:26px; margin-bottom:27px;}

.datum_list ul li.datum_list_li{ margin-right:0px;}

.datum_list ul li a{ display:block; width:280px; height:180px; position:relative;}

.datum_list ul li a:hover .wallboard_tit1{ display:none;}

.datum_list ul li a:hover .wallboard_bg1{ opacity:1;transition: all 0.2s ease-in;}



.wallboard_img1{ width:280px; height:180px;}

.wallboard_img1 img{  height:180px;}

.wallboard_tit1{ width:280px; text-align: center; font-size:16px; color:#424242; height:45px; line-height:45px; position:absolute; bottom:0;}

.wallboard_bg1{ width:250px; left:15px; top:10px; height:160px; position:absolute; background-color:rgba(0,125,190,0.85); opacity:0;}







.zhuan_warp{ width:100%; height:690px; background:url(../image/main.jpg) no-repeat center;}

.zhuan{ width:1200px; height:690px; margin:auto;}

.zhuan_tit { width: 1200px; text-align: center; font-size: 30px; color: #fff; height: 40px; padding-top: 40px;}

.zhuan_nei { width: 1200px; text-align: center; font-size: 16px; color: #fff; height: 55px; line-height: 55px; background: url(../image/result_03.png) no-repeat center bottom; opacity:0.5;}

.zhuan_list{ width:1200px; height:510px; margin-top:25px;}

.zhuan_list ul li{ float:left; width:600px; height:510px; list-style:none; position:relative;}

.zhuan_list_1{ width:100%; height:auto; overflow:hidden; position:relative; margin:auto; z-index:9;}



.zhuan_list_1 a{ display:block; width:100%; height:393px; }

.zhuan_con{ width:600px; height:600px; position:absolute; top:0; display:none;}

.zhuan_1{ width:429px; height:auto; position:absolute; top:205px;}

.zhuan_1 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_1 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}



.zhuan_1_1{ width:86px; height:86px; border-radius:100%; position:relative; z-index:9;}

.zhuan_1_1 img{ width:86px; height:86px; border-radius:100%;-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;}

.zhuan_1_2{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px;}



.zhuan_2{ width:429px; height:auto; position:absolute; top:87px; left:52px;}

.zhuan_2 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_2 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}



.zhuan_3{ width:429px; height:auto; position:absolute; top:0px; left:175px;}

.zhuan_3 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_3 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}



.zhuan_4{ width:429px; height:auto; position:absolute; top:0px; left:322px;}

.zhuan_4 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_4 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}



.zhuan_5{ width:429px; height:auto; position:absolute; top:87px; left:444px;}

.zhuan_5 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_5 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}

	 

.zhuan_6{ width:429px; height:auto; position:absolute; top:209px; left:485px;}

.zhuan_6 a{ display:block; width:86px; height:121px; position:relative;}

.zhuan_6 a:hover .zhuan_1_1 img{-moz-transform:scale(2.0,2.0);

	-webkit-transform:scale(2.0,2.0);

	-o-transform:scale(2.0,2.0);

	-ms-transform:scale(2.0,2.0);

	 transform:scale(2.0,2.0);}







.zhuan_kong{ width:100%; height:100px;}

.zhuan_img{ width:258px; height:258px; /*border:5px solid #9ba3bd;*/ border-radius:100%; margin:auto;}

.zhuan_bg{ width:100%; background:url(../image/achieve_08.png) no-repeat center; height:339px; position:absolute; top:0px; opacity:0;}

.zhuan_list_tit{ width:100%; height:100px; line-height:100px; text-align: center; font-size:22px; color:#fff;}



.zhuan_phone{ display:none;}



/*您是业主*/

.owner_warp{ width:100%; background-color:#f6f6f6; height:710px;}

.owner{ width:1200px; height:710px; margin:auto;}

.owner_all{ width:1200px; height:auto; margin-top:60px; position:relative;}

.owner_list{ width:1200px; height:355px; overflow:hidden;}

.owner-left { position:absolute; left:46%; top:402px; z-index:10; cursor:pointer; font-size:26px; color:#7a7a7a;font-family:"宋体";}

.owner-left:hover{ color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.owner-right {position: absolute; top:402px; right:46%; z-index:10; cursor:pointer; font-size:26px; color:#7a7a7a;font-family:"宋体";}

.owner-right:hover{ color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.owner_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}

.owner_list .swiper-slide{ overflow:hidden;}





.owner_1{ width:290px; height:355px; margin:auto;}

.owner_1 a{ display:block; width:290px; height:355px; background-color:#fff; position:relative;}

.owner_1 a:hover .case_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.owner_1 a:hover .case_bg{ opacity:1;transition: all 0.2s ease-in;}

.case_con1 { width: 290px; height: 143px; background-color: #fff;}

.owner_more{ width:1200px; height:16px; text-align: center;}

.owner_more a{ display:block; width:1200px; height:16px; cursor:pointer; margin-top:54px;}



.owner_all1{ display:none;}



/*three*/

.three{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}

.dynamic{ float:left; width:340px; height:auto; overflow:hidden;}

.dynamic_tit{width:265px; font-size:22px; color:#434343; background: url(../image/index_26.png) no-repeat left top; padding-left:75px; border-bottom:1px solid #dcdcdc; height:68px; line-height:68px;}

.dynamic_more{ width:340px; height:20px; margin-top:20px; margin-bottom:40px;}

.dynamic_more a{ display:inline-block; width:50px; height:20px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.dynamic_more a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.industry{ float:left; width:340px; height:auto; overflow:hidden; margin-left:80px;}

.industry_tit{width:265px; font-size:22px; color:#434343; background: url(../image/index_33.png) no-repeat left top; padding-left:75px; border-bottom:1px solid #dcdcdc; height:68px; line-height:68px;}

.problem{ float:right; width:340px; height:auto;}

.problem_tit{width:265px; font-size:22px; color:#434343; background: url(../image/index_36.png) no-repeat left top; padding-left:75px; border-bottom:1px solid #dcdcdc; height:68px; line-height:68px;}



/*漂浮*/

.showy{ width:68px; height: auto; overflow:hidden; position:fixed; top:30%; z-index:999; right:0px;}

.showy a{ display:block; width:68px; height:68px; background-color:#dedede; cursor:pointer; margin-bottom:5px;}

.showy a:hover{ background-color:#212570;-webkit-transition: all 0.4s ease-in-out;}



/**/

.catena{ width:704px; height:auto; overflow:hidden; margin:auto; margin-top:10px;}

.catena_tit{ width:704px; height:auto; overflow:hidden; font-size:12px; color:#484848; line-height:21px;}

.catena_search{ width:257px; height:35px; margin-top:15px; position:relative;}

.catena_text{ width:190px; height:33px; border:1px solid #dddddd; border-right:none; background-color:#fff; padding-left:13px;}

.catena_btn{ width:53px; height:35px; background-color:#e4923c; border:none; font-size:12px; color:#fff; position:absolute; right:0;}

.catena_list{ width:704px; height:auto; overflow:hidden; border-top:1px solid #d1d1d1; padding-top:5px; margin-top:15px;}

.catena_list ul li{ width:704px; height:auto; overflow:hidden; list-style:none;}

.catena_1{ width:680px; font-size:14px; color:#353535; font-weight:bold; background:url(../image/biao_06.jpg) no-repeat left; padding-left:24px; height:40px; line-height:40px; cursor:pointer;}

.catena_2{ width:704px; height:auto; overflow:hidden; margin-bottom:20px; display:none;}

.catena_2 a{ display:block; float:left; font-size:12px; color:#818181; line-height:30px; margin-right:15px; width:200px; padding-left:10px; border-bottom:1px dashed #9d9d9d; cursor:pointer;}

.catena_2 a.catena_2_a{ margin-right:0px;}

.catena_2 a:hover{ color:#e4923c;}

.catena_11{ width:680px; font-size:14px; color:#353535; font-weight:bold; background:url(../image/biao_03.jpg) no-repeat left; padding-left:24px; height:40px; line-height:40px;}





/*面包屑*/

.btn-nav {

  position: absolute;

  top: 6px;

  right:0px;

  background: transparent;

  border: none;

  padding:7px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  cursor: pointer;

  z-index: 99999;

}



.btn-nav:focus {

  outline: 0;

}



.icon-bar {

  display: block;

  margin: 7px 0;

  width: 35px;

  height: 3px;

  background-color: #353990;

}



.btn-nav:hover .icon-bar {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  background-color: #353990;

}







.nav-item {

  margin: 40px auto;

  text-align: center;

}



.animated {

  display: block;

  margin: 0 auto;

}



.animated:hover .icon-bar,

.animated:focus .icon-bar{

  background-color: #353990;

}



.animated:focus {

  cursor: pointer;

  z-index: 9999;

}



.middle {

  margin: 0 auto;

}



.icon-bar {

  -webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

  z-index: 999999;

}



.animated .icon-bar {

  z-index: 999999;

  background-color: #353990;

}



.animated .topt {

  -webkit-transform: translateY(10px) rotateZ(45deg);

  -moz-transform: translateY(10px) rotateZ(45deg);

  -ms-transform: translateY(10px) rotateZ(45deg);

  -o-transform: translateY(10px) rotateZ(45deg);

  transform: translateY(10px) rotateZ(45deg);

}



.animated .bottom {

  -webkit-transform: translateY(-11px) rotateZ(-45deg);

  -moz-transform: translateY(-11px) rotateZ(-45deg);

  -ms-transform: translateY(-11px) rotateZ(-45deg);

  -o-transform: translateY(-11px) rotateZ(-45deg);

  transform: translateY(-11px) rotateZ(-45deg);

}



.animated .middle {

  width: 0;

}

.cai{ display:none;}

.bu{ display:none;}

.piao{ display:none;}



.four{ width:1200px; height:100vh; margin:auto; position:relative;}

.four_logo{ width:1200px; height:89px; text-align: center;}

.four_logo img{ cursor:pointer; padding-top:10px;}

.four_img{ width:1200px; height:auto; overflow:hidden; text-align: center; margin-top:65px;}

.four_fan{ width:1200px; height:44px; text-align: center; margin-top:100px;}

.four_foot{ width:1200px; font-size:15px; color:#414141; height:90px; line-height:90px; text-align: center; position:absolute; bottom:0;}

.four_foot a{ font-size:16px; color:#262b9e; cursor:pointer; padding:0px 18px;}





@media screen and (max-width:1025px)and (min-width:300px){

.page{ display:none;}

.page1{ display:block;}

.xiang_con img{ max-width:100%;}

.cai{ display: block; width:100%; height:60px; position: fixed; background-color:#fff; top:0; z-index:999; border-bottom:1px solid #f1f1f1;}

.cai_list{ width:100%; height:100vh; background-color:rgba(0,0,0,0.8); display: none;}

.cai_list_1{ width:98%; height:auto; overflow:hidden; margin:auto; padding-top:60px;}

.cai_list_1 a{ display:block; width:100%; height:40px; border-bottom:1px solid rgba(255,255,255,0.8); font-size:14px; color:#fff; line-height:40px; cursor:pointer;}

.cai_list_1 a.cai_list_a{ color:#fff; font-weight:bold;}

	

.n_big{ width:100%; height:508px;}





/*头部*/

.headerfly{ height:60px; display:none;}

.header{ width:100%; height:60px; background-color:#fff; position:relative; overflow:hidden;}

.head{ width:1200px; height:60px; margin:auto;}

.head_left{ float:left; height:60px; margin-left:1%; position: fixed; z-index:9999;}

.head_left img{ padding-top:5px; height:50px; width:auto;}

.head_right{ height:125px; float:right; display:none;}



.bu{ display:block; width:100%; height:60px; background-color:#fff; position:relative; overflow:hidden;}



.tel{ width:98%; height: auto; overflow:hidden; float:right; margin-left:0px; margin-right:1%; margin-top:15px;}

.tel_1{ float:left; width: auto; height:40px; padding-top:0px; text-align:right; line-height:40px;}

.tel_1 span{ font-size:14px; color:#fff; background:none; padding-left:0px;}

.tel_2{ font-size:22px; color:#fff; font-family:Arial, Helvetica, sans-serif; height: auto; line-height:30px; float:left; margin-left:10px; padding-top:5px;}



.talk1{ width:98%; margin-left:1%; height:38px; line-height:38px; padding:0px 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.talk1 a{ font-size:14px; color:#fff; cursor:pointer;}

.talk1 span{ padding:0px 13px;}





/*banner*/

.banner{ display:none;}



.banner1{ width:100%; height:140px; display:block;}

.banner_1{ width:98%; margin:auto; font-size:20px; line-height:30px; color:#fff; height:30px; padding-top:40px;}

.banner_2{ width:98%; margin:auto; height:24px; line-height:24px; font-size:14px; color:#fff;}

.banner_2 span{ padding:0px 5px;}

.banner_2 a{ cursor:pointer; color:#fff;}



/*底部*/

.footer{ width:100%; height: auto; overflow:hidden; margin:auto; background:#2c2c2c;}

.footer2{ width:100%; height: auto; overflow:hidden; margin:auto; background:#2c2c2c;}

.foot{ width:98%; height: auto; margin:auto; padding:15px 0px;}

.foot_top{ width:98%; height: auto; overflow:hidden; text-align:center;}

.foot_1{ float:none; display:inline-block; width: auto; height: auto; margin:0px 5px;}

.foot_1_tit{ width: auto; height:28px;}

.foot_1_tit a{ color:#fff; font-size:14px; cursor:pointer; line-height:28px;} 

.foot_1_con{ width:140px; height:auto; overflow:hidden; margin-top:10px; display:none;}



.foot_2{ float:right; width:138px; height:auto; overflow:hidden; display:none;}



.foot_mid{ width:100%; height: auto; line-height:24px; font-size:14px; color:#fff;}

.foot_mid a{ display:inline-block; font-size:12px; color:#fff; opacity:0.5; cursor:pointer; margin-left:10px;}

.foot_mid a:hover{ opacity:1;}



.foot_bottom{ width:100%; height: auto; overflow:hidden; margin-top:15px; display:none;}

.foot_list{ width:100%; height: auto; overflow:hidden;}

.foot_list ul li{ float: left; width:50%; height:52px; list-style:none; margin-bottom:15px;}

.foot_list ul li.foot_list_li a{ border-right:none;}

.foot_list ul li a{ display:block; width:100; height:52px; border-right:none;}

.foot_list_left{ float:left; width:20%; height:52px; text-align:right;}

.foot_list_right{ float:right; width:78%; height:52px;}

.foot_list_1{ width:100%; font-size:14px; color:#8b8b8b; font-weight:bold;}

.foot_list_2{ width:100%; font-size:12px; color:#8b8b8b; height:24px; line-height:24px;}





/*版权*/

.typeright_warp{ width:100%; height: auto; padding:10px 0px; overflow:hidden; margin:auto; background:#1f1f1f;}

.typeright{ width:98%; height: auto; margin:auto; font-size:12px; color:#b0b0b0; text-align: center; line-height:20px;}



/*北海建材预约服务*/

.bespoke_warp{ width:100%; height: auto; overflow:hidden; background-color:#f7f7f7;}

.bespoke{ width:98%; height: auto; overflow:hidden; margin:auto; margin-bottom:20px;} 

.bespoke_1{ width:100%; text-align: center; font-size:18px; color:#333333; height:31px; line-height:31px; padding-top:20px;box-sizing:unset;}

.bespoke_2{ width:100%; text-align:center; font-size:14px; color:#b2b2b2; height:35px; line-height:35px;}

.bespoke_3{ width:100%; height: auto; overflow:hidden; margin-top:15px; position:relative; text-align: center; margin-bottom:5px;}

.bespoke_text{ background-color:#ffffff; border:1px solid #ebebeb; height:47px; width:93%; padding-left:3%; font-size:14px; color:#505050; margin-right:0px; font-family:"微软雅黑"; margin-bottom:5px;}

.bespoke_text1{ background-color:#ffffff; border:1px solid #ebebeb; height:47px; width:93%; padding-left:3%; font-size:14px; color:#505050; position: relative; right:0; font-family:"微软雅黑";}

.bespoke_4{ width:100%; height: auto; margin-top:0px; text-align: center;}

.bespoke_textarea{ background-color:#ffffff; border:1px solid #ebebeb; height:71px; width:92%; padding:10px 2%; font-size:14px; color:#505050; font-size:14px; font-family:"微软雅黑";}

.bespoke_5{ width:100%; height:auto; margin-top:10px; text-align: center;}

.bespoke_btn{ width:96%; height:40px; background-color:#353990; border:none;  border:none; font-size:14px; color:#fff; font-family:"微软雅黑";}
.yan_left { float: left; width:70%;height: 51px; margin-left:2%;}
.safety_text1 {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    height: 47px;
    width: 93%;
    padding-left: 3%;
    font-size: 14px;
    color: #505050;
    margin-right: 0px;
    font-family: "微软雅黑";
    margin-bottom: 5px;
}
.yan_mid {
    float: right;
    width: 25%;
    height: 51px;
    margin-left: 0px; margin-right:2%;
}

.abespoke_text{ background-color:#ffffff; border:1px solid #ebebeb; height:47px; width:93%; padding-left:3%; font-size:14px; color:#505050; margin-right:0px; font-family:"微软雅黑"; margin-bottom:5px;}

.abespoke_text1{ background-color:#ffffff; border:1px solid #ebebeb; height:47px; width:93%; padding-left:3%; font-size:14px; color:#505050; position: relative; right:0; font-family:"微软雅黑";}


.abespoke_textarea{ background-color:#ffffff; border:1px solid #ebebeb; height:71px; width:92%; padding:10px 2%; font-size:14px; color:#505050; font-size:14px; font-family:"微软雅黑";}


/*新闻详情*/

.main_warp{ width:100%; height:auto; overflow:hidden; }

.main{ width:98%; height:auto; overflow:hidden; margin:auto; margin-top:20px; background:none; margin-bottom:20px;}

.main_left{ float:left; width:100%; height:auto;}

.main_mune{ width:100%; height:auto; }

.main_1{ width:100%; height:auto; position:relative;}

.main_1 a{ display:block; width:100%; height:37px; margin-bottom:8px; border-right:none; cursor:pointer;}

.main_1 span{ font-size:14px; color:#525252; display:inline-block; width:100%; padding-left:4%; height:37px; text-align:left; line-height:37px; border-radius:4px; background-color:#e2e2e2;}

.main_1 a:hover{ border-right:none;-webkit-transition: all 0.4s ease-in-out;}

.main_1 a:hover span{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.main_1 a.main_1_a{ border-right:none;}

.main_1 a.main_1_a span{ background-color:#2d328c; color:#fff;}





.main_left1{ float:left; width:100%; height:auto;}

.main_mune1{ width:100%; height:auto; }

.main_11{ width:100%; height:auto; position:relative;}

.main_11 a{ display:block; width:100%; height:37px; border-right:1px solid #ebebeb; cursor:pointer;}

.main_11 span{ font-size:14px; color:#525252; display:inline-block; width:100%; height:37px; padding-left:4%;  text-align: left; line-height:37px; border-radius:4px; background-color:#f7f8fa;}

.main_11 a:hover{ border-right:1px solid #2d328c;-webkit-transition: all 0.4s ease-in-out;}

.main_11 a:hover span{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.main_11 a.main_11_a{ border-right:1px solid #2d328c;}

.main_11 a.main_11_a span{ background-color:#2d328c; color:#fff;}

.main_11_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; border-radius:4px;}

.main_11_warp a{ display: inline-block; width: auto; text-align: center; font-size:14px; color:#464646; line-height:30px; margin-bottom:0px; height:30px; margin-right:10px;}

.main_11_warp a:hover{ color:#2d328c;}

.main_11_warp a.main_11_warp_a{ color:#2d328c;}







.main_1_warp{ width:92%; margin:auto; height:auto; overflow:hidden; background-color:#fff; display: block; position: relative; top:0; left:0px; z-index:9; border-radius:4px; padding-bottom:10px;}

.main_1_warp a{ float:left; display:block; width:45%;background:url(../image/jian.jpg) no-repeat left; padding-left:5%; text-align:left; overflow:hidden; font-size:14px; color:#464646; line-height:30px; margin-bottom:0px; height:30px; margin-right:0%;}

.main_1_warp a:hover{ color:#2d328c;}

.main_1_warp a.main_1_warp_a{ color:#2d328c;}





.main_right{ float:right; width:100%; height:auto; overflow:hidden; margin-top:10px;}

.xiang{ width:100%; height:auto; overflow:hidden;}

.xiang_tit{ float:left; border-left:none; height: auto; padding-left:0px; width:100%;}

.xiang_tit_1{ font-size:16px; color:#383838; width:100%; text-align: center; min-height:38px; height:auto; line-height:38px; overflow:hidden;}

.xiang_tit_2{ font-size:12px; color:#686868; margin-top:10px; width:100%; text-align:center;}

.xiang_tit_2 span{ padding:0px 15px;}

.detail_right{ float:right; margin-top:10px; }

.detail_right a{ display:inline-block; font-size:12px; cursor:pointer; color:#373737; text-align: center; width: auto; padding:0px 10px;height:24px; overflow:hidden; border:1px solid #474747; line-height:24px; border-radius:4px; margin-left:10px;}

.detail_right a:hover{ background-color:#2d328c; color:#fff; border:1px solid #2d328c;transition: all 0.2s ease-in;}

.detail_right a.detail_right_a{ background:none; font-size:12px; color:#474747; padding-left:10px; padding-right:10px;}

.detail_right a.detail_right_a:hover{ background:#2d328c none; color:#fff; border:1px solid #2d328c;transition: all 0.2s ease-in;}

.xiang_dao{ font-size:14px; color:#848484; line-height:26px; background-color:#f3f3f3; padding:10px 3%; width:94%; margin-top:10px;}

.xiang_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#848484; line-height:26px; margin-top:20px; padding-bottom:30px;}





/*新闻*/

.news_tit{ width:100%; height: auto; font-size:16px; line-height:40px; color:#2d328c; position:relative; font-weight:bold; text-align: center;}

.search{ width:98%; height:35px; border:1px solid #e0e0e0; position: relative; right:0; top:5px;}

.search_text{ width:230px; height:35px; padding-left:13px; border:none; position:absolute; left:0;}

.search_btn{ width:49px; height:35px; background:#2d328c url(../image/case_05.png) no-repeat center; position:absolute; right:0px; border:none;}



.news_con{ width:100%; height: auto; overflow:hidden; background-color:#f7f8fa; margin-top:10px;}

.mobilize{ width:100%; height: auto; margin:auto; padding-top:15px; position:relative; overflow:hidden;}

.mobilize-left { position:absolute; left:1%; top:30%; z-index:1100; cursor:pointer; font-size:16px; color:#fff; font-family:"宋体"; width:34px; height:34px; background-color:#969696; text-align: center; line-height:34px;}

.mobilize-left:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.mobilize-right {position: absolute; top:30%; left:90%; right:0px; z-index:1100; cursor:pointer; font-size:16px; color:#fff; font-family:"宋体";  width:34px; height:34px; background-color:#969696; text-align: center; line-height:34px;}

.mobilize-right:hover{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.mobilize .swiper-container { width:100%; height: 100%; overflow:hidden; margin:auto;}

.mobilize .swiper-slide{ }



.mobilize .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);transform: scale(1);overflow:hidden;}

.mobilize .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1.0);transform: scale(1.0);}



.mobilize_left{ float:left; width:100%; height: auto; overflow:hidden;}

.mobilize_left img{ width:100%; height:auto; margin:auto;}



.mobilize_right{ float:right; width:100%; height:150px; position:relative; margin-top:10px;}

.mobilize_1{ width:96%; margin:auto; font-size:16px; color:#4a4a4a; font-weight:normal; min-height:24px; height:auto; overflow:hidden;}

.mobilize_2{ width:96%; margin:auto; font-size:14px; color:#929292; line-height:22px; height:66px; margin-top:10px; overflow:hidden;}

.mobilize_3{ width:96%; margin:auto; height:20px; text-align:left; line-height:20px; font-size:12px; color:#969696; position:absolute; bottom:0;}	





.news_list{ width:100%; height:auto; overflow:hidden; margin-top:15px; margin-bottom:20px;}

.news_list ul li{ width:100%; height: auto; list-style:none; margin-bottom:15px;}

.news_list ul li a{ display:block; width:94%; height:140px; padding:3%; background-color:#f7f8fa;}

.news_list ul li a:hover .news_1{color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.news_list ul li a:hover .news_3 span{ background-color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.news_1{ width:100%; font-size:16px; color:#3d3d3d; font-weight: normal; height:24px; line-height:24px; overflow:hidden; padding-top:5px;}

.news_2{ width:100%; height:46px; font-size:14px; color:#969696; line-height:23px; overflow:hidden; margin-top:10px;}

.news_3{ width:100%; font-size:14px; color:#969696; height:31px; line-height:31px; margin-top:15px;}

.news_3 span{ display:inline-block; width:90px; height:31px; background-color:#969696; text-align: center; line-height:31px; font-size:14px; color:#fff; margin-right:15px;}



/*案例*/

.case{ display:none;}

.case1{ width:100%; height:auto; overflow:hidden; margin-top:20px; display:block;}

.case1 ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px; margin-right:0px;}

.case1 ul li.case_li{ margin-right:0px;}

.case1 ul li a{ display:block; width:95%; height: auto; position:relative; margin:auto;}

.case1 ul li a:hover .case_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.case1 ul li a:hover .case_bg{ opacity:1;transition: all 0.2s ease-in;}

.case_img{ width:100%; height: auto; overflow:hidden;}

.case_img img{ width:100%; height: auto;}

.case_bg{ width:290px; height:212px; position:absolute; top:0; background-color:rgba(0,0,0,0.5); opacity:0; display:none;}



.case_con{ width:100%; height:88px; background-color:#f7f8fa;}

.case_con_1{ font-size:14px; color:#626262; width:94%; height:29px; margin:auto; line-height:29px; border-bottom:1px solid #e1e1e1;} 

.case_con_2{ width:94%; height:46px; margin:auto; font-size:12px; color:#aaaaaa; line-height:23px; overflow:hidden; margin-top:5px;}



/*施工工艺*/

.technics_mune{ width:100%; height: auto; overflow:hidden; margin-top:20px; text-align: center;}

.technics_mune a{ display:inline-block;font-size:14px; color:#525252; display:inline-block; padding:0px 15px; margin-right:5px; cursor:pointer; height:36px; text-align: center; line-height:36px; border-radius:4px; background-color:#f7f8fa;}



.technics_tit{ width:100%; height:55px; text-align: center; line-height:55px; margin-top:15px; font-size:18px; color:#464646;}

.technics_list{ width:100%; height:auto; overflow:hidden;}

.technics_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px; margin-right:0px;}

.technics_list ul li.technics_list_li{ margin-right:0px;}

.technics_list ul li a{ display:block; width:95%; margin:auto; height: auto;}



.technics_list_img{ width:100%; height: auto; overflow:hidden;} 

.technics_list_img img{ width:100%; height: auto;}



.technics_list_con{ width:100%; height:35px; line-height:35px; font-size:14px; color:#464646;}

.technics_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#464646; line-height:30px; padding-bottom:30px;}

.technics_con img{ width:100%; height:auto;}





/*配件系统*/

.parts{ width:100%; height: auto; overflow:hidden; margin-top:20px;}

.parts1{ width:100%; height: auto; overflow:hidden; margin-top:20px; display:block;}

.parts_left{ float:left; height: auto; width:100%;}

.parts_left a{ display:inline-block;font-size:14px; color:#525252; display:inline-block; padding:0px 20px; margin-right:5px; cursor:pointer; height:36px; text-align: center; line-height:36px; border-radius:4px; background-color:#f7f8fa; margin-bottom:10px;}

.parts_left a:hover{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.parts_left a.parts_left_a{ background-color:#2d328c; color:#fff;}



.parts_con{ width:100%; height:auto; overflow:hidden; text-align: center; font-size:14px; color:#3b3b3b; line-height:24px; margin-top:40px; padding-bottom:60px;}

.parts_con img{ max-width:100%;}



/*墙板列表*/

.wallboard{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

.wallboard ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:8px;}

.wallboard ul li.wallboard_li{ margin-right:0px;}

.wallboard ul li a{ display:block; width:95%; height: auto; position:relative; margin:auto;}

.wallboard ul li a:hover .wallboard_tit{ display:none;}

.wallboard ul li a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}

.wallboard_img{ width:100%; height: auto; text-align: center;}

.wallboard_img img{  height:auto;}

.wallboard_tit{ width:100%; text-align: center; font-size:14px; color:#464646; height:40px; line-height:40px; position:absolute; bottom:0;}

.wallboard_bg{ width:250px; left:15px; top:10px; height:180px; position:absolute; background-color:rgba(0,125,190,0.85); opacity:0; display:none;}



.wallboard_img1{ width:100%; height: auto; text-align: center;}

.wallboard_img1 img{ height:auto;}

.wallboard_tit1{ width:100%; text-align: center; font-size:14px; color:#464646; height:35px; line-height:35px; position:absolute; bottom:0;}

.wallboard_bg1{ width:250px; left:15px; top:10px; height:180px; position:absolute; background-color:rgba(0,125,190,0.85); opacity:0; display:none;}









/*相关推荐*/

.interfix{ width:98%; height:auto; overflow:hidden; margin:auto;}

.interfix_tit{ width:100%; text-align: center; font-size:20px; color:#505050; height:55px; line-height:55px;}

.interfix_one{ width:100%; height: auto; overflow:hidden; margin-top:20px;}

.trouble{ float:left; width:100%; height: auto; overflow:hidden;}

.trouble_tit{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.trouble_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:14px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.trouble_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}



.trouble_list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}

.trouble_list ul li{ width:100%; height:30px; list-style:none;}

.trouble_list ul li a{ display:block; width: auto; height:30px; padding-left:15px; background:url(../image/list_21.jpg) no-repeat left; font-size:14px; color:#464646; line-height:30px; cursor:pointer;}

.trouble_list ul li a:hover{ color:#2d328c;transition: all 0.2s ease-in;}



.nozzle{ float: left; width:100%; height: auto; overflow:hidden; margin-left:0; margin-top:20px;}

.nozzle_tit{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.nozzle_tit1{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.nozzle_tit1 a{ display:inline-block; float:right; width:50px; height:20px; margin-top:14px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.nozzle_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:14px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.nozzle_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con{ width:100%; height: auto; overflow:hidden; margin-top:15px;}

.nozzle_con a{ display:block; width:100%; height: auto;}

.nozzle_con a:hover .nozzle_con_2{ color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con a:hover .nozzle_con_4 span{ background-color:#2d328c;transition: all 0.2s ease-in;}

.nozzle_con_1{ width:100%; height: auto;}

.nozzle_con_1 img{ width:100%; height:auto;}

.nozzle_con_2{ width:100%; font-size:18px; color:#343434; height:50px; line-height:50px; padding-top:5px; display:none;}

.nozzle_con_3{ width:100%; height:104px; overflow:hidden; font-size:14px; color:#979797; line-height:26px; margin-top:10px;}

.nozzle_con_4{ width:100%; height:20px; margin:auto; margin-top:30px;}



.advantage{ float:right; width:100%; height: auto; overflow:hidden; margin-top:20px;}

.advantage_tit{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.advantage_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:14px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.advantage_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.advantage_img{ width:100%; height: auto; overflow:hidden; margin-top:15px;}

.advantage_img img{ width:100%; height:auto;}



.advantage_con{ width:100%; height: auto; overflow:hidden; margin-top:15px; padding-bottom:25px;}

.advantage_left{ float:left; border-right:none; width:100%; height:40px; display:none;}

.advantage_left_1{ width:100px; font-size:18px; color:#2d328c; display:none;}

.advantage_left_2{ width:100px; font-size:16px; color:#454545; display:none;}

.advantage_right{ float:right; height:40px; width:100%;}

.advantage_right a{ font-size:14px; color:#404040; line-height:23px; margin:0px 10px; margin-left:0px; display:inline-block;cursor:pointer;}

.advantage_right a:hover{ color:#2d328c;transition: all 0.2s ease-in;}





/*房屋列表*/









.fang_tit{ width:100%; font-size:16px; color:#343434; border-bottom:2px solid #eeeeee; height:40px; line-height:40px; margin-top:10px;}

.wu_tit{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.wu_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:14px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.wu_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}



/*发展历程*/

.course{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}

.course_top{ width:100%; background:none; height:0px; margin-top:10px; overflow:hidden;}

.course_con{ width:100%; height:auto; overflow:hidden; background:none; padding-bottom:40px;}

.course_1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.course_1_left{ float:left; font-size:16px; color:#2d328c; width:60px; height:26px; line-height:26px; font-weight:bold;}

.course_1_right{ float:right; background:none; padding-left:0px; height: auto; width:100%;}

.course_nian{ width:100%; font-size:16px; color:#2d328c; height:26px;}

.course_nian span{ background:url(../image/course_12.jpg) no-repeat right; padding-right:15px;}

.course_nei{ width:96%; height:auto; overflow:hidden; font-size:14px; color:#434343; line-height:26px; background-color:#f9f9f9; border-bottom:2px solid #f0f0f0; margin-top:5px; padding:10px 2%;}



/*房屋详情*/

.house{ display:none;}



.house1{ display:block; width:100%; height: auto; overflow:hidden; margin-top:30px; position:relative;}

.house1-left { position:absolute; left:0px; top:30%; z-index:10; cursor:pointer; font-size:24px; color:#fff; font-family:"宋体"; width:30px; height:50px; background-color:rgba(255,255,255,0); text-align: center; line-height:50px;}

.house1-left:hover{ background-color:rgba(255,255,255,0);-webkit-transition: all 0.4s ease-in-out;}

.house1-right {position: absolute; top:30%; right:0px; z-index:10; cursor:pointer; font-size:24px; color:#fff; font-family:"宋体";  width:30px; height:50px; background-color:rgba(255,255,255,0); text-align: center; line-height:50px;}

.house1-right:hover{ background-color:rgba(255,255,255,0);-webkit-transition: all 0.4s ease-in-out;}

.house1 .swiper-container { width:100%; height: 100%; overflow:hidden; margin:auto;}

.house1 .swiper-slide{ overflow:hidden;}

.house_1{ width:100%; height: auto; overflow:hidden; margin:auto;}

.house_1 a{ display:block; width:95%; margin:auto; height: auto;position:relative;}

.house_1 a:hover .wallboard_tit{ display:none;}

.house_1 a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}



.house_biao{width:100%; font-size:16px; color:#343434; border-bottom:2px solid #eeeeee; height:45px; line-height:45px; margin-top:30px;}

.house_xiang{ width:100%; height:auto; overflow:hidden; margin-top:35px;}

.house_xiang_1{ width:100%; text-align:center; font-size:18px; color:#434343; height:40px; line-height:40px; text-align: center;}

.house_xiang_2{ width:100%; text-align:center; font-size:14px; color:#a3a3a3; height:40px; line-height:20px;}

.house_xiang_3{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:14px; color:#666; line-height:30px; padding-bottom:20px;}

.house_xiang_3 img{ max-width:100%;}

.house_tit{ width:100%; text-align: center; font-size:16px; color:#434343; height:50px; line-height:50px;}



.trouble1{ float:right; width:100%; height: auto; overflow:hidden; margin-bottom:30px;}

.advantage1{ float:left; width:100%; height: auto; overflow:hidden; margin-left:0px;}

.related{ float:left; width:100%; height: auto; overflow:hidden;}

.related_tit{ width:100%; font-size:18px; color:#434343; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:46px; line-height:46px;}

.related_tit a{ display:inline-block; float:right; width:50px; height:20px; margin-top:13px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.related_tit a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}



.related_list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}

.related_list ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:25px;}





.related_left{ float:left; width:165px; height:110px; overflow:hidden;}

.related_left img{ width:165px; height:110px;}

.related_right{ float:right; width:160px; height:110px;}

.related_right_1{ width:100%; font-size:16px; color:#404040; height:21px; overflow:hidden;}

.related_right_2{ width:100%; height:57px; font-size:12px; color:#a5a5a5; line-height:19px; overflow:hidden; margin-top:10px;}



/*墙板详情*/

.chance_con{ width:100%; height: auto; overflow:hidden; font-size:14px; color:#3b3b3b; line-height:24px; border-top:3px solid #eff0f3; margin-top:20px; padding-top:30px; padding-bottom:10px;}

.chance_xing{ width:96%; font-size:18px; color:#333333; height:46px; background-color:#eff0f3; padding:0px 2%; line-height:46px;}

.chance_list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

.chance_list ul li{ float:left; width:50%; height: auto; overflow: hidden; list-style:none; margin-right:0px; margin-bottom:8px;}

.chance_list ul li.chance_list_li{ margin-right:0px;}

.chance_list ul li a{ display:block; width:95%; margin:auto; height: auto; position:relative;}

.chance_list ul li a:hover .wallboard_tit{ color:#2d328c;transition: all 0.2s ease-in;}



/*联系我们*/

.contact{ width:98%; height:auto; overflow:hidden; margin:auto;}

.contact_tit{ width:100%; height:60px; text-align: center; line-height:60px; font-size:20px; color:#505050;}

.contact_con{ width:100%; height:auto; overflow:hidden; margin-top:0px; margin-bottom:40px;}

.contact_left{ float:left; width:100%; height:auto; overflow:hidden;}

.contact_1{ width:100%; font-size:18px; color:#505050; height:45px; line-height:45px;}

.contact_2{ width:100%; height:30px; margin-top:10px;}

.contact_2 span{ display:block; width:95px; height:30px; background-color:#2d328c; border-radius:4px; text-align: center; line-height:30px; font-size:14px; color:#fff;}

.contact_3{ width:100%; height:auto; font-size:14px; color:#505050; line-height:28px; margin-top:20px;}

.contact_right{ display:none;}



.contact_right1{ float:right; width:100%; height: auto; overflow:hidden; border:none; margin-top:10px; display:block;}

.contact_right1 img{ max-width:100%; height:auto;}

.contact_gong{ width:100%; text-align: center; height:155px; display: block;}

.contact_er{ float:left; display:inline-block; width:33%; height:155px; margin:0px 0px;}

.contact_er_img{ width:110px; height:auto; text-align:center;}

.contact_er_tit{ width:110px; height:27px; text-align: center; line-height:27px; font-size:12px; color:#333;}



/*案例详情*/

.detail{ width:98%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}

.detail_tit { width: 100%; height: auto;  font-size:18px; line-height:37px;  color: #505050; position: relative;}

.detail_parts{width:100%; height: auto; overflow:hidden; margin-top:25px;}



.detail_biao{ width:100%; text-align: center; font-size:16px; color:#464646; height:50px; line-height:50px; margin-top:15px;}

.detail_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#464646; line-height:28px;  padding-bottom:20px;}

.detail_con img{ width:100%; height:auto;}



.detail_list{ width:100%; height:auto; overflow:hidden;}

.detail_list ul li{ float:left; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:15px;}

.detail_list ul li.detail_list_li{ margin-right:0px;}

.detail_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;}

.detail_list_1{ width:100%; height: auto; overflow:hidden;}

.detail_list_1 img{ width:100%; height:auto;}

.detail_list_2{ width:100%; height:42px; line-height:42px; font-size:16px; color:#626262;}

.detail_biao1{ width:100%; text-align: center; font-size:16px; color:#464646; height:50px; line-height:50px;}

.process{ width:100%; height: auto; overflow:hidden;}

.process ul li{ float: left; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:20px;}

.process ul li.process_li{ margin-right:0px;}

.process_img{ width:100%; height: auto; overflow:hidden;}

.process_img img{ width:100%; height:auto;}

.process_con{ width:100%; text-align:center; font-size:14px; color:#464646; text-align: center; line-height:28px; height:84px; overflow:hidden; margin-top:10px;}



.goods{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

.goods_tit{ width:100%; font-size:18px; color:#464646; text-align: center; height:45px; line-height:45px; border-top:1px solid #e8e6e6; margin-top:10px;}

.goods_con{ width:100%; height:auto; overflow:hidden; margin-top:10px; text-align: left; margin-bottom:40px;}

.goods_con a{ display:block; float:left; width:47.5%; height: auto; overflow:hidden; position:relative; margin:0px 0px; margin-bottom:5px;}

.goods_con a:hover .wallboard_tit{ display:none;}

.goods_con a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}



/*合作共赢*/

.work{ width:98%; height: auto; overflow:hidden; margin:auto; margin-top:20px;}

.work_left{ float:left; width:100%; height: auto; overflow:hidden;}

.work_left img{ width:100%; height:auto;}



.work_right{ float:right; width:100%; height: auto; overflow:hidden; margin-top:10px;}

.work_1{ width:100%; font-size:18px; line-height:35px; color:#505050; height:35px;}

.work_2{ width:100%; height: auto; overflow:hidden; font-size:14px; color:#505050; line-height:28px; margin-top:10px;}



.flow{ width:98%; height:auto; overflow:hidden; margin:auto; margin-top:25px;}

.flow_tit{ width:100%; font-size:18px; color:#505050;  text-align: center; height:60px; line-height:60px;}

.flow_con{ width:100%; height:auto; overflow:hidden; background:none; padding:10px 0px; margin-bottom:30px;}

.flow_lang{ width:100%; height: auto; overflow:hidden;}

.flow_1{ width:100%; height:70px; float:right;}

.flow_1_left{ float:left; width:23px; height:70px; display:none;}

.flow_1_left img{ padding-top:10px;}

.flow_1_right{ float:right; width:96%; height:59px; background-color:#f5f5f5; border-bottom:5px solid #e0e0e0; border-radius:5px; padding:0px 2%;}

.one_left{ float:left; width:90%; height:59px;}

.one_left_1{ width:100%; font-size:16px; color:#2d328c; overflow:hidden; height:21px; padding-top:10px;}

.one_left_2{ width:100%; overflow:hidden; font-size:12px; color:#757575; height:24px; line-height:24px;}

.one_right{ float:right; height:59px; font-size:44px; line-height:60px; color:#2d328c; opacity:0.42; font-family:"宋体"; font-style:italic; font-weight:bold;}



.flow_2{ width:100%; height:70px;}

.flow_2_right{ float:right; width:23px; height:70px; display:none;}

.flow_2_right img{ padding-top:10px;}

.flow_2_left{ float:left; width:96%; height:59px; background-color:#f5f5f5; border-bottom:5px solid #e0e0e0; border-radius:5px; padding:0px 2%;}

.two_left{ float:left; height:59px; font-size:44px; line-height:60px; color:#2d328c; opacity:0.42; font-family:"宋体"; font-style:italic; font-weight:bold;}

.two_right{ float:right; width:90%; height:59px;}

.two_right_1{ width:100%; font-size:16px; color:#2d328c; overflow:hidden; height:21px; padding-top:10px; text-align:right;}

.two_right_2{ width:100%; overflow:hidden; font-size:12px; color:#757575; height:24px; line-height:24px; text-align:right;}



.domain_warp{ width:100%; height: auto; overflow:hidden; background-color:#f5f5f5;}

.domain{ width:98%; height: auto; overflow:hidden; padding-top:45px; margin:auto;}

.domain_left{ float:left; width:100%; height: auto; overflow:hidden;}

.domain_left img{ width:100%; height:auto;}

.domain_right{ float:right; width:100%; height: auto; overflow:hidden;}

.domain_1{ width:100%; font-size:20px; color:#434343; height:30px; padding-top:20px;}

.domain_2{ width:100%; font-size:14px; color:#aaaaaa; height:24px; line-height:24px;}

.domain_3{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#3b3b3b; line-height:28px; margin-top:20px; font-style:italic;}



/*banner*/

.big{ width:100%; height:180px; margin:auto;position:relative; overflow:hidden;}

.big-left { position:absolute; left:5%; top:45%; z-index:1100; cursor:pointer; font-size:34px; color:#000; opacity:0.5; font-family:"宋体"; display:none;}

.big-left:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.big-right {position: absolute; top:45%; right:5%; z-index:1100; cursor:pointer; font-size:34px; color:#000; opacity:0.5; font-family:"宋体"; display:none;}

.big-right:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}

.big .swiper-slide{ overflow:hidden; text-align: center;}

.big_div{ width:100%; height:180px;} 

.big .pagination1{ position:relative; bottom:25px; width: 100%; z-index:10; text-align:center;}

.big .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 8px; cursor: pointer; opacity: 1; background-color:#fff; border-radius:100px;}

.big .swiper-pagination-bullet-active{ background-color:#2d328c;}



/*北海建材*/

.build{ width:98%; height:auto; overflow:hidden; margin:auto;}

.build_tit{ width:100%; text-align: center; font-size:16px; color:#434343; height:30px; padding-top:20px; line-height:30px;}

.build_con{ width:100%; text-align:center; font-size:14px; color:#a3a3a3; height:40px; line-height:22px;}

.build_list{ width:100%; height: auto; overflow:hidden; margin-top:10px;}

.build_list ul li{ float:left; width:25%; height:90px; list-style:none;}

.build_list ul li a{ display:block; width:100%; height:90px; cursor:pointer;}

.build_list ul li a:hover .build_list_2{ color:#2d328c;transition: all 0.2s ease-in;}

.build_list_1{ width:100%; height:45px; text-align: center;}

.build_list_1 img{ height:45px;}

.build_list_2{ width:100%; text-align: center; font-size:14px; color:#2b2b2b; height:25px; line-height:25px; margin-top:5px;}

.build_list_3{ width:100%; text-align: center; font-size:12px; color:#8b8b8b; height:19px; line-height:19px; display:none;}


.ad1{ width:100%; height: auto; overflow:hidden; margin:auto;}
.ad1_cont{ width:100%; height: auto;}
.ad1_cont img{ width:100%;}

/**/
.xz{
	width:100%  ;
	height:auto;
	overflow: hidden;
}
.xzCont{
	width:100%;
	height: auto;
    overflow: hidden;
    margin: auto;
}
.xz ul {
	width:100%;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top:30px;
}
.xz ul li{
	width:50%;
	float:left;
	height:10%;
	list-style: none;
	box-sizing: border-box;
	padding:2px;
}
.xz ul li:nth-child(2){
	float:right;
}
.xz ul li img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl{
	width:100%;
	height:100%;
}
.xz ul li dl dt{
	width:100%;
	height:50%;
	box-sizing: border-box;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 2px;
}
.xz ul li dl dt img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl  dd{
	width:50%;
	height:50%;
	float:left;
	box-sizing: border-box;
	padding:2px;
	padding-bottom: 0px;
}
.xz ul li dl  dd img{
	display: block;
	width:100%;
	height:100%;
}
.datum_warp{ width:100%; background:#f9f9f9; height: auto; overflow:hidden;}

.datum{ width:100%; height: auto; overflow:hidden; margin:auto;}

.datum_nei{ width:100%; text-align:center; font-size:14px; color:#a3a3a3; height: auto; line-height:20px; padding-bottom:15px; margin-top:10px; background:url(../image/index_22.jpg) no-repeat center bottom;}

.datum_mune{ width:100%; height:32px; text-align: center; margin-top:20px;}

.datum_mune a{ display:inline-table; font-size:14px; color:#454545; border:1px solid #2d328c; border-radius:20px; width: auto; padding:0px 10px; height:28px; text-align: center; line-height:28px; margin:0px 10px; cursor:pointer;}

.datum_mune a:hover{ background-color:#2d328c; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.datum_mune a.datum_mune_a{background-color:#2d328c; color:#fff;}

.datum_con{ width:100%; height:auto;  margin-top:20px; display:none;}

.datum_list{ width:100%; height:auto; }

.datum_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:8px;}

.datum_list ul li.datum_list_li{ margin-right:0px;}

.datum_list ul li a{ display:block; width:96%; height: auto; margin:auto; position:relative;}

.datum_list ul li a:hover .wallboard_tit{ display:none;}

.datum_list ul li a:hover .wallboard_bg{ opacity:1;transition: all 0.2s ease-in;}



.zhuan_warp{ width:100%; height: auto; overflow:hidden; background:#364b8a; padding-bottom:10px;}

.zhuan{ width:98%; height: auto; overflow:hidden; margin:auto;}

.zhuan_tit { width:100%; text-align: center; font-size:18px; color: #fff; height:30px; line-height:30px; padding-top:20px;}

.zhuan_nei { width:100%; text-align: center; font-size: 14px; color: #fff; height: auto; overflow:hidden; line-height:20px; padding-top:10px; padding-bottom:15px; background: url(../image/result_03.png) no-repeat center bottom; opacity:0.5;}





.zhuan_list{ width:100%; height: 200px; overflow:hidden; margin-top:15px;}

.zhuan_list ul li{ float:left; width:50%; height: 200px; overflow:hidden; list-style:none; position:relative;}

.zhuan_list_1{ width:100%; height:200px; overflow:hidden; position:relative; margin:auto; z-index:9;}



.zhuan_list_1 a{ display:block; width:100%; height:393px; }

.zhuan_con{ width:600px; height:600px; position:absolute; top:0; display:none;}





.zhuan_kong{ width:100%; height:0px; display:none;}

.zhuan_list_1{ display:block; width:100%; position: relative; }

.zhuan_list_1 a{ display:block; width:100%; height:200px; position:relative;}

.zhuan_img{ width:140px; height:140px; /*border:5px solid #9ba3bd;*/ border-radius:100%; margin:auto;}

.zhuan_img img{ width:140px; height:140px;}

.zhuan_bg{ width:100%; background:url(../image/achieve_08.png) no-repeat center; height:339px; position:absolute; top:120px; opacity:0; display:none;}

.zhuan_list_tit{ width:100%; height:50px; line-height:50px; text-align: center; font-size:14px; color:#fff; margin-bottom:10px;}



.zhuan_phone{ width:100%; height:auto; overflow:hidden; display:none;}

.economy_tit{ width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align: center; padding-top:20px;}

.economy_list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}

.economy_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; position:relative;}

.economy_list ul li a{ display:block; width:100%; height:auto; overflow:hidden;}



.zhuan_1_1{ width:86px; height:86px; border-radius:100%; position:relative; z-index:9; margin:auto;}

.zhuan_1_1 img{ width:86px; height:86px;}

.zhuan_1_2{ width:100%; text-align:center; font-size:14px; color:#fff; height:40px; line-height:40px; margin-bottom:10px;}





/*您是业主*/

.owner_warp{ width:100%; background-color:#f6f6f6; height: auto; overflow:hidden;}

.owner{ width:98%; height: auto; overflow:hidden; margin:auto;}



.owner_all{ display:none;}

.owner_all1{ display:block; width:100%; height:auto; margin-top:20px; position:relative;}



.pc-banner {width: 100%; height:auto; overflow:hidden;}

.lunbo{width: 100%;margin:auto; position:relative;}

.lunbo .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);transform: scale(1);}

.lunbo .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}





.case_img1{ width:290px; height:212px;}











.owner_list1{ width:100%; height: auto; overflow:hidden;}

.owner-left1 { position:absolute; left:38%; top:232px; z-index:1100; cursor:pointer; font-size:22px; color:#7a7a7a;font-family:"宋体";}

.owner-left1:hover{ color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.owner-right1 {position: absolute; top:232px; right:38%; z-index:1100; cursor:pointer; font-size:22px; color:#7a7a7a;font-family:"宋体";}

.owner-right1:hover{ color:#2d328c;-webkit-transition: all 0.4s ease-in-out;}

.owner_list1 .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}

.owner_list1 .swiper-slide{ overflow:hidden;}





.owner_1{ width:95%; height: auto; overflow:hidden; margin:auto;}

.owner_1 a{ display:block; width:100%; height: auto; background-color:#fff; position:relative;}



.case_con1 { width: 100%; height:80px; background-color: #fff; padding-bottom:10px;}

.owner_more{ width:100%; height:16px; text-align: center; margin-bottom:25px;}

.owner_more a{ display:block; width:100%; height:16px; cursor:pointer; margin-top:25px;}



.xz .more_xz{ width:100%; height:40px; text-align: center; margin-bottom:25px;}

.xz .more_xz a {
    cursor: pointer;
    display: block;
    height: 16px;
    
	border: 2px solid #2d328c;
    border-radius: 20px;
    color: #454545;
    cursor: pointer;
    display: inline-table;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 0 10px;
    text-align: center;
    width: 90px
}


/*three*/

.three{ width:98%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}

.dynamic{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:15px;}

.dynamic_tit{width:100%; font-size:18px; color:#333333; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:48px; line-height:48px; }

.dynamic_more{ width:50px; height:20px; margin-top:0px; margin-bottom:20px; position:absolute; top:15px; right:0;}

.dynamic_more a{ display:inline-block; width:50px; height:20px; background-color:#929292; text-align: center; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.dynamic_more a:hover{ background-color:#2d328c;transition: all 0.2s ease-in;}

.industry{ float:left; width:100%; height:auto; overflow:hidden; margin-left:0px; position:relative; margin-bottom:15px;}

.industry_tit{width:100%; font-size:18px; color:#333333; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:48px; line-height:48px; }

.problem{ float:right; width:100%; height:auto; position:relative;}

.problem_tit{width:100%; font-size:18px; color:#333333; background:none; padding-left:0px; border-bottom:1px solid #dcdcdc; height:48px; line-height:48px; }



/*漂浮*/

.showy{ width:68px; height: auto; overflow:hidden; position:fixed; top:30%; z-index:999; right:0px; display:none;}

.side{ display:none;}

.piao{ display:block;width: 100%; height:47px;}

.showy_warp { width: 100%; height: 47px; background-color:#353990;  position: fixed; bottom: 0; z-index: 9999999;}

.showy_1{ float:left;  width:25%; height:47px; position:relative;} 

.showy_1 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; background:url(../image/hui_13.jpg) no-repeat right; position:relative; z-index:99;}



.showy_2{ float:left;  width:25%; height:47px; position:relative;} 

.showy_2 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; position:relative; z-index:99;}

.showy_3{ float:left;  width:100%; height:47px; position:relative;} 

.showy_3 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; position:relative; z-index:99;}



.showy_4{ float:left;  width:50%; height:47px; position:relative;} 

.showy_4 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; background:url(../image/hui_13.jpg) no-repeat right; position:relative; z-index:99;}

.showy_5{ float:left;  width:50%; height:47px; position:relative;} 

.showy_5 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; position:relative; z-index:99;}



.showy_6{ float:left;  width:33%; height:47px; position:relative;} 

.showy_6 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; background:url(../image/hui_13.jpg) no-repeat right; position:relative; z-index:99;}

.showy_7{ float:left;  width:33%; height:47px; position:relative;} 

.showy_7 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; background:url(../image/hui_13.jpg) no-repeat right; position:relative; z-index:99;}

.showy_8{ float:left;  width:33%; height:47px; position:relative;} 

.showy_8 a{ display: block; width:100%; text-align: center; line-height:47px; font-size:14px; color:#fff; position:relative; z-index:99;}







.showy_1_warp{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:47px; background-color:#fff; display:none;}

.showy_1_warp a{ display:block; background:none; font-size:12px; color:#000; height:30px; line-height:30px;}



.wei1{ width:100%; height:auto;  margin:auto; position:relative; }

.wei2{ width:100%; height:auto;  margin:auto; position:relative; }

.wei3{ width:100%; height:auto;  margin:auto; position:relative; }

.wei4{ width:100%; height:auto;  margin:auto; position:relative; }

.ding1{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top:-80px;}

.ding2{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -80px;}

.ding3{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -80px;}

.ding4{     width: 100%;

    height: 10px;

    overflow: hidden;



    position: absolute;

    top: -80px;}

	

.four{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}

.four_logo{ width:100%; height:69px; text-align: center;}

.four_logo img{ cursor:pointer; padding-top:5px; height:59px;}

.four_img{ width:100%; height:auto; overflow:hidden; text-align: center; margin-top:25px;}

.four_img img{ max-width:100%;}

.four_fan{ width:100%; height:44px; text-align: center; margin-top:40px;}

.four_fan img{ max-width:100%;}

.four_foot{ width:100%; font-size:15px; color:#414141; height: auto; overflow:hidden; line-height:30px; text-align: center; position: relative; bottom:0; margin-top:30px; margin-bottom:20px;}

.four_foot a{ display:block; float:left; width:25%; font-size:14px; color:#262b9e; cursor:pointer; padding:0px 0px;}

.four_foot span{ display:inline-block; width:100%; text-align:left;}



}
@media screen and (max-width: 768px) {
   .xz{
	width:100%  ;
	height:auto;
	overflow: hidden;
}
.xzCont{
	width:100%;
	height: auto;
    overflow: hidden;
    margin: auto;
}
.xz ul {
	width:100%;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top:30px;
}
.xz ul li{
	width:100%;
	height:10%;
	list-style: none;
	box-sizing: border-box;
	padding:2px;
}
.xz ul li:nth-child(2){
	float:right;
}
.xz ul li img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl{
	width:100%;
	height:100%;
}
.xz ul li dl dt{
	width:100%;
	height:50%;
	box-sizing: border-box;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 2px;
}
.xz ul li dl dt img{
	display: block;
	width:100%;
	height:100%;
}
.xz ul li dl  dd{
	width:50%;
	height:50%;
	float:left;
	box-sizing: border-box;
	padding:2px;
	padding-bottom: 0px;
}
.xz ul li dl  dd img{
	display: block;
	width:100%;
	height:100%;
}
}