/* CSS Document */ html { min-height: 100%;_height:100%;} body{margin:0;padding:0;font:13px 微软雅黑,Arial, Helvetica, sans-serif;color:#4d4d4d; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/bgs.png) center top; min-height: 100%;_height:100%; overflow-x:hidden;} input{outline:none; cursor:pointer;} dl,dd,dt,ul,li,form,p{margin:0;padding:0; list-style:none; } .listnone{ list-style:none;} img{border:0; vertical-align:bottom;} .tevialign{ vertical-align:middle;} a:link {color: #373737;text-decoration: none;} /* 未访问的链接 */ a:visited {color: #373737;text-decoration: none;} /* 已访问的链接 */ a:hover {color:#851b20;text-decoration: none;} /* 鼠标在链接上 */ a:active {color: #373737;text-decoration: none;} /* 点击激活链接 */ .clearall{clear:both;height:1px;overflow:hidden;} .f-left{float:left;} .f-right{float:right;} table{ width:100% !important;} img{ vertical-align:bottom;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} /*-------------------------------------------index----------------------------------------------------------*/ .allwidth{ max-width:1200px; margin:0 auto;} .allwidth01{ max-width:1200px; margin:0 auto;} .in_logos{ width:25%; float:left;} .in_logos img{ width:100%;} .in_navs{ width:72%; float:right; padding:35px 0 20px 0;} .in_navs_li{ float:left; position:relative;width:12.8%;margin-left:0.6%;} .in_navs_li .innav_a{ display:block; width:100%;font-size:16px; padding:5px 0;text-align:center; border-radius:35px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .innav_a{ background:#851b20; border-radius:0 10px 0 10px; color:#FFF;} .in_navs_li .in_navs_se{ position:absolute; width:300px; left:-95px; top:50px; opacity:0; visibility:hidden; padding:0 0 0 0;height:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .in_navs_se{top:35px; visibility:visible; opacity:1; z-index:1000;} .in_navs_li .in_navs_se .in_navs_jt{ height:6px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/nav_topico.png) center bottom no-repeat;} .in_navs_li .in_navs_se .in_navs_selist{ background:#ffffff; color:#333; padding:10px 0px; border-radius:0 0 8px 8px; overflow:hidden; } .in_navs_li .in_navs_se .in_navs_selist a{ display:block; padding:5px 10px; color:#777; text-align:center; font-size:13px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li .in_navs_se .in_navs_selist a:hover{ color:#fff ; background:#851b20;} .in_navs01{ display:none; width:58%; float:right; padding:45px 0 0 0;} .submenu_title{ padding:12px 0; width:100%; background:#eeeeee; text-align:center; font-weight:bold; font-size:15px;} .sub_menulist{ width:49.6%; float:left; margin:0 0.2%;} .in_banner{ height:auto;} .bans { width:100%; overflow:hidden; position:relative; } .bans .warp { width:20000px; } .bans .warp a { float:left; display:block; } .bans .warp a img{ width:100%; float:left; } .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; } .bans ul li { display:inline-block; width:14px; height:14px; background:#636969; border-radius:7px; margin:0 5px; } .bans ul li.click { background:#ffffff; } .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; display:none; } .bans span.tl { left:0; } .bans span.tr { right:0; } .in_bannerkk{ display:block; height:627px;} .in_banner01{ display:none;} .in_titles{ padding:50px 0 30px 0; height:51px; text-align:center;font-size:26px; color:#3c0303; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 58px no-repeat;} .in_titles img{ display:inline-block; height:51px; } .in_titles span{ font-size:18px; color:#735959; display:block;} .in_titles01{ padding:50px 0 30px 0; height:51px; text-align:center;font-size:26px; color:#ffffff; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 58px no-repeat;} .in_titles01 img{ display:inline-block; height:51px; } .in_titles01 span{ font-size:18px; color:#ffffff; display:block;} a.in_con01_list{ display:block; border-radius:500px; float:left; width:186px; height:186px; margin:15px 2.4%; position:relative; overflow:hidden;} a.in_con01_list img{ width:100%; height:186px; } a.in_con01_list strong{ display:block; width:100%; height:60%; left:0; top:200px; padding:40% 0 0 0; text-align:center; position:absolute; z-index:10; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_zz01.png); color:#ffffff; font-size:18px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.in_con01_list:hover strong{ top:0;} a.in_con01_list span{ display:block; text-align:center; font-size:14px; font-weight:normal;} .in_con01{ padding:25px 0 35px 10%;} .in_con02{ padding:15px 0 30px 0;} .in_con02_l{ width:80%; float:left;} .in_con02_l img{ width:100%;} .in_con02_r{ width:20%; float:right;} .in_con02_r h1{ display:block; min-height:100.5px; padding:60px 10% 0 20%; background:#fff4f4; margin:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1:hover{ display:block; min-height:100.5px; padding:60px 10% 0 20%; background:#851b20;margin:0;} .in_con02_r h1:hover strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; color:#ffffff;} .in_con02_r h1:hover span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con02_r_c{display:block; min-height:100.5px; padding:60px 10% 0 20%; background:#851b20 !important;} .in_con02_r_c strong,.in_con02_r_c:hover strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; color:#ffffff;} .in_con02_r_c span,.in_con02_r_c:hover span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff !important; border:1px solid #ffffff !important;} .in_con03bg{ background:#851b20;} .in_newslist{ width:31.8%; float:left; margin-right:1.5%; color:#FFF; text-align:center; overflow:hidden; cursor:pointer;} .in_con03{ padding:30px 0 25px 0;} .in_news_img{ position:relative;} .in_newslist .in_news_img img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_newslist:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_news_img span{ position:absolute; left:40%; bottom:-30px; background:#FFF; border-radius:100px; color:#851b20; width:80px; height:70px; padding:10px 0 0 0; z-index:10000;} .in_news_img span strong{ display:block; padding:1px 0 0 0; font-size:20px;} .in_news_title{ padding:60px 0 10px 0; font-size:16px;} .in_newslist a{ display:block; margin:25px auto 25px auto; text-align:center; color:#FFF; width:100px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; padding:5px 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_newslist:hover a{ background:#ffffff; color:#851b20;} .in_con04{ padding:55px 0;} .in_con04_l{ width:80%; float:left;} .in_con04_l img{ width:100%;} .in_con04_r{ width:20%; float:right;} .in_con04_r h1{ display:block; min-height:141px; padding:100px 10% 0 20%; background:#fff4f4; margin:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1:hover{ display:block; min-height:141px; padding:100px 10% 0 20%; background:#851b20; margin:0;} .in_con04_r h1:hover strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; color:#ffffff;} .in_con04_r h1:hover span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con04_r_c,.in_con04_r_c:hover{display:block; min-height:141px; padding:100px 10% 0 20%; background:#851b20 !important;} .in_con04_r_c strong,.in_con04_r_c:hover strong{ display:block; float:left; width:70%; font-size:20px; font-weight:normal; line-height:17px; color:#ffffff;} .in_con04_r_c span,.in_con04_r_c:hover span{ display:block; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff !important; border:1px solid #ffffff !important;} .in_con05bg{ background:#fff4f4; } .in_con05{ padding:30px 0 30px 0;} a.in_itern{ display:block; width:24%; float:left; margin-right:1%; margin-bottom:15px;} a.in_itern:hover{ color:#851b20;} a.in_itern span{ display:block; padding:10px 1% 0 1%; text-align:center; height:40px; overflow:hidden;} .in_iternimg{ border:1px solid #851b20; overflow:hidden;} .in_iternimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_iternimg:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_footbg{border-top:1px solid #851b20;} .in_foot{ padding:40px 0;} .in_logo{ width:18%; float:left; border-right:1px solid #d7d7d7; padding:15px 0; margin-right:4%;} .in_logo img{ width:90%;} .in_foot_l{ width:24%; float:left; margin-right:2%;} .in_foot_m{ width:24%; float:left; padding-right:0;} .in_foot_r{ width:26%; float:right; padding-right:0;} .in_foot_title{ padding:0 0 10px 0;} .in_foot_title strong{} .in_foot_title span{ display:block; padding:0 0 0 8px; font-size:19px; color:#adadad;} .in_foot_ewm{ width:25%; float:left; margin-right:3%;} .in_foot_ewm img{ width:100%;} .in_foot_ewm span{ display:block; padding:5px 0 0 0; text-align:center;} a.in_tels{ display:block; width:90px; text-align:center; padding:6px 0; background:#851b20; color:#FFF; border-radius:3px;} .sub_banner{ display:block; height:575px;} .sub_banner01{ display:none;} .sub_location{ padding:17px 0;} .sub_navbg{ background:#fff9f9; margin-bottom:10px;} .sub_navs_l{ width:15%; float:left; padding:7px 2% 0 2%;} .sub_navs_l span{ font-size:26px; color:#b1b1b1; display:block;} .sub_navs_l strong{font-size:18px; color:#851b20; display:block; font-weight:normal;} .sub_navs_r{ width:81%; float:right;} .sub_navs_r a{ display:block; float:right; font-size:16px; min-height:75px; line-height:75px; padding:0 2%; position:relative; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .sub_navs_r a:hover{ background:#8c272c center top repeat-x; color:#FFF;} .sub_navs_r a span{ display:none; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:100%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .sub_navs_r a:hover span{display:none;width:100%;} a.sub_navs_r_c,a.sub_navs_r_c:hover{ display:block; float:right; font-size:16px; min-height:75px; line-height:75px; padding:0 2%; position:relative; background:#8c272c center top repeat-x; color:#ffffff;} a.sub_navs_r_c span,a.sub_navs_r_c:hover span{ display:block; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:100%;} .sub_cons{ padding:20px 0 40px 0;} .snews_list{ display:block; background:#f9f9f9; cursor:pointer; margin-bottom:15px;} .snews_list_l{ width:25%; float:left; overflow:hidden;} .snews_list .snews_list_l img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .snews_list:hover .snews_list_l img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .snews_list_r{ width:71%; float:right; padding: 0 2% 0 0;} .snews_list .snews_list_r strong{ font-size:17px; display:block; padding:25px 0 5px 0; font-weight:normal; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list:hover .snews_list_r strong{ color:#8c272c;} .snews_list .snews_list_r span{ display:block; max-height:40px; overflow:hidden;} .snews_list_r a{ display:block; margin:10px 0 10px 0; text-align:center; color:#aaaaaa; width:100px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; padding:5px 0; background:#ffffff; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list_r:hover a{ background:#851b20; color:#ffffff;} .brand_titles{ padding-bottom:15px; overflow:hidden;} .brand_titles a{ display:block; float:left; margin-right:6px; background:#f3f3f3; padding:15px 5%; font-size:17px;} .brand_text{ padding:15px 0 20px 0; line-height:22px;} .select_list{ border:1px solid #cccccc; padding:5px 5px 5px 5px; color:#999999;} .pros_titles{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines.jpg) center center repeat-x; text-align:center;} .pros_titles span{ background:#FFF; font-size:26px; color:#8c272c;} .pros_cons{ padding:25px 0 0 0;} .pros_cons01{ padding:20px 0 0 0;} a.pros_list{ display:block; width:24%; float:left; margin-right:1%; margin-bottom:5px; margin-top:5px} .pros_imgs{ border:1px solid #eeeeee; overflow:hidden; position:relative;} a.pros_list .pros_textss{ position:absolute; left:0; bottom:-500px; width:90%; height:65%; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_prosbg.png); color:#ffffff; text-align:center; z-index:100; padding:35% 5% 0 5%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.pros_list:hover .pros_textss{ bottom:0;} a.pros_list .pros_textss strong{ display:block; font-size:16px; padding-bottom:6px;} a.pros_list .pros_imgs img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.pros_list:hover .pros_imgs img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.pros_list span{ display:block; padding:8px 1%; height:40px; overflow:hidden; text-align:center;} .pros_d_top{ padding:20px 0 30px 0;} .pros_d_l{ width:47%; float:left; border:1px solid #dddddd;} .pros_d_l img{ width:100%;} .pros_d_r{ width:50%; float:right; line-height:26px;} .pros_d_r strong{ display:block; font-size:20px; color:#000; padding:10px 0 15px 0; font-weight:normal;} .pros_price{ display:none; padding-bottom:5px; color:#F00;} .pros_d_r>span{ display:block; line-height:20px; color:#12px; background:#f1f1f1; padding:8px 2%; margin-bottom:15px; color:#777;} .pros_title{ height:35px; border-left:4px solid #851b20; color:#000; background:#eeeeee; padding-left:10px; line-height:35px;} .pros_d_texts{ padding:20px 1%; line-height:26px;} .hz_list{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list .hz_list_l{ width:18%; float:left; width:17%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list .hz_list_l img{ width:100%;} .hz_list .hz_list_r{ width:80%; float:right;} .hz_list .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico01.png) center center no-repeat; position:absolute; left:-8px; top:30px;} .hz_list:nth-child(2n){ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list:nth-child(2n) .hz_list_l{ width:18%; float:right; width:17%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list:nth-child(2n) .hz_list_l img{ width:100%;} .hz_list:nth-child(2n) .hz_list_r{ width:80%; float:left;} .hz_list:nth-child(2n) .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list:nth-child(2n) .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list:nth-child(2n) .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico02.png) center center no-repeat; position:absolute; left:auto; right:-8px; top:30px;} .itern_title01{ padding:50px 0 25px 0; text-align:center;} .itern_title01 strong{ display:inline-block; font-size:28px; color:#5d1316; font-weight:normal; position:relative; padding:0 15px;} .itern_title01 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #5d1316; border-top:1px solid #5d1316; position:absolute;left:0; top:0;} .itern_title01 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #5d1316; border-bottom:1px solid #5d1316; position:absolute; left:auto; right:0; bottom:0;} .itern_con01{ padding-bottom:15px;} a.itern_con01_list{ display:block; padding:8px 0 12px 0;} a.itern_con01_list .itern_con01_listl{ width:21%; float:left; overflow:hidden;} a.itern_con01_list .itern_con01_listl img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.itern_con01_list:hover .itern_con01_listl img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.itern_con01_list .itern_con01_listr{ width:77%; float:right;} a.itern_con01_list .itern_con01_listr strong{ font-weight:normal; color:#851b20; font-size:18px; display:block; padding-bottom:12px;} a.itern_con01_list .itern_con01_listr span{ display:block; background:#ececec; padding:15px 2%; line-height:24px; max-height:100px;} a.itern_con01_list:nth-child(2n) .itern_con01_listl{ width:21%; float:right;} a.itern_con01_list:nth-child(2n) .itern_con01_listr{ width:77%; float:left;} .itern_con02bg{ background:#5d1316;} .itern_title02{ padding:50px 0 25px 0; text-align:center;} .itern_title02 strong{ display:inline-block; font-size:28px; color:#fff; font-weight:normal; position:relative; padding:0 15px;} .itern_title02 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #fff; border-top:1px solid #fff; position:absolute;left:0; top:0;} .itern_title02 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; left:auto; right:0; bottom:0;} .itern_imgs{ padding:0px 0 40px 0;} .itern_imgs a{ display:block; width:49%; margin:0 0.5%; float:left; padding-top:15px; overflow:hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .itern_imgs a:hover{ padding-top:0;} .itern_imgs a img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .itern_imgs a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .itern_imgs a span{ display:block; color:#fff; text-align:center; font-size:20px; height:40px; padding:20px 0 0 0;} .itern_con03{ padding:10px 0 50px 0;} .itern_con03_titles{ overflow:hidden; margin-bottom:15px; } .itern_con03_ts{background:#5d1316; color:#fff; font-size:24px; float:left; padding:0px 15px;} .itern_con03_ts span{ display:block; border-left:1px solid #fff;padding:8px 0px 8px 15px;} .itern_con03_text{ font-size:14px; margin-bottom:15px;} .itern_con03_list01{ padding:0 0 15px 0;} .itern_con03_list02{ padding:0 0 15px 0;} .itern_con03_list03{ padding:0 0 15px 0;} .itern_con03_list04{ padding:0 0 15px 0;} .itern_con04bg{ background:#e9e9e9;} .itern_con04{ padding:15px 0 70px 0; } .itern_con04_text{background:#5d1316; color:#fff;} .itern_con04_textl{ width:40%; float:left; padding:60px 5% 10px 5%; font-size:16px; line-height:28px;} .itern_con04_textr{ width:50%; float:right;} .itern_con04_textr img{ width:100%;} .sub_texts{ line-height:26px; padding:0 1%;} .jcpx_con02{ padding-bottom:40px; position:relative;} .jcpx_jts{ position:absolute; left:46.5%; top:27%; z-index:10;} .jcpx_con02 a{ float:left; display:block; width:49%; margin:0 0.5%; overflow:hidden;} .jcpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .jcpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .jcpx_con02 a strong{ display:block; font-size:18px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .jcpx_con02 a span{ display:block; font-size:15px; padding:5px 0 6px 0; text-align:center;} .sub_cons02s{ padding:40px 0 30px 0;} .lfpx_con02{ padding-bottom:40px; } .lfpx_con02 a{ float:left; display:block; width:32%; margin:0 0.6%; overflow:hidden;} .lfpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .lfpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con02 a strong{ display:block; font-size:18px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .lfpx_con03{ padding:0 0 40px 0; overflow:hidden;} .gxdp_list{ display:block; margin:20px 0; background:#efefef;} .lfpx_con03_img{ width:28%; float:left; border-right:10px solid #fff; vertical-align:bottom; overflow:hidden;} .gxdp_list:nth-child(2n) .lfpx_con03_img{ width:28%; float:right; border-right:0px solid #fff; border-left:10px solid #fff;} .gxdp_list .lfpx_con03_img img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .gxdp_list:hover .lfpx_con03_img img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con03_text{ width:67%; float:right; padding:15px 2% 10px 2%;} .gxdp_list:nth-child(2n) .lfpx_con03_text{ width:67%; float:left; padding:15px 2% 10px 2%;} .lfpx_con03_text strong{ display:block; padding:5px 0 10px 0; font-size:20px; color:#5d1316;} .lfpx_con03_text span{ display:block; padding:5px 0 10px 0; font-size:14px; line-height:20px; } .lfpx_con03_text a{ display:block; padding:5px 10px; float:right; border-radius:50px; font-size:14px; color:#fff; background:#5d1316;} .in_con02_imgs{ display:none;} .in_con02_imgs01{ display:none;} .jcpx_con01_list{ display:block; padding:30px 0;} .jcpx_con01_list01{ display:none;} .in_mnav{ display:none; background:#007bc2; width:101%; position:absolute; top:85px; padding:25px 0 50px 0; left:-1%; z-index:100000;} .in_mnav>a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:0px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_mnav>a:hover{ background:#0187e5; color:#FFF;} .in_buttom{ display:none; width:40px; height:36px; background-color:#ffffff; background-image: none; border: 1px solid #ffffff; border-radius: 4px; padding:0; float:right; margin:20px 10px 0 0;} .in_buttom span{ display:block; width:36px; margin:4px auto; height:4px; border-radius:5px; background-color:#999999; } .sublo_display{ display:block;} .sublo_display01{ display:block;} .mlocation{ display:block;} .editor img{ width:auto; height:auto;} .in_newstext{ display:none;} .brand_con01{ display:block;} .brand_con02{ display:none;} .brand_con02 img{ width:100% !important; height:auto !important; } .in_brand_t{ display:block;} .in_brand_t01{ display:none;} .in_brand_t02{ display:none; padding:10px 0 0 0;} @media (max-width: 900px) { .allwidth{ max-width:96%; padding:0 1% margin:0 auto;} .allwidth01{ max-width:100%; margin:0 auto;} .in_logos{ width:60%; float:left; height:80px; padding:5px 0 0 0; overflow:hidden;} .in_logos img{ width:auto !important; height:70px !important;} .in_navs{ display:none; width:72%; float:right; padding:35px 0 20px 0;} .in_navs_li{ float:left; position:relative;width:12.8%;margin-left:0.6%;} .in_navs_li .innav_a{ display:block; width:100%;font-size:16px; padding:5px 0;text-align:center; border-radius:35px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .innav_a{ background:#851b20; border-radius:0 10px 0 10px; color:#FFF;} .in_navs_li .in_navs_se{ position:absolute; width:300px; left:-95px; top:50px; opacity:0; visibility:hidden; padding:0 0 0 0;height:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .in_navs_se{top:35px; visibility:visible; opacity:1; z-index:1000;} .in_navs_li .in_navs_se .in_navs_jt{ height:6px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/nav_topico.png) center bottom no-repeat;} .in_navs_li .in_navs_se .in_navs_selist{ background:#ffffff; color:#333; padding:10px 0px; border-radius:0 0 8px 8px; overflow:hidden; } .in_navs_li .in_navs_se .in_navs_selist a{ display:block; padding:5px 10px; color:#777; text-align:center; font-size:13px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li .in_navs_se .in_navs_selist a:hover{ color:#fff ; background:#851b20;} .in_navs01{ display:block; width:28%; float:right; padding:7px 0 0 0;} .submenu_title{ padding:12px 0; width:100%; background:#eeeeee; text-align:center; font-weight:bold; font-size:15px;} .sub_menulist{ width:49.6%; float:left; margin:0 0.2%;} .in_banner{ height:auto;} .bans { width:100%; overflow:hidden; position:relative; } .bans .warp { width:20000px; } .bans .warp a { float:left; display:block; } .bans .warp a img{ width:100%; float:left; } .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:10px; text-align:center; } .bans ul li { display:inline-block; width:14px; height:14px; background:#636969; border-radius:7px; margin:0 5px; } .bans ul li.click { background:#ffffff; } .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; display:none; } .bans span.tl { left:0; } .bans span.tr { right:0; } .in_bannerkk{ display:none; height:627px;} .in_banner01{ display:block;} .in_titles{ padding:20px 0 0px 0; height:51px; text-align:center;font-size:20px; color:#3c0303; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 19px no-repeat;} .in_titles img{ display:inline-block; height:51px; } .in_titles span{ font-size:15px; color:#735959; display:block;} .in_titles01{ padding:20px 0 0px 0; height:51px; text-align:center;font-size:20px; color:#ffffff; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 19px no-repeat;} .in_titles01 img{ display:inline-block; height:51px; } .in_titles01 span{ font-size:15px; color:#ffffff; display:block;} a.in_con01_list{ display:block; border-radius:80%; float:left; width:20%; height:130px; margin:15px 2.4%; position:relative; overflow:hidden;} a.in_con01_list img{ width:100%; height:130px; } a.in_con01_list strong{ display:block; width:100%; height:60%; left:0; top:200px; padding:40% 0 0 0; text-align:center; position:absolute; z-index:10; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_zz01.png); color:#ffffff; font-size:18px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.in_con01_list:hover strong{ top:0;} a.in_con01_list span{ display:block; text-align:center; font-size:14px; font-weight:normal;} .in_con01{ padding:25px 0 35px 0;} a.in_con01_list11{ display:block; border-radius:80%; float:left; width:100%; height:130px; margin:15px 2.4%; position:relative; overflow:hidden;} a.in_con01_list11 img{ width:100%; height:130px; } .in_con02{ padding:15px 0 30px 0;} .in_con02_l{ width:100%; float:left;} .in_con02_l img{ width:100%;} .in_con02_r{ width:100%; float:right;} .in_con02_r h1{ display:block; min-height:30px; padding:10px 0% 0 0%; width:33.3%; text-align:center; float:left; background:#fff4f4; margin:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 img{ display:none;} .in_con02_r h1:hover{ display:block; min-height:30px; padding:10px 0% 0 0%; width:33.3%; text-align:center; float:left; background:#851b20; margin:0;} .in_con02_r h1:hover strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con02_r h1:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con02_r_c,.in_con02_r_c:hover{display:block; min-height:30px; padding:10px 5% 0 5%; background:#851b20;} .in_con02_r_c strong,.in_con02_r_c:hover strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con02_r_c span,.in_con02_r_c:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con03bg{ background:#851b20;} .in_newslist{ width:32.5%; float:left; margin-right:0.8%; color:#FFF; text-align:center; overflow:hidden; cursor:pointer;} .in_con03{ padding:30px 0 25px 0;} .in_news_img{ position:relative;} .in_newslist .in_news_img img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_newslist:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_news_img span{ position:absolute; left:35%; bottom:-30px; background:#FFF; border-radius:100px; color:#851b20; width:80px; height:70px; padding:10px 0 0 0; z-index:10000;} .in_news_img span strong{ display:block; padding:1px 0 0 0; font-size:20px;} .in_news_title{ padding:60px 0 10px 0; font-size:16px;} .in_newslist a{ display:block; margin:25px auto 25px auto; text-align:center; color:#FFF; width:100px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; padding:5px 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_newslist:hover a{ background:#ffffff; color:#851b20;} .in_con04{ padding:30px 0;} .in_con04_l{ width:100%; float:left;} .in_con04_l img{ width:100%;} .in_con04_r{ width:100%; float:right;} .in_con04_r h1{ display:block; min-height:30px; padding:20px 0% 0 0%; text-align:center; float:left; width:50%; background:#fff4f4; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 img{ display:none;} .in_con04_r h1:hover{ display:block; min-height:30px !important; padding:20px 0% 0 0%; float:left; text-align:center; background:#851b20;} .in_con04_r h1:hover strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con04_r h1:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con04_r_c,.in_con04_r_c:hover{display:block; min-height:30px !important; padding:20px 5% 0 5%; background:#851b20;} .in_con04_r_c strong,.in_con04_r_c:hover strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con04_r_c span,.in_con04_r_c:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con05bg{ background:#fff4f4; } .in_con05{ padding:20px 0 20px 0;} a.in_itern{ display:block; width:49%; float:left; margin-right:1%; margin-bottom:15px;} a.in_itern:hover{ color:#851b20;} a.in_itern span{ display:block; padding:10px 1% 0 1%; text-align:center; height:40px; overflow:hidden;} .in_iternimg{ border:1px solid #851b20; overflow:hidden;} .in_iternimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_iternimg:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_footbg{border-top:1px solid #851b20;} .in_foot{ padding:20px 0;} .in_logo{ display:none; width:18%; float:left; border-right:1px solid #d7d7d7; padding:15px 0; margin-right:4%;} .in_logo img{ width:90%;} .in_foot_l{ display:none; width:24%; float:left; margin-right:2%;} .in_foot_m{ display:none; width:24%; float:left; padding-right:0;} .in_foot_r{ width:100%; float:none; padding-right:0;} .in_foot_title{ display:none; padding:0 0 10px 0;} .in_foot_title strong{} .in_foot_title span{ display:block; padding:0 0 0 8px; font-size:19px; color:#adadad;} .in_foot_ewm{ width:25%; float:left; margin-right:3%;} .in_foot_ewm img{ width:100%;} .in_foot_ewm span{ display:block; padding:5px 0 0 0; text-align:center;} a.in_tels{ display:block; width:90px; text-align:center; padding:6px 0; background:#851b20; color:#FFF; border-radius:3px;} .sub_banner{ display:none; height:575px;} .sub_banner01{ display:block;} .sub_banner01 img{ width:100% !important;} .sub_location{ padding:17px 0 0 0;} .sub_navbg{ background:#fff9f9; margin-bottom:10px;} .sub_navs_l{ display:none; width:15%; float:left; padding:7px 2% 0 2%;} .sub_navs_l span{ font-size:26px; color:#b1b1b1; display:block;} .sub_navs_l strong{font-size:18px; color:#851b20; display:block; font-weight:normal;} .sub_navs_r{ width:100%; float:right;} .sub_navs_r a{ display:block; float:right; font-size:14px; min-height:75px; line-height:75px; padding:0 1%; width:18%; position:relative; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .sub_navs_r a:hover{ background:#ffffff center top repeat-x;} .sub_navs_r a span{ display:block; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .sub_navs_r a:hover span{width:100%;} a.sub_navs_r_c,a.sub_navs_r_c:hover{ display:block; float:right; font-size:14px; min-height:75px; line-height:75px; padding:0 1%; width:18%; text-align:center; position:relative; background:#851b20 center top repeat-x;} a.sub_navs_r_c span,a.sub_navs_r_c:hover span{ display:block; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:100%;} .sub_cons{ padding:20px 0 40px 0;} .snews_list{ display:block; background:#f9f9f9; cursor:pointer; margin-bottom:15px;} .snews_list_l{ width:40%; float:left; overflow:hidden;} .snews_list .snews_list_l img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .snews_list:hover .snews_list_l img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .snews_list_r{ width:55%; float:right; padding: 0 2% 0 0;} .snews_list .snews_list_r strong{ font-size:17px; display:block; padding:25px 0 5px 0; font-weight:normal; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list:hover .snews_list_r strong{ color:#8c272c;} .snews_list .snews_list_r span{ display:none; max-height:40px; overflow:hidden;} .snews_list_r a{ display:block; margin:10px 0 10px 0; text-align:center; color:#aaaaaa; width:100px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; padding:5px 0; background:#ffffff; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list_r:hover a{ background:#851b20; color:#ffffff;} .brand_titles{ padding-bottom:5px; overflow:hidden;} .brand_titles a{ display:block; float:left; margin-right:0.3%; background:#f3f3f3; padding:8px 0; font-size:15px; width:33%; text-align:center; } .brand_text{ padding:15px 0 20px 0; line-height:22px;} .brand_text img{ width:100% !important; height:auto !important;} .select_list{ border:1px solid #cccccc; padding:5px 5px 5px 5px; color:#999999;} .pros_titles{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines.jpg) center center repeat-x; text-align:center;} .pros_titles span{ background:#FFF; font-size:18px; color:#8c272c;} .pros_cons{ padding:0px 0 0 0;} .pros_cons01{ padding:20px 0 0 0;} .pros_cons01 img{ width:100% !important; height:auto !important;} a.pros_list{ display:block; width:49%; float:left; margin-right:1%; margin-bottom:3px; margin-top:16px} .pros_imgs{ border:1px solid #eeeeee; overflow:hidden; position:relative;} a.pros_list .pros_textss{ position:absolute; left:0; bottom:-500px; width:90%; height:65%; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_prosbg.png); color:#ffffff; text-align:center; z-index:100; padding:35% 5% 0 5%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.pros_list:hover .pros_textss{ bottom:0;} a.pros_list .pros_textss strong{ display:block; font-size:16px; padding-bottom:6px;} a.pros_list .pros_imgs img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.pros_list:hover .pros_imgs img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.pros_list span{ display:block; padding:8px 1%; height:25px; line-height:18px; overflow:hidden; text-align:center;} .pros_d_top{ padding:20px 0 30px 0;} .pros_d_l{ width:98%; float:left; border:1px solid #dddddd; margin-bottom:10px;} .pros_d_l img{ width:100%;} .pros_d_r{ width:100%; float:right; line-height:26px;} .pros_d_r strong{ display:block; font-size:20px; color:#000; padding:10px 0 15px 0; font-weight:normal;} .pros_price{ display:none; padding-bottom:5px; color:#F00;} .pros_d_r>span{ display:block; line-height:20px; color:#12px; background:#f1f1f1; padding:8px 2%; margin-bottom:15px; color:#777;} .pros_title{ height:35px; border-left:4px solid #851b20; color:#000; background:#eeeeee; padding-left:10px; line-height:35px;} .pros_d_texts{ padding:20px 1%; line-height:26px;} .pros_d_texts img{ width:100% !important; height:auto !important;} .hz_list{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list .hz_list_l{ float:left; width:38%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list .hz_list_l img{ width:100%;} .hz_list .hz_list_r{ width:60%; float:right;} .hz_list .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico01.png) center center no-repeat; position:absolute; left:-8px; top:30px;} .hz_list:nth-child(2n){ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list:nth-child(2n) .hz_list_l{ float:right; width:38%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list:nth-child(2n) .hz_list_l img{ width:100%;} .hz_list:nth-child(2n) .hz_list_r{ width:60%; float:left;} .hz_list:nth-child(2n) .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list:nth-child(2n) .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list:nth-child(2n) .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico02.png) center center no-repeat; position:absolute; left:auto; right:-8px; top:30px;} .itern_title01{ padding:20px 0 25px 0; text-align:center;} .itern_title01 strong{ display:inline-block; font-size:15px; color:#5d1316; font-weight:normal; position:relative; padding:0 15px;} .itern_title01 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #5d1316; border-top:1px solid #5d1316; position:absolute;left:0; top:0;} .itern_title01 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #5d1316; border-bottom:1px solid #5d1316; position:absolute; left:auto; right:0; bottom:0;} .itern_con01{ padding-bottom:15px;} a.itern_con01_list{ display:block; padding:8px 0 12px 0;} a.itern_con01_list .itern_con01_listl{ width:100%; float:left; overflow:hidden;} a.itern_con01_list .itern_con01_listl img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.itern_con01_list:hover .itern_con01_listl img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.itern_con01_list .itern_con01_listr{ width:100%; float:right;} a.itern_con01_list .itern_con01_listr strong{ font-weight:normal; color:#851b20; font-size:18px; display:block; padding-bottom:12px; padding:15px 0 10px 0;} a.itern_con01_list .itern_con01_listr span{ display:block; background:#ececec; padding:15px 2% 30px 2%; line-height:24px; max-height:auto; overflow:hidden;} a.itern_con01_list:nth-child(2n) .itern_con01_listl{ width:100%; float:left;} a.itern_con01_list:nth-child(2n) .itern_con01_listr{ width:100%; float:right;} .itern_con02bg{ background:#5d1316;} .itern_title02{ padding:50px 0 25px 0; text-align:center;} .itern_title02 strong{ display:inline-block; font-size:28px; color:#fff; font-weight:normal; position:relative; padding:0 15px;} .itern_title02 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #fff; border-top:1px solid #fff; position:absolute;left:0; top:0;} .itern_title02 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; left:auto; right:0; bottom:0;} .itern_imgs{ padding:0px 0 40px 0;} .itern_imgs a{ display:block; width:100%; margin:0 0.5% 15px 0.5%; float:left; padding-top:15px; overflow:hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .itern_imgs a:hover{ padding-top:0;} .itern_imgs a img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .itern_imgs a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .itern_imgs a span{ display:block; color:#fff; text-align:center; font-size:20px; height:40px; padding:20px 0 0 0;} .itern_con03{ padding:10px 0 50px 0;} .itern_con03_titles{ overflow:hidden; margin-bottom:15px; } .itern_con03_ts{background:#5d1316; color:#fff; font-size:24px; float:left; padding:0px 15px;} .itern_con03_ts span{ display:block; border-left:1px solid #fff;padding:8px 0px 8px 15px;} .itern_con03_text{ font-size:14px; margin-bottom:15px;} .itern_con03_list01{ padding:0 0 15px 0;} .itern_con03_list02{ padding:0 0 15px 0;} .itern_con03_list03{ padding:0 0 15px 0;} .itern_con03_list04{ padding:0 0 15px 0;} .itern_con04bg{ background:#e9e9e9;} .itern_con04{ padding:15px 0 70px 0; } .itern_con04_text{background:#5d1316; color:#fff;} .itern_con04_textl{ width:100%; float:left; padding:60px 5% 10px 5%; font-size:16px; line-height:28px;} .itern_con04_textr{ width:100%; float:right;} .itern_con04_textr img{ width:100%;} .sub_texts{ line-height:26px; padding:0 1%;} .jcpx_con02{ padding-bottom:40px; position:relative;} .jcpx_jts{ position:absolute; left:46.5%; top:27%; z-index:10; display:none;} .jcpx_con02 a{ float:left; display:block; width:49%; margin:0 0.5%; overflow:hidden;} .jcpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .jcpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .jcpx_con02 a strong{ display:block; font-size:14px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .jcpx_con02 a span{ display:block; font-size:12px; padding:5px 0 6px 0; text-align:center;} .sub_cons02s{ padding:40px 0 30px 0;} .lfpx_con02{ padding-bottom:40px; } .lfpx_con02 a{ float:left; display:block; width:32%; margin:0 0.6%; overflow:hidden;} .lfpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .lfpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con02 a strong{ display:block; font-size:14px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .lfpx_con03{ padding:0 0 40px 0; overflow:hidden;} .gxdp_list{ display:block; margin:20px 0; background:#efefef;} .lfpx_con03_img{ width:40%; float:left; border-right:5px solid #fff; vertical-align:bottom; overflow:hidden;} .gxdp_list:nth-child(2n) .lfpx_con03_img{ width:40%; float:right; border-right:0px solid #fff; border-left:5px solid #fff;} .gxdp_list .lfpx_con03_img img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .gxdp_list:hover .lfpx_con03_img img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con03_text{ width:53%; float:right; padding:15px 2% 10px 2%;} .gxdp_list:nth-child(2n) .lfpx_con03_text{ width:53%; float:left; padding:15px 2% 10px 2%;} .lfpx_con03_text strong{ display:block; padding:5px 0 10px 0; font-size:20px; color:#5d1316;} .lfpx_con03_text span{ display:none; padding:5px 0 10px 0; font-size:14px; line-height:20px; } .lfpx_con03_text a{ display:block; padding:5px 10px; float:right; border-radius:50px; font-size:14px; color:#fff; background:#5d1316;} .in_con02_imgs{ display:none;} .in_con02_imgs01{ display:none;} .jcpx_con01_list{ display:none; padding:15px 0;} .jcpx_con01_list01{ display:block;} .jcpx_con01_list01 img{ width:100% !important; height:auto !important} .in_mnav{ display:none; background:#5d1316; width:101%; position:absolute; top:85px; padding:25px 0 50px 0; left:-1%; z-index:100000;} .in_mnav>a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:0px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_mnav>a:hover{ background:#ffffff; color:#5d1316;} .in_buttom{ display:block; width:40px; height:36px; background-color:#ffffff; background-image: none; border: 1px solid #ffffff; border-radius: 4px; padding:0; float:right; margin:20px 10px 0 0;} .in_buttom span{ display:block; width:36px; margin:4px auto; height:4px; border-radius:5px; background-color:#999999; } .inmnavlist{ background: #5d1316; padding-bottom:15px; width:94%; margin:0 auto;} .inmnavlist a{ display:block; padding:3px 0; text-align:center; color:#fff;} .submenu_title01{ padding:12px 0 7px 0; width:100%; background:none; text-align:center; color:#F30; font-weight:bold; font-size:15px; border-bottom:1px dotted #F30; margin-bottom:7px;} .sub_menulist01{ width:96%; float:none; margin:0 auto;} .sublo_display{ display:none;} .sublo_display01{ display:block;} .mlocation{ display:none;} .editor img{ width:90% !important; height:auto !important;} .brand_con01{ display:none;} .brand_con02{ display:block;} .brand_con02 img{ width:100% !important; height:auto !important; } .in_brand_t{ display:none;} .in_brand_t01{ display:block; float:left; width:22%; padding:0 1.5%;} .in_brand_t02{ display:block; padding:10px 0 0 0; text-align:center;} } @media (max-width: 600px) { .allwidth{ max-width:96%; padding:0 1% margin:0 auto;} .allwidth01{ max-width:100%; margin:0 auto;} .in_logos{ width:78%; float:left; height:80px; padding:5px 0 0 0; overflow:hidden;} .in_logos img{ width:auto !important; height:65px !important;} .in_navs{ display:none; width:72%; float:right; padding:35px 0 20px 0;} .in_navs_li{ float:left; position:relative;width:12.8%;margin-left:0.6%;} .in_navs_li .innav_a{ display:block; width:100%;font-size:16px; padding:5px 0;text-align:center; border-radius:35px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .innav_a{ background:#851b20; border-radius:0 10px 0 10px; color:#FFF;} .in_navs_li .in_navs_se{ position:absolute; width:300px; left:-95px; top:50px; opacity:0; visibility:hidden; padding:0 0 0 0;height:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li:hover .in_navs_se{top:35px; visibility:visible; opacity:1; z-index:1000;} .in_navs_li .in_navs_se .in_navs_jt{ height:6px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/nav_topico.png) center bottom no-repeat;} .in_navs_li .in_navs_se .in_navs_selist{ background:#ffffff; color:#333; padding:10px 0px; border-radius:0 0 8px 8px; overflow:hidden; } .in_navs_li .in_navs_se .in_navs_selist a{ display:block; padding:5px 10px; color:#777; text-align:center; font-size:13px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_navs_li .in_navs_se .in_navs_selist a:hover{ color:#fff ; background:#851b20;} .in_navs01{ display:block; width:20%; float:right; padding:7px 0 0 0;} .submenu_title{ padding:12px 0; width:100%; background:#eeeeee; text-align:center; font-weight:bold; font-size:15px;} .sub_menulist{ width:49.6%; float:left; margin:0 0.2%;} .in_banner{ height:auto;} .bans { width:100%; overflow:hidden; position:relative; } .bans .warp { width:20000px; } .bans .warp a { float:left; display:block; } .bans .warp a img{ width:100%; float:left; } .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:10px; text-align:center; } .bans ul li { display:inline-block; width:14px; height:14px; background:#636969; border-radius:7px; margin:0 5px; } .bans ul li.click { background:#ffffff; } .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; display:none; } .bans span.tl { left:0; } .bans span.tr { right:0; } .in_bannerkk{ display:none; height:627px;} .in_banner01{ display:block;} .in_titles{ padding:20px 0 0px 0; height:51px; text-align:center;font-size:20px; color:#3c0303; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 19px no-repeat;} .in_titles img{ display:inline-block; height:51px; } .in_titles span{ font-size:15px; color:#735959; display:block;} .in_titles01{ padding:20px 0 0px 0; height:51px; text-align:center;font-size:20px; color:#ffffff; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_titlebg.png) center 19px no-repeat;} .in_titles01 img{ display:inline-block; height:51px; } .in_titles01 span{ font-size:15px; color:#ffffff; display:block;} a.in_con01_list{ display:block; border-radius:80%; float:left; width:20%; height:80px; margin:15px 2.4%; position:relative; overflow:hidden;} a.in_con01_list img{ width:100%; height:80px; } a.in_con01_list strong{ display:block; width:100%; height:60%; left:0; top:200px; padding:40% 0 0 0; text-align:center; position:absolute; z-index:10; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/in_zz01.png); color:#ffffff; font-size:18px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.in_con01_list:hover strong{ top:0;} a.in_con01_list span{ display:block; text-align:center; font-size:14px; font-weight:normal;} .in_con01{ padding:10px 0 20px 0;} a.in_con01_list11{ display:block; border-radius:80%; float:left; width:100%; height:80px; margin:15px 2.4%; position:relative; overflow:hidden;} a.in_con01_list11 img{ width:100%; height:80px; } .in_con02{ padding:15px 0 30px 0;} .in_con02_l{ width:100%; float:left;} .in_con02_l img{ width:100%;} .in_con02_r{ width:100%; float:right;} .in_con02_r h1{ display:block; min-height:30px; padding:10px 0% 0 0%; width:33.3%; text-align:center; float:left; background:#fff4f4; margin:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con02_r h1 img{ display:none;} .in_con02_r h1:hover{ display:block; min-height:30px; padding:10px 0% 0 0%; width:33.3%; text-align:center; float:left; background:#851b20; margin:0;} .in_con02_r h1:hover strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con02_r h1:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con02_r_c,.in_con02_r_c:hover{display:block; min-height:30px; padding:10px 5% 0 5%; background:#851b20;} .in_con02_r_c strong,.in_con02_r_c:hover strong{ display:block; float:left; width:100%; font-size:14px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con02_r_c span,.in_con02_r_c:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con03bg{ background:#851b20;} .in_newslist{ width:32.5%; float:left; margin-right:0.8%; color:#FFF; text-align:center; overflow:hidden; cursor:pointer;} .in_con03{ padding:20px 0 25px 0;} .in_news_img{ position:relative;} .in_newslist .in_news_img img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_newslist:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_news_img span{ position:absolute; left:0; bottom:-30px; background:#FFF; border-radius:0px; color:#851b20; width:100%; height:20px; padding:5px 0 0 0; z-index:10000;} .in_news_img span strong{ display:none; padding:1px 0 0 0; font-size:14px;} .in_news_title{ padding:40px 0 10px 0; font-size:13px;} .in_newslist a{ display:block; margin:5px auto 5px auto; text-align:center; color:#FFF; width:100px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; padding:5px 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_newslist:hover a{ background:#ffffff; color:#851b20;} .in_con04{ padding:30px 0;} .in_con04_l{ width:100%; float:left;} .in_con04_l img{ width:100%;} .in_con04_r{ width:100%; float:right;} .in_con04_r h1{ display:block; min-height:30px; padding:20px 0% 0 0%; text-align:center; float:left; background:#fff4f4; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#851b20; border:1px solid #851b20; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_con04_r h1 img{ display:none;} .in_con04_r h1:hover{ display:block; min-height:30px !important; padding:20px 0% 0 0%; text-align:center; float:left; background:#851b20;} .in_con04_r h1:hover strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con04_r h1:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con04_r_c,.in_con04_r_c:hover{display:block; min-height:30px !important; padding:20px 5% 0 5%; background:#851b20;} .in_con04_r_c strong,.in_con04_r_c:hover strong{ display:block; float:left; width:100%; font-size:16px; font-weight:normal; line-height:17px; color:#ffffff; text-align:center;} .in_con04_r_c span,.in_con04_r_c:hover span{ display:none; float:left; width:20%; border-radius:50%; font-size:14px; font-family:宋体; width:20px; height:20px; text-align:center; line-height:20px; color:#ffffff; border:1px solid #ffffff;} .in_con05bg{ background:#fff4f4; } .in_con05{ padding:20px 0 20px 0;} a.in_itern{ display:block; width:49%; float:left; margin-right:1%; margin-bottom:15px;} a.in_itern:hover{ color:#851b20;} a.in_itern span{ display:block; padding:10px 1% 0 1%; text-align:center; height:40px; overflow:hidden;} .in_iternimg{ border:1px solid #851b20; overflow:hidden;} .in_iternimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .in_iternimg:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .in_footbg{border-top:1px solid #851b20;} .in_foot{ padding:20px 0;} .in_logo{ display:none; width:18%; float:left; border-right:1px solid #d7d7d7; padding:15px 0; margin-right:4%;} .in_logo img{ width:90%;} .in_foot_l{ display:none; width:24%; float:left; margin-right:2%;} .in_foot_m{ display:none; width:24%; float:left; padding-right:0;} .in_foot_r{ width:100%; float:none; padding-right:0;} .in_foot_title{ display:none; padding:0 0 10px 0;} .in_foot_title strong{} .in_foot_title span{ display:block; padding:0 0 0 8px; font-size:19px; color:#adadad;} .in_foot_ewm{ width:25%; float:left; margin-right:3%;} .in_foot_ewm img{ width:100%;} .in_foot_ewm span{ display:block; padding:5px 0 0 0; text-align:center;} a.in_tels{ display:block; width:90px; text-align:center; padding:6px 0; background:#851b20; color:#FFF; border-radius:3px;} .sub_banner{ display:none; height:575px;} .sub_banner01{ display:block;} .sub_banner01 img{ width:100% !important;} .sub_location{ padding:17px 0 0 0;} .sub_navbg{ background:#fff9f9; margin-bottom:10px;} .sub_navs_l{ display:none; width:15%; float:left; padding:7px 2% 0 2%;} .sub_navs_l span{ font-size:26px; color:#b1b1b1; display:block;} .sub_navs_l strong{font-size:18px; color:#851b20; display:block; font-weight:normal;} .sub_navs_r{ width:100%; float:right;} .sub_navs_r a{ display:block; float:right; font-size:14px; min-height:75px; line-height:75px; padding:0 1%; width:18%; position:relative; text-align:center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .sub_navs_r a:hover{ background:#ffffff center top repeat-x;} .sub_navs_r a span{ display:block; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .sub_navs_r a:hover span{width:100%;} a.sub_navs_r_c,a.sub_navs_r_c:hover{ display:block; float:right; font-size:14px; min-height:75px; line-height:75px; padding:0 1%; width:18%; text-align:center; position:relative; background:#8c272c center top repeat-x;} a.sub_navs_r_c span,a.sub_navs_r_c:hover span{ display:block; height:3px; background:#8c272c; position:absolute; left:0; top:0; width:100%;} .sub_cons{ padding:20px 0 40px 0;} .snews_list{ display:block; background:#f9f9f9; cursor:pointer; margin-bottom:15px;} .snews_list_l{ width:40%; float:left; overflow:hidden;} .snews_list .snews_list_l img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .snews_list:hover .snews_list_l img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .snews_list_r{ width:55%; float:right; padding: 0 2% 0 0;} .snews_list .snews_list_r strong{ font-size:14px; display:block; padding:5px 0 0px 0; font-weight:normal; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list:hover .snews_list_r strong{ color:#8c272c;} .snews_list .snews_list_r span{ display:none; max-height:40px; overflow:hidden;} .snews_list_r a{ display:block; margin:10px 0 10px 0; text-align:center; color:#aaaaaa; width:100px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; padding:5px 0; background:#ffffff; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .snews_list_r:hover a{ background:#851b20; color:#ffffff;} .brand_titles{ padding-bottom:5px; overflow:hidden;} .brand_titles a{ display:block; float:left; margin-right:0.3%; background:#f3f3f3; padding:8px 0; font-size:15px; width:33%; text-align:center; } .brand_text{ padding:15px 0 20px 0; line-height:22px;} .brand_text img{ width:100% !important; height:auto !important;} .select_list{ border:1px solid #cccccc; padding:5px 5px 5px 5px; color:#999999;} .pros_titles{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines.jpg) center center repeat-x; text-align:center;} .pros_titles span{ background:#FFF; font-size:18px; color:#8c272c;} .pros_cons{ padding:0px 0 0 0;} .pros_cons01{ padding:20px 0 0 0;} .pros_cons01 img{ width:100% !important; height:auto !important;} a.pros_list{ display:block; width:49%; float:left; margin-right:1%; margin-bottom:3px; margin-top:16px} .pros_imgs{ border:1px solid #eeeeee; overflow:hidden; position:relative;} a.pros_list .pros_textss{ position:absolute; left:0; bottom:-500px; width:90%; height:65%; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_prosbg.png); color:#ffffff; text-align:center; z-index:100; padding:35% 5% 0 5%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} a.pros_list:hover .pros_textss{ bottom:0;} a.pros_list .pros_textss strong{ display:block; font-size:16px; padding-bottom:6px;} a.pros_list .pros_imgs img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.pros_list:hover .pros_imgs img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.pros_list span{ display:block; padding:8px 1%; height:25px; line-height:18px; overflow:hidden; text-align:center;} .pros_d_top{ padding:20px 0 30px 0;} .pros_d_l{ width:98%; float:left; border:1px solid #dddddd; margin-bottom:10px;} .pros_d_l img{ width:100%;} .pros_d_r{ width:100%; float:right; line-height:26px;} .pros_d_r strong{ display:block; font-size:20px; color:#000; padding:10px 0 15px 0; font-weight:normal;} .pros_price{ display:none; padding-bottom:5px; color:#F00;} .pros_d_r>span{ display:block; line-height:20px; color:#12px; background:#f1f1f1; padding:8px 2%; margin-bottom:15px; color:#777;} .pros_title{ height:35px; border-left:4px solid #851b20; color:#000; background:#eeeeee; padding-left:10px; line-height:35px;} .pros_d_texts{ padding:20px 1%; line-height:26px;} .pros_d_texts img{ width:100% !important; height:auto !important;} .hz_list{ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list .hz_list_l{ float:left; width:38%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list .hz_list_l img{ width:100%;} .hz_list .hz_list_r{ width:60%; float:right;} .hz_list .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico01.png) center center no-repeat; position:absolute; left:-8px; top:30px;} .hz_list:nth-child(2n){ background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/sub_lines02.png) left bottom repeat-x; padding:20px 0;} .hz_list:nth-child(2n) .hz_list_l{ float:right; width:38%; height:200px; border-radius:300px; overflow:hidden; border:1px solid #eeeeee;} .hz_list:nth-child(2n) .hz_list_l img{ width:100%;} .hz_list:nth-child(2n) .hz_list_r{ width:60%; float:left;} .hz_list:nth-child(2n) .hz_list_titles{ font-size:18px; color:#851b20; padding:8px 0 5px 0;} .hz_list:nth-child(2n) .hz_list_cons{ background:#f7f7f7; margin:10px 0; padding:15px 1.5%; position:relative; min-height:80px; line-height:24px;} .hz_list:nth-child(2n) .hz_list_cons span{ display:block; width:8px; height:16px; background:url(/web/20220112035349im_/http://gz-oulun.com/cn/images/hz_ico02.png) center center no-repeat; position:absolute; left:auto; right:-8px; top:30px;} .itern_title01{ padding:20px 0 25px 0; text-align:center;} .itern_title01 strong{ display:inline-block; font-size:15px; color:#5d1316; font-weight:normal; position:relative; padding:0 15px;} .itern_title01 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #5d1316; border-top:1px solid #5d1316; position:absolute;left:0; top:0;} .itern_title01 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #5d1316; border-bottom:1px solid #5d1316; position:absolute; left:auto; right:0; bottom:0;} .itern_con01{ padding-bottom:15px;} a.itern_con01_list{ display:block; padding:8px 0 12px 0;} a.itern_con01_list .itern_con01_listl{ width:100%; float:left; overflow:hidden;} a.itern_con01_list .itern_con01_listl img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } a.itern_con01_list:hover .itern_con01_listl img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} a.itern_con01_list .itern_con01_listr{ width:100%; float:right;} a.itern_con01_list .itern_con01_listr strong{ font-weight:normal; color:#851b20; font-size:18px; display:block; padding-bottom:12px; padding:15px 0 10px 0;} a.itern_con01_list .itern_con01_listr span{ display:block; background:#ececec; padding:15px 2% 30px 2%; line-height:24px; max-height:auto; overflow:hidden;} a.itern_con01_list:nth-child(2n) .itern_con01_listl{ width:100%; float:left;} a.itern_con01_list:nth-child(2n) .itern_con01_listr{ width:100%; float:right;} .itern_con02bg{ background:#5d1316;} .itern_title02{ padding:50px 0 25px 0; text-align:center;} .itern_title02 strong{ display:inline-block; font-size:28px; color:#fff; font-weight:normal; position:relative; padding:0 15px;} .itern_title02 .kuan_l{ display:block; width:12px; height:25px; border-left:1px solid #fff; border-top:1px solid #fff; position:absolute;left:0; top:0;} .itern_title02 .kuan_r{ display:block; width:12px; height:25px; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; left:auto; right:0; bottom:0;} .itern_imgs{ padding:0px 0 40px 0;} .itern_imgs a{ display:block; width:100%; margin:0 0.5% 15px 0.5%; float:left; padding-top:15px; overflow:hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .itern_imgs a:hover{ padding-top:0;} .itern_imgs a img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; } .itern_imgs a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .itern_imgs a span{ display:block; color:#fff; text-align:center; font-size:20px; height:40px; padding:20px 0 0 0;} .itern_con03{ padding:10px 0 50px 0;} .itern_con03_titles{ overflow:hidden; margin-bottom:15px; } .itern_con03_ts{background:#5d1316; color:#fff; font-size:24px; float:left; padding:0px 15px;} .itern_con03_ts span{ display:block; border-left:1px solid #fff;padding:8px 0px 8px 15px;} .itern_con03_text{ font-size:14px; margin-bottom:15px;} .itern_con03_list01{ padding:0 0 15px 0;} .itern_con03_list02{ padding:0 0 15px 0;} .itern_con03_list03{ padding:0 0 15px 0;} .itern_con03_list04{ padding:0 0 15px 0;} .itern_con04bg{ background:#e9e9e9;} .itern_con04{ padding:15px 0 70px 0; } .itern_con04_text{background:#5d1316; color:#fff;} .itern_con04_textl{ width:100%; float:left; padding:60px 5% 10px 5%; font-size:16px; line-height:28px;} .itern_con04_textr{ width:100%; float:right;} .itern_con04_textr img{ width:100%;} .sub_texts{ line-height:26px; padding:0 1%;} .jcpx_con02{ padding-bottom:40px; position:relative;} .jcpx_jts{ position:absolute; left:46.5%; top:27%; z-index:10; display:none;} .jcpx_con02 a{ float:left; display:block; width:49%; margin:0 0.5%; overflow:hidden;} .jcpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .jcpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .jcpx_con02 a strong{ display:block; font-size:14px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .jcpx_con02 a span{ display:block; font-size:12px; padding:5px 0 6px 0; text-align:center;} .sub_cons02s{ padding:40px 0 30px 0;} .lfpx_con02{ padding-bottom:40px; } .lfpx_con02 a{ float:left; display:block; width:32%; margin:0 0.6%; overflow:hidden;} .lfpx_con02 a img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .lfpx_con02 a:hover img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con02 a strong{ display:block; font-size:14px; color:#5d1316; padding:15px 0 2px 0; text-align:center;} .lfpx_con03{ padding:0 0 40px 0; overflow:hidden;} .gxdp_list{ display:block; margin:20px 0; background:#efefef;} .lfpx_con03_img{ width:40%; float:left; border-right:5px solid #fff; vertical-align:bottom; overflow:hidden;} .gxdp_list:nth-child(2n) .lfpx_con03_img{ width:40%; float:right; border-right:0px solid #fff; border-left:5px solid #fff;} .gxdp_list .lfpx_con03_img img{ width:100%;margin:0 auto;transition:all 0.3s; z-index:100; } .gxdp_list:hover .lfpx_con03_img img{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} .lfpx_con03_text{ width:53%; float:right; padding:15px 2% 10px 2%;} .gxdp_list:nth-child(2n) .lfpx_con03_text{ width:53%; float:left; padding:15px 2% 10px 2%;} .lfpx_con03_text strong{ display:block; padding:5px 0 10px 0; font-size:20px; color:#5d1316;} .lfpx_con03_text span{ display:none; padding:5px 0 10px 0; font-size:14px; line-height:20px; } .lfpx_con03_text a{ display:block; padding:5px 10px; float:right; border-radius:50px; font-size:14px; color:#fff; background:#5d1316;} .in_con02_imgs{ display:none;} .in_con02_imgs01{ display:none;} .jcpx_con01_list{ display:none; padding:15px 0;} .jcpx_con01_list01{ display:block;} .jcpx_con01_list01 img{ width:100% !important; height:auto !important} .in_mnav{ display:none; background:#5d1316; width:101%; position:absolute; top:85px; padding:25px 0 50px 0; left:-1%; z-index:100000;} .in_mnav>a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:0px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .in_mnav>a:hover{ background:#ffffff; color:#5d1316;} .in_buttom{ display:block; width:40px; height:36px; background-color:#ffffff; background-image: none; border: 1px solid #ffffff; border-radius: 4px; padding:0; float:right; margin:20px 10px 0 0;} .in_buttom span{ display:block; width:36px; margin:4px auto; height:4px; border-radius:5px; background-color:#999999; } .inmnavlist{ background: #5d1316; padding-bottom:15px; width:94%; margin:0 auto;} .inmnavlist a{ display:block; padding:3px 0; text-align:center; color:#fff;} .submenu_title01{ padding:12px 0 7px 0; width:100%; background:none; text-align:center; color:#F30; font-weight:bold; font-size:15px; border-bottom:1px dotted #F30; margin-bottom:7px;} .sub_menulist01{ width:96%; float:none; margin:0 auto;} .sublo_display{ display:none;} .sublo_display01{ display:block;} .mlocation{ display:none;} .editor img{ width:90% !important; height:auto !important;} .brand_con01{ display:none;} .brand_con02{ display:block;} .brand_con02 img{ width:100% !important; height:auto !important; } .in_brand_t{ display:none;} .in_brand_t01{ display:block; float:left; width:22%; padding:0 1.5%;} .in_brand_t02{ display:block; padding:10px 0 0 0; text-align:center;} } /* FILE ARCHIVED ON 03:53:49 Jan 12, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:25:01 Sep 03, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.496 exclusion.robots: 0.024 exclusion.robots.policy: 0.015 esindex: 0.009 cdx.remote: 16.688 LoadShardBlock: 277.656 (3) PetaboxLoader3.datanode: 292.11 (5) PetaboxLoader3.resolve: 243.985 (3) load_resource: 357.377 (2) */