li{ width: 80px; height: 70px; line-height: 70px; margin-left: 5px; text-align: center; float: left; } .sub{ background: #fff; width: 200px; border-top: 5px solid #5e7cbd; position:absolute; left:-999em; line-height: 30px; } .sub li{ width: 200px; height: 40px; line-height: 40px; margin-bottom: 2px; } .sub li:hover{ background: #DDF0ED; } .nav li:hover .sub{ left:auto; position:relative; } .navbar .nav li>a{ width: 80px; height: 70px; font-size: 14px; color: #4a5b65; display: block; } .navbar .nav li ul li a{ display: block; width: 200px; height: 40px; } /*下面结束NAV部分的CSS-------------------*/ .concept{ width: 1000px; min-height: 500px; margin:0 auto; padding-left: 200px; padding-top: 100px; } .concept h3{ font-size: 26px; line-height: 100px; } .qualifications_middle{ width: 100%; min-height: 350px; margin:40px auto 20px auto; } .qualifications_series{ width: 80%; height: 50px; background: #AFE0E0; margin:20px 10%; line-height: 50px; } .qualifications_series h2{ font-weight: 500; color: #fff; margin-left: 10px; } .qualifications_box{ width: 80%; min-height: 378px; background: #fff; text-align: center; border: 1px solid #DDF0ED; margin: 10px 10%; cursor: pointer; } .qualifications_box h3{ margin-bottom: 16px; color: #31424e; } .q_minddle10{ width: 20px; height: 350px; float: left; } .q_box_img{ width: 100%; height: 200px; /*background: #456151;*/ } .q_box_img img{ margin-top: 50px; } .q_box_content{ width: 80%; min-height: 148px; padding: 10% 10%; text-align: center; } .q_box_content p{ font-size: 14px; color: #787c83; } .qualification_big{ width:80%; min-height: 500px; background: #f2f2f9; text-align: center; margin:0px auto 10px auto; padding:50px 10% 20px 10%; } .qualification_big img{ width: 100%; } #team_face1_out{ width: 155px; height: 155px; background: #D4C1DC; margin:20px auto; padding: 5px 0px 0px 5px; border-radius:50%; } #team_face1{ width: 150px; height: 150px; border-radius:50%; } #team_face1 img{ border-radius:50%; width: 150px; } #team_profile_content{ width: 80%; min-height: 100px; margin: 0px auto; text-align: center; padding:10% 10%; } #team_profile_content h1{ font-size:21px; } .middle_vertical_line{ width: 8px; height: 250px; background: pink; margin:10px auto; } .history_box{ width: 100%; min-height: 50px; margin-bottom: 20px; /*background: #989fff;*/ } /*.history_box:hover .history_box_child_left{ color: #fff; background: #7bbfea; line-height: 46px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .history_box:hover .history_box_child_right{ border-left: 3px solid #7bbfea; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }*/ .dot{ display: none; } .history_box_child_left{ width: 25%; height: 20px; line-height: 20px; float: left; text-align: center; /*margin: 50px 0px 5px 360px;*/ margin-left: 15%; margin-top: 4px; color: #fff; background: #7bbfea; border-right: 5px double #C3BED4; transform: skew(-25deg); /*padding-right: 2%;*/ } .history_box_child_left h3{ } .history_box_right{ width: 80%; min-height: 30px; margin:0 auto; /*background: gray;*/ } .history_box_child_right{ width: 93%; min-height: 30px; border-left: 3px solid #C3BED4; /*background: yellow;*/ padding:0% 0% 0% 1%; margin-left: 2%; /*background: #931ff2;*/ } .p_month{ width: 20%; /*background: yellow;*/ } .p_output_h_content{ width: 80%; /*background: pink;*/ } .p_month,.p_output_h_content{ min-height: 30px; float: left; margin-bottom: 10px; } .history_head{ /*display: none;*/ width: 100%; height: 50px; /*background: yellow;*/ margin: 0px auto 0px auto; } .histor_img{ width: 40%; height: 100px; /*background: #ccc;*/ float: left; text-align: right; padding-right: 5%; display: none; } .histor_img img{ /*width: 40%;*/ height: 100%; } .histor_title{ width: 50%; height: 100px; line-height: 100px; float: left; display: none; } .histor_title p{ color: #4F4D4D; font-size: 1.6rem; } .history_bottom{ width: 80%; height: 80px; line-height: 80px; margin:0 auto 0px auto; text-align: center; color: #31424e; font-size: 28px; /*border-bottom: 3px solid #C3BED4;*/ border-top: 3px solid #C3BED4; display: none; } .history_box_left{ width: 80%; padding:0 2%; height: 30px; line-height: 30px; /*margin-bottom: 10px;*/ margin:0px auto 10px auto; } .history_box_left h3{ display: block; width: 30%; height: 30px; line-height: 30px; padding-left: 3%; background: #00CED1; color: #fff; } #hr_head_banner{ width: 100%; min-height: 140px; margin: 0px auto; } #hr_head_banner img{ width: 100%; } .hr_head_box{ width: 100%; height: 70px; } .hr_head_box img{ float: left; margin-right: 20px; } .hr_head{ width: 96%; height: 70px; line-height: 70px; padding-left: 4%; background: #fff; float: left; position: relative; box-shadow: -2px 0px 10px 3px #E4F4F5,0px -2px 10px 3px #E4F4F5,2px 0px 10px 3px #E4F4F5,0px 2px 10px 3px #E4F4F5; } .hr_head h1{ font-weight: 500; color: #2a5caa; font-size: 50px; float: left; position: absolute; bottom: 0; } .hr_head .h1_2{ position: absolute; left: 200px; } .hr_head p{ float: left; color: #96582a; font-size: 30px; position: absolute; bottom: 0; } .hr_head .p_1{ position: absolute; left: 130px; bottom: -10px; } .hr_head .p_2{ position: absolute; left: 300px; bottom: 20px; font-size: 18px; } #c_news_head_banner{ width: 1170px; height: 500px; margin: 0px 0px 10px 20px; } #i_news_head_banner{ width: 1170px; height: 300px; margin: 0px 0px 10px 20px; } #i_news_head_banner_left{ width: 860px; height: 300px; margin-bottom: 10px; float: left; } #i_news_head_banner_right{ width: 300px; height: 300px; margin-bottom: 10px; background: red; float: right; } #c_news_title{ width: 100%; height: 300px; margin: 0px 0px 10px 0px; padding-top: 20px; background: #ebebeb; } .c_news_title_middle{ width: 100%; height: 200px; margin:0 auto; color: #787c83; } .mini_nav{ width: 90%; height: 20px; padding: 30px 0px 0px 10%; margin: 0 auto; color: #787c83; } .c_show_title{ width: 80%; height: 100px; margin:0 auto; line-height: 40px; padding: 40px 10% 0px 10%; text-align: center; } .c_show_title h1{ font-size: 1.2rem; /*font-weight: bold;*/ color: #31424e; } .c_show_summary{ width: 80%; height: 65px; margin:0 auto; padding: 10px 10%; text-align: center; overflow: hidden; } .c_show_summary p{ line-height: 30px; /*width: inherit;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size: 0.8rem; line-height: 1.2rem; } .c_show_tag{ width: 45%; height: 20px; padding-right: 5%; float: left; font-size: 14px; text-align: right; } .c_show_time{ width: 45%; height: 20px; padding-left: 5%; float: left; font-size: 14px; text-align: left; } .c_tag_time_box{ width: 100%; height: 20px; margin: 0 auto; } #i_news_title{ width: 100%; height: 300px; margin: 0px 0px 10px 0px; padding-top: 20px; background: #EEE7CE; } .i_news_title_middle{ width: 100%; height: 300px; margin:0 auto; color: #787c83; } .contact_middle{ width: 100%; min-height: 800px; margin-top: 50px; } .contact_box{ width: 80%; min-height: 100px; margin: 10px 0px; text-align: left; background: #fff; padding: 10px 10%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_sub{ width: 100%; height: 40px; } .contact_sub p{ font-size: 1.4rem; color: #31424e; } .contact_sub_content{ width: 100%; min-height: 100px; /*padding:0px 20% 0px 0px;*/ text-decoration:none; /*background: yellow;*/ } .contact_sub_content p { font-size: 15px; line-height: 30px; color: #4F4D4D; } /*如下是表格CSS */ .pro_show_table{ width: 100%; margin:40px auto; border-collapse:collapse; color: #4c4c4c; font-size: 12px; overflow: auto; display: none; } .pro_show_table a:link{ display: block; width: 100%; height: 100%; color: #144099; font-weight: 600; } .pro_show_table a:visited{ color: #144099; font-weight: 600; } .head_tr{ background: #A2A7AF; color: #fff; width: 100%; overflow: auto; } .head_tr td{ padding: 6px 10px; border: 1px solid #ccc; } .content_tr{ width: 100%; overflow: auto; } .content_tr:hover{ background: #E4F4F5; } .content_tr td{ padding: 6px 10px; word-break:break-all; word-wrap:break-word; min-width: 40px; max-width: 240px; text-align: left; border: 1px solid #ccc; } /*如上是表格CSS */ .show_these_model{ width:50%; height: 30px; line-height: 30px; float: left; text-align: left; margin:0% 0% 5px 0px; /*background: yellow;*/ } .show_these_model a{ color: black; } .min_top{ width: 100%; background: #E1FFFF; border-bottom: 1px solid #cceff5; margin: 50PX auto 20px auto; display: none; } .min_nav{ width: 100%; height: 50px; line-height: 50px; background: #E1FFFF; margin: 0 auto; } .min_nav a{ display: inline-block; min-width: 80px; height: 26px; line-height: 26px; font-family: arial, sans-serif; font-size: 14px; font-weight: 500; color: #fff; background: #95C4DB; background: linear-gradient(-45deg, transparent 10px, #95C4DB 0); background-repeat: no-repeat; border-left: 4px double #6483B0; margin: 4px; padding: 0px 14px; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .min_nav a:hover{ background: #D4C69F; background: linear-gradient(-45deg, transparent 10px, #D4C69F 0); background-repeat: no-repeat; } .product_show_main{ width: 100%; min-height: 600px; margin: 20px auto; font-size: 12px; /*background: yellow;*/ } /*如下是产品参数表格CSS */ .pra_header{ width: 100%; height: 31px; margin: 0; font-weight: bolder; } .pra_header_360{ width: 51%; height: 30px; line-height: 30px; border-bottom: 1px solid black; float: left; margin: 0; padding-left: 4%; text-align: left; } .pra_header_280{ width: 45%; height: 30px; line-height: 30px; border-bottom: 1px solid black; float: left; margin: 0; /*padding-left: 4px;*/ text-align: left; } .pra_content{ width: 100%; min-height: 31px; } .pra_content:hover{ background: #E4F4F5; } .pra_bottom{ width: 100%; min-height: 31px; border-top: 2px solid black; margin-bottom: 20px; } .pra_content_360{ width: 51%; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4%; } .pra_content_280{ width: 45%; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; /*padding-left: 4px;*/ text-align: left; } .pra_content_150_nobder{ width: 146px; height: 30px; line-height: 30px; float: left; margin: 0; padding-left: 4px; } .pra_content_150{ width: 146px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; } .pra_content_210{ width: 206px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; } /*如上是表格CSS */ .indexBrand{ width: 100%; /*height: 450px;*/ margin:0 auto; position:relative; } .slider{ display: none; } .contact_top{ width: 100%; height: 70px; display: none; } .contact_img{ /*width: 100%;*/ /*height: 450px;*/ margin:0px auto; display: none; } .contact_img img{ width: 100%; height: auto; } .contact_head{ width: 100%; min-height: 270px; margin-bottom: 10px; /*background: yellow;*/ } .contact_head h1{ display: none; position: absolute; font-size: 70px; top: 220px; margin-left: 650px; color: #31424e; z-index: 880; } .contact_headquarters{ width: 80%; min-height: 250px; background: #fff; /*margin-top: 50px;*/ margin-bottom: 10px; padding: 50px 10% 30px 10%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_t{ margin-bottom: 10px; color: #31424e; /*background: #ffe;*/ height: 40px; } .contact_t p{ font-size: 1.8rem; } .contact_c{ width: 100%; min-height: 200px; /*background: yellow;*/ } .contact_c p{ font-size: 15px; line-height: 30px; color: #4F4D4D; } .product_hr{ color: #987cb9; border: 2px double #7bbfea; margin:0 auto; } .harvester_head{ width: 500px; height: 180px; } .harvester_head h1{ color: #333; } .harvester_head p{ font-size:1.1rem; color: #4F4D4D; } .harvester_head h3{ font-size: 20px; color: #333; } .harvester_img1{ width: 500px; height: 275px; float: left; } .harvester_content{ width: 590px; height: 275px; float: left; padding:0px 50px; margin-bottom: 30px; } .harvester_content p{ font-size:1.1rem; color: #4F4D4D; } .harvester_content h3{ font-size: 20px; color: #333; } .harvester_left{ width: 500px; height: 1400px; float: left; } .harvester_right{ width: 640px; height: 1400px; float: left; padding-left: 50px; } .harvester_left p,.harvester_right p{ font-size: 14px; color: #4F4D4D; } .harvester_left h3,.harvester_right h3{ font-size: 20px; line-height: 40px; } .harvester_table1{ width: 500px; margin-bottom: 60px; } .harvester_table1_head{ width: 478px; height: 40px; line-height: 40px; float: left; padding-left: 20px; } .harvester_table1_title{ width: 478px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border:1px solid #ebebeb; } .harvester_table1_title_left{ width: 278px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border-left:1px solid #ebebeb; border-right:1px solid #fff; border-bottom:1px solid #ebebeb; text-align: center; } .harvester_table1_title_right{ width: 179px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align: center; } .harvester_table1_left{ width: 278px; height: 40px; line-height: 40px; background: #fff; float: left; padding-left: 20px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .harvester_table1_right{ width: 179px; height: 40px; line-height: 40px; background: #fff; float: right; padding-left: 20px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .alps_switch_synopsis{ width: 100%; min-height: 180px; margin-bottom: 20px; } .alps_switch_synopsis h1,.alps_switch_synopsis h3{ color: #333; } .alps_switch_synopsis h3{ font-size:1.4rem; } .alps_switch_synopsis p{ font-size:1.1rem; color: #4F4D4D; } .alps_switch_help{ width:100%; min-height: 180px; margin:20px auto; padding: 20px 0%; } .alps_switch_help h3{ font-size:1.4rem; color: #333; } .alps_help_q{ width:100%; min-height: 30px; line-height: 30px; background: yellow; } .alps_help_q p{ font-size:1.1rem; color: #4F4D4D; font-weight: 900; } .alps_help_a{ width: 100%; min-height: 30px; line-height: 30px; margin-bottom: 40px; } .alps_help_a p{ font-size:1.1rem; color: #4F4D4D; } .alps_help_a img{ width: 100%; } .alps_grade2_synopsis{ width: 100%; min-height: 100px; } .alps_grade2_synopsis img,.alps_grade2_synopsis a{ display: inline; } .alps_grade2_synopsis h1{ } .alps_grade2_synopsis p { font-size:1.1rem; color: #4F4D4D; } .alps_series_block2{ display: block; width: 100%; height: 160px; background: #fff; margin:0px 10px 10px 0px; float: left; cursor: pointer; font-size: 14px; text-align: center; } .list_series_img{ display: block; width: 100%; height: 125px; margin:0 auto; } .alps_series_a { display: block; width: 100%; height: 35px; line-height: 35px; background: #fedcbd; color: #87C4ED; } .grade3_img{ display: block; width: 100%; height: 150px; float: left; /*background: #ff8;*/ } .alps_grade3_synopsis{ width: 100%; height: 150px; float: left; /*background: yellow;*/ margin-bottom: 20px; border-bottom: 1px solid black; } .alps_grade3_synopsis a{ display: block; width: 50px; height: 50px; line-height: 50px; float: left; background: #E1FFFF; } .alps_grade3_synopsis h1{ height: 50px; } .alps_grade3_synopsis p{ font-size:1.1rem; color: #4F4D4D; height: 50px; } .alps_grade3_synopsis_p { display: block; height: 50px; font-size:1.1rem; color: #4F4D4D; float: left; } .alps_grade3_synopsis_p a{ width: 160px; background: #E1FFFF; color: #8A3324; } .alps_grade4_head{ width: 640px; height: 150px; margin:20px auto; margin-top: 50px; display: none; } .grade4_img{ display: block; width: 340px; height: 138px; text-align: center; float: left; padding-top: 12px; background: #fff; } .alps_grade4_synopsis{ width: 300px; height: 150px; float: left; } .alps_grade4_synopsis a{ display: block; width: 50px; height: 50px; line-height: 50px; float: left; background: #E1FFFF; } .alps_grade4_synopsis h1{ height: 50px; } .alps_grade4_synopsis p{ font-size:1.1rem; color: #4F4D4D; height: 50px; } .alps_grade4_synopsis_p { display: block; height: 50px; font-size:1.1rem; color: #4F4D4D; float: left; } .alps_grade4_synopsis_p a{ width: 160px; background: #E1FFFF; color: #8A3324; } .connect_mark{ color: #00CED1; font-size: 15px; margin:0px 4px; } .right_list_title a{ display: block; color: #4a5b65; font-size: 14px; padding:14px 18px; background: #fff; } .r_partition{ width: 100%; height: 20px; } .index_full{ width: 100%; background: #fff; padding: 0px 0px; } .welcome_h1{ display: block; width: 80%; height: 40px; line-height: 45px; font-size: 1.2rem; text-align: left; color: #96c; /*background: yellow;*/ margin-left: 50px; font-weight: 100; } .top40{ margin-top: 40px; } .p_menu{ display: none; } .m_p_menu{ } .go1{ width: 100%; display: none; } .go1_a{ display: inline-block; width: 49%; margin:0 1% 1px 0; height: 40px; line-height: 40px; background: #888fa0; color: #fff; text-align: center; } .go2{ min-width: 80px; min-height: 30px; } .go2_a{ display: inline-block; width: 49%; margin:0 1% 1px 0; height: 40px; line-height: 40px; background: #93b9c4; color: #fff; float: left; text-align: center; } .go3{ /* min-width: 80px; min-height: 30px;*/ } .go3_a{ display: block; width: 99%; height: 40px; line-height: 40px; margin:0 0 1px 0; background: #d4d6dc; color: #626c83; float: left; text-align: center; } .go2{ display: none; } .parent_name{ display: none; } .parent_name:checked + .go2{ display: block; } .go3{ display: none; } .name_title{ display: none; } .name_title:checked + .go3{ display: flex; flex-direction:column; width: 100%; /*min-height: 30px;*/ } .m_menu span{ display: inline-block; min-width: 36px; height: 36px; margin-bottom: 10px; float: left; color: #888fa0; } .m_menu span:first-letter{ font-size: 24px; } .p_nav_title{ display: inline-block; width: 100%; height: 36px; line-height: 36px; } .m_menu_check{ display: none; } .m_menu_check:checked + .go1{ display: block; } .shop_img{ display: none; } .shop_m_img{ width: 99%; margin-top: 10px; } .brand_h1 { width: 100%; min-height: 50px; line-height: 50px; width: #fff; margin:20px auto; } .p2_name_show { width: 100%; min-height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; background: #fff; } .p2_name_show a{ color: black; display: block; width: 100%; height: 100%; } .brand2_name_show { width: 100%; min-height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; background: #fff; } .brand2_name_show a{ color: black; display: block; width: 100%; min-height: 40px; line-height: 40px; } .brand2_brands_img{ width: 100%; height: 40px; margin: 20px 0px; background: #fff; padding:20px 0px; } .brand2_brands_img img{ display: block; margin:0 auto; } .product_output{ width: 100%; min-height: 500px; /*background: yellow;*/ padding-top: 50px; } .brand_model_show{ width: 100%; min-height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; background: #fff; } .brand_model_show a{ color: black; display: block; width: 100%; height: 100%; } .m_model_list{ color: black; display: block; width: 100%; height: 100%; } .brands_box{ width: 80%; min-height: 470px; margin: 50px auto 0px auto; padding-bottom: 10px; /*background: yellow;*/ } .brands_show{ width: 80%; min-height: 60px; background: #fff; margin: 0px auto 20px auto; /*float: left;*/ } .brands_show a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #87C4ED; text-align: center; } .brands_img{ width: 100%; height: 100%; } .brands_img a{ display: block; width: 100%; /*height: 100%;*/ padding: 20px 0px; background: #fff; } .b2_h2{ display: none; } .serie_menu{ display: none; } .b3_serie_right{ width: 100%; min-height: 400px; } .b3_serie_show{ width: 100%; min-height: 120px; margin-bottom: 10px; background: #fff; } .b3_serie_title{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #E6E6FA; } .b3_serie_title a{ display: block; width: 100%; height: 100%; color: #333; } .b3_serie_img{ width: 100%; height: 120px; } .b3_serie_img a{ display: block; width: 100%; height: 100%; background: #fff; } .b3_serie_img img{ display: block; margin:10px auto; } .contact_first{ display: none; } .line_a{ border-top: 1px solid #cceff5; transform: scaleY(0.5); border-bottom: 3px solid #cceff5; } .line_b{ width: 80%; border-top: 1px solid #cceff5; transform: scaleY(0.5); border-bottom: 3px solid #cceff5; margin-bottom: 20px; } .brands_message{ width: 80%; min-height: 100px; /*background: yellow;*/ margin: 4px auto 20px auto; } .c_title{ display: none; } .brand2_new_name_show{ width: 100%; min-height: 130px; /*background: gray;*/ margin-bottom: 40px; } .b2_a_1{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #E6E6FA; float: left; color: black; } .b2_a_2{ display: block; width: 100%; min-height: 90px; background: white; float: left; text-align: center; } .b2_a_2 img{ width: auto; height: 90px; margin: 10px auto; } .search_main_full{ width: 80%; min-height: 600px; /*background: gray;*/ margin:40px auto; } .main_search_h1{ width: 100%; height: 40px; line-height: 40px; font-size: 20px; margin-bottom: 20px; } .main_search_p{ margin-bottom: 10px; } .search_box{ width: 100%; min-height: 180px; background: #fff; margin:0px auto 20px auto; text-align: center; } .search_main_a{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #87C4ED; } .search_box p{ width: 100%; height: 30px; text-align: center; margin-top: 10px; cursor: pointer; } .search_box img{ margin:10px auto; } .search_full{ width: 80%; min-height: 600px; /*background: gray;*/ margin:40px auto; } /*.brands_show_m{ display: block; width: 80%; min-height: 100px; margin-bottom: 10px; }*/ .s_b_h2,.search_title{ display: block; width: 100%; height: 40px; line-height: 40px; /*text-align: center;*/ /*background: #87C4ED;*/ margin:20px auto; } .serach_brand_form{ display: block; width: 100%; height:100px; margin-bottom: 50px; } .serach_brand_select{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; margin-bottom: 10px; } .serach_brand_submit{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; margin-bottom: 40px; } .bottom20{ margin-bottom: 20px; } .search_product_form{ display: block; width: 100%; height:100px; margin: 20px 0px 50px 0px; } .serach_product_select{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; margin-bottom: 10px; } .serach_product_submit{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; margin-bottom: 40px; } .child_name{ width: 100%; min-height: 10px; margin-bottom: 20px; } .product2_name_img{ width: 100%; min-height: 150px; text-align: center; padding:20px 0px; } .product2_name_img img{ width: auto; height: 100px; } .product2_brands_show{ width: 80%; height: 100px; line-height: 100px; text-align: center; background: yellow; margin: 20px auto; } .product2_brands_show img{ margin-top: 30px; } .serach_fuzzy_form{ display: block; width: 100%; height:100px; margin-bottom: 50px; } .serach_fuzzy_input{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; margin-bottom: 10px; margin-top: 20px; } .serach_fuzzy_submit{ display: inline-block; width: 100%; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; margin-bottom: 40px; } .search_fuzzy_p{ display: inline-block; width: 100%; margin: 10px 0px; word-break:break-all; } .fuzzy_brand{ width: 100%; height: 100px; margin: 20px auto; } .fuzzy_brand_left{ width: 200px; height: 100px; background: #fff; } .fuzzy_brand_left a{ display: block; width: 100%; height: 100%; float: left; } .fuzzy_brand_left a img{ display: block; margin:30px auto; } .fuzzy_brand_right{ display: none; width: 600px; height: 100px; /*background: pink;*/ float: left; overflow: hidden; margin-left: 20px; } .main_fuzzy_keyword{ width: 100%; height: 30px; margin:20px 0px; } .product1_p_show{ width: 100%; height: 180px; background: #fff; margin:20px 0px; } .product1_img_a{ display: block; width: 100%; height: 140px; text-align: center; line-height: 140px; } .product1_img_a img{ /*display: block;*/ width: auto; height: 100px; margin-top:20px; } .names_a{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: blue; background: pink; } .s_condition_p{ margin:20px 0px; } .s_res_title_name_fuzzy,.s_res_title_serie_fuzzy{ display: none; } .s_res_fuzzy{ width: 100%; min-height: 30px; /*background: yellow;*/ margin-bottom: 2px; } .pc_display{ display: block; } .s_res_title_brand_fuzzy{ width: 30%; min-height: 30px; background: pink; float: left; line-height: 30px; text-align: center; } .s_res_title_model_fuzzy{ width: 69%; min-height: 30px; background: rgb(221, 237, 251); float: left; line-height: 30px; text-align: center; margin-left: 1%; } .s_name_fuzzy,.s_serie_fuzzy{ display: none; } .s_brand_fuzzy{ width: 30%; min-height: 30px; background: #fff; float: left; line-height: 30px; text-align: center; } .s_model_fuzzy { width: 69%; min-height: 30px; background: #fff; float: left; line-height: 30px; text-align: center; margin-left: 1%; } .s_model_fuzzy a{ color: black; } .tb_ytlobm{ width: 100%; min-height: 30px; } .th_ytlobm1,.th_ytlobm2,.th_ytlobm3,.th_ytlobm4,.th_ytlobm5,.th_ytlobm6,.th_ytlobm7{ float: left; height: 30px; line-height: 30px; margin:0px 2px 2px 0px; background: #fff; text-align: center; } .th_ytlobm1{ width: 36%; float: left; } .th_ytlobm2{ width: 100px; display: none; } .th_ytlobm3{ width: 60%; float: left; } .th_ytlobm4{ width: 340px; text-align: left; padding-left: 20px; display: none; } .th_ytlobm5{ width: 150px; display: none; } .th_ytlobm6{ width: 140px; display: none; } .th_ytlobm7{ width: 120px; display: none; } .ytl_min_head div{ background: #95C4DB; height: 40px; line-height: 40px; color: #fff; } .innovation_index_box{ width: 100%; min-height: 750px; /*background: #f8f2dc !important;*/ background:url(http://www.yatelian.com/pub/img/innovation/inno_b_m.png) !important; background-repeat:no-repeat !important; } .i_index_1{ width: 100%; min-height: 400px; /*background: gray;*/ padding-top: 300px; } .innovation_box1,.innovation_box2,.innovation_box3,.innovation_box4{ width: 80%; height: 80px; background: #32f3ff; margin: 0px auto 10px auto; line-height: 80px; text-align: center; background: linear-gradient(-45deg, transparent 20px, rgba(72,118,255,0.2) 0); } .innovation_box1 a,.innovation_box2 a,.innovation_box3 a,.innovation_box4 a{ display: block; width: 100%; height: 100%; } .m_inno_h3{ font-size: 1.4rem; } .innovation_full,.newmaterials_full{ width: 80%; min-height: 650px; padding-top: 40px; padding: 40px 10% 0px 10%; margin:0 auto; margin-bottom: 10px; } .inno_h1{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 1.4rem; margin:10px 0px; } .innovation_full h3,.newmaterials_full h3{ width: 100%; height: 48px; line-height: 24px; font-size: 1.1rem; margin:10px 0px; color: #9966CC; font-style: italic; } .inno_s1,.inno_s2,.inno_s3,.inno_s4,.inno_s5{ display: none; } .innovation_full img,.newmaterials_full img{ width: 100%; height: auto; } .gyro_s1,.gyro_s2,.gyro_s3,.gyro_s4,.gyro_s5,.gyro_s6{ display: none; } .new_box1_a1,.new_box1_a2,.new_box1_a3{ display: none; } .car_1{ position: relative; top:0px; left:0px; } .car_1 img{ position: absolute; } .newmaterials_full { padding-bottom: 300px; } .yetelian_index_box{ width: 100%; min-height: 650px; background:url(http://www.yatelian.com/pub/img/yetelian/yetelian_m.png) !important; } .yete1{ width: 100%; height: 300px; position: relative; } .yete1 img{ position: absolute; top:450px; /*left:20px;*/ left:-50px; width: 80%; height: auto; }',' li{ width: 80px; height: 70px; line-height: 70px; margin-left: 5px; text-align: center; float: left; } .sub{ background: #fff; width: 200px; border-top: 5px solid #5e7cbd; position:absolute; left:-999em; line-height: 30px; } .sub li{ width: 200px; height: 40px; line-height: 40px; margin-bottom: 2px; } .sub li:hover{ background: #DDF0ED; } .nav li:hover .sub{ left:auto; position:relative; } .navbar .nav li>a{ width: 80px; height: 70px; font-size: 14px; color: #4a5b65; display: block; } .navbar .nav li ul li a{ display: block; width: 200px; height: 40px; } /*下面结束NAV部分的CSS-------------------*/ .concept{ width: 1000px; min-height: 500px; margin:0 auto; padding-left: 200px; padding-top: 100px; } .concept h3{ font-size: 26px; font-weight: 100; line-height: 100px; } .qualifications_middle{ width: 1120px; min-height: 350px; margin:20px auto; padding-left: 20px; } .qualifications_series{ width: 328px; height: 50px; background: #AFE0E0; margin:20px 0px; line-height: 50px; padding-left: 20px; } .qualifications_series h2{ font-weight: 500; color: #fff; } .qualifications_box{ width: 348px; height: 378px; background: #fff; float: left; text-align: center; border: 1px solid #DDF0ED; margin: 0px 20px 20px 0px; cursor: pointer; } .qualifications_box h3{ margin-bottom: 16px; color: #31424e; font-weight: 100; margin-top: 20px; } .qualifications_box .q_a_h3{ margin-bottom: 16px; color: #31424e; font-weight: 100; margin-top: 30px; } .q_minddle10{ width: 20px; height: 350px; float: left; } .q_box_img{ width: 348px; height: 160px; } .q_box_img img{ margin-top: 50px; width: auto; height: 130px; } .q_box_content{ width: 288px; height: 148px; padding: 30px 30px 0px 30px; } .q_box_content p{ font-size: 14px; color: #787c83; width: 240px; margin:10px auto; } .qualification_big{ width: 720px; min-height: 500px; background: #f2f2f9; text-align: center; margin:20px auto; } .q_box_content .q_p1{ margin-bottom: 10px; font-size: 10px; } #team_face1_out{ width: 210px; height: 210px; background: #D4C1DC; margin:100px auto; padding: 10px 0px 0px 10px; border-radius:50%; } #team_face1{ width: 200px; height: 200px; border-radius:50%; } #team_face1 img{ border-radius:50%; } #team_profile_content{ width: 800px; min-height: 100px; margin: 0px auto; text-align: center; padding-bottom: 30px; } #team_profile_content h1{ font-weight: 100; font-size:21px; } .middle_vertical_line{ width: 8px; height: 250px; background: pink; margin:10px auto; } .history_box{ width: 1190px; min-height: 100px; margin: 10px auto; padding:20px 0px; } .history_box:hover .history_box_child_right{ /* border-left: 3px solid #7bbfea; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;*/ } .history_box_left{ width: 490px; min-height: 100px; line-height: 50px; float: left; color: #31424e; } .history_box_left h3{ display: block; width: 250px; height: 45px; line-height: 45px; background: #C3BED4; color: #fff; text-align: center; float: right; margin-right: 20px; font-weight: 100; font-size: 26px; } .history_box:hover .history_box_left h3{ color: #fff; background: #BDB76A; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .history_box_right{ width: 700px; min-height: 100px; float: right; } .history_box_child_right{ width:680px; padding-left: 20px; float: right; border-left: 3px solid #C3BED4; } .p_month{ width: 10%; } .p_output_h_content{ width: 90%; } .p_month,.p_output_h_content{ display: block; min-height: 40px; line-height: 40px; float: left; margin-bottom: 5px; font-size: 16px; font-weight: 100; color: #333; } .history_box:hover .p_month,.history_box:hover .p_output_h_content{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .history_box:hover .history_box_child_right{ width:660px; padding-left: 40px; border-left: 3px solid #BDB76A; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .history_head{ width: 780px; height: 200px; margin:0 auto; /*background: #89ff99;*/ } .histor_img{ width: 200px; height: 200px; margin-left: 50px; float: left; /*background: pink;*/ } .histor_title{ width: 450px; height: 200px; line-height: 100px; float: left; margin-left: 30px; /*background: yellow;*/ } .histor_title p{ font-weight: 100; font-size: 32px; color: #4F4D4D; } .history_bottom{ width: 600px; height: 100px; line-height: 100px; margin:0 auto 100px auto; text-align: center; color: #31424e; font-size: 28px; border-bottom: 3px solid #C3BED4; border-top: 3px solid #C3BED4; } #hr_head_banner{ width: 1190px; height: 640px; margin: 10px auto; background: yellow; } .hr_head_box{ width: 1190px; height: 70px; margin:20px auto; } .hr_head_box img{ float: left; margin-right: 20px; } .hr_head{ width: 540px; height: 70px; line-height: 70px; padding-left: 30px; background: #fff; float: left; position: relative; box-shadow: -2px 0px 10px 3px #E4F4F5,0px -2px 10px 3px #E4F4F5,2px 0px 10px 3px #E4F4F5,0px 2px 10px 3px #E4F4F5; } .hr_head h1{ font-weight: 500; color: #2a5caa; font-size: 50px; float: left; position: absolute; bottom: 0; } .hr_head .h1_2{ position: absolute; left: 200px; } .hr_head p{ float: left; font-weight: 100; color: #96582a; font-size: 30px; position: absolute; bottom: 0; } .hr_head .p_1{ position: absolute; left: 130px; bottom: -10px; } .hr_head .p_2{ position: absolute; left: 300px; bottom: 20px; font-size: 18px; } #c_news_head_banner{ width: 1170px; height: 500px; margin: 0px 0px 10px 20px; } #i_news_head_banner{ width: 1170px; height: 300px; margin: 0px 0px 10px 20px; } #i_news_head_banner_left{ width: 860px; height: 300px; margin-bottom: 10px; float: left; } #i_news_head_banner_right{ width: 300px; height: 300px; margin-bottom: 10px; background: red; float: right; } #c_news_title{ width: 100%; height: 300px; margin-bottom: 10px; background: #ebebeb; } .c_news_title_middle{ width: 1190px; height: 300px; margin:0 auto; color: #787c83; } .mini_nav{ width: 990px; height: 20px; padding-top: 30px; margin: 0 auto; font-size: 14px; color: #787c83; } .c_show_title{ width: 500px; height: 100px; margin:0 auto; line-height: 40px; padding-top: 40px; text-align: center; } .c_show_title h1{ font-size: 23px; font-weight: bold; color: #31424e; } .c_show_summary{ width: 600px; height: 55px; margin:0 auto; padding-top: 10px; padding-bottom: 10px; font-size: 14px; text-align: center; overflow: hidden; } .c_show_summary p{ line-height: 30px; width: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } .c_show_tag{ width: 45%; height: 20px; padding-right: 5%; float: left; font-size: 14px; text-align: right; } .c_show_time{ width: 45%; height: 20px; padding-left: 5%; float: left; font-size: 14px; text-align: left; } .c_tag_time_box{ width: 500px; height: 20px; margin: 0 auto; } #i_news_title{ width: 100%; height: 300px; margin-bottom: 10px; background: #EEE7CE; } .i_news_title_middle{ width: 1190px; height: 300px; margin:0 auto; color: #787c83; } .contact_box_core{ width: 775px; min-height: 100px; margin: 0px 20px 0px 0px; padding:30px 50px; text-align: left; background: #fff; float: left; background: linear-gradient(220deg, transparent 300px, #fff 0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_box_core_hr{ width: 65%; height: 10px; background: #f7f7f7; } .contact_sub_core{ width: 100%; height: 70px; line-height: 70px; background: pink; font-size: 30px; background: linear-gradient(220deg, transparent 300px, #fff 0); } .contact_middle{ width: 1190px; min-height: 800px; margin:40px auto; text-align: center; } .contact_box{ width: 475px; min-height: 100px; margin: 0px 20px 20px 0px; padding:30px 50px; text-align: left; background: #fff; float: left; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_box:hover{ box-shadow: -2px 0px 10px 3px #E4F4F5,0px -2px 10px 3px #E4F4F5,2px 0px 10px 3px #E4F4F5,0px 2px 10px 3px #E4F4F5; } .contact_sub{ min-height: 80px; } .contact_sub p{ font-weight: 100; font-size: 30px; color: #31424e; } .contact_sub_content{ min-height: 160px; text-decoration:none; } .contact_sub_content p { font-size: 15px; line-height: 30px; color: #4F4D4D; } /*如下是表格CSS */ .pro_show_table{ width: 1190px; margin:40px auto; border-collapse:collapse; color: #4c4c4c; font-size: 12px; } .pro_show_table a:link{ display: block; width: 100%; height: 100%; color: #144099; font-weight: 600; } .pro_show_table a:visited{ color: #144099; font-weight: 600; } .head_tr{ background: #A2A7AF; color: #fff; } .head_tr td{ padding: 6px 10px; border: 1px solid #ccc; } .content_tr{ } .content_tr:hover{ background: #E4F4F5; } .content_tr td{ padding: 6px 10px; word-break:break-all; word-wrap:break-word; min-width: 40px; max-width: 240px; text-align: left; border: 1px solid #ccc; } /*如上是表格CSS */ .min_top{ width: 100%; background: #E1FFFF; border-bottom: 1px solid #cceff5; margin: 0 auto 20px auto; } .min_nav{ width: 1190px; height: 50px; line-height: 50px; background: #E1FFFF; margin: 0 auto; } .min_nav a{ display: inline-block; min-width: 80px; height: 26px; line-height: 26px; font-family: arial, sans-serif; font-size: 14px; font-weight: 500; color: #fff; background: #95C4DB; background: linear-gradient(-45deg, transparent 10px, #95C4DB 0); background-repeat: no-repeat; border-left: 4px double #6483B0; margin: 4px; padding: 0px 14px; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .min_nav a:hover{ background: #D4C69F; background: linear-gradient(-45deg, transparent 10px, #D4C69F 0); background-repeat: no-repeat; } .product_show_main{ width: 640px; min-height: 600px; margin: 20px auto; font-size: 12px; } /*如下是产品参数表格CSS */ .pra_header{ width: 640px; height: 31px; margin: 0; font-weight: bolder; } .pra_header_360{ width: 354px; height: 30px; line-height: 30px; border-bottom: 1px solid black; float: left; margin: 0; padding-left: 4px; text-align: center; } .pra_header_280{ width: 276px; height: 30px; line-height: 30px; border-bottom: 1px solid black; float: left; margin: 0; padding-left: 4px; text-align: center; } .pra_content{ width: 640px; min-height: 31px; } .pra_content:hover{ background: #E4F4F5; } .pra_bottom{ width: 640px; min-height: 31px; border-top: 2px solid black; margin-bottom: 50px; } .pra_content_360{ width: 356px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; font-weight: 100; } .pra_content_280{ width: 276px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; text-align: left; font-weight: 100; } .pra_content_150_nobder{ width: 146px; height: 30px; line-height: 30px; float: left; margin: 0; padding-left: 4px; font-weight: 100; } .pra_content_150{ width: 146px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; } .pra_content_210{ width: 206px; height: 30px; line-height: 30px; border-bottom: 1px dashed #9C9EA1; float: left; margin: 0; padding-left: 4px; font-weight: 100; } /*如上是表格CSS */ .indexBrand{ width: 800px; height: 450px; margin:0 auto; font-size: 14px; position:relative; } .slider{ display: none; } .contact_top{ width: 100%; height: 70px; } .contact_img{ width: 1170px; height: 450px; margin: 20px 0px; background: pink; } .contact_img img{ /*width: 100%;*/ /*height: auto;*/ } .contact_head{ width: 1190px; height: 200px; margin:20px auto 0 auto; /*background: yellow;*/ } .contact_head h1{ display: block; position: absolute; font-size: 70px; font-weight: 100; top: 220px; margin-left: 650px; color: #31424e; z-index: 880; } .contact_headquarters{ width: 475px; height: 380px; padding:50px; position: absolute; background: #fff; z-index: 2000; margin-top: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_t{ margin-bottom: 40px; color: #31424e; } .contact_t p{ font-size: 50px; font-weight: 100; } .contact_c{ } .contact_c p{ font-size: 15px; line-height: 30px; color: #4F4D4D; } .product_hr{ color: #987cb9; border: 2px double #7bbfea; margin:0 auto; } .harvester_head{ width: 500px; height: 180px; } .harvester_head h1{ color: #333; } .harvester_head p{ font-size: 16px; color: #4F4D4D; } .harvester_head h3{ font-size: 20px; color: #333; } .harvester_img1{ width: 500px; height: 275px; float: left; } .harvester_content{ width: 590px; height: 275px; float: left; padding:0px 50px; margin-bottom: 30px; } .harvester_content p{ font-size: 16px; color: #4F4D4D; } .harvester_content h3{ font-size: 20px; font-weight: 100; color: #333; } .harvester_left{ width: 500px; height: 1400px; float: left; } .harvester_right{ width: 640px; height: 1400px; float: left; padding-left: 50px; } .harvester_left p,.harvester_right p{ font-size: 14px; color: #4F4D4D; } .harvester_left h3,.harvester_right h3{ font-size: 20px; font-weight: 100; line-height: 40px; } .harvester_table1{ width: 500px; margin-bottom: 60px; } .harvester_table1_head{ width: 478px; height: 40px; line-height: 40px; float: left; padding-left: 20px; } .harvester_table1_title{ width: 478px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border:1px solid #ebebeb; } .harvester_table1_title_left{ width: 278px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border-left:1px solid #ebebeb; border-right:1px solid #fff; border-bottom:1px solid #ebebeb; text-align: center; } .harvester_table1_title_right{ width: 179px; height: 40px; line-height: 40px; background: #ebebeb; float: left; padding-left: 20px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align: center; } .harvester_table1_left{ width: 278px; height: 40px; line-height: 40px; background: #fff; float: left; padding-left: 20px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .harvester_table1_right{ width: 179px; height: 40px; line-height: 40px; background: #fff; float: right; padding-left: 20px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .alps_switch_synopsis{ width: 800px; min-height: 180px; } .alps_switch_synopsis h1,.alps_switch_synopsis h3{ color: #333; } .alps_switch_synopsis h3{ font-size: 20px; } .alps_switch_synopsis p{ font-size: 16px; color: #4F4D4D; } .alps_switch_help{ width: 1190px; min-height: 180px; margin:20px auto; padding: 20px 0px; } .alps_switch_help h3{ font-size: 20px; color: #333; } .alps_help_q{ width: 1190px; min-height: 30px; line-height: 30px; } .alps_help_q p{ font-size: 16px; color: #4F4D4D; font-weight: 900; } .alps_help_a{ width: 1190px; min-height: 30px; line-height: 30px; margin-bottom: 40px; } .alps_help_a p{ font-size: 16px; color: #4F4D4D; font-weight: 100; } .alps_grade2_synopsis{ width: 800px; min-height: 100px; } .alps_grade2_synopsis img,.alps_grade2_synopsis a{ display: inline; } .alps_grade2_synopsis h1{ font-weight: 100; } .alps_grade2_synopsis p { font-size: 16px; color: #4F4D4D; } .alps_series_block2{ display: block; min-width: 228px; height: 160px; background: #fff; margin:0px 10px 10px 0px; float: left; cursor: pointer; font-size: 14px; text-align: center; } .alps_series_block2:hover .alps_series_a{ background: #fedcbd; color: #005687; } .list_series_img{ display: block; width: 215px; height: 125px; margin:0 auto; background: #fff; } .alps_series_a { display: block; width: 228px; height: 35px; line-height: 35px; background: #fff; color: #87C4ED; } .grade3_img{ display: block; width: 215px; height: 150px; float: left; background: #fff; } .alps_grade3_synopsis{ width: 300px; height: 150px; padding-left: 20px; float: left; } .alps_grade3_synopsis a{ display: block; width: 50px; height: 50px; line-height: 50px; float: left; background: #E1FFFF; } .alps_grade3_synopsis h1{ font-weight: 100; height: 50px; } .alps_grade3_synopsis p{ font-size: 16px; color: #4F4D4D; height: 50px; } .alps_grade3_synopsis_p { display: block; height: 50px; font-size: 16px; color: #4F4D4D; float: left; } .alps_grade3_synopsis_p a{ width: 160px; background: #E1FFFF; color: #8A3324; } .alps_grade4_head{ width: 640px; height: 150px; margin:20px auto; margin-top: 50px; } .grade4_img{ display: block; width: 340px; height: 138px; text-align: center; float: left; padding-top: 12px; background: #fff; } .alps_grade4_synopsis{ width: 300px; height: 150px; float: left; } .alps_grade4_synopsis a{ display: block; width: 50px; height: 50px; line-height: 50px; float: left; background: #E1FFFF; } .alps_grade4_synopsis h1{ font-weight: 100; height: 50px; } .alps_grade4_synopsis p{ font-size: 16px; color: #4F4D4D; height: 50px; } .alps_grade4_synopsis_p { display: block; height: 50px; font-size: 16px; color: #4F4D4D; float: left; } .alps_grade4_synopsis_p a{ width: 160px; background: #E1FFFF; color: #8A3324; } .connect_mark{ color: #00CED1; font-weight: 100; font-size: 15px; margin:0px 4px; } .right_list_title a{ display: block; color: #4a5b65; font-size: 14px; padding:14px 18px; background: #fff; } .r_partition{ width: 100%; height: 20px; } .toolbar{ display: none; } .sidebar{ display: none; } .show_these_model{ display: none; } .index_full{ width: 100%; background: #fff; padding: 0px 0px; } .brands_show{ width: 210px; height: 140px; float: left; background: white; /*margin:0px 20px 30px 0px;*/ margin-right: 20px; } .brands_a{ display: block; width: 100%; height: 40px; background: #E1FFFF; text-align: center; line-height: 40px; font-size: 12px; color: #404040; } .exist_brand_a{ display: block; width: 100%; height: 40px; background: #E6E6FA; text-align: center; line-height: 40px; font-size: 12px; color: #404040; } .brands_img a{ display: block; width: 210px; height: 100px; padding-top: 10px; /*background: #6ef;*/ } .brands_img a img{ display: block; width: 120px; margin: 20px auto 0px auto; } .brands_box{ width: 1190px; /*background: pink;*/ min-height: 600px; margin:0 auto; } .brands_show:hover .brands_a{ background: #EEE8AB; } .brands_show:hover .exist_brand_a{ background: #EEE8AB; } .brand2_brands_img{ width: 200px; height: 120px; background: white; margin-bottom: 20px; float: left; } .brand2_brands_img a{ display: block; width: 200px; height: 120px; float: left; } .brand2_brands_img img{ display: block; width: 120px; height: 40px; margin:40px; } .brand2_name_show{ width: 200px; height: 100px; float: left; background: white; margin:0px 10px 20px 0px; text-align: center; line-height: 100px; } .brand2_name_show a{ display: block; color: #333; width: 200px; height: 100px; font-size: 12px; } .brand2_name_show a:hover{ background: #EEE8AA; } .brand_h1{ min-height: 30px; margin:20px auto; font-weight: 300; font-size: 24px; } .brand_model_show{ min-width: 240px; height: 50px; float: left; background: white; margin:0px 6px 6px 0px; text-align: center; line-height: 50px; } .brand_model_show a{ display: block; color: #333; width: 100%; height: 100%; } .brand_model_show a:hover{ background: #EEE8AA; } .p5_title{ font-weight: 300; } .b2_h2{ font-weight: 300; font-size: 24px; margin-bottom: 10px; } .b2_h3{ display: block; width: 800px; font-size: 14px; font-weight: 300; } .names_show{ width: 280px; min-height: 100px; float: left; background: white; margin:0px 10px 20px 0px; } .names_img{ width: 280px; height: 130px; padding-top: 20px; text-align: center; border:0; } .names_img img{ width: 80px; height: 80px; } .names_a{ display: block; min-width: 280px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #58C3E0; background: #fff; float: left; /*background: pink;*/ } .product1_img_a{ display: block; width: 280px; height: 150px; /*background: yellow;*/ /*padding-top: 30px;*/ float: left; text-align: center; } .product1_img_a img{ display: block; width: 60%; /*height: 80%;*/ margin: 30px auto 0 auto; /*background: pink;*/ } .p0_show{ width: 880px; height: 750px; background: yellow; position: relative; } .p0_show div,.p0_show img{ position: absolute; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .shop01{ top: 100px; left:78px; z-index: 500; cursor:pointer; } .shop01:hover{ top:90px; } .shop02{ top: 40px; left:280px; z-index: 499; cursor:pointer; } .shop02:hover{ top:30px; } .shop03{ top: 36px; left:535px; z-index: 499; cursor:pointer; } .shop03:hover{ top:26px; } .shop04{ top: 78px; left:702px; z-index: 499; cursor:pointer; } .shop04:hover{ top:68px; } .shop05{ top: 210px; left:160px; z-index: 499; cursor:pointer; } .shop05:hover{ top:200px; } .shop06{ top: 156px; left:342px; z-index: 499; cursor:pointer; } .shop06:hover{ top:146px; } .shop07{ top: 156px; left:512px; z-index: 499; cursor:pointer; } .shop07:hover{ top:146px; } .shop08{ top: 204px; left:712px; z-index: 499; cursor:pointer; } .shop08:hover{ top:194px; } .shop09{ top: 228px; left:597px; z-index: 505; cursor:pointer; } .shop09:hover{ top:218px; } .shop10{ top: 268px; left:487px; z-index: 520; cursor:pointer; } .shop10:hover{ top:258px; } .shop11{ top: 317px; left:376px; z-index: 520; cursor:pointer; } .shop11:hover{ top:307px; } .shop12{ top: 357px; left:265px; z-index: 520; cursor:pointer; } .shop12:hover{ top:347px; } .shop13{ top: 408px; left:153px; z-index: 520; cursor:pointer; } .shop13:hover{ top:398px; } .shop14{ top: 450px; left:39px; z-index: 520; cursor:pointer; } .shop14:hover{ top:440px; } .shop15{ top: 363px; left:9px; z-index: 508; } .shop16{ top: 217px; left:214px; z-index: 515; } .shop17{ top: 400px; left:103px; z-index: 516; } .shop18{ top: 372px; left:560px; z-index: 528; } .shop19{ top: 447px; left:350px; z-index: 528; } .shop20{ top: 480px; left:350px; z-index: 528; } .pb0{ padding-bottom: 0px; } .brands_num_a{ width: 280px; height: 50px; line-height: 50px; display: block; background: #F7F7D2; text-align: center; /*color: black;*/ color: #58C3E0; } .brands_num_letter{ font-size: 20px; } .names_show:hover .brands_num_a{ /*color: #66182C;*/ background: #E4F4F5; } .product2_name_img{ width: 220px; min-height: 80px; background: white; padding:40px 40px 40px 40px; margin-bottom: 20px; text-align: center; } .product2_name_img img{ width: 80%; height: 80%; } .product1_p_show{ width: 280px; min-height: 200px; float: left; background: #fff; margin:0px 10px 20px 0px; } .product2_brands_show{ width: 240px; min-height: 100px; float: left; background: #fff; margin:0px 10px 20px 0px; } .product2_brands_img{ width: 240px; height:110px; text-align: center; } .product2_brands_img img{ margin-top: 40px; } .product2_brands_img a{ display: block; width: 100%; height: 100%; } .product2_brands_a{ display: block; width: 100%; height: 30px; background: #C8E6E2; text-align: center; line-height: 30px; font-size: 12px; color: #404040; } .p_menu{ position: relative; width: 230px; min-height: 744px; float: left; z-index: 2500; } .p_menu div{ transition: all 1s transform 1S; -moz-transition: all 1s transform 1S; /* Firefox 4 */ -webkit-transition: all 1s transform 1S; /* Safari 和 Chrome */ -o-transition: all 1s transform 1S; /* Opera */ } .p_menu_h2{ width: 200px; height: 40px; line-height: 40px; padding-left: 30px; /*margin:10px 0px 0px 0px;*/ text-align: left; background: #222c3c; color: #fff; } .go1{ position: relative; width: 230px; min-height: 60px; background: #Fff; float: left; /*border-right: 1px solid black;*/ } .go2{ display: none; position: absolute; left: 230px; top:0px; width: 230px; min-height: 100%; background: #Fff; background: #536d8a; background: #74a2b0; } .go3{ display: none; position: absolute; top:0px; left: 230px; width: 230px; min-height: 100%; background: #Fff; background: #74a2b0; } .go1_a{ display: block; width: 200px; padding-left: 30px; height: 30px; line-height: 30px; background: #74a2b0; color: #fff; margin-bottom: 1px; } .go2_a{ display: block; width: 200px; padding-left: 30px; height: 30px; line-height: 30px; background: #93b9c4; color: #fff; margin-bottom: 1px; } .go3_a{ display: block; width: 200px; padding-left: 30px; height: 30px; line-height: 30px; background: #a6d3e0; color: #fff; margin-bottom: 1px; } .go1_a:hover{ } .go1_a:hover +.go2{ display: block; } .go2:hover{ display: block; } .go2_a:hover +.go3{ display: block; } .go3:hover{ display: block; } .product_output{ width: 880px; min-height: 704px; padding: 40px ; font-size: 12px; float: left; /*background: #faf9af;*/ } .m_p_menu{ display: none; } .shop_m_img{ display: none; } .p2_name_show{ min-width: 240px; height: 50px; float: left; background: white; margin: 0px 6px 6px 0px; text-align: center; line-height: 50px; } .p2_name_show a{ display: block; width: 100%; height: 100%; color: #333; } .b3_serie_show{ width: 240px; min-height: 210px; margin:0px 20px 20px 0px; background: yellow; float: left; } .b3_serie_title{ width: 240px; height: 40px; background: #fff; text-align: center; } .b3_serie_title a{ display: block; color: #222c3c; width: 240px; height: 40px; line-height: 40px; background: #E6E6FA; } .b3_serie_show:hover .b3_serie_title a{ background: #EEE8AA; color: #222c3c; } .b3_serie_img{ display: block; width: 240px; height: 170px; background: #999; } .b3_serie_img a{ display: block; width: 240px; height: 150px; padding-top:20px; background: #fff; } .b3_serie_img img{ width: 200px; display: block; margin:0 auto; } .serie_menu { width: 320px; min-height: 300px; float: left; } .serie_menu a { display: block; width: 280px; padding-left: 40px; height: 50px; line-height: 50px; background: #95C4DB; color: #333; margin-bottom: 1px; } .serie_menu a:hover{ background: #EEE8AA; color: #333; } .b3_serie_right{ width: 850px; margin-left: 20px; min-height: 200px; float: left; } .contact_first{ width: 1170px; height: 350px; background: yellow; margin-bottom: 20px; } /*ä¸‹é¢æ˜¯æœç´¢ç›¸å ³çš„style*/ .search_main_full{ width: 1190px; min-height: 350px; margin: 30px auto; padding: 50px 0px; /*background: #fff;*/ } .search_full{ width: 1190px; min-height: 450px; margin: 20px auto; /*background: #DDF0ED;*/ } .search_full p{ margin-bottom: 10px; height: 20px; line-height: 20px; font-size: 14px; font-weight: 300; } .search_full h2{ font-size: 18px; color: #4F4D4D; } .main_search_h1{ color: #4f4d4d; font-size: 22px; font-weight: 600; margin-bottom: 20px; } .main_search_p { margin: 30px 0px; height: 20px; line-height: 20px; font-size: 14px; font-weight: 300; } .search_box{ width: 370px; height: 260px; margin: 0px 20px 20px 0px; float: left; background: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .search_box:hover{ box-shadow: -2px 0px 10px 3px #E4F4F5,0px -2px 10px 3px #E4F4F5,2px 0px 10px 3px #E4F4F5,0px 2px 10px 3px #E4F4F5; } .search_main_a,.search_box p{ display: block; width: 370px; height: 100px; text-align: center; } .search_main_a{ line-height: 160px; color: #333; font-size: 18px; font-weight: 100; } .search_box p{ /*background: pink;*/ font-size: 12px; height: 160px; line-height: 100px; cursor: pointer; color: gray; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: none; } .search_box img{ display: block; width: 150px; height: 60px; margin:20px auto 0px auto; /*display: none;*/ } .search_box:hover p{ display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .search_box:hover img{ display: none; } .search_title{ width: 280px; height: 50px; line-height: 50px; margin-bottom: 50px; /*background: #87C4ED;*/ /*padding:0px 30px;*/ /*text-align: center;*/ } .search_title h1{ font-size: 22px; font-weight: 600; color: #4F4D4D; } .rec_name{ width: 1190px; min-height: 50px; } .min_exact_input{ display: block; width: 200px; height: 30px; margin-bottom: 10px; } .s_res_fuzzy{ width: 998px; height: 40px; margin-bottom: 1px; font-size: 12px; /*background: yellow;*/ } .s_res_fuzzy a{ display: block; color: #333; width: 100%; height: 100%; } .s_res_fuzzy a:hover{ color: #87C4ED; } .s_brand_fuzzy{ width: 160px; height: 40px; line-height: 40px; background: #fff; margin-right: 1px; padding-left: 6px; } .s_name_fuzzy{ width: 200px; height: 40px; line-height: 40px; background: #fff; margin-right: 1px; padding-left: 6px; } .s_serie_fuzzy{ width: 200px; height: 40px; line-height: 40px; background: #fff; margin-right: 1px; padding-left: 6px; } .s_model_fuzzy{ width: 400px; height: 40px; line-height: 40px; background: #fff; padding-left: 6px; } .s_brand_fuzzy,.s_name_fuzzy,.s_serie_fuzzy,.s_model_fuzzy{ float: left; } .s_res_title_brand_fuzzy{ width: 160px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .s_res_title_name_fuzzy{ width: 200px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .s_res_title_serie_fuzzy{ width: 200px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .s_res_title_model_fuzzy{ width: 400px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; color: #4D8AA8; padding-left: 6px; } .s_res{ width: 920px; height: 40px; margin-bottom: 1px; font-size: 12px; } .s_res a{ display: block; color: #333; width: 100%; height: 100%; } .s_res a:hover{ color: #87C4ED; } .s_brand{ width: 200px; height: 40px; line-height: 40px; background: #fff; margin-right: 1px; padding-left: 6px; } .s_serie{ width: 300px; height: 40px; line-height: 40px; background: #fff; margin-right: 1px; padding-left: 6px; } .s_model{ width: 400px; height: 40px; line-height: 40px; background: #fff; padding-left: 6px; } .s_brand,.s_serie,.s_model{ float: left; } .s_res_title_brand{ width: 200px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .s_res_title_serie{ width: 300px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .s_res_title_model{ width: 400px; height: 40px; line-height: 40px; background: #E4F4F5; float: left; color: #4D8AA8; padding-left: 6px; } .pc_display{ display: none; } .fuzzy_search{ width: 800px; height: 50px; } .fuzzy_brand{ width: 900px; height: 100px; /*background: #fff;*/ margin-bottom: 20px; } .fuzzy_brand_left{ width: 200px; height: 100px; background: #fff; float: left; } .fuzzy_brand_left a{ display: block; width: 100%; height: 100%; float: left; } .fuzzy_brand_left a img{ display: block; margin:30px auto; } .fuzzy_brand_right{ width: 600px; height: 100px; /*background: pink;*/ float: left; overflow: hidden; margin-left: 20px; } .fuzzy_brand_right a{ line-height: 20px; font-size: 12px; font-weight: 300; color: #333; } .fuzzy_serie{ width: 600px; height: 50px; background: pink; margin-bottom: 10px; } .serach_company_news,.serach_industry_news{ width: 1190px; min-height: 300px; } input,select{ vertical-align:middle; } select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } select::-ms-expand { display: none; } .serach_brand_form{ display: block; width: 756px; height:50px; margin-bottom: 50px; } .serach_brand_select{ display: inline-block; width: 600px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; } .serach_brand_submit{ display: inline-block; width: 150px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; } .search_product_form{ display: block; width: 756px; height:50px; margin-bottom: 50px; } .serach_product_select{ display: block; width: 300px; height: 44px; line-height: 44px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; border-right: 0; float: left; outline: none; } .serach_name_select{ display: inline-block; width: 300px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; } .serach_product_submit{ display: inline-block; width: 150px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; } .search_exact_form{ display: block; width: 1190px; min-height:450px; margin-bottom: 50px; } .serach_exact_select{ display: inline-block; width: 300px; height: 44px; line-height: 44px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; color: gray; } .serach_parameter_select{ display: inline-block; width: 300px; height: 40px; line-height: 40px; border: 1px solid #78f6f9; cursor: pointer; font-size: 12px; color: gray; margin:0px 100px 10px 0px; } .serach_exact_submit{ display: inline-block; width: 150px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; } .serach_fuzzy_form{ display: block; width: 756px; height:50px; margin-bottom: 50px; } .serach_fuzzy_input{ display: inline-block; width: 600px; height: 44px; line-height: 44px; border: 2px solid #78f6f9; font-size: 14px; color: gray; } .serach_fuzzy_submit{ display: inline-block; width: 150px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; } .serach_news_form{ display: block; width: 756px; height:50px; margin-bottom: 50px; } .serach_news_input{ display: inline-block; width: 600px; height: 44px; line-height: 44px; border: 2px solid #78f6f9; font-size: 14px; color: gray; } .serach_news_submit{ display: inline-block; width: 150px; height: 50px; line-height: 50px; border: 2px solid #78f6f9; cursor: pointer; font-size: 14px; background: #78f6f9; color: #404040; } .s_keywords{ color: #877710; } .w_search_title{ width: 400px; } .s_b_h2{ margin:50px 0px; font-size: 18px; font-weight: 600; } .s_brands_box{ width: 1190px; min-height: 200px; margin:0 auto; /*background: yellow;*/ } .search_full h4{ margin: 20px 0px; color: #4C556E; font-weight: 700; font-size: 14px; } .search_c_news_title{ width: 800px; height: 30px; line-height: 30px; overflow: hidden; margin:10px 0px; /*background: yellow;*/ } .search_c_news_title a{ color: #333; font-size: 16px; font-weight: 600; color: #2883B0; } .search_c_news_title a:hover{ color: #877710; } .inewscolor a{ color: #008080; } .search_c_news_tag{ width: 150px; height: 20px; float: left; /*margin:6px 0px;*/ /*background: yellow;*/ } .search_c_news_time{ width: 100px; height: 20px; float: left; /*margin:6px 0px;*/ /*background: pink;*/ } .search_c_news_tag p,.search_c_news_time p{ height: 20px; line-height: 20px; color: #333; font-size: 14px; } .search_c_news_summary{ width: 800px; height: 40px; line-height: 20px; overflow: hidden; margin:10px 0px 30px 0px; border-bottom: 1px solid #ABD6E0; padding-bottom: 10px; } .child_name{ width: 600px; min-height: 200px; float: left; margin: 20px 0px; padding:20px 0px; font-size: 14px; font-weight: 300px; line-height: 40px; vertical-align:middle; } .child_name_radio{ width: 15px; height: 15px; margin-right: 10px; vertical-align:middle; font-size: 14px; margin-top:-2px; } /*ä¸Šé¢æ˜¯æœç´¢ç›¸å ³çš„style*/ .brands_big_list{ width: 1190px; height: 140px; margin-bottom: 20px; border-bottom: 1px solid #cceff5; } .brands_message{ width: 950px; height: 140px; /*background: pink;*/ float: right; } .c_title{ width: 950px; height: 30px; line-height: 30px; /*background: #ffc7ff;*/ } .c_title a{ background: none; } .c_title a h3{ font-weight: 800; text-align: left; line-height: 30px; font-size: 16px; color: #404040; } .c_title a h3:hover{ color: red; } .c_introduction{ width: 950px; height: 90px; line-height: 30px; padding:10px 0px; } .c_introduction p{ font-weight: 300; font-size: 14px; } .brand2_parent_name{ width: 300px; height: 30px; line-height: 30px; /*background: #fff;*/ margin-bottom: 20px; } .line_a{ border-top: 1px solid #cceff5; transform: scaleY(0.5); border-bottom: 3px solid #cceff5; } .line_b{ border-top: 1px solid #cceff5; transform: scaleY(0.5); border-bottom: 3px solid #cceff5; margin-bottom: 20px; } .brand2_new_name_show{ width: 240px; height: 190px; float: left; background: white; margin:0px 10px 20px 0px; text-align: center; } .b2_a_1{ display: block; color: #333; width: 240px; height: 40px; line-height: 40px; font-size: 12px; background: #E6E6FA; } .brand2_new_name_show:hover .b2_a_1{ background: #EEE8AA; } .brand2_new_name_show img{ /*display: block;*/ width: 140px; height: 89px; margin-top: 20px; border: 0; } .b2_a_2{ display: block; width: 100%; height: 150px; /*background: yellow;*/ } .tb_ytlobm{ width: 1190px; min-height: 30px; } .th_ytlobm1,.th_ytlobm2,.th_ytlobm3,.th_ytlobm4,.th_ytlobm5,.th_ytlobm6,.th_ytlobm7{ float: left; height: 30px; line-height: 30px; margin:0px 2px 2px 0px; background: #fff; text-align: center; } .th_ytlobm1{ width: 150px; } .th_ytlobm2{ width: 100px; } .th_ytlobm3{ width: 150px; } .th_ytlobm4{ width: 340px; text-align: left; padding-left: 20px; } .th_ytlobm5{ width: 150px; } .th_ytlobm6{ width: 140px; } .th_ytlobm7{ width: 120px; } .ytl_min_head div{ background: #95C4DB; height: 40px; line-height: 40px; color: #fff; } .innovation_full{ width: 1190px; min-height: 550px; /*background: #ffc0fa;*/ margin:20px auto; padding:20px 0px; position: relative; /*border: 1px solid black;*/ } .innovation_index_box{ width: 1190px; height: 500px; background: #f7c; margin:20px auto; position: relative; padding-top: 250px; } .i_index_1{ width: 620px; height: 420px; margin-left: 440px; } .innovation_box1,.innovation_box2,.innovation_box3,.innovation_box4 { width: 300px; height: 200px; float: left; z-index: 400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin:0px 10px 10px 0px; vertical-align: middle; cursor: pointer; } .innovation_box1{ background: linear-gradient(-45deg, transparent 30px, rgba(72,118,255,0.2) 0); } .innovation_box2{ background: linear-gradient(-315deg, transparent 30px, rgba(72,118,255,0.2) 0); } .innovation_box3{ background: linear-gradient(-135deg, transparent 30px, rgba(72,118,255,0.2) 0); } .innovation_box4{ background: linear-gradient(-215deg, transparent 30px, rgba(72,118,255,0.2) 0); } .innovation_box1:hover{ background: linear-gradient(-45deg, transparent 30px, rgba(72,118,255,0.6) 0); } .innovation_box2:hover{ background: linear-gradient(-315deg, transparent 30px, rgba(72,118,255,0.6) 0); } .innovation_box3:hover{ background: linear-gradient(-135deg, transparent 30px, rgba(72,118,255,0.6) 0); } .innovation_box4:hover{ background: linear-gradient(-215deg, transparent 30px, rgba(72,118,255,0.6) 0); } .i_index_1 div a{ display: block; width: 200px; height: 200px; line-height: 200px; text-align: center; } .i_index_1 div a h3{ margin-left: 60px; color: #fff; } .inno_h1{ display: block; width:300px; padding-right: 30px; font-size: 23px; font-weight: bold; margin-bottom: 20px; color: #4f4d4d; } .innovation_full h3{ display: block; /*width:300px;*/ padding-right: 30px; font-size: 16px; font-weight: 600; margin-bottom: 20px; color: #725C9E; font-style:italic; } .innovation_full h3:first-child{ font-size: 30px; } .innovation_full p{ line-height: 22px; width: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 100; margin-bottom: 12px; } /*如下表1的样式*/ .inno_s1{ } .inno_s1_head { width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s1_head_c1,.inno_s1_head_c2,.inno_s1_head_c3,.inno_s1_head_c4,.inno_s1_head_c5 { height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .inno_s1_head_c1{ width: 200px; } .inno_s1_head_c2{ width: 380px; } .inno_s1_head_c3{ width: 60px; } .inno_s1_head_c4{ width: 300px; } .inno_s1_head_c5{ width: 215px; } .inno_s1_content{ width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s1_content_c1,.inno_s1_content_c2,.inno_s1_content_c3,.inno_s1_content_c4,.inno_s1_content_c5 { height: 40px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; } .inno_s1_content_c1{ width: 200px; } .inno_s1_content_c2{ width: 380px; } .inno_s1_content_c3{ width: 60px; } .inno_s1_content_c4{ width: 300px; } .inno_s1_content_c5{ width: 215px; } /*如上表1的样式*/ /*如下表2的样式*/ .inno_s2{ } .inno_s2_head { width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s2_head_c1,.inno_s2_head_c2,.inno_s2_head_c3,.inno_s2_head_c4,.inno_s2_head_c5,.inno_s2_head_c6,.inno_s2_head_c7,.inno_s2_head_c8,.inno_s2_head_c9,.inno_s2_head_c10 { height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; width: 110px; } .inno_s2_head_c10{ width: 130px; } .inno_s2_content{ width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s2_content_c1,.inno_s2_content_c2,.inno_s2_content_c3,.inno_s2_content_c4,.inno_s2_content_c5,.inno_s2_content_c6,.inno_s2_content_c7,.inno_s2_content_c8,.inno_s2_content_c9,.inno_s2_content_c10 { width: 110px; height: 40px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; } .inno_s2_content_c10{ width: 130px; } /*如上表2的样式*/ .inno_s3_big_head{ width: 1190px; height: 30px; line-height: 30px; margin-bottom: 1px; background: #95C4DB; text-align: center; margin-bottom: 1px; } .inno_s3_big_head p{ font-size: 14px; line-height: 30px color:#fff; } /*如下表4的样式*/ .inno_s4{ } .inno_s4_head { width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: yellow; } .inno_s4_head_c1,.inno_s4_head_c2,.inno_s4_head_c3,.inno_s4_head_c4,.inno_s4_head_c5 { height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .inno_s4_head_c1{ width: 125px; } .inno_s4_head_c2{ width: 150px; } .inno_s4_head_c3{ width: 350px; } .inno_s4_head_c4{ width: 350px; } .inno_s4_head_c5{ width: 180px; } .inno_s4_content{ width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s4_content_c1,.inno_s4_content_c2,.inno_s4_content_c3,.inno_s4_content_c4,.inno_s4_content_c5 { height: 40px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; } .inno_s4_content_c1{ width: 125px; } .inno_s4_content_c2{ width: 150px; } .inno_s4_content_c3{ width: 350px; } .inno_s4_content_c4{ width: 350px; } .inno_s4_content_c5{ width: 180px; } /*如上表4的样式*/ /*如下表5的样式*/ .inno_s5{ } .inno_s5_head { width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: yellow; } .inno_s5_head_c1,.inno_s5_head_c2,.inno_s5_head_c3,.inno_s5_head_c4 { height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; } .inno_s5_head_c1{ width: 212px; } .inno_s5_head_c2{ width: 400px; } .inno_s5_head_c3{ width: 275px; } .inno_s5_head_c4{ width: 275px; } .inno_s5_content{ width: 1190px; height: 300px; margin-bottom: 1px; font-size: 12px; background: pink; } .inno_s5_content_c1,.inno_s5_content_c2,.inno_s5_content_c3,.inno_s5_content_c4 { height: 300px; /*line-height: 300px;*/ background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; } .inno_s5_content_c1{ width: 212px; line-height: 30px; padding-top: 70px; height: 230px; } .inno_s5_content_c2{ width: 400px; } .inno_s5_content_c2 img{ /* display: block; width: 360px; margin-top:30px;*/ } .inno_s5_content_c3{ width: 275px; } .inno_s5_content_c4{ width: 275px; } .inno_s5_content_c3 img,.inno_s5_content_c4 img{ width: 80%; margin:60px auto; } .she1{ margin-left: -5px; width: 400px; display: block; margin-top: 20px; } .zq_png,.zh_png{ display: block; width: 300px; } .zq_png{ margin: 20px auto 0px auto; } .zh_png{ margin: 0px auto; } /*如上表5的样式*/ .imp{ color: red; } .inno_b1{ width: 170px; height: 225px; margin: 0px 20px 20px 0px; float: left; } /*触觉表1的样式*/ .touch_s1{ } .touch_s1_head { width: 1190px; min-height: 100px; margin-bottom: 1px; font-size: 12px; background: pink; } .touch_s1_head_c1,.touch_s1_head_c2,.touch_s1_head_c3{ min-height: 80px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; width: 389px; padding-top: 20px; } .touch_s1_head_c1{ width: 391px; } .touch_s1_content{ width: 1190px; height: 100px; /*margin-bottom: 1px;*/ font-size: 12px; background: pink; } .touch_s1_content_c1,.touch_s1_content_c2,.touch_s1_content_c3{ height: 100px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; width: 389px; margin-bottom: 1px; } .touch_s1_content_c1{ width: 391px; } .touch_s1_content_c1 img,.touch_s1_content_c2 img,.touch_s1_content_c3 img{ display: block; margin:10px auto; } .inno_b2{ width: 1190px; height: 180px; margin-bottom: 20px; } .inno_b2 img{ margin-right: 20px; } .inno_b3{ width: 1190px; height: 165px; margin-bottom: 20px; /*background: yellow;*/ } .inno_b3 img{ margin-right: 20px; } .inno_b4{ width: 1190px; height: 600px; margin-bottom: 20px; /*background: yellow;*/ position: relative; } .img_g1{ position: absolute; top: 0px; left:0px; } .img_g2{ position: absolute; top: 30px; left:500px; } .img_g3{ position: absolute; top: 300px; left:500px; } /*触觉表1的样式*/ /*gyro表1的样式*/ .gyro_s1{ } .gyro_s1_head { width: 1190px; height: 40px; margin-bottom: 1px; font-size: 12px; background: pink; } .gyro_s1_head_c1,.gyro_s1_head_c2,.gyro_s1_head_c3,.gyro_s1_head_c4,.gyro_s1_head_c5,.gyro_s1_head_c6{ height: 40px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; width: 290px; } .gyro_s1_head_c1 p,.gyro_s1_head_c2 p,.gyro_s1_head_c3 p,.gyro_s1_head_c4 p,.gyro_s1_head_c5 p,.gyro_s1_head_c6 p{ line-height: 40px; } .gyro_s1_head_c4{ width: 292px; } .gyro_s1_content{ width: 1190px; min-height: 40px; /*margin-bottom: 1px;*/ font-size: 12px; background: pink; } .gyro_s1_content_c1,.gyro_s1_content_c2,.gyro_s1_content_c3,.gyro_s1_content_c4{ height: 40px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; width: 290px; margin-bottom: 1px; } .gyro_s1_content_c4{ width: 292px; } .gyro_s1_content_c1 p,.gyro_s1_content_c2 p,.gyro_s1_content_c3 p,.gyro_s1_content_c4 p{ line-height: 40px; } .grto_h1{ width: 80px; } .grto_h4{ width: 502px; } /*gyro表1的样式*/ /*gyro表3的样式*/ .gyro_s3{ } .gyro_s3_head { width: 1190px; height: 82px; margin-bottom: 1px; font-size: 12px; background: pink; } .gyro_s3_head_c1,.gyro_s3_head_c2,.gyro_s3_head_c3,.gyro_s3_head_c4,.gyro_s3_head_c5,.gyro_s3_head_c6,.gyro_s3_head_c7{ height: 80px; line-height: 40px; background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; width: 150px; } .gyro_s3_head_c1 p,.gyro_s3_head_c2 p,.gyro_s3_head_c3 p,.gyro_s3_head_c4 p,.gyro_s3_head_c5 p,.gyro_s3_head_c6 p,.gyro_s3_head_c7 p{ line-height: 40px; } .gyro_s3_head_c7{ width: 157px; } .gyro_s3_content{ width: 1190px; min-height: 40px; /*margin-bottom: 1px;*/ font-size: 12px; background: pink; } .gyro_s3_content_c1,.gyro_s3_content_c2,.gyro_s3_content_c3,.gyro_s3_content_c4,.gyro_s3_content_c5,.gyro_s3_content_c6,.gyro_s3_content_c7{ height: 40px; line-height: 40px; background: #fff; float: left; margin-right: 1px; color: #4f4d4d; padding-left: 6px; width: 150px; margin-bottom: 1px; } .gyro_s3_content_c1 p,.gyro_s3_content_c2 p,.gyro_s3_content_c3 p,.gyro_s3_content_c4 p,.gyro_s3_content_c5 p,.gyro_s3_content_c6 p,.gyro_s3_content_c7 p{ line-height: 40px; } .g3_h1{ width: 241px; } .gyro_s3_content_c3,.gyro_s3_content_c4{ width: 147px; } .gyro_s3_content_c5{ width: 149px; } .gyro_s3_content_c7{ width: 157px; } .total_head{ width: 463px; height: 80px; line-height: 40px; /*background: #E4F4F5;*/ background: pink; float: left; margin-right: 1px; color: #4D8AA8; /*padding-left: 6px;*/ } .total_head_line0{ width: 457px; height: 39px; line-height: 40px; background: #E4F4F5; /*background: pink;*/ float: left; /*margin-right: 1px;*/ color: #4D8AA8; padding-left: 6px; margin-bottom: 1px; text-align: center; } .total_head_line{ width: 457px; height: 39px; line-height: 40px; /*background: #E4F4F5;*/ background: pink; float: left; /*margin-right: 1px;*/ color: #4D8AA8; padding-left: 6px; margin-bottom: 1px; } .total_head_1{ width: 147px; height: 40px; line-height: 40px; /*background: #E4F4F5;*/ background: #E4F4F5; float: left; margin-right: 1px; color: #4D8AA8; padding-left: 6px; margin-bottom: 1px; } .p_left_0{ padding-left: 0px; width: 463px; } .h457{ width: 149px; margin-right: 0px; } /*gyro表3的样式*/ .wl_box{ width: 300px; min-height: 100px; margin: 0px 20px 20px 0px; padding:20px 20px; text-align: left; background: #fff; float: left; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .wl_box:hover{ box-shadow: -2px 0px 10px 3px #E4F4F5,0px -2px 10px 3px #E4F4F5,2px 0px 10px 3px #E4F4F5,0px 2px 10px 3px #E4F4F5; } .wl_sub{ min-height: 50px; /*background: yellow;*/ } .wl_sub p{ font-weight: 100; font-size: 18px; color: #31424e; line-height: 50px; margin-bottom: 0px; font-style: italic; } .wl_sub_content{ min-height: 40px; text-decoration:none; /*background: pink;*/ } .wl_sub_content p { font-size: 14px; line-height: 20px; color: #4F4D4D; } .wire_img1{ height: 180px; width: 590px; margin-bottom: 20px; text-align: center; background: #deefff; } .wire_img1 img{ margin:0 auto; } .pdf_down_1{ color: #95C4DB; } .newmaterials_full{ width: 1190px; min-height: 550px; /*background: #ffc0fa;*/ margin:20px auto; padding:20px 0px; position: relative; /*border: 1px solid black;*/ } .newmaterials_full h3 { display: block; /* width: 300px; */ padding-right: 30px; font-size: 16px; font-weight: 600; margin-bottom: 20px; color: #725C9E; font-style: italic; } .new_box1{ width: 500px; height: 300px; background: white; float: left; margin:0px 20px 20px 0px; } .new_box1_img{ width: 500px; height: 200px; background: #fff; position: relative; } .new_box1_a1{ position: absolute; left: 150px; top:20px; } .new_box1_a2{ position: absolute; left: 350px; top:40px; } .new_box1_a3{ position: absolute; left: 170px; top:10px; } .new_box1_content{ width: 460px; height: 80px; background: #fdffdf; padding: 10px 20px; } .new_box1_content p{ font-size: 14px; } .welcome_h1{ display: none; } .new_img_line{ width: 1190px; height: 180px; margin-bottom: 20px; } .new_img_line img{ width: auto; height: 180px; margin-right: 20px; } .car_1{ width: 1000px; height: 800px; position: relative; } .car_1 img{ position: absolute; } .yetelian_index_box{ width: 1190px; height: 500px; background: #f7c; margin:20px auto; position: relative; padding-top: 250px; cursor: pointer; } .yete1{ display: block; position: absolute; bottom: 0px; left: 0px; } ',''); document.write('',''); } 大脑预测彩票

大脑预测彩票 缓考申请书

  • 科技部将推动人工智能五大方向研发
  • 阿根廷近2000人湖上集体漂浮 刷新世界纪录(图)
  • 他在手术前的病床上完成最后一部作品|中国作协主席铁凝撰文怀念作家李迪
  • 喷雾型g水
  • 世卫称未收到美国退出正式信函

廉政心得



秋天作文600字

快播雷达

天津区号是多少

大脑预测彩票 江苏科技大学教务

不能失去你

奥迪a6降价25万

寂寞歌词

大脑预测彩票 小说下载txt电子书

太原租房网

机器人游戏

CopyRight © 2006-2019 By 北京师范大学研究生

物联网大会


  • <ol id="AUTRwuc"></ol>






  • <option id="yayFWrw" class="yZuoH0a"><bdo id="dEOUXMD" class="d6aEFkl"><basefont id="l9V8Mmk" class="lECCjLb"><hr class="gsoXvOl"></hr></basefont></bdo></option>
    <label id="nBirjuO" class="n04l8pe"></label>

      <ul id="Xc1NxyU" class="XsoDvn5"></ul>