*{ margin: 0; padding: 0; } body{ min-width: 1200px; font-family: "寰蒋闆呴粦"; } a{ text-decoration: none; color: black; } li{ list-style: none; } img{ border: none; } input{ outline: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix{zoom:1;} .color_style{ color: #a6754a; } .color_gry{ color: #999999; } .nav{ width: 100%; height: 90px; background: url(../img/nav_bg.jpg); position: absolute; top: 0; z-index: 999; } .nav_list{ width: 1200px; height: 90px; margin: auto; } .nav_list1{ float: left; display: inline; } .nav_list2{ float: left; margin-left: 45px; } .nav_list2 div{ float: left; min-width: 80px; height: 90px; margin-left: 35px; text-align: center; } .nav_list2 div a{ display: block; height: 100%; width: 100%; color: #a16e41; font-size: 16px; line-height: 90px; } .nav_list2 div strong{ display: none; } .nav_list2 div a:hover span{ display: none; } .nav_list2 div a:hover strong{ display: block; } .nav_list2 div:hover{ height: 88px; border-bottom: 2px solid #866240; } .nav_list3{ float: right; padding-top:33px ; } /**+html .nav_list3{ padding-top:13px ; }*/ .nav_list3 .seach{ float: left; } .nav_list3 .weibo{ float: left; margin-left: 32px; } .nav_list3 .weixin{ float: right; } .seach{ padding-top: 2px; cursor: pointer; } .bdshare-button-style0-16 a.bds_tsina{ width: 24px!important; height: 28px!important; display: block; background-image: url(../img/weibo.png)!important; padding: 0!important; margin: 0!important; margin-top: 1px!important; margin-right: 12px!important; float: right; } .bdshare-button-style0-16 a.bds_weixin{ width: 24px!important; height: 28px!important; display: block; background-image: url(../img/weixin.png)!important; padding: 0!important; margin: 0!important; margin-top: 1px!important; float: right!important; } .bdshare-button-style0-16 .bds_tsina{ background-position: 0 0!important; } .bdshare-button-style0-16 .bds_weixin{ background-position: 0 0!important; } .input_bs{ border:1px solid #B7804E ; border-radius:4px; background: #fdf9eb; width: 160px; height: 30px; -webkit-border-radius: 4px; -moz-border-radiu:4px; -ms-border-radius:4px; position: absolute; top: 29px; right:100px ; font-family: "寰蒋闆呴粦"; font-size: 14px; display: none; } .input_bs input{ padding-left: 10px; margin-top: 5px; width: 110px; height: 20px; border:none; background: none; outline: none; } .subs{ width: 28px; padding-top: 5px; position: absolute; right: 105px; top: 35px; } /*杞挱鏍峰紡*/ .banner{ width:100%;position:relative;z-index:0; overflow: hidden; } .banner_bg{ position: relative; z-index: 20; } .banner_bg ul{ display:block ; width: 100%!important; position: relative; } .banner_bg li{ background-size: cover; height: 710px; width: 100%!important; position: relative; } .banner_bg li .block{ position: absolute; left:0; top:0; width: 100%; height:100%; z-index: 20; } .banner_index{ position: absolute; left: 50%; bottom:30px ; color: transparent; margin-left: -91px; z-index: 2; zoom: 1; z-index: 33; } .banner_index ul{ display: block; } .banner_index li{ height: 2px; width: 54px; background: #fff; float: left; margin-left: 10px; cursor: pointer; position: relative; } .banner_index li.on{ background:#866240 ; } .banner_word{ position: absolute; top:263px; left:50% ; margin-left: -600px; color: #FFFFFF; z-index: 33; } .banner_word h3{ font-size: 42px; line-height: 1; font-weight: 600; } .banner_word .line{ height: 3px; width:80px; background: #FFFFFF; margin-top: 36px; margin-bottom: 40px; } .banner_word .banner_p1,.banner_word .banner_p2{ font-size: 28px; line-height: 1; margin-bottom: 20px; } .banner_detaile{ height: 36px; width: 126px; border: 2px solid #FFFFFF; font-size: 18px; margin-top: 60px; } .banner_detaile span{ line-height: 36px; display: block; } .banner_detaile .add{ font-size: 32px; margin-left: 14px; width: 20px; float: left; } .banner_detaile .info{ float: right; width: 90px; } .content_list{ width: 100%; background: url(../img/content_bg.jpg); height: 360px; padding-top: 61px; } .content_list ul{ width: 1200px; margin: auto; } .content_list ul li{ float: left; width: 224px; height: 302px; background: #FFFFFF; text-align: center; margin-left: 20px; position: relative; } .line_1{ width: 280px; height: 368px; position: absolute; left: -28px; top: -34px; box-shadow:2px 2px 2px #888; background: #bb8454; background: -moz-linear-gradient(bottom, #a26c3c 0%, #cd9c71 100%); background: -webkit-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -o-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -ms-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); color: #FFFFFF; opacity: 0; filter:alpha(opacity=0) ; } .content_list ul li:hover .line_1{ z-index: 2; opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; } .content_list ul li:first-child{ margin-left: 0; } .content_list ul .li h3{ /*font-family:"寰蒋闆呴粦";*/ font-size: 16px; line-height: 1; padding-top: 36px; margin-bottom:10px ; color: #444; font-weight: 600; } .content_list ul .line_1 h3{ color: #FFFFFF; } .content_list ul .li p{ color: #a9a9a9; font-size: 14px; line-height: 1; font-family: "瀹嬩綋"; } .content_list ul .line_1 p{ color: #FFFFFF; font-family: "瀹嬩綋"; } .content_list ul .line_1 .content_list_infor{ width: 218px; margin: auto; color: rgba(255,255,255); color: rgba(255,255,255,0.8); font-size: 12px; line-height: 22px; margin-top:12px ; } .content_list ul .li div{ height: 1px; width: 60px; border: 1px solid #ddd; margin: 10px auto; } .content_list ul .line_1 div{ border: 1px solid #fff; } .content_list ul .li img{ width:195px; height:160px ; } .content_list ul .line_1 .content_yemei{ /*background: url(../img/content_yemei.png) no-repeat center;*/ background: url(../img/content_yemei.png) no-repeat center; border: none; width: 182px; height: 32px; font-size: 14px; line-height: 32px; position: absolute; bottom:8px ; left: 50%; margin: 0; margin-left: -91px; z-index: 2; } .company{ padding-top: 71px; width: 1200px; margin: auto; padding-bottom: 76px; font-family: "寰蒋闆呴粦"; } .company_left{ width: 755px; border: 1px solid #eee; float: left; } .company_right{ float: right; width: 405px; } .company_title{ float: left; } .company_title li{ width: 178px; height: 140px; background:#d0d0d0; text-align: center; margin-bottom: 1px; cursor: pointer; position: relative; } .company_infors{ padding-top: 20px; padding-bottom: 30px; } .company_infors a{ color:#808080 ; display: block; } .company_infors:hover a{ color: #A6754A; } .company_title li.culture{ margin-bottom: 0; } .company_title li img{ padding-top: 25px; } .company_title li p{ font-size: 18px; line-height: 30px; font-weight: bold; color: #FFFFFF; font-family: "瀹嬩綋"; } .company_title li .english{ font-size: 14px; font-family: "瀹嬩綋"; line-height: 1.1; color: (255,255,255); color: rgba(255,255,255,0.8); } .company_title li:hover{ background:#bb8454 ; background: -moz-linear-gradient(bottom, #a26c3c 0%, #cd9c71 100%); background: -webkit-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -o-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -ms-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); } .company_title li:hover .right_sanjiao{ display: block; } .right_sanjiao{ width: 10px; height: 23px; background: url(../img/hidden_sanjiao.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -11.5px; margin-right: -10px; display: none; } .company_title .left_controll{ background:#bb8454 ; background: -moz-linear-gradient(bottom, #a26c3c 0%, #cd9c71 100%); background: -webkit-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -o-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: -ms-linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); background: linear-gradient(bottom, #a26c3c 0%,#cd9c71 100%); } .left_controll .right_sanjiao { display: block; } .company_infor{ float: right; } .company_infor li{ width: 500px; border-bottom: 1px dashed #EEEEEE; cursor: pointer; } .company_infor li.company_li .company_ti{ height: 60px; line-height: 60px; font-size: 14px; color: #808080; float: left; margin-left: 10px; } .circle{ width: 6px; height: 6px; border: 1px solid #808080; float: left; border-radius: 50%; margin-top: 27px; } .date{ color:#a8a8a8; float: right; font-size: 12px; margin-top: 23px; } .company_infor li.company_li_last{ border: none; } .color_controll{ color:#866240; } .company_infor li:first-child h4{ font-size: 14px; padding-top: 22px; margin-bottom: 16px; } .company_infor li:first-child p{ font-size: 12px; line-height: 22px; padding-bottom: 13px; } .company_right h2{ line-height: 20px; font-size: 21px; margin-bottom: 24px; padding-left: 16px; border-left:4px solid #866240 ; color: #444444; } .company_infor li:hover{ color:#b7804e; } .company_infor li.company_li:hover .company_ti{ color:#b7804e; } .company_infor li.company_li:hover .date{ color:#b7804e; } .company_right .video{ height: 246px; } .company_infor{ font-size: 12px; line-height: 20px; /*margin-top:20px ;*/ color:#808080 ; /*margin-bottom: 35px;*/ margin-right: 40px; } .info_list{ font-size: 14px; color: #808080; } .info_list a{ color: #808080; } .info_list li:hover a{ color: #A6754A; } .info_list li{ float: left; margin-left: 25px; } .info_list li:first-child{ margin-left: 0; } .info_list li .circle{ margin-top: 6px; } .info_list li div{ float: left; } .info_word{ margin-left: 8px; } .case{ height: 584px; background: url(../img/content_bg.jpg); font-family: "寰蒋闆呴粦"; } .case_center{ width: 1200px; margin: auto; } .case_title{ position: relative; height: 102px; } .case_title h3{ font-size: 20px; position: absolute; top: 52px; left: 0; font-family: "寰蒋闆呴粦"; color: #444444; } .view_more{ display: block; position: absolute; top:60px ; right: 0; } .view_more span{ display: block; float: left; margin-left:18px; font-size: 12px; color:#b98251; } .view_more span:first-child{ height: 14px; } .culture_bd ul li{ float: left; margin: 0 10px; } .culture_bd .tempWrap{ width: 1200px!important; } .culture_bd ul li div{ width: 246px; height: 348px; padding: 20px; padding-bottom: 0; border: 1px solid #e8e8e8; background: #FFFFFF; float: left; margin-left:16px; } .culture_bd ul li div:first-child{ margin-left: 0; } .culture_bd ul li div img{ width:245px ; height:190px; } .culture_bd ul li div h4{ font-size: 14px; font-family: "寰蒋闆呴粦"; padding-top: 27px; padding-bottom: 15px; border-bottom: 1px dashed #eee; color: #444444; line-height: 1; } .culture_bd ul li div p{ font-size: 12px; line-height: 23px; margin-top:12px ; color:#808080 ; } .culture_bd ul li div:hover{ background: #b98251; } .culture_bd ul li div:hover h4{ color: #FFFFFF; } .culture_bd ul li div:hover p{ color: #FFFFFF; } .case_index{ color: transparent; } .case_index ul{ width: 90px; margin: auto; margin-top: 41px; } .case_index ul li{ width:15px ; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius:50%; background: #D0D0D0; float: left; margin-left: 15px; cursor: pointer; } .case_index .on{ background: #b98251; } .footer{ font-family: "寰蒋闆呴粦"; background: #FFFFFF; box-shadow: 0 0 30px #d0d0d0; -webkit-box-shadow: 0 0 30px #d0d0d0; -moz-box-shadow: 0 0 30px #d0d0d0; -ms-box-shadow: 0 0 30px #d0d0d0; -ms-box-shadow: 0 0 30px #d0d0d0; } .footer_1{ width:1200px ; height: 247px; margin: auto; padding-top: 49px; } .footer_left ul li a:hover{ color:#BB8454; } .footer_left{ width: 870px; float: left; } .footer_left ul{ float: left; margin-right: 120px; } .footer_left ul.last_ul{ margin-right: 0; } .footer_left ul li a{ display: block; color: #999; font-size:13px; line-height: 1; margin-bottom: 19px; } .footer_left ul li:first-child a{ color: #444444; font-family: "寰蒋闆呴粦"; font-size:17px; font-weight: bold; margin-bottom:25px ; } .footer_right{ float: right; width: 288px; } .tel{ font-size: 14px; } .tel .input_1{ width:176px; height: 34px; display: block; float: left; padding-left:18px ; background: #f4f4f4; border: none; outline: none; } .tel .input_2{ width: 100%; height: 100%; border: none; background: #95795D; color: #FFFFFF; font-family: "寰蒋闆呴粦"; text-align: center; cursor: pointer; } .tel div{ width:94px; height: 34px; background:#95795D; color: #FFFFFF; float: right; line-height: 34px; text-align: center; cursor: pointer; } .shaoma{ margin-top: 30px; width: 178px; font-size:12px ; color: #999999; text-align: center; float: right; } .shaoma p{ padding-top:16px ; } .shaoma p.weixin_w{ padding-top: 12px; } .shaoma div{ width: 76px; } .shaoma div img{ width: 76px; } .weixin_s{ float: left; } .weibo_s{ float: right; } .line_hr{ height: 1px; background: #E8E8E8; } .footer_last{ width: 1200px; margin: auto; font-size: 12px; color: #999999; line-height: 1; padding-top: 18px; padding-bottom: 30px; } .footer_last span{ display: block; float: left; } .footer_last span.bocai{ float: right; } /*case*/ .case_banner{ width: 100%; height: 439px; margin-top: 90px; } .case_content{ /*height: 1082px;*/ width: 100%; } .case_infor{ width: 1200px; margin: auto; padding-top:25px ; } .case_infor_left{ width: 266px; float: left; } .case_infor_title{ height:100px ; width: 244px; background-size:cover ; padding-left: 22px; } .infor_title1{ font-size: 27px; font-weight: bold; margin-right: 19px; line-height: 100px; color: #FFFFFF; } .infor_title2{ font-size: 18px; color: rgb(255,255,255); color: rgba(255,255,255,0.7); } .case_infor_list li{ height:52px; background-color: #f8f8f6; padding: 0 22px; line-height: 52px; border-bottom: 1px solid #E8E8E8; } .news_bg{ background: #FFFFFF!important; } .news_bg a{ color:#A6754A!important; background:url(../img/right_jiantou1.png) no-repeat center right!important; } .case_style{ background-color: #FFFFFF; } .case_infor_list li a{ background:url(../img/right_jiantou.png) no-repeat center right ; } .case_infor_list li:hover{ background: #FFFFFF; } .case_infor_list li:hover a{ color:#A6754A ; background:url(../img/right_jiantou1.png) no-repeat center right ; } .case_infor_list a{ display: block; color: #777; font-size: 18px; height: 52px; background-color:#f8f8f6 ; } .case_infor_pic li{ height: 120px; background-size:cover; margin-top: 21px; padding-left:22px ; } .infor_pic_1{ color: #a6754a; padding-top:25px; font-size: 18px; line-height: 1; margin-bottom: 9px; } .infor_pic_2{ color: #aaa; font-size: 11px; line-height: 1; } .case_info_right{ width: 896px; float: right; margin-bottom: 50px; } .infor_right_title{ padding-top: 10px; color: #999999; height: 50px; border-bottom:1px solid #E8E8E8 ; } .right_title_word{ float: left; } .right_title_address{ float: right; } .title_style1{ font-size: 25px; } .title_style2{ font-size: 16px; } .right_title_address{ font-size: 13px; padding-left: 23px; margin-top: 12px; padding-top: 2px; } .infor_right_list{ padding-top: 26px; padding-bottom: 26px; } .infor_right_list li{ margin-right:28px; float: left; /*padding-bottom:9px ;*/ } .sanjiao{ background: url(../img/sanjiao.png) no-repeat center bottom; } .infor_right_list a{ color:#999999; font-size:14px; display: block; /* padding-bottom: 5px;*/ } .infor_right_content { height: 779px; } .infor_right_content li{ margin-bottom: 21px; } .infor_content_index{ width: 205px; margin: auto; margin-top: 40px; } .infor_content_index li{ float: left; margin-right:10px ; width:31px; height: 31px; border: 1px solid #E8E8E8; line-height: 31px; text-align: center; cursor: pointer; } .infor_content_index li a{ color: #999999; } .index1{ background: url(../img/left_index.png) no-repeat center; } .index2{ margin-right: 0!important; background: url(../img/right_index.png) no-repeat center; } .infor_content_index li:hover{ border-color:#a6754a; } .infor_content_index li:hover a{ color: #a6754a; } .index1:hover{ background: url(../img/left_index1.png) no-repeat center; } .index2:hover{ background: url(../img/right_index1.png) no-repeat center; } .infor_content_index .index_style{ border-color:#a6754a; } .infor_content_index .index_style a{ color: #a6754a; } /*case_info*/ .case_infor_lunbo{ margin-top: 25px; width: 896px; position: relative; } .case_infor_lunbo li{ overflow: hidden; text-align: center; background: #fdf7f2; height: 477px; } .case_infor_lunbo li img{ margin: auto; max-width:896px; height: 100%; } .case_infor_index{ position: absolute; bottom: 18px; left: 50%; margin-left: -32.5px; } .case_infor_index li{ float: left; margin-left:10px ; width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius:50%; background: #FFFFFF; color: transparent; cursor: pointer; } .case_infor_index li:first-child{ margin-left: 0; } .case_infor_index .on{ background: #A6754A; } .case_pic_controll a{ display: block; width: 33px; height: 76px; } .case_pic_controll .prev{ position: absolute; left: 0; top: 50%; margin-top: -38px; } .case_pic_controll .next{ position: absolute; right: 0; top: 50%; margin-top: -38px; } .jianjie{ min-height: 154px; border-bottom: 1px solid #E8E8E8; } .case_lunbo_title{ font-size: 14px; color: #444; line-height: 80px; margin-top: -5px; } .case_lunbo_information{ font-size: 12px; color: #777; line-height: 24px; } .click_back{ margin-top: 30px; padding } .click_back a{ font-size: 12px; color: #777; } .click_back_left{ float: left; margin-top: -6px; } .click_back_left p{ line-height: 25px; } .click_back_left p a:hover{ color: #A6754A; } .click_back_right{ display: block; float: right; width: 178px; height: 44px; border: 1px solid #E8E8E8; text-align: center; line-height: 44px; } .click_back_right:hover{ color:#A6754A ; border-color:#A6754A ; } .case_content_infor{ height: auto; padding-bottom: 70px; } /*event*/ .event_slogan{ border-bottom: 1px solid #E8E8E8; padding: 30px 0; } .event_slogan span{ float: left; display: block; line-height: 1; } .slogan_title{ font-size: 40px; color:#e6e6e6 ; margin-right:14px ; } .slogan_word{ width: 276px; font-size: 14px; color: #b9b9b9; } .event_slogan .slogan_word{ line-height: 20px; } .fame_wall{ position: relative; } .fame_wall p{ color: #666; font-size: 14px; line-height: 27px; margin-top: -6.5px; } .fame_wall p:hover{ color: #a6754a ; cursor: pointer; } .fame_wall h3{ font-size: 20px; font-weight: normal; float: left; color: #666666; line-height: 1; margin-right: 52px; } .fame_right{ float: left; width: 630px; } .fame_right p{ position: relative; } .fame_right p:first-child{ margin-bottom: 25px; } .date_year{ margin-top: 43px; } .date_year1{ margin-top:34px ; } .date_year2{ margin-top:26px ; } .yellow_circle{ display: block; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius:50%; border: 1px solid #a6754a; /*background:url(../img/circle.jpg) no-repeat center; background-size:cover;*/ position: absolute; top: 6px; left: -36px; background: #FFFFFF; z-index: 1; } .case_content_infor1{ padding-bottom: 130px; } .lines{ position: absolute; left: 89px; top: -43px; width: 1px; } .lines img{ width: 1px; } .fram_pic{ display: none; margin-top:14px ; margin-bottom:10px ; } /*core*/ .tuandui{ padding-top: 17px; } .tuandui li{ padding: 28px 0; /*padding-left:15px ;*/ } .tuandui_left{ float: left; width: 488px; color: #666666; } .tuandui_left h3{ font-weight: normal; display: inline-block; padding-bottom:20px; font-size: 26px; padding-left: 40px; margin-bottom: 22px; background: url(../img/tuandui.png) no-repeat 0 10px; } .tuandui_left p{ line-height: 25px; font-size: 14px; } .tuandui_right{ float: right; width:344px ; } h3.tuandui2{ background: url(../img/tuandui3s.png) no-repeat 0 10px; } h3.tuandui3{ background: url(../img/tuandui3.png) no-repeat 0 10px; } .tuandui li:hover{ background: #b8906e; padding-left: 15px; padding-right: 15px; } .tuandui li:hover h3{ color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255); border-bottom: 1px solid rgba(255,255,255,0.8); } .tuandui li:hover p{ color: rgba(255,255,255); color: rgba(255,255,255,0.8); } .tuandui li:hover h3.tuandui2{ background: url(../img/tuandui1.png) no-repeat 0 10px; } .tuandui li:hover h3.tuanduis{ background: url(../img/tuanduis.png) no-repeat 0 10px; } .tuandui li:hover h3.tuandui3{ background: url(../img/tuandui3a.png) no-repeat 0 10px; } /*绠€浠?/ .culture_jianjie{ padding-top: 35px; color: #666666; position: relative; } .culture_right{ display: none; position: absolute; right: 0; top: 118px; } /*.culture_left{ width: 550px; }*/ .culture_jianjie h3{ font-size: 24px; font-weight: normal; line-height: 1; margin-bottom:15px ; } .cultures{ font-size: 14px; line-height: 1; margin-bottom: 42px; } .cultures1{ font-size: 14px; line-height: 24px; } .company-img{ float: right; width: 333px; } .company-img img{ width: 100%; } .four_cultures li{ float: left; width: 142px; height: 53px; background-color: #f5f5f5; line-height: 53px; padding-left: 64px; font-size: 12px; margin-right: 4px; margin-bottom: 4px; } .four_cultures{ width: 420px; margin-top: 24px; } .culture_one{ background: url(../img/cuture_one.png) no-repeat 24px 14px ; } .culture_two{ background: url(../img/culture_two.png) no-repeat 24px 14px ; } .culture_three{ background: url(../img/culture_three.png) no-repeat 24px 14px ; } .culture_four{ background: url(../img/culture_four.png) no-repeat 24px 14px ; } .culture_five{ padding-left: 194px!important; width: 226px!important; background: url(../img/culture_ss.png) no-repeat 156px 14px ; } .four_cultures li.culture_one:hover { background: url(../img/cuture_one_1.png) no-repeat 24px 14px ; background-color:#BB8454 ; color: #FFFFFF; } .four_cultures li.culture_two:hover { background: url(../img/culture_four_4.png) no-repeat 24px 14px ; background-color:#BB8454 ; color: #FFFFFF; } .four_cultures li.culture_three:hover { background: url(../img/cuture_three_3.png) no-repeat 24px 14px ; background-color:#BB8454 ; color: #FFFFFF; } .four_cultures li.culture_four:hover { background: url(../img/cuture_two_2.png) no-repeat 24px 14px ; background-color:#BB8454 ; color: #FFFFFF; } .four_cultures li.culture_five:hover { background: url(../img/acture_s1.png) no-repeat 156px 14px ; background-color:#BB8454 ; color: #FFFFFF; } .culture_right{ width: 289px; height:234px; overflow: hidden; } .culture_right:hover img{ transform: scale(1.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); transition: all 0.5s; -webkit-transition:all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .culture_dazao{ font-size: 14px; line-height: 24px; margin-top:26px ; } /*contact*/ .contact_way{ font-size: 14px; } .contact_address{ margin-top: 30px; height: 332px; } .contact_map{ width: 552px; float: left; height: 100%; } .contact_infro{ width: 302px; height: 100%; float: right; color: #FFFFFF; padding: 0 21px; background:#A6754A ; } .contact_infro h3{ font-size: 20px; line-height: 1; padding-top: 60px; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8; border-bottom: 1px solid rgba(255,255,255,0.6); } .contact_infro p{ line-height: 32px; color: rgba(255,255,255); color: rgba(255,255,255,0.9); padding-left: 28px; } .address{ margin-top: 22px; background: url(../img/contact_1.png) no-repeat center left; } .contact_2{ background: url(../img/contact_2.png) no-repeat center left; } .contact_3{ background: url(../img/contact_3.png) no-repeat center left; } .contact_4{ background: url(../img/contact_4.png) no-repeat center left; } .contact_5{ background: url(../img/contact_5.png) no-repeat center left; } .message{ margin-top: 10px; } .message_title{ font-size: 18px; color: #A6754A; line-height: 56px; border-bottom:1px solid #E8E8E8; } .message form{ margin-top: 22px; font-size: 14px; color: #666; line-height: 32px; } .message form input{ color: #666666; } .name{ position: relative; height: 32px; width: 432px; border: 1px solid #E8E8E8; float: left; } .name div{ width: 66px; height: 32px; text-align: right; position: absolute; left: 0; top: 0; } .name input{ width:342px; height: 31px; border: none; outline: none; padding-left: 90px; background: transparent; } .email{ float: right; } .tel_add{ margin-top: 14px; } .message textarea{ resize: none; width: 806px; height: 190px; border-color: #E8E8E8; background: transparent; outline: none; color: #666666; padding-top: 6px; padding-left: 36px; font-family: "寰蒋闆呴粦"; width: 100%; box-sizing:border-box; } .text{ margin-top: 14px; height: 209px; position: relative; } .text div{ width: 66px; height: 32px; text-align: right; position: absolute; left: 0; top: 0; } .sumbit{ margin-top: 34px; width: 100%; height: 42px; background:#a6754a; border: none; color: #FFFFFF!important; font-size: 14px; cursor: pointer; } .message_1{ background: url(../img/message1.png) no-repeat 12px 8px; } .message_2{ background: url(../img/message2.png) no-repeat 12px 8px; } .message_3{ background: url(../img/message3.png) no-repeat 12px 8px; } .message_4{ background: url(../img/message_4.png) no-repeat 12px 8px; } .message_5{ background: url(../img/message_5.png) no-repeat 12px 8px; } /*talents*/ .invite{ margin-top: 32px; } .first_line{ font-size: 17px; background:#ebebeb; padding-left: 41px; padding-right: 56px; color: #666666; background: url(../img/jia.png) no-repeat 841px 16px; cursor: pointer; } .ziliaoyuan{ margin-top: 10px; } .ziliaoyuan:hover .first_line{ background-color:#A6754A; color: #FFFFFF; } .lineStyle{ background: url(../img/jian.png) no-repeat 841px 16px; background-color:#A6754A; color: #FFFFFF; } .invite_title{ height: 55px; line-height: 55px; float: left; } .lijishenqing{ float: right; line-height: 55px; padding-right: 13px; } .invite_title_1{ display: none; padding-bottom: 66px; } .case_info_right .invite_title_1:first-child{ display: block; } .ziliaoyuan{ background: #EBEBEB; } .yaoqiu{ padding-left: 41px; padding-right: 56px; font-size: 14px; } .yaoqiu h4{ padding-top: 55px; line-height: 1; margin-bottom: 12px; } .yaoqiu li{ line-height: 30px; color: #666666; } .shenqing{ height: 48px; width: 150px; background:#A6754A ; font-size:17px; line-height: 48px; text-align: center; color: #FFFFFF; margin-left: 41px; margin-top:40px ; } /*honor*/ .honor{ position: relative; margin-top: 63px; } .year_xuanze{ width: 96px; position: absolute; right: 105px; top: -43px; color: #999999; cursor: pointer; z-index: 1; } .year_xuanze ul,.honor_style ul{ display: none; background: #FFFFFF; } .year_xuanze li:first-child,.honor_style li:first-child{ margin-top:10px ; } .year_xuanze li,.honor_style li{ line-height:30px ; border-bottom: 1px solid #E8E8E8; background: transparent; padding: 5px; cursor: pointer; } .year_xuanze li:hover{ background: #a6754a; color: #FFFFFF; } .honor_style{ width: 89px; position: absolute; right:0; top: -43px; color: #999999; cursor: pointer; z-index: 1; } .year_xuanze p,.honor_style p{ background: url(../img/xiajiantou.png) no-repeat center right; } .honor_style li:hover{ background: #a6754a; color: #FFFFFF; } .honor_list{ width: 556px; margin: auto; /*margin-top: 63px;*/ position: relative; padding-left: 138px; padding-right: 138px; } .honor_pic li div{ border: 8px solid #b7906d; padding: 40px; background-color:#fff ; } .honor_pic li img{ width: 460px; height: 310px; } .honor_pic li p{ text-align: center; padding-top: 19px; } .honor_index{ display: inline-block; position: absolute; bottom:65px; left: 50%; margin-left:-17px ; cursor: pointer; } .honor_index li{ float: left; color: transparent; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius:50%; background: #666666; margin-left: 15px; } .honor_index li:first-child{ margin-left:0; } .honor_index .on{ background: #b7906d; } .honor_control a{ display: block; width: 32px; height: 63px; } .honor_control .prev{ background: url(../img/honor_left.png) no-repeat center; position: absolute; top: 35%; margin-top: -40px; left:0px; } .honor_control .prev:hover{ background: url(../img/honor_left_1.png) no-repeat center; } .honor_control .next{ background: url(../img/honor_right.png) no-repeat center; position: absolute; top: 35%; margin-top: -40px; right: 0px; } .honor_control .next:hover{ background: url(../img/honor_right_1.png) no-repeat center; } .honor_infor{ margin-top: 57px; height: 144px; overflow: hidden; position: relative; width: 896px; margin-left: -170px; } .honor_infor .on{ border-color:#b7906d!important; } .honor_infor ul { position: absolute; left: 0; top: 0; transition: all 0.3s; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .honor_infor ul li{ float: left; margin-left:16px ; width: 188px; height: 120px; border:6px solid #edeced ; background: rgba(255,255,255); background: rgba(255,255,255,0.6); padding:6px 6px ; cursor: pointer; overflow: hidden; } .honor_infor ul li img{ width: 188px; height: 120px; } .honor_infor ul li:first-child{ margin-left: 0; } .border_style{ border-color:#b8916e!important; } .honor_infor ul li:hover{ border-color:#b8916e ; } .xiangce_border{ border-color:#b8916e!important; } .honor_see{ margin-top: 38px } .honor_see h3{ font-size:20px ; margin-bottom: 17px; font-weight: normal; padding-left: 21px; background: url(../img/honor_award.png) no-repeat center left; } .honor_see_list{ border-top: 1px solid #e3d3c5; border-bottom: 1px solid #e3d3c5; height: 65px; } .honor_see_list li{ float: left; margin-left: 50px; line-height: 40px; margin-top: 12px; cursor: pointer; } .sanjiao1{ background: url(../img/sanjiao1.png) no-repeat center bottom ; } .sanjiao1 a{ color: #A6754A; } .honor_see_list li a{ font-size: 16px; font-weight: bold; color: #000; display: block; padding-bottom: 9px; line-height: 1; padding-top: 25px; } .honor_see_list li:first-child{ margin-left: 0; } .information_list p{ line-height: 40px; color:#8d8d8d ; padding-left:21px ; background: url(../img/honor_award_1.png) no-repeat center left; cursor: pointer; } .information_list p:hover{ color: #A6754A; } .case_content_infor_s{ padding-bottom: 100px; } /*news*/ .news_list li{ height:144px ; padding: 14px 28px 14px 270px; margin-top: 25px; cursor: pointer; } .news_list li:hover{ background-color:#b8916e!important; } .new_title{ color: #000000; } .news_list li:hover .new_title span{ color: #FFFFFF; } .news_list li:hover .new_infor{ color: #ffffff; color: rgba(255,255,255,0.8); } .new_title{ padding-top: 32px; padding-bottom: 15px; } .new_title_1{ font-size: 18px; float: left; } .new_title_time{ float: right; font-size: 12px; } .new_infor{ font-size: 12px; color: #999999; line-height: 22px; } *+html .new_infor{ color: black; } .new_index{ width: 255px; margin: auto; margin-top:52px; } .new_index li{ float: left; width:26px ; height: 26px; background-color: #F8F8F6; margin-left:10px; text-align: center; line-height: 26px; } .new_index li a{ color: #666666; } .new_left a{ display: block; width: 100%; height: 100%; background: url(../img/new_left.png) no-repeat center; } .new_right a{ display: block; width: 100%; height: 100%; background: url(../img/new_right1.png) no-repeat center; } .new_index li:hover a{ color: #FFFFFF; } .new_index li:hover{ background-color:#A6754A ; } .new_index .new_left a:hover { background: url(../img/new_left1.png) no-repeat center; } .new_index .new_right a:hover { background: url(../img/new_right.png) no-repeat center; } .new_index1{ background-color:#A6754A!important; } .new_index1 a{ color: #FFFFFF!important; } #img-slider{ width: 367px; margin: auto; } .switcher-wrap{ height: 316px; position: relative; } .img{ width: 446px; top: 24px!important; } .img img{ width: 100%; box-sizing: border-box; padding: 15px; background: #FFFFFF; border:8px solid #aa774b; } .roundabout-in-focus{ top: 0!important; } .label{ font-size: 14px; margin-top:36px ; margin-bottom: 43px; color: #666666; text-align: center; opacity: 0; filter: alpha(opacity=0); /*transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;*/ } .color_hidden{ opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .jQ_sliderPrev{ width: 36px; height: 92px; display: block; position: absolute; top:50%; margin-top: -46px; left:0 ; background: url(../img/honor_list_left.png) no-repeat center; background-color: #F5F5F5; } .jQ_sliderNext{ width: 36px; height: 92px; display: block; position: absolute; top:50%; right: 0; margin-top: -46px; background: url(../img/honor_list_right.png) no-repeat center; background-color: #F5F5F5; } .jQ_sliderPrev:hover{ background: url(../img/honor_list_left1.png) no-repeat center; background-color: #a6754a; } .jQ_sliderNext:hover{ background: url(../img/honor_list_right1.png) no-repeat center; background-color: #a6754a; } .jQ_sliderSwitch{ transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; -mos-transtion:all 0.3s; } .jQ_sliderSwitch li{ width: 172px; height: 108px; padding: 10px; border:6px solid #ededed; float: left; margin-left:20px ; } .jQ_sliderSwitch li:first-child{ margin-left: 0; } .jQ_sliderSwitch li.active_s{ border-color: #d5b9a2; } .jQ_sliderSwitch img{ width: 100%; height: 100%; } .page{ padding:10px 0; font-size:12px; font-weight:bold; line-height:22px; text-align:center; clear:both; margin-top: 40px; } .page a{ text-decoration:none; color:#8698b6; background:#fff; border:1px solid #CCCCCC; padding:5px 10px; padding-bottom:5px; margin-right:3px } .page a.active{ background:#a16e3f; border:1px solid #a16e3f; color:#fff } .page a:hover{ text-decoration:none; color:#fff; background:#a16e3f; border:1px solid #a16e3f } .new_title_1{ font-size: 18px; float: left; color: #000; } .new_title_time{ float: right; font-size: 12px; color: #000; } .slide_hidden a:hover{ background:#F8F8F6!important; } .kehuyangshi{ background: #F8F8F6!important; } .infor_right_list li:hover span{ background: #F8F8F6!important; } .wenchuang{ min-width:150px; } .wenchuang a{ cursor: pointer; display: block; width:100%; height: 48px; line-height: 48px; border: 1px solid #E8E8E8; background: #FFFFFF; color:#000000; text-align:center; font-size: 16px; } .wenchuang a:hover{ background: #F8F8F6!important; } .company_ti{ max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jianjie img{ width: 100%; } .video_box .emd embed{ margin-top:50px; }