.title .container { width:1536px; height:100px; background:#fff; margin:0 auto; } .navbar-header_top a { display:block; width:100%; height:100%; } .fxture_com1 img{ vertical-align: top; } .navbar-header_top a .logo { float:left; width:64px; height:46px; display:inline-block; margin-top:22px; } .navbar-header_top a span { display:inline-block; height:38px; padding:0 15px; margin-top:29px; float:left; color:#303030; } .left_links { font-size:30px; } .right_links { border-left:1px solid #313131; font-size:16px; line-height:20px; } .navbar-header_top { float:left; height:100px; } .navbar-collapse { float:right; } .navbar-collapse img { display:inline-block; width:30px; height:30px; margin-right:23px; margin-top:36px; float:left; } .navbar-collapse span { display:inline-block; line-height:100px; font-size:30px; font-weight:600; color:#f97302; float:right; } .fl_firmdesc p{ height: 42px; overflow: hidden; padding-right: 15px; } .banner_fxed { width:100%; position:relative; } .banner_fxed_home{ height: 820px; } .flexslider_content ul.slid { overflow:hidden; margin-top:0; width:100%; } .flexslider_content { width:100%; height:100%; } .flex-viewport { max-height:820px; } .slid li img { background-size:100% 100%; display:block; width:100%; height: 820px; } .flex-direction-nav { position:absolute; top:50%; width:100%; } .flex-nav-prev { left:15px; position:absolute; background-image:url("../picture/pre_link.png"); } .flex-nav-next { right:15px; position:absolute; background-image:url("../picture/next_link.png"); } .flex-nav-prev a,.flex-nav-next a { text-indent:-200px; width:60px; display:block; height:60px; background-size:100% 100%; background-repeat:no-repeat; overflow:hidden; } .fixed_title { position:absolute; top:0; left:0; z-index:20; } .common_title { width:100%; background:#101013; min-height:66px; opacity:.8; } .title_center { width:1536px; margin:0 auto; height:66px; } .link_title_list { float:left; } .link_title_list>li { float:left; position:relative; } .link_title_list>li>a { color:#fff; font-size:16px; display:block; line-height:66px; padding:0 30px; } .link_title_list>li>a.active { color:#eb6100; font-weight:600; } /*.link_title_list>li>a:hover { border-bottom:1px solid #f97302; } */.drop_down_list { width:420px; position:absolute; left:0; z-index:10; display:none; } .fex_ed_txt { position:absolute; top:22%; left:33.2%; width:738px; z-index:99; } .fex_ed_txt h2 { font-size:77px; color:#fff; text-align:center; margin-bottom:0; font-weight:600; margin-top:87px; } .fex_ed_txt p { text-align:center; color:#fff; margin-top:40px; margin-bottom:0; } .fex_ed_txt p.engLish { font-size:21px; color:#fff; letter-spacing:8px } .fex_ed_txt p.toFind span { margin-right:30px; font-size: 40px; font-weight: bolder; } .drop_down_list li { float:left; margin-right:20px; margin-top:28px; width:200px; } .drop_down_list li:nth-child(2n) { margin-right:0; } .flx_ed_shadow { width:100%; height:156px; background:#363738; opacity:.6; display:none; transition:.5s; margin-top:1px; } .drop_down_list li a { color:#fff; font-size:14px; display:block; line-height:15px; height:15px; border-left:2px solid #eb6100; padding-left:13px; } .drop_down_list li.top_disc { margin-top:40px; } .drop_down_list li a:hover { color:#eb6100; } .link_title_list>li:first-child a { padding-left:0; } .link_title_list>li>a:hover { color:#f97302; } .link_title_list>li:hover .drop_down_list { display:block; } .search_content { float:right; } .search_box { margin-top:18px; float:left; } .search_box input { height:30px; line-height:30px; width:240px; float:left; outline:none; border:none; background:#1f1c19; padding-left:10px; color:#fff; font-size:16px; } .chose_lang { float:left; margin-top:18px; height:30px; margin-left:25px; } .search_box button { display:block; border:none; outline:none; background-color:#f97302; background-image:url("../picture/icon_search.png"); background-size:17px 17px; background-position:center center; background-repeat:no-repeat; width:30px; height:30px; float:left; } .chose_lang a { display:block; height:18px; line-height:18px; margin:0 auto; float:left; color:#fff; font-size:16px; margin-top:6px; padding:0 10px; } .chose_lang a:first-child { border-right:1px solid #fff; } .chose_lang a:last-child { padding-right:0; } /*???????*/.ServiceItems { width:100%; } .itemsCenter { width:1536px; margin:0 auto; } .itemsCenter_Title { text-align:center; } .itemsCenter_Title h3 { font-size:48px; color:#f97302; margin-top:60px; margin-bottom:0; font-weight:bold; } .itemsCenter_Title h3 span.normal_items { color:#000; font-size:58px; margin:0 40px 0 37px; font-weight:normal; } .itemsCenter_Title h3 span.weight_items { color:#000; font-size:58px; font-weight:bold; } .itemsCenter_Title p { color:#333; font-size:18px; } .itemsCenter_box { width:100%; overflow:hidden; margin-top:50px; } .itemsCenter_box>ul>li { width:369px; float:left; margin-right:20px; height:465px; background:#eee; border:1px solid #fff; cursor:pointer; } .itemsCenter_box>ul>li:last-child { margin-right:0; } .itemsCenter_box_center { width:235px; margin:0 auto; margin-top:30px; position:relative; overflow:hidden; } .itemsCenter_box_center_top { width:100%; } .itemsCenter_box_center_top_icon { float:left; display:inline-block; } .itemsCenter_box_center_top_icon1 { background:url(../picture/icon_s1.png) no-repeat; width:43px; height:43px; margin-top:12px; float:left; } .itemsCenter_box_center_top_icon2 { background:url(../picture/icon_s2.png) no-repeat; width:45px; height:47px; margin-top:12px; float:left; } .itemsCenter_box_center_top_icon3 { background:url(../picture/icon_s3.png) no-repeat; width:42px; height:44px; margin-top:12px; float:left; } .itemsCenter_box_center_top_icon4 { background:url(../picture/icon_s4.png) no-repeat; width:53px; height:47px; margin-top:12px; float:left; } .itemsCenter_box_center_top span.sj { font-size:26px; font-weight:600; } .itemsCenter_box_center_top span.line_sj { width:30px; height:2px; background:#f97302; display:block; margin-top:8px; } .itemsCenter_box_center_top .rihgt_boxss { float:left; margin-left:28px; min-height:365px; } .DesignBox { margin-top:20px; } .DesignBox>ul>li { width:100%; margin-top:18px; font-size:16px; } .DesignBox>ul>li a { color:#000; } .DesignBox>ul>li a:hover { color:#f97302; } .DesignBox>ul>li i { display:block; width:4px; float:left; height:4px; background:#000; margin-top:10px; margin-right:7px; border-radius:50%; } .consultation { width:100%; } .consultation a { width:150px; margin:0 auto; height:37px; line-height:37px; border-radius:15px; display:block; text-align:center; border:1px solid #b4b4b4; color:#000; } /*?????????????*/.ServiceCase { width:100%; } .caseImg { width:100%; margin-top:40px; padding-left: 0.5%; overflow:hidden; } .caseImg>ul { width:100%; overflow:hidden; } .caseImg>ul>li { width: 24.5%; margin: 0 auto; position: relative; float: left; cursor: pointer; overflow: hidden; height: 308px; margin-right: 0.5%; margin-top: 10px; } .caseImg>ul>li:nth-child(4n){ margin-right: 0; } .caseImg>ul>li img { width:100%; height:308px; display:block; overflow:hidden; vertical-align:middle; background-size:100% 100%; } .caseBox { position:absolute; left:0px; top:-308px; font-size:26px; color:#fff; width:100%; height: 308px; text-align:center; background-color:rgba(249,115,2,0.6); transition:.3s; } .caseBox span{ height: 308px; } .caseImg>ul>li:hover .caseBox { top:0; } .morezx { height:115px; width:100%; background:#f1f1f1; overflow:hidden; } .morezx a { width:190px; display:block; margin:0 auto; height:50px; line-height:50px; text-align:center; border:1px solid #b4b4b4; color:#000; margin-top:30px; border-radius:50px; font-size:20px; } .img_shows { width:100%; height:auto; } .center_imgs_show { width:1536px; margin:0 auto; padding:57px 0 0 0; } .center_imgs_show a { display:block; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } .center_imgs_show a img { width:100%; height:100%; display:inline-block; background-size:100% 100%; } .aboutFirm { width:100%; margin-top:72px; background:#f1f1f1; } .firmContent { width:1536px; margin:0 auto; height:523px; } .fl_firmdesc { float:left; width:660px; } .fr_firm { float:right; } .fl_firmdesc h3 { font-size:30px; color:#000; margin-top:55px; margin-bottom:0; } .fl_firmdesc p { font-size:16px; color:#333; } .fl_firmdesc ul { width:490px; margin-top:37px; float:left; } .fl_firmdesc ul li { width:100%; margin-top:10px; background:#e5e5e5; height:46px; } .fl_firmdesc ul li:first-child { margin-top:0; } .fl_firmdesc ul li i { display:block; float:left; width:88px; height:46px; line-height:46px; text-align:center; background:#f97302; color:#fff; font-size:18px; } .fl_firmdesc ul li span { width:347px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; display:block; height:46px; line-height:46px; color:#333; margin-left:15px; cursor:pointer; font-size:16px; } .fl_firmdesc a { display:block; margin-top:30px; width:190px; text-align:center; color:#333; height:50px; line-height:50px; border-radius:20px; border:1px solid #b4b4b4; float:left; font-size:20px; } .fr_firm a { display:block; } .fr_firm a img { max-height:523px; } /*??????*/.NewsInformation { width:100%; margin-top:102px; overflow:hidden; } .Information_content { width:1536px; margin:0 auto; } .fl_information { float:left; width:778px; } .informat_title { float:left; height:62px; margin:0; } .informat_title span { float:left; display:inline-block; } .informat_title span.mat1 { color:#f97302; font-size:48px; font-weight:600; } .informat_title span.mat2 { color:#000; font-size:58px; line-height:70px; margin-left:22px; } .fl_information a.inform_more { float:right; width:190px; height:50px; text-align:center; line-height:50px; border-radius:20px; font-size:20px; color:#000; border:1px solid #b4b4b4; margin-top:10px; } .fl_information ul.inform_list { width:100%; margin-top:40px; overflow:hidden; float:left; } .top_inform { width:100%; overflow:hidden; float:left; } .fl_information ul.inform_list li { width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; } .fl_information ul.inform_list li:first-child { margin-top:0; } .inform_list li img { float:left; display:inline-block; width:180px; height:120px; background-size:100% 100%; } .informa_text { float:right; width:72%; } .informa_text p { margin:0; } .informa_text p.informa_text_top1 { color:#000; font-size:16px; font-weight:bold; } .informa_text p.informa_text_top2 { font-size:14px; color:#cacaca; margin-top:15px; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .time_data { float:right; } .data_img_time { float:left; display:inline-block; width:15px; height:15px; background:url("../picture/icon_time.png") no-repeat; margin-top:3px; margin-right:10px; } .time_data span { color:#333; font-size:14px; } .fr_information { float:right; width:676px; height:575px; } .focusImage { width:678px; height:355px; float:left; position:relative; } .focusImage a { display:block; } .focusImage a .orange_box { position:absolute; left:0; top:0; width:80px; height:80px; background:#f97302; } .orange_box span { display:block; text-align:center; color:#fff; } .orange_box .num_org1 { font-size:44px; } .orange_box .num_org2 { font-size:16px; } .focusImage a img { display:block; width:678px; height:355px; background-size:100% 100%; } .focs_text { float:left; width:100%; } .focs_text_title { font-size:20px; color:#000; margin-top:40px; margin-bottom:0; } .focs_text p.focs_text_desc { font-size:16px; color:#cacaca; text-indent:30px; margin-top:15px; margin-bottom:0; line-height:29px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } .flex-control-paging { width:200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:5px; } .flex-control-paging li { float:left; margin:0 auto; } .flex-control-paging li a { width:10px; height:10px; border-radius:50%; border:1px solid #cecece; text-indent:-200px; overflow:hidden; margin-right:20px; display:block; cursor:pointer; } .flex-control-paging li a.flex-active { width:30px; background:#f97302; border:none; border-radius:5px; } .Onlinesite { width:100%; margin-top:80px; } .Onlinesite_content { width:1536px; margin:0 auto; overflow:hidden; } .Onlinesite_content_title p.informat_title span.mat3 { font-weight:600; color:#000; font-size:58px; line-height:70px; margin-left:22px; } .Onlinesite_content_title a.inform_more { float:right; width:190px; height:50px; text-align:center; line-height:50px; border-radius:20px; font-size:20px; color:#000; border:1px solid #b4b4b4; margin-top:10px; } .Onlinesite_content_title { width:100%; overflow:hidden; } .Onlinesite_content_box { margin-top:20px; width:100%; overflow:hidden; } .Onlinesite_content_box>ul>li { float:left; margin-right:14px; width:373px; border:1px solid #eee; height:425px; margin-top:30px; cursor:pointer; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .Onlinesite_content_box ul li:nth-child(4n) { margin-right:0; } .Onlinesite_content_box ul li .site_img { width:100%; height:293px; float:left; position:relative; } .site_img a img { display:block; width:100%; height:293px; background-size:100% 100%; } .site_desc { width:100%; overflow:hidden; padding:0 13px; } .site_desc p { width:100%; overflow:hidden; margin:0; font-size:20px; color:#cacaca; font-size:16px; } .site_desc p.a1 { margin-top:14px; } .site_desc p.a2 { margin-top:20px; color:#000; } .site_desc p.a2 .time { font-size:14px; } .site_desc p.a3 { margin-top:8px; } .bottom_fxd { width:100%; margin-top:70px; float:left; background:#0d0d0d; } .bottom_content { width:1536px; margin:0 auto; background:url("../picture/bottom_showden.png") no-repeat; background-position:722px 50px; } .left_bottom_content { float:left; } .bottom_content_title { margin-top:80px; width:100%; padding-bottom:28px; border-bottom:1px solid #fff; overflow:hidden; float:left; } .left_bottom_content p { float:left; color:#fff; margin-left:15px; margin-top:5px; margin-bottom:0; } .left_bottom_content img { float:left; } .left_bottom_content p span.bott_name { font-size:16px; } .left_bottom_content p span.bott_address { font-size:14px; } .right_bottom_content { float:right; height:47px; line-height:47px; } .right_bottom_content>ul>li { float:left; margin-right:30px; width:110px; } .right_bottom_content>ul>li:last-child { margin-right:0; } .right_bottom_content>ul>li a { display:block; text-align:right; color:#fff; } .bottom_content_next { overflow:hidden; width:100%; padding-bottom:45px; border-bottom:1px solid #fff; } .tel_bottom { padding-right:30px; border-right:1px solid #fff; float:left; } .tel_bottom p { margin:0; } .tel_bottom p.p1 { color:#f97302; font-size:32px; letter-spacing:2px; font-weight:600; } .tel_bottom p.p2 span { color:#fff; font-size:14px; } .compy_bottom { float:left; margin-left:27px; } .compy_bottom p { color:#fff; font-size:14px; margin-top:14px; margin-bottom:0; } .bottom_content_next_left { float:left; overflow:hidden; margin-top:50px; } .bottom_content_next_center { float:left; margin-left:170px; /* width:275px; */ background:#232325; height:44px; margin-top:50px; } .bottom_content_next_center input { background:none; outline:none; display:block; /* width:230px; */ height:44px; padding:0 14px; color:#464647; float:left; font-size:14px; border:none; } .bottom_content_next_center button { width:44px; height:44px; background-color:#f97302; display:block; float:left; border:none; outline:none; background-image:url("../picture/icon_link.png"); background-position:center center; background-repeat:no-repeat; cursor:pointer; } .bottom_content_next_right { float:right; margin-top:30px; } .bottom_content_next_right img { display:block; float:left; width:82px; height:81px; background-size:100% 100%; } .scan_box { float:left; margin-left:24px; padding-top:25px; width:98px; } .scan_box img { float:left; display:inline-block; width:19px; height:19px; } .scan_box span.scan_txt1 { float:right; font-size:20px; color:#fff; line-height:17px; } .scan_box_top { width:100%; float:left; overflow:hidden; } .scan_box p { margin-top:10px; color:#fff; font-size:14px; overflow:hidden; float:left; margin-bottom:0; } .bottom_content_link { width:100%; /* text-align:center;*/ margin:0 auto; height:70px; line-height:50px; } .FriendshipLink { padding-right:18px; color:#fff; font-size:14px; border-right:1px solid #fff; } .bottom_content_link a { color:#fff; font-size:14px; padding:0 15px; } /*??????*/.profim_content { width:100%; } .profim_content img { display:block; width:100%; background-size:100% 100%; } .profileText { width:100%; height:50px; border-bottom:1px solid #e5e5e5; text-align:center; line-height:50px; } .center_link_show { position:relative; } .center_link_show a { color:#000000; } .center_link_show i { background:url("../picture/icon_righ.png") no-repeat; display:inline-block; width:17px; height:16px; position:relative; top:3px; margin:0 10px; } .revion_common { width:1536px; margin:0 auto; } .revion_common h2 { font-size:50px; color:#000; font-weight:600; margin-top:60px; margin-bottom:40px; } .revion_content { width:1536px; overflow:hidden; } .left_revion { width:275px; border-right:2px solid #747474; height:480px; float:left; } .left_revion_line { border-top:2px solid #747474; } .revion_left_txt { padding-right:60px; text-align:right; margin-top:102px; position:relative; font-weight:600; } .revion_left_txt p { font-size:30px; margin:0; color:#000; } .revion_left_txt i.width_line { position:absolute; right:-23px; top:21px; width:47px; height:2px; background:#747474; } .revion_left_txt span { color:#f97302; font-size:18px; margin-top:15px; display:inline-block; } .right_revion { width:1190px; float:right; padding-top:20px; } .right_revion_txt { width:530px; float:left; } .right_revion_txt p.title_rl { font-size:16px; color:#000; margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .standard { width:100%; margin-top:35px; } .standard_title { color:#000; font-size:16px; font-weight:600; margin:0; } .standard_title i { display:inline-block; width:4px; height:4px; float:left; margin-top:10px; margin-right:5px; background:#f97302; } .standard ul { width:100%; margin-top:5px; min-height:205px; overflow:hidden; } .standard ul li { width:100%; font-size:16px; color:#cacaca; margin-top:6px; cursor:pointer; } .standard a.learn_mog { width:200px; height:50px; line-height:50px; text-align:center; color:#f97302; background:#fff; border:1px solid #f97302; font-size:20px; display:block; } .revion_imgs { float:right; } .revion_imgs img { display:inline-block; width:577px; height:376px; background-size:100% 100%; } /*????*/.profileText_top { margin-top:66px; } .facturer { width:100%; float:left; } .facturer_content { width:1536px; padding:0 10px; margin:0 auto; } .facture_list { width:100%; float:left; } .facture_list li { width:219px; height:115px; line-height:115px; float:left; } .facture_list li a { display:inline-block; width:100%; height:100%; text-align:center; color:#000; } .facture_list li.active a { background:#f9f9f9; border-bottom:7px solid #f97302; } .cture_bann { width:1536px; margin-top:77px; float:left; } .left_cture_bann { float:left; width:300px; margin-left:53px; position:relative; background:#f97302; } .xcx { display:inline-block; width:155px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; } .shod_ure { height:420px; width:100%; background:#f97302; position:absolute; left:0; top:160px; opacity:.6; display:table; } .shod_ure p:first-child { margin-top:200px; position:relative; } .shod_ure p { text-align:center; margin:0; width:100%; font-size:32px; color:#fff; font-family:"????"; } .left_cture_bann_top { width:270px; margin:0 auto; margin-top:20px; height:140px; background:#fff; text-align:center; overflow:hidden; } .right_cture_bann { width:1150px; float:right; padding-top:18px; } .right_cture_bann p.ctur_desc { font-size:17px; color:#222222; line-height:30px; margin:0; } .left_cture_bann_top p { text-align:center; font-size:32px; color:#f97302; font-weight:600; margin-top:25px; margin-bottom:0; } .left_cture_bann_top span { color:#f97302; font-size:20px; margin-top:20px; } .botom_cture_ban { width:100%; margin-top:30px; overflow:hidden; } .botom_cture_ban p { margin:0; } .botom_cture_ban p.nath_two { margin-left:50px; } .botom_cture_ban p span { color:#222; } .ctue_box_ban { width:100%; height:420px; float:left; } .ctue_box_ban img { width:100%; height:100%; background-size:100% 100%; display:inline-block; } .botom_cture_ban p { float:left; } .botom_cture_ban p span.reg { color:#f97302; font-size:20px; font-weight:600; } .fact_function { width:100%; overflow:hidden; } .comm_top_bk { font-size:30px; color:#000; font-weight:600; margin:0; } .fact_function ul { padding-left:0; } .fact_function ul li { list-style:disc inside; color:#f97302; width:325px; margin-right:60px; float:left; line-height:40px; position:relative; } .fact_function ul li:nth-child(4n) { margin-right:0; } .fact_function ul li a { color:#333; position:absolute; top:2px; } .step { width:100%; overflow:hidden; margin-top:90px; } .step_list { width:100%; margin-top:50px; float:left; } .cpom_tio { float:left; } .step_tio1 { width:550px; margin-right:65px; } .step_tio1 img { display:inline-block; float:left; width:305px; background-size:100% 100%; } .step_tio2 { width:305px; } .stemo_top { float:left; margin-left:20px; width:220px; } .stemo_box { width:100%; margin-top:30px; float:left; } .stemo_box p { color:#000; font-size:16px; font-weight:600; } .stemo_box ul { padding-left:0; width:100%; margin-top:15px; margin-bottom:0; } .stemo_box ul li { width:100%; float:left; color:#bebebe; font-size:15px; } .customer { width:100%; margin-top:100px; } .customer>ul { padding-left:0; width:100%; margin-top:7px; overflow:hidden; } .customer>ul>li { float:left; width:290px; margin-right:20px; margin-top:20px; } .customer>ul>li:nth-child(5n) { margin-right:0; } .customer>ul>li a { display:block; } .customer>ul>li a img { display:block; } .step_content { width:100%; float:left; margin-top:100px; } .step_center { width:100%; overflow:hidden; margin-top:35px; } .left_step_center { float:left; width:545px; } .left_step_center ul { padding-left:0; width:100%; overflow:hidden; } .left_step_center ul li { margin-top:20px; width:100%; height:170px; float:left; } .left_step_center ul li:first-child { margin-top:0; } .li_mins_text p { width:100%; float:left; } .li_mins { float:left; } .li_mins img { display:block; } .li_mins span { display:block; text-align:center; color:#f97302; font-size:18px; margin-top:10px; } .li_mins_text { float:left; border-left:1px solid #a0a0a0; height:auto; padding-left:35px; width:440px; } p.li_mins_text_next { font-size:15px; color:#bebebe; line-height:30px; margin-top:10px; margin-bottom:0; cursor:pointer; } p.li_mins_text_top { font-size:16px; color:#000; font-weight:600; margin:0; } .li_mins1 { margin-right:53px; } .li_mins2 { margin-right:56px; } .li_mins3 { margin-right:49px; } .li_mins4 { margin-right:46px; } .right_step_center { width:950px; float:right; } .right_step_center img.fact_img { display:block; background-size:100% 100%; } .img_stepm { width:100%; margin-top:57px; overflow:hidden; height:170px; } .li_mins_text_right { float:left; border-left:1px solid #a0a0a0; height:auto; padding-left:35px; width:845px; } .bottom_fact { font-size:15px; color:#bebebe; width:100%; float:left; } /*??????*/.introduce { width:100%; overflow:hidden; } .introduce_content { width:1536px; margin:0 auto; } .introduce_content p { font-size:16px; color:#999999; margin-top:45px; margin-bottom:0; } .introduce_content p.introduce_content_title { font-size:26px; color:#000; text-align:center; font-weight:600; margin-top:40px; margin-bottom:0; } .introduce_culture { width:1536px; margin:0 auto; margin-top:90px; } .introduce_culture h2 { color:#f97302; text-align:center; font-size:30px; font-weight:600; margin:0; } .introduce_culture p.english_culture { text-align:center; font-size:14px; color:#999; margin-top:35px; margin-bottom:0; letter-spacing:8px; } .introduce_culture ul { width:100%; padding-left:0; margin-top:50px; overflow: hidden; } .introduce_culture ul li { float:left; width:23.8%; margin-right:30px; cursor:pointer; padding-bottom:10px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .introduce_culture ul li:last-child { margin-right:0; } .introduce_culture ul li img { display:block; height:auto; width:100%; } .intro_box { width:100%; overflow:hidden; padding:0 28px; height:275px; box-shadow:0px 0px 10px #fff6ef; } .intro_box p { margin-top:0; margin-bottom:0; color:#999; font-size:14px; } .intro_box p.intro_box_title { margin-top:32px; margin-bottom:30px; text-align:center; font-size:20px; } .intro_box p.bottom_intro { color:#000; margin-top:13px; } .Idea { width:1536px; margin:0 auto; margin-top:107px; } .Idea h2 { color:#f97302; font-size:30px; font-weight:600; margin:0; } .Idea p.idea_english { margin-top:35px; letter-spacing:5px; font-size:14px; color:#999; } .Idea>ul { width:100%; padding-left:0; margin-top:30px; overflow:hidden; } .Idea>ul li { width:100%; padding-bottom:40px; border-bottom:1px solid #e5e5e5; float:left; margin-top:40px; } .Idea>ul li:last-child { border-bottom:none; } .left_idea { float:left; width:360px; } .box_idea_lef { width:100%; height:80px; line-height:80px; margin-top:45px; font-size:28px; text-align:center; color:#747474; border:6px solid #eeeeee; cursor:pointer; } .center_idea { margin-left:100px; float:left; padding-top:37px; width:715px; font-size:20px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .right_idea { float:right; width:300px; } .right_idea img { display:inline-block; width:100%; height:auto; } .technolo { width:100%; float:left; margin-top:45px; } .technolo_centent { width:1536px; margin:0 auto; overflow:hidden; } .left_technolo { float:left; width:1010px; } .left_technolo ul { width:100%; float:left; border-bottom:1px solid #eeeeee; } .left_technolo ul li { width:100%; margin-top:45px; overflow:hidden; } .left_technolo ul li img.left_tech_img { width:284px; display:inline-block; float:left; } .right_techno_txt { float:right; width:680px; padding-bottom:54px; border-bottom:1px solid #ededf1; } .left_technolo ul li:first-child { margin-top:20px; } .right_techno_txt_no { border-bottom:none; } .right_techno_txt p { margin:0; } .right_techno_txt p.right_techno_txt_title { font-size:22px; color:#000; margin-top:10px; } .right_techno_txt p.right_techno_txt_desc { margin-top:28px; font-size:16px; color:#bebebe; cursor:pointer; } .people_see { float:right; margin-top:35px; } .people_see_lef { float:left; margin-right:30px; } .people_see_ref { float:right; } .see_img { float:left; display:inline-block; width:22px; height:12px; background:url("../picture/icon_gz.png") no-repeat; margin-top:5px; margin-right:10px; } .comm_people_see_lef span { font-size:16px; color:#999; } .navi_pages { float:left; margin-top:45px; } .navi_pages a { height:44px; line-height:44px; text-align:center; font-size:16px; background:#f4f4f4; color:#000; cursor:pointer; padding:9px 15px; } .navi_pages .current { background:#f97302; color:#fff; padding:9px 20px; } .navi_pages span:first-child { display:none; } .right_technolo { float:right; width:450px; padding:0 50px 56px 50px; border:2px solid #e5e5e5; } .right_technolo p.title_nolo { margin-top:40px; width:100%; margin-bottom:0; overflow:hidden; } .right_technolo p span { width:235px; padding-bottom:30px; border-bottom:2px solid #f97302; font-size:22px; float:left; color:#f97302; } .right_technolo ul { padding-left:0; width:100%; float:left; } .right_technolo ul li { width:100%; float:left; margin-top:40px; } .right_technolo ul li img { display:block; width:100%; } .right_technolo ul li p { margin-top:27px; font-size:16px; color:#000; width:100%; float:left; margin-bottom:0; } .right_technolo ul li span { float:right; margin-top:25px; font-size:16px; color:#bebebe; } /*????????*/.detil_Article { width:100%; float:left; margin-top:70px; } .detil_Article_content { /* width:1536px;*/ width: 1200px; margin:0 auto; } .detil_Article_content h2 { font-size:40px; margin:0; color:#000; font-weight:600; text-align:center; } .detil_Article_content_1 { width:100%; margin-top:70px; overflow:hidden; } .detil_Article_content_1_fl span { color:#696969; margin-right:25px; } .detil_Article_content_1_fr div { float:left; margin-left:25px; font-size:16px; } .weigb i { display:inline-block; background-size:100% 100%; float:right; margin-top:2px; margin-left:8px; } .weigb1 i { background:url("../picture/share1.png"); width:17px; height:17px; } .weigb2 i { background:url("../picture/share2.png"); width:18px; height:18px; } .weigb3 i { background:url("../picture/share3.png"); width:18px; height:18px; } .img_drops_line { margin-top:30px; width:100%; height:22px; background-size:cover; background:url(../picture/more_ico1.png) repeat-x -146px -72px; } .detil_Article_center { margin-top:50px; } .detil_Article_center p { font-size:18px; color:#747474; /* text-indent:35px;*/ overflow:hidden; margin-bottom:0; width:100%; } .inside_detil_img { width:100%; text-align:center; margin-top:48px; margin-bottom:20px; float:left; } .inside_detil_img img { display:inline-block; width:552px; margin:0 auto; height:360px; } .inside_detil_img img.inside_detil_img_s { margin-right:15px; } .detil_Article_center p.weight_font_del { font-weight:600; color:#000; margin-top:45px; text-indent:0; } .desc_dlall { width:100%; margin-top:46px; overflow:hidden; } .desc_dlall p,.desc_dlall_22 p { margin-top:17px; text-indent:0; } .last_dlall { margin-top:40px; width:100%; overflow:hidden; color:#747474; } .last_dlall span { font-size:20px; color:#000; font-weight:600; } .detil_Article_center p.weight_font_del_1 { font-weight:600; color:#000; font-size:18px; overflow:hidden; text-indent:0; margin-bottom:0; width:100%; } .desc_tilsa { width:100%; overflow:hidden; } .desc_tilsa ul li p { text-indent:0; } .detil_Article_center p.bottom_des_detil { margin-top:40px; font-size:26px; text-indent:0; color:#000; font-weight:600; } .link_detil_next { width:100%; margin-top:68px; } .link_detil_next a { font-size:16px; color:#747474; } .link_detil_next a.org_link_detil { color:#f97302; } /*???????*/.contact_top { width:100%; overflow:hidden; margin-top:63px; } .contact_top_center { width:1536px; margin:0 auto; padding-bottom:30px; } .contact_top_center h2 { font-size:26px; color:#000; font-weight:600; text-align:center; margin:0; } .contact_top_center p { font-size:20px; color:#9f9f9f; margin-bottom:0; margin-top:20px; text-align:center; } .leav_msg { width:100%; overflow:hidden; background:#f9f9f9; } .leav_msg_content { width:1536px; margin:0 auto; margin-top:40px; overflow:hidden; padding-bottom:54px; } .leav_msg_content_lef { float:left; width:480px; } .leav_msg_content_lef>ul>li { width:100%; height:230px; background:#fff; margin-top:5px; padding-top:85px; padding-left:55px; } .leav_msg_content_fri { width:1018px; float:right; } .leav_msg_content_lef>ul>li:first-child { margin-top:0; } .leav_msg_content_lef ul li p.tel_leav { font-size:26px; color:#404040; font-weight:600; } .leav_msg_content_lef ul li p { margin:0; width:300px; color:#9f9f9f; float:left; } .leav_msg_content_lef ul li img { display:inline-block; float:left; width:45px; margin-right:30px; } .leav_msg_content_fri_form { width:100%; padding:69px 50px 86px 53px; background:#fff; } .leav_msg_content_fri_form i.triangl { width:0; height:0; display:block; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f97302; float:left; margin-top:12px; margin-right:5px; } .leav_msg_content_fri_form p.sm_proposal { font-size:18px; margin-top:30px; margin-bottom:0; color:#9f9f9f; margin-left:22px; } .contact_box { width:840px; margin-left:22px; margin-top:35px; overflow:hidden; } .cont_1 { height:70px; width:410px; line-height:70px; border:1px solid #e5e5e5; } .cont_1 input { outline:none; border:none; background:none; padding-left:25px; display:block; font-size:22px; color:#9f9f9f; height:70px; width:100%; padding-right:25px; line-height:70px; } .cont_1 input::-webkit-input-placeholder { /* placeholder??? */ color:#9f9f9f; } .contact_box textarea::-webkit-input-placeholder { /* placeholder??? */ color:#9f9f9f; } .cont_textarea { width:100%; height:230px; display:block; font-size:22px; color:#9f9f9f; font-weight:600; margin-top:22px; float:left; padding:15px 25px; } .contact_box button { display:block; width:190px; height:63px; line-height:63px; color:#fff; background:#f97302; text-align:center; font-size:22px; outline:none; border:none; margin-top:20px; float:left; } .busline { width:100%; overflow:hidden; } .busline_content { width:1536px; margin:0 auto; overflow:hidden; padding-top:37px; } .busline_content_left { float:left; width:715px; } .busline_content_right { float:right; width:730px; height:517px; overflow: hidden; } .left_tactus { float:left; width:208px; } .right_tactus { float:left; margin-left:35px; } .right_tactus p { margin-bottom:0; margin-top:19px; } .right_tactus p:first-child { margin-top:0; } .right_tactus p span { font-size:20px; color:#9f9f9f; } .right_tactus p span.weight_sfont { font-weight:600; color:#000; } .busline_content_left_bottom { margin-top:90px; width:100%; } .busline_content_left_top { width:100%; overflow:hidden; } .busline_content_left_bottom h2 { color:#f97302; font-size:30px; font-weight:600; margin:0; padding-bottom:28px; border-bottom:1px solid #bfbfbf; } .busline_content_left_bottom ul { width:100%; padding-left:0; } .busline_content_left_bottom ul li { width:100%; margin-top:22px; font-size:22px; color:#747474; } .busline_content_left_bottom ul li i { display:inline-block; width:10px; height:10px; float:left; border-radius:50%; background:#f97302; margin-top:9px; margin-right:10px; } /*???????*/.profileText_left { text-align:left; width:1536px; margin:0 auto; } .search_box_conss { float:right; } .search_box_conss input { height:49px; line-height:49px; width:240px; float:left; outline:none; border:none; background:#f4f4f4; padding-left:10px; color:#999; font-size:16px; } .search_box_conss button { display:block; border:none; outline:none; background-color:#f97302; background-image:url(../picture/icon_search.png); background-size:17px 17px; background-position:center center; background-repeat:no-repeat; width:77px; height:49px; float:left; } .constrion { width:100%; overflow:hidden; } .constrion_content { width:1536px; margin:0 auto; overflow:hidden; } .constrion_content ul { margin-top:10px; width:100%; overflow:hidden; } .constrion_content ul li { float:left; width:745px; margin-top:50px; padding:37px 50px 0 43px; margin-right:46px; background:#f9f9f9; height:490px; border:1px solid #fff; cursor:pointer; } .constrion_content ul li:hover { border:1px solid #f97302; } .constrion_content ul li img { float:left; width:372px; } .constrion_content ul li:nth-child(2n) { margin-right:0; } .navi_pages_margin { overflow:hidden; margin:0 auto; text-align:center; margin-top:45px; } .navi_pages_margin span:first-child { /* display:none;*/ text-align: center; font-size: 16px; background: #f4f4f4; color: #000; display: inline-block; padding: 9px 15px; } .navi_pages_margin a { text-align:center; font-size:16px; background:#f4f4f4; color:#000; display:inline-block; padding:9px 15px; } .navi_pages_margin .current { background:#f97302; color:#fff; padding:9px 20px; } .navi_pages_margin .active { background:#f97302; color:#fff; padding:9px 15px; } .pl { float:left; display:inline-block; width:15px; height:14px; background:url(../picture/icon_b2.png) no-repeat; margin-top:5px; margin-right:10px; } .liuanda_flsl { float:left; margin-left:42px; } .conmm_liuanda { font-size:14px; color:#999; } .right_strion p.rqi_s { font-size:14px; color:#f97302; font-weight:600; margin-top:25px; margin-bottom:0; } .rqi_s i.rili_img_time { float:left; display:inline-block; width:14px; height:14px; background:url(../picture/icon_b1.png) no-repeat; margin-top:1px; margin-right:10px; } .right_strion .liuanda { margin-top:25px; overflow:hidden; width:100%; } .conmm_liuanda i { margin-top:4px; } .right_strion { float:left; margin-left:38px; width:215px; } .look_construct { margin-top:95px; border-top:1px solid #f97302; border-bottom:1px solid #f97302; font-size:20px; height:36px; line-height:36px; } .look_construct a { display:block; text-align:center; color:#f97302; } .right_strion h2 { margin:0; color:#000; font-weight:600; font-size:24px; } .desc_construction { width:100%; margin-top:45px; float:left; } .desc_construction p { margin:0; font-size:14px; color:#494949; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; width:100%; overflow:hidden; } /*??????*/.decorat_content { width:100%; overflow:hidden; } .decorat_center { width:1536px; margin:0 auto; overflow:hidden; } .decorat_top { width:100%; margin-top:50px; overflow:hidden; border:3px solid #eeeeee; padding:10px 0px; height:100px; } .left_dections { float:left; line-height:80px; padding-left:60px; } .left_dections span { display:inline-block; float:left; color:#f97302; font-size:30px; font-weight:600; } .left_dections i { width:0; height:0; border-width:8px 0 8px 8px; border-style:solid; display:block; float:left; margin-top:34px; margin-left:25px; border-color:transparent transparent transparent #f97302; } .chose_allc ul { float:left; } .chose_allc ul li { float:left; width:165px; } .all_sho { float:left; width:80px; } .all_sho a { color:#747474; font-size:20px; display:block; text-align:center; border-right:1px solid #747474; } .chose_allc { float:right; border:1px solid #eee; margin-right:8px; padding:30px 10px 20px 10px; } .chose_allc ul li a { width:100%; text-align:center; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#747474; font-size:20px; border-right:1px solid #747474; } .chose_allc ul li:last-child a { border-right:none; } .chose_allc a.active { color:#000; font-weight:600; } .decorat_list_show { overflow:hidden; width:100%; } .decorat_list_show ul li { float:left; margin-top:40px; width:490px; margin-right:30px; overflow:hidden; } .decorat_list_show ul li:nth-child(3n) { margin-right:0; } .decorat_list_show ul li img { border:1px solid #bebebe; display:block; width:100%; height:292px; cursor:pointer; } .next_decoat_box { border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; width:100%; padding:27px 32px; overflow:hidden; } .left_next_decoat_box { float:left; } .left_next_decoat_box p { margin:0; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .comm_coart { margin-top:10px; } .comm_coart span { color:#bebebe; font-size:14px; display:inline-block; float:left; } .comm_coart i { display:block; float:left; margin-right:8px; } .right_next_decoat_box { float:right; } .liuulan { margin-left:28px; float:left; } .data_sh i { background:url('../picture/icon_graytime.png') no-repeat; width:15px; height:15px; } .liuulan i { background:url('../picture/icon_grayeye.png') no-repeat; width:22px; height:12px; margin-top:4px; } .right_next_decoat_box a { width:152px; height:46px; line-height:46px; color:#f97302; text-align:center; display:block; font-size:20px; border:1px solid #f97302; } /*????????*/.shops_last { width:100%; overflow:hidden; } .scor_detl { width:100%; overflow:hidden; text-align:center; margin-top:45px; } .scor_detl img { display:inline-block; } .common_detl { width:760px; display:inline-block; height:360px; } .common_detl img { display:block; width:100%; height:100%; } .common_detl p { color:#999; } .cen_drtl { width:100%; margin-top:70px; overflow:hidden; } .cen_drtl p { text-indent:30px; color:#999; font-size:18px; margin:0; } /*???????*/.pop_content { width:100%; overflow:hidden; } .pop_srcts2 { width:1536px; margin:0 auto; } .pop_srcts2_top { width:100%; overflow:hidden; margin-top:58px; } .pop_srcts2_top img { display:block; float:left; width:443px; height:267px; } .desction_struct { float:left; width:957px; margin-left:45px; } .desction_struct h2 { color:#000; font-size:40px; font-weight:600; margin-top:0; } .desction_struct p { font-size:14px; margin-top:25px; margin-bottom:0; color:#747474; cursor:pointer; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .desction_struct p.kg_data { color:#f97302; font-size:26px; font-weight:600; margin-top:48px; } .desction_struct_botom { margin-top:30px; width:100%; overflow:hidden; } .constucrt_Speed { width:100%; overflow:hidden; margin-top:45px; } .constucrt_Speed h2 { color:#000; font-weight:600; font-size:30px; margin:0; } .constucrt_Speed>ul { width:100%; float:left; padding-left:58px; margin-top:40px; } .constucrt_Speed>ul>li { position:relative; border-left:1px solid #e5e5e5; width:100%; float:left; padding-bottom:60px; } .constucrt_Speed>ul>li:last-child { padding-bottom:0; } .constucrt_Speed>ul>li i.org_yuands { display:block; position:absolute; top:-4px; left:-8px; background:url("../picture/icon_b3.png") no-repeat; width:14px; height:14px; } .constucrt_Speed>ul>li i.org_yuandgray { display:block; position:absolute; top:-4px; left:-8px; background:url("../picture/icon_b4.png") no-repeat; width:14px; height:14px; } .img_enlarge { width:100%; overflow:hidden; margin-top:20px; } .img_enlarge ul li { float:left; width:310px; height:240px; margin-right:10px; } .img_enlarge ul li:last-child { margin-right:0; } .img_enlarge ul li img { display:block; width:100%; height:100%; cursor:pointer; } .img_enlarge ul li img:hover { opacity:.8; } .flxd_data { width:105px; height:60px; background:#f97302; border-radius:5px; position:absolute; left:-56px; top:100px; } .flxd_data_gray { width:105px; height:60px; background:#a0a0a0; border-radius:5px; position:absolute; left:-56px; top:100px; } .flxd_data span,.flxd_data_gray span { display:inline-block; color:#fff; padding-left:14px; margin-top:10px; font-size:14px; } .flxd_data span:nth-child(2),.flxd_data_gray span:nth-child(2) { margin-top:2px; } .show_img_stcue { width:1315px; border:1px solid #e5e5e5; margin-left:83px; height:368px; position:relative; padding:22px 25px 27px 12px; } .jiao { position:absolute; height:0px; width:0px; left:-7px; top:120px; border-top:7px solid transparent; border-right:7px solid #e5e5e5; border-bottom:7px solid transparent; } .jiao:after { content:''; position:absolute; left:1px; top:-7px; border-top:7px solid transparent; border-right:8px solid #fff; border-bottom:8px solid transparent; } .show_img_stcue p { margin:0; font-size:16px; color:#999; } /*??????*/.photo-mask { position:fixed; bottom:0; top:0; left:0; right:0; background:rgba(0,0,0,0.8); filter:alpha(opacity=20); -moz-opacity:0.8; opacity:0.8; display:none; z-index:30; } .photo-panel { position:fixed; display:none; clear:both; top:0; left:0; bottom:0; right:0; z-index:40; } .photo-panel .photo-div,.photo-panel .photo-bar { width:100%; } .photo-panel .photo-div { width:1039px; height:560px; z-index:11; margin:auto; position:relative; } .photo-panel .photo-close { background:url(../picture/close_ch.png); width:32px; height:32px; position:absolute; right:192px; top:38px; cursor:pointer; } .photo-panel .photo-bar-tip { width:100%; overflow:hidden; margin-top:30px; } .photo-panel .photo-img { width:100%; height:auto; } .photo-panel .photo-view-w { width:720px; height:402px; text-align:center; vertical-align:middle; margin:0 auto; display:block; } .photo-panel .photo-view-h { width:720px; height:560px; text-align:center; vertical-align:middle; } .photo-panel .photo-view-w img { /* width:100%; *//* display:block; */display:inline-block; margin:0 auto; height:402px; vertical-align:middle; text-align:center; background-size:100% 100%; } .photo-panel .photo-view-h img { width:526px; height:402px; margin:10px; -moz-box-shadow:5px 5px 5px #a6a6a6; /* ??? Firefox */ box-shadow:5px 5px 5px #a6a6a6; -webkit-animation:swing 1s .2s ease both; -moz-animation:swing 1s .2s ease both; } .photo-bar-tip ul { width:100%; } .photo-bar-tip ul li { float:left; width:255px; height:200px; margin-right:5px; } .photo-bar-tip ul li:last-child { margin-right:0; } .photo-bar-tip ul li img { display:block; width:100%; height:100%; background-size:100% 100%; } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin:top center } 20% { -webkit-transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg) } 100% { -webkit-transform:rotate(0deg) } }@-moz-keyframes swing { 20%,40%,60%,80%,100% { -moz-transform-origin:top center } 20% { -moz-transform:rotate(15deg) } 40% { -moz-transform:rotate(-10deg) } 60% { -moz-transform:rotate(5deg) } 80% { -moz-transform:rotate(-5deg) } 100% { -moz-transform:rotate(0deg) } }.photo-panel .photo-left { left:0; } .photo-panel .photo-left,.photo-panel .photo-right { position:absolute; top:220px; } .photo-panel .photo-right { right:0; } .photo-panel .arrow-prv { background:url(../picture/l1.png); width:50px; height:36px; cursor:pointer; } .photo-panel .arrow-next { background:url(../picture/r1.png); width:50px; height:36px; cursor:pointer; } /*END ??????*/.chose_like { float:right; margin-top:10px; margin-right:10px; } .chose_like i { display:inline-block; float:left; background:url("../picture/icon_like.png") no-repeat; width:11px; height:11px; margin-top:7px; margin-right:10px; } .chose_like span { font-size:14px; } .left_nology{ float: left; width: 610px; height: 520px; padding: 45px 77px 0 77px; box-sizing: border-box; background: #f8f8f8; } .right_nology{ float: right; width: 845px; } .right_nology_inside{ float: left; width: 515px; margin-left: 25px; } /*????*/@media (max-width:1536px) { .banner_fxed_home{ padding-bottom: 43%; height: 0; overflow: hidden; } .slid li img{ height: auto; } .leav_msg_content_fri_form{ padding-bottom: 62px; } .leav_msg_content_lef ul li p{ width: 250px; } .right_bottom_content>ul>li{ margin-right: 10px; width: 100px; } .itemsCenter_box>ul { padding: 0 20px; overflow: hidden; width: 100%; } .fex_ed_txt{ left: 27.2%; } .common_title{ padding: 0 20px; box-sizing: border-box; } .link_title_list>li>a { padding: 0 16px; } .chose_allc ul li { width:auto; } .xcx { width:135px; } .focs_text p.focs_text_desc { margin-top:5px; } .tel_bottom { padding-right:15px; } .compy_bottom { margin-left:17px; } .site_desc p { font-size:14px; } .site_desc { padding:0 10px; } .focs_text_title { margin-top:10px; } .xcx { width:125px; } .title .container { padding:0 20px; } .left_cture_bann_top { width:100%; } .next_decoat_box { padding:27px 17px; } .title .container { width:100%; } .title_center { width:100%; } .itemsCenter { width:100%; } .itemsCenter_box>ul>li { width:24%; margin-right:1.3%; } .firmContent { width:100%; padding:0 20px; } .fl_firmdesc { width:45%; } .fr_firm { width:55%; } .step_content h3 { width:1200px; margin:0 auto; } .fr_firm img { width:100%; display:block; } .fl_information { width:54%; } .left_nology{ width: 42%; } .right_nology{ width: 56%; } .right_nology_inside{ width: 60%; } .fr_information { width:43%; } .Information_content { width:100%; overflow: hidden; padding:0 20px; } .center_imgs_show { width:100%; } .Onlinesite_content { width:100%; padding:0 20px; } .Onlinesite_content_box>ul>li { width:24%; } .Onlinesite_content_box ul li .site_img { width:100%; } .bottom_content { width:100%; padding:0 20px; } .bottom_fxd { height:auto; } .bottom_content_next_center { margin-left:20px; } .pop_srcts2 { width:100%; padding:0 10px; } .pop_srcts2_top img { width:33%; } .desction_struct { width:65%; margin-left:2%; } .show_img_stcue { width:93%; } .img_enlarge ul li { width:24%; margin-right:1%; height:215px; } .constrion_content { width:100%; padding:0 20px; } .constrion_content ul li { width:49%; margin-right:2%; } .constrion_content ul li img { width:51%; } .profileText_left { width:100%; padding:0 10px; } .look_construct { margin-top:40px; } .leav_msg_content { width:100%; padding-left: 20px; padding-right: 20px; } .leav_msg_content_lef { width:31%; } .leav_msg_content_fri { width:66%; } .contact_box { width:100%; } .cont_1 { width:48%; } .busline_content_left { width:46%; } .busline_content_right { width:47%; } .busline_content { width:99%; padding-left: 20px; padding-right: 20px; } .busline_content_right img { width:100%; display:inline-block; } .left_tactus { margin-left:24%; margin-bottom:20px; } .contact_top_center { width:100%; } .decorat_center { width:100%; padding:0 20px; } .decorat_top ul li a { padding:0 12px; } .decorat_list_show ul li { width:32%; margin-right:2%; } .detil_Article_content { width:100%; padding:0 10px; } .introduce_content { width:100%; padding:0 20px; } .introduce_culture { width:100%; padding:0 20px; } .Idea { width:100%; padding:0 20px; } .box_idea_lef { font-size:22px; } .introduce_culture ul li { margin-right:1.5%; } .left_idea { width:24%; } .center_idea { width:46%; } .facture_list li { width:14%; } .right_idea,.left_cture_bann { width:19%; } .cture_bann,.facturer_content { width:100%; } .right_cture_bann { width:74%; } .step_tio2 { width:220px; } .step_tio2 img { width:220px; } .step { width:1200px; margin:0 auto; } .step_tio1 { width:490px; margin-right:0; height:auto; } .stemo_top { width:228px; } .step_tio1 img { width:220px; } .stemo_box { margin-top:0; } .customer { width:1200px; margin:0 auto; margin-top:50px; } .customer>ul>li { width:224px; } .customer>ul>li a img { width:224px; } .fact_function { width:1200px; margin:0 auto; } .fact_function ul li:nth-child(4n) { margin-right:60px; } .fact_function ul li:nth-child(3n) { margin-right:0px; } .right_step_center { width:750px; } .left_step_center { width:445px; } .li_mins_text { width:300px; } .step_center { width:1200px; margin:0 auto; } .li_mins_text_right { width:645px; } .revion_common { width:100%; } .revion_content { width:100%; } /*??????*/ .revion_common { width:1200px; margin:0 auto; } .revion_common h2 { text-align:center; } .left_revion { width:260px; height:520px; } .right_revion_txt { width:300px; } .revion_imgs img { }.right_revion { width:885px; } .revion_content { width:1200px; margin:0 auto; } .right_revion_txt { width:300px; } .technolo_centent { width:1200px; padding:0 10px; margin:0 auto; } .right_technolo { width:350px; } .left_technolo { width:810px; } .right_techno_txt { width:480px; } } @media (max-width:1380px){ .fex_ed_txt{ left: 24.2%; } /*.link_title_list>li>a {*/ /*padding: 0 26px;*/ /*}*/ } @media (max-width:1280px) { .chose_allc ul li { width:auto; } .xcx { width:125px; } .link_title_list>li>a { padding:0 20px; } .title .container { width:1200px; margin:0 auto; } .title_center { width:1200px; margin:0 auto; } .itemsCenter { width:1200px; margin:0 auto; } .itemsCenter_box>ul>li { width:23.7%; } .center_imgs_show { width:1200px; margin:0 auto; } .firmContent { width:1200px; margin:0 auto; } .fl_firmdesc { width:450px; } .fl_firmdesc ul { width:100%; } .fr_firm { width:700px; } .fr_firm img { display:inline-block; background-size:100% 100%; width:100%; height:100%; } .fl_information { width:628px; } .Information_content { width:1200px; margin:0 auto; } .informa_text { width:420px; } .focusImage a img { width:489px; height:300px; } .fr_information { width:489px; } .focusImage { height:300px; } .Onlinesite_content_title a.inform_more { margin-right:20px; } .focs_text_title { margin-top:20px; } .Onlinesite_content { width:1200px; margin:0 auto; } .Onlinesite_content_box ul li .site_img { width:100%; height:208px; } .site_img a img { width:100%; height:100%; } .Onlinesite_content_box>ul>li { width:24%; height:350px; } .bottom_fxd { height:auto; } .bottom_content { width:1200px; height:auto; margin:0 auto; padding: 0; } .right_bottom_content>ul>li { margin-right:10px; } .right_bottom_content>ul>li a { text-align:center; } /*????*/ .facturer_content { width:1200px; margin:0 auto; } .facture_list li { width:168px; } .right_cture_bann { width:815px; float:left; margin-left:30px; } .botom_cture_ban { margin-top:0; } .botom_cture_ban p.nath_two { margin-left:0; float:right; } .fact_function { width:1200px; margin:0 auto; } .fact_function ul li:nth-child(3n) { margin-right:0; } .fact_function ul li:nth-child(4n) { margin-right:60px; } .cture_bann { width:1200px; margin:0 auto; margin-top:77px; } .stemo_box { margin-top:0; } .step_content { margin-top:50px; } .img_stepm { margin-top:53px; height:186px; } .detil_Article_content { width:1200px; margin:0 auto; } .contact_top_center { width:1200px; margin:0 auto; } .leav_msg_content { width:1200px; margin:0 auto; margin-top:40px; } .leav_msg_content_lef { width:360px; } .leav_msg_content_lef ul li p { width:230px; } .leav_msg_content_fri { width:800px; } .contact_box { width:668px; } .cont_1 { width:300px; } .banner_fxed { width:100%; margin:0 auto; } .busline_content { width:1200px; margin:0 auto; } .leav_msg_content_fri_form { padding-bottom:61px; } .busline_content_left { width:500px; } .left_tactus { margin-left:24%; margin-bottom:20px; } .busline_content_left_bottom { margin-top:90px; padding-left:35px; } .busline_content_right { float:right; width:670px; height:auto; } .profileText_left { width:1200px; padding:0 10px; } .constrion_content { width:1200px; padding:0 10px; margin:0 auto; } .constrion_content ul li img { width:290px; } .constrion_content ul li { width:580px; margin-right:20px; padding-left:10px; padding-right:10px; } .decorat_center { width:1200px; margin:0 auto; } .left_dections { padding-left:25px; } .decorat_top ul li a { padding:0 9px; } .decorat_list_show ul li { width:370px; margin-right:34px; } .next_decoat_box { padding:27px 7px; } .liuulan { margin-left:15px; } .right_next_decoat_box a { width:125px; margin-top:10px; } .common_detl img { height:360px; } .common_detl { width:560px; } .pop_srcts2 { width:1200px; padding:0 10px; } .desction_struct { width:700px; } .img_enlarge ul li { float:left; width:245px; height:180px; margin-right:10px; } .show_img_stcue { width:1049px; height:294px; } .fex_ed_txt { left:22%; } }.itemsCenter_box>ul>li:hover { border:1px solid #f97302; -moz-box-shadow:0px 0px 14px #f97302 inset; /* For Firefox3.6+ */ -webkit-box-shadow:0px 0px 14px #f97302 inset; /* For Chrome5+,Safari5+ */ box-shadow:0px 0px 14px #f97302 inset; /* For Latest Opera */ } .consultation a:hover,.morezx a:hover,.fl_firmdesc>ul>li span:hover,.fl_firmdesc a:hover,.fl_information a.inform_more:hover,.informa_text p.informa_text_top2:hover,.Onlinesite_content_title a.inform_more:hover { color:#f97302; } .Onlinesite_content_box>ul>li:hover { border:1px solid #f97302; transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .desction_struct p:hover { color:#f97302; } .desc_construction p:hover,.decorat_top ul li a:hover,.link_detil_next a:hover,.fact_function ul li a:hover { color:#f97302; } .right_bottom_content ul li a:hover,.li_mins_text_next:hover,.right_techno_txt p.right_techno_txt_desc:hover { color:#f97302; } .box_idea_lef:hover { border:6px solid #f97302; color:#f97302; } .intro_box p.chexin { cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .intro_box p.chexin:hover,.bottom_content_link a:hover { color:#f97302; } .customer>ul>li:hover { opacity:.6; } .standard a.learn_mog:hover { color:#fff; background:#f97302; } .navi_pages div.common_page_style:hover { background:#f97302; color:#fff; } .slid li { position:relative; } .right_next_decoat_box a:hover { color:#ffffff; background:#f97302; } .look_construct:hover { border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; } .standard ul li:hover { color:#f97302; } .site_desc p.a3 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .left_next_decoat_box p { width:210px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .introduce_culture ul li:hover { transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } @keyframes changeBiger { 0% { transform:scale(1.08); } 100% { transform:scale(1); } }.decorat_list_show ul li img:hover { animation:changeBiger 4s linear forwards; animation-delay:5s; -webkit-animation-delay:5s; transform:scale(1.08); } .leav_msg_content_fri_form h2 { font-weight:600; } .srvce_search { width:100%; float:left; } .srvce_search_content { width:1200px; margin:0 auto; overflow:hidden; } .seach_top_box { width:100%; margin-top:75px; } .seach_top_box_cone { float:left; } .seach_top_box_cone input { height:40px; line-height:40px; width:520px; float:left; outline:none; background:none; padding-left:10px; border:1px solid #f97302; color:#000; font-size:16px; } .seach_top_box_cone button { width:50px; height:40px; font-size:18px; color:#fff; background:#f97302; text-align:center; border:none; cursor:pointer; outline:none; } .srvce_search_content>ul { width:100%; float:left; margin-top:15px; } .srvce_search_content>ul>li { width:100%; margin-top:40px; padding-bottom:30px; border-bottom:1px solid #ededf1; } .srvce_search_content>ul>li a { color:#000000; border:1px solid #000000; display:block; width:120px; height:30px; font-size:18px; line-height:30px; text-align:center; border-radius:10px; margin-top:27px; } .sear_title { font-size:22px; color:#000000; font-weight:600; margin-top:0; margin-bottom:0; } .colr_org { font-size:22px; font-weight:600; color:#f97302; } .search_desc { font-size:16px; margin-top:27px; color:#cacaca; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:0; } .srvce_search_content>ul>li a:hover { background:#000000; color:#fff; } .sech_box_navigation { width:100%; float:left; margin-top:60px; } /*新修改*/.adetil_left_box { width:990px; float:left; } .adetil_right_box { width:500px; float:right; } .adetil_right_box_top { width:100%; border:1px solid #e5e5e5; } .adetil_right_box_top>p,.adetil_right_box_next>p { width:100%; height:70px; line-height:70px; text-align:center; color:#000; font-size:24px; margin-top:0; margin-bottom:0; background:#eee; } .adetil_right_box_top>ul>li { width:100%; height:70px; border-top:1px solid #e5e5e5; line-height:70px; } .adetil_right_box_top>ul>li a { display:block; width:100%; text-align:center; color:#747474; font-size:24px; } .adetil_right_box_top>ul>li a:hover { color:#eb6100; } .adetil_right_box_next { width:100%; border:1px solid #e5e5e5; margin-top:70px; } .adetil_right_box_next ul { width:100%; padding:0 20px; } .adetil_right_box_next ul li { width:100%; margin-top:40px; padding-bottom:30px; border-bottom:1px solid #e5e5e5; } .adetil_right_box_next ul li:last-child { border-bottom:none; } .drop_lm { overflow:hidden; width:100%; padding-top:28px; } .drop_lm_left p { font-size:22px; color:#747474; margin-top:0; margin-bottom:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .adetil_right_box_next ul li img { display:block; width:100%; height:276px; background-size:100% 100%; } .drop_lm .drop_lm_left { float:left; width:57%; } .drop_lm .drop_lm_right { width:33%; float:right; } .drop_lm .drop_lm_right a { max-width:152px; height:46px; line-height:46px; color:#f97302; text-align:center; display:block; font-size:20px; border:1px solid #f97302; } .drop_lm .drop_lm_right a:hover { border:1px solid #1a1a1a; color:#1a1a1a; } .common_detl { width:100%; display:inline-block; height:360px; } @media (max-width:1280px) { .detil_Article_content { padding:0 20px; } }@media (max-width:1536px) { .adetil_left_box { width:64%; } .adetil_right_box { width:32%; } }p { margin-bottom:0; margin-top:0; } .fact_content { width:1200px; margin:0 auto; } .fact_list { width:100%; overflow:hidden; } .fact_content>ul li { width:162px; height:115px; line-height:115px; float:left; } .fact_content>ul li a { display:inline-block; width:100%; height:100%; text-align:center; color:#747474; font-size: 20px; } .fact_content>ul li.active a { background:#f9f9f9; border-bottom:7px solid #f97302; color: #000; } .now_content { width:100%; } .now_content_title { margin-top:75px; } .now_content_title p { text-align:center; width:100%; } .now_content_title p.title_eng { color:#f97302; font-size:20px; } .now_content_title p.title_cnn { font-size:56px; font-weight:600; color:#f97302; margin-top:20px; } .desc_mann { width:100%; text-align:center; margin-top:40px; font-size:17px; line-height:30px; } .mnu_cent { width:100%; margin-top:35px; text-align:center; } .mnu_cent>div { display:inline-block; } .left_none { margin-right:80px; } .mnu_cent>div span.reg { color:#f97302; font-size:20px; font-weight:600; } .mnu_cent>div span { color:#222; } .mnu_cent>div span:nth-child(2) { margin-right:15px; } .large_banner { display:block; width:100%; height:420px; background-size:100% 100%; margin-top:38px; } .fxture_com1 h2 { position:relative; text-align:center; } .fxture_com1 h2 span { display:inline-block; position:absolute; width:12px; height:3px; top:16px; background:#f97302; } .fxture_com1 em { color:#333; font-size:30px; position:relative; font-weight:600; height:30px; line-height:30px; font-style:normal; display:inline-block; } .fxture_com1 span.lina1 { left:40%; } .fxture_com1 span.lina2 { right:40%; } .true_title { width:100%; text-align:center; margin-top:35px; } .true_title i { display:inline-block; padding-right:30px; height:28px; line-height:28px; font-weight:600; font-size:24px; color:#f97608; border-right:2px solid #f97608; } .true_title span { height:28px; line-height:28px; display:inline-block; font-size:24px; margin-left:18px; color:#f97608; } .true_desc { width:100%; font-size:15px; color:#747474; margin-top:30px; text-align:center; text-indent:30px; } .oders_img { display:block; width:100%; height:396px; background-size:100% 100%; margin-top:30px; } .fxt_bz { width:100%; text-align:center; margin-top:65px; } .bz_shows { display:inline-block; width:1053px; height:416px; margin-top:50px; } .fxt_hz_box { width:100%; margin-top:30px; } .fxt_hz_box ul li { float:left; width:225px; height:80px; border:2px solid #eee; margin-right:18px; margin-top:13px; overflow:hidden; } .fxt_hz_box ul li img { display:block; width:225px; height:80px; background-size:100% 100%; } .fxt_hz_box ul li:nth-child(5n) { margin-right:0; } .plant { width:100%; } .plant_center { width:1200px; margin:0 auto; } .plant_chose_nt { width:100%; text-align:center; } .plant_chose_nt li { display:inline-block; height:115px; line-height:115px; } .plant_chose_nt li a { font-size:20px; color:#747474; display:block; padding:0 36px; } .plant_chose_nt li.active a { background:#f9f9f9; color:#000; border-bottom:7px solid #f97302; } .plant_top_title { width:100%; margin-top:75px; } .plant_top_title p { text-align:center; } .plant_top_title p.title_eng { color:#f97302; font-size:20px; } .plant_top_title p.title_cnn { font-size:56px; font-weight:600; color:#f97302; margin-top:15px; } .center_inside_plant { width:100%; overflow:hidden; } .plant_title { width:100%; text-align:center; font-size:24px; font-weight:bold; position:relative; height:60px; line-height:60px; } .plant_title p { width:290px; height:60px; position:absolute; left:38%; top:0; border-bottom:1px solid #bfbfbf; } .plant_title p span { position:absolute; left:35%; bottom:-4px; width:86px; height:7px; background:#f97302; display:block; } .plant_title_a1 { margin-top:70px; } .safe_rules { width:100%; margin-top:55px; padding:0 5px; float:left; } .safe_rules li { width:235px; margin-right:82px; height:200px; float:left; box-shadow:0px 0px 20px #f0eeee; } .safe_rules li:last-child { margin-right:0; } .hei_safe_box { position:relative; width:100%; height:103px; margin-top:30px; } .hei_safe_box img { display:block; margin:0 auto; } .hei_safe_box1 img { width:79px; height:77px; } .hei_safe_box2 img { width:72px; height:72px; } .hei_safe_box3 img { width:64px; height:77px; } .hei_safe_box4 img { width:72px; height:72px; } .hei_safe_box span { position:absolute; left:44%; height:2px; width:30px; bottom:0; display:block; background:#f97302; } .safe_rules li p { text-align:center; color:#f97302; margin-top:18px; font-size:17px; } .plant_title_a2 { margin-top:62px; } .plant1,.plant2 { width:100%; overflow:hidden; } .plant2 p.design_desc { text-align:center; margin-top:25px; font-size:15px; color:#747474; } .plant_title_a2>img,.plant_title_a3>img,.plant_title_a1>img,.plant_title_a4>img,.plant_title_a5>img,.plant_title_a6>img,.plant_title_a7>img { display:block; width:100%; } .pt1 { margin-top:17px; } .plant_title_a3 { margin-top:30px; } .plant_title_a3 p.middle_a3 { font-size:15px; color:#747474; text-align:center; margin-top:25px; } .plant_title_a3 p.middle_a3 i { font-size:15px; color:#000; } .plant_title_a3 ul { width:100%; } .plant_title_a3 ul li { margin-top:45px; } .plant_title_a3 ul li:first-child { margin-top:30px; } .plant_title_a3 ul li p.font-org_d { color:#f97302; font-size:20px; line-height:32px; font-weight:bold; } .plant_title_a3 ul li p.font_gray_d { color:#747474; font-size:15px; line-height:32px; margin-top:15px; } .pt2 { margin-top:20px; } .plant_title_a4 { margin-top:40px; } .pt3 { margin-top:35px; } .name_a4 { font-size:20px; color:#000; margin-top:30px; } .plant_title_a4 ul { margin-top:10px; width:100%; overflow:hidden; } .plant_title_a4 ul li { width:100%; font-size:15px; color:#747474; line-height:32px; } .plant_title_a4 ul li span { font-size:15px; font-weight:bold; color:#000; line-height:32px; } .plant_title_a5 { margin-top:50px; } .pt5 { margin-top:20px; } .plant_title_a5 ul { width:100%; margin-top:10px; overflow:hidden; } .plant_title_a5 ul li { margin-top:20px; font-size:15px; color:#747474; } .plant_title_a6 { margin-top:30px; } .pt6 { margin-top:50px; } .plant_title_a6 ul { width:100%; margin-top:30px; overflow:hidden; } .plant_title_a6 ul li { margin-top:20px; font-size:15px; color:#747474; } .plant_title_a7 { margin-top:105px; } .plant_title_a7 p.middle_a7 { font-size:15px; color:#747474; text-align:center; margin-top:25px; } .pt7 { margin-top:40px; } .pt7_1 { margin-top:110px; } .plant_title_a8 { margin-top:60px; }