green*{margin:0;padding:0;} body{padding:0;margin:0;font-family: "Microsoft YaHei";color:#000;background:#fff; font-size:12px; line-height:22px;} a,area{blr:expression(this.onFocus=this.blur())} /* for IE */ :focus{-moz-outline-style:none;} /* for Firefox */ a{text-decoration:none;color:#000;outline:none;} a:hover{color:#d7000f;text-decoration:none;outline:none;} a img{border:none;} table tr td{font-size:12px;} font{} ul,li{list-style:none; text-decoration:none; margin-bottom:0;} .length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* Wrapper */ .max-width{max-width:1100px; margin:0 auto; min-width:320px; width:auto;} .box{display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1;} #wrapper{ overflow-x:hidden;} .font{font-family:"宋体";} /* Header */ ul, menu, dir{ -webkit-padding-start:0px!important;} #myCarousel .carousel-indicators li,#myCarousel2 .carousel-indicators li{ margin:0 4px;} .glyphicon-chevron-left:before,.glyphicon-chevron-right:before{ display:block; content:normal; width:78px; height:77px;} .glyphicon-chevron-left{ display:block; background:url(../images/prev.png) no-repeat; width:78px !important; height:77px !important;} .glyphicon-chevron-right{ display:block; background:url(../images/next.png) no-repeat; width:78px !important; height:77px !important;} .clear{clear:both;} /* Menu */ .navbar-brand{ color:#fff;} .top{ margin:0 auto; height:91px;} .logo{ background:url(../images/logo.png) no-repeat left; background-size:100%; width:200px; height:55px; display:block; position:absolute; left:5%; top:18px;} /* Search */ #search{ height:26px; width:532px; margin:0 auto; padding-top:30px;} #search span{ color:#fff; font-size:20px; border-right:solid 3px #fff; display:block; width:90px; text-align:left; float:left; margin-right:10px;} #search .keyword{ float:left; width:405px; height:26px;} #search .keyword input{height:26px; line-height:26px;font-size:12px;width:405px; padding-left:6px;float:left; border:none; background:url(../images/search_k.png) no-repeat; outline:none; font-family:"微软雅黑"; color:#fff;} #search .submit{cursor:pointer;float:left;background:url(../images/search_p.png) no-repeat;width:25px;height:26px;border:0;} .set{ font-size:14px; position:absolute; right:20px; top:30px; color:#fff;} .set a{ color:#fff; padding:0 5px;} /* Search */ #menu_bg{ background:#42464e; height:55px; width:100%;} .menu{ height:55px; margin:0px auto; width:96%;} .menu ul{ margin:0; padding:0;} .menu ul li{ float:left; width:12.5%; font-size:18px; color:#fff; text-align:center; position:relative; z-index:999; height:55px;} .menu ul li { display:block; line-height:55px; height:55px; color:#fff;} .menu ul li a{ display:block; color:#fff;} .menu ul li a:hover{ color:#fff; background:#d7000f;} .menu dl{position:absolute;top:55px;left:0px;z-index:9;width:100%;overflow:hidden;background:#42464e;display:none;} .menu dl dd{ font-weight:normal; border-bottom:solid 1px #50545b;} .menu dl dd>a{ line-height:40px; height:40px;text-align:center;display:inline-block;color:#fff;font-size:15px; display:block; width:100%;} .menu dl dd:hover a{ color:#fff; background:#d7000f;} /* head end */ #home{ width:100%; margin:0 auto;} .h_title{ text-align:center; font-size:28px; line-height:30px; height:55px; color:#42464e; text-align:center; margin-top:60px;} .h_title span{ color:#7f7f7f; font-size:21px; padding-left:12px;} .h_pro_bg{ background:#faf9f8; width:100%; margin:0 auto;} .h_type_list{ margin:0 auto; text-align:center; padding:30px 0;} .h_type_list ul li{display:inline-block;display: -moz-inline-stack;*display:inline; *zoom:1; font-size:20px; text-align:center; width:20%;} .h_type_list ul li a{ display:block; width:140px; height:68px; line-height:68px; padding-left:75px; margin:0 auto;} .h_type_list ul li a:hover{ color:#d7000f;} .h_type_list ul li .hicon1{ background:url(../images/hicon1.png) no-repeat left center;} .h_type_list ul li .hicon2{ background:url(../images/hicon2.png) no-repeat left center;} .h_type_list ul li .hicon3{ background:url(../images/hicon3.png) no-repeat left center;} .h_type_list ul li .hicon4{ background:url(../images/hicon4.png) no-repeat left center;} #h_campsite{ width:100%; min-width:1200px; margin:0 auto; min-height:500px;} .banner{ margin-top:20px;} .banner .slider{width:100%;min-width:1200px;height:450px;position:relative;overflow:hidden;text-align:center;} .banner .slider .bd{width:1200px;position:absolute;left:50%;margin-left:-645px;} .banner .slider .bd li{width:1200px;overflow:hidden; position:relative; margin:0 15px; } .banner .slider .bd li .big_img{display:block;width:719px;height:450px; float:left;} .banner .slider .tempWrap{overflow:visible!important} .banner .slider .tempWrap ul{margin-left:-1200px!important} .banner .slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center} .banner .slider .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(../images/slider-btn.png) 0 -10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:.6}.banner .slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1} .banner .slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:450px;cursor:pointer} .banner .slider .prev{left:-50%;margin-left:-630px} .banner .slider .next{left:50%;margin-left:630px} .banner .slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:450px;background:#000;filter:alpha(opacity=50);opacity:.5} .banner .slider .pnBtn .arrow{ position:absolute;top:50%; margin-top:-15px;z-index:1;width:25px;height:38px} .banner .slider .prev .arrow{right:6%;background:url(../images/left_button.png) no-repeat} .banner .slider .next .arrow{left:6%;background:url(../images/right_button.png) no-repeat} .pro_left{ width:470px; height:370px; position:absolute; top:0; right:0; text-align:left;color:#3f3d3b; padding:40px 10px 0 25px; } .pro_left a{ color:#d7000f;} .pro_left .pro_name{ font-size:24px; color:#d7000f; line-height:50px; text-transform:uppercase;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:0px;} .pro_left .pro_img img{ max-width:100%; height:auto;} .pro_left .pro_img p{ font-size:12px; padding-top:5px;} .pro_left .pro_name2{ color:#3f3d3b; font-size:12px; font-style:inherit; padding-left:10px;} .pro_left .pro_note{ font-size:12px; margin:25px 0; line-height:30px; height:80px; overflow:hidden;} .pro_left .pro_more{ color:#3f3d3b; border:solid 1px #e35760; display:block; height:28px; line-height:27px; width:100px; text-align:center; margin-top:5px; font-size:10px;} .h_space{ margin:0 auto; width:100%;} .h_space_list{ margin:0 auto; width:100%;} .h_space_l{ float:left; width:41%; position:relative; overflow:hidden;} .h_space_l img{ width:100%;transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;} .h_space_l:hover img{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} .h_space_r{ float:right; width:59%; overflow:hidden;} .h_space_r ul li{ float:left; width:50%; margin:0; padding:0; position:relative; overflow:hidden;} .h_space_r ul li img{ width:100%;transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;} .h_space_r ul li:hover img{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} .h_space_box{ width:100%; height:100%;} .h_space_box .h_space_box_bg{ background:url(../images/head_tmbg.png) repeat; width:100%; height:100%;position:absolute; top:0; left:0; overflow:hidden; display:none;} .h_space_box:hover .h_space_box_bg{ display:block;transition:0.5s;} .h_space_box p{ color:#fff; font-size:30px; text-align:center; width:100%; line-height:35px; position:absolute; top:50%; margin-top:-20px;} .h_more{ color:#3f3d3b; border:solid 1px #e35760; display:block; height:28px; line-height:27px; width:100px; text-align:center; margin:0 auto; margin-top:20px; font-size:10px; clear:both;} .h_more:hover{ color:#e35760;} .h_about_bg{ background:url(../images/h_about_bg.jpg) no-repeat center top; height:auto; margin-top:60px; padding:10px 0 65px 0;} .h_title2{ margin-bottom:15px; margin-top:40px;} .h_about_video{ float:left; width:46%} .h_about_video img{ max-width:100%;} .h_about_con{ background:#fff; padding:25px; float:right; width:53%} .h_about_note{ color:#676565; font-size:12px; line-height:21px; max-height:110px; overflow:hidden;} .h_news_list{ clear:both; margin-top:30px;} .h_news_list ul li{ display:block; clear:both; font-size:13px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .h_news_list ul li a{ display:block; height:28px; line-height:28px; color:#676565;} .h_news_bt{ font-weight:bold; font-size:14px; margin-bottom:15px; display:block; color:#000;} /* index */ /* content */ #content{ width:100%; min-height:300px; _height:300px; padding:30px 0; font-size:14px;} .m_title{ background:url(../images/m_title_bg.jpg) no-repeat center top; color:#000000; font-size:17px; text-align:center; margin:0 auto; width:175px; line-height:28px; margin-bottom:20px;} .m_title span{ display:block; color:#7f7f7f; font-size:14px; line-height:20px; text-transform:uppercase;} .m_pname{ font-size:17px; color:#000000; border-bottom:solid 1px #a9aeb4; max-height:55px; line-height:50px; text-align:center; position:relative; z-index:9;} .m_pname span{ background:url(../images/pname_jt.jpg) no-repeat center bottom; width:30px; height:20px; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-15px;} #page{min-height:300px;_height:300px; padding-top:20px; margin:0 auto; max-width:1100px; font-size:14px;} /*Sidebars*/ #sidebar{min-height:200px;_height:200px;} .left_list {min-height:35px;_height:35px; height:auto; text-align:center; width:100%; clear:both; margin-bottom:10px;} .left_list ul { margin-bottom:0;} .left_list ul li{ position:relative; display:inline-block;display: -moz-inline-stack;*display:inline; *zoom:1;background:url(../images/left_line.jpg) no-repeat left;} .left_list ul li a{ display:block; height:30px; line-height:30px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; color:#000; padding:0 20px;} .left_list ul li a:hover,.left_list ul li a.shover{ color:#ff0000;} .left_list ul ul{ display:none;} .left_list ul ul a{ height:45px; line-height:43px; font-size:1em;} .left_list ul ul a font{ font-family:"宋体"; padding-right:3px;} .left_list ul ul li{ font-weight:normal;} .left_list ul ul li a{ background:none;border-bottom:1px solid #f6f6f6;} .left_list ul ul li a:hover,.left_list ul ul li a.shover2{ background:#f3f3f3;color:#2cad42;} .left_list a.shover{ color:#333;} .left_list a.shover2{ background:#f3f3f3; color:#333333;} /*新闻资讯*/ .news{ background:#dcdcdc; margin:20px 0; position: relative; width:100%; padding:40px 0 60px 0;} .news .bd ul li img{display: inline-block;float:left;width:29%;} .news .bd{ height:auto; margin:0 auto; max-width:1100px;} .news .bd ul li{width:100%;height:300px; border-bottom:10px solid #fff; margin-bottom:20px;} @media (max-width: 1199.98px) { .news .bd ul li{ height:450px; } } .news .hd{ height:9px; position: absolute;left:267px;bottom:12px;} .news .hd ul li{width: 10px; height: 9px;background: url(../images/banner_btn.png) no-repeat right;display: block; margin-right:10px; float: left;text-indent: -999px; } .news .hd ul li.on{width: 10px; height: 9px;background: url(../images/banner_btn_on.png) no-repeat left;display: block;} .news .bd ul li .news-txt{ margin-left:5%; width:65%; float:left;} .news .bd ul li .news-txt h2{ margin-top:15px; font-size:18px;color:#000000; font-weight:normal;} .news .bd ul li .news-txt h2 a{ color:#000000;} .news .bd ul li .news_date{ color:#535353; font-size:12px;} .news .bd ul li .news-txt p.news_des{ color:#535353; margin:20px 0; overflow:hidden; height:80px; font-size:12px; line-height:26px;} .news .bd ul li .news_date{ color:#a9a9a9; font-size:16px;} .news .bd ul li .news_more{ color:#95948f; font-size:14px; text-align:center; border:solid 1px #a49a95; width:103px;} .news .bd ul li .news_more a{ color:#95948f;} .new_hd{ position:absolute; height:12px; left:0%; bottom:-30px; text-align:right; z-index:999; } .new_hd ul{ overflow:hidden; zoom:1; float:left; } .new_hd ul li{ float:left; margin-right:12px; width:12px; height:12px; text-align:center; background:url(../images/chang.jpg) no-repeat; cursor:pointer; text-indent:-9999px; } .new_hd ul li.on{ background:url(../images/chang_on.jpg) no-repeat;} .news_list{ width:100%; overflow:hidden;} .news_list ul li{ width:100%; clear:both; position:relative; border-bottom:solid 1px #bfbfbf; color:#7d7d7d;} .news_list ul li a{ padding:20px 0; color:#7d7d7d; display:block;} .news_list ul li a:hover{ color:#fff; background:#b5b5b5;} .news_list ul li a:hover .news_r p{color:#fff;} .news_list ul li .news_l{ display:table-cell; vertical-align:top; width:100px; text-align:center; font-size:72px; line-height:70px; font-family:Arial, Helvetica, sans-serif; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:30px;} .news_list ul li .news_l p{ display:block; font-size:18px; line-height:26px; margin-bottom:0;} .news_list ul li .news_r{ cursor:pointer; font-size:14px; display:table-cell; vertical-align:top; background:url(../images/news_tb.jpg) no-repeat left bottom; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_list ul li:hover .news_r{ background:url(../images/news_tb.png) no-repeat left bottom; } .news_list ul li .news_r p{ display:block; font-size:18px; height:30px; color:#000;} /*dis_news*/ #dis_news{} #dis_news .dnews_title{ font-size:24px;_height:35px;min-height:40px;line-height:40px;text-align:center;} #dis_news .dnews_line span{} #dis_news .dnews_line{text-align:center;_height:30px; line-height:25px;} #dis_news .dnews_content{padding:5px;_height:200px;min-height:200px;line-height:23px;} /*公司简介*/ #about{ clear:both;} .about_list{ clear:both; margin-top:20px;} .about_list .fl{ float:left;} .about_list .fr{ float:right;} .about_list_img{ width:30%;} .about_list_img img{ width:100%;} .about_list_note{ width:69%; background:#f7f5f5; font-size:14px; line-height:28px; min-height:352px; display:table;} .about_list_note_pad{ padding:20px 10px; vertical-align:middle; display:table-cell;} .h_about_pic img{ clear:both; width:100%; margin:0 auto; margin-top:20px;} /*发展历程*/ .culture{ text-align:center; margin:30px 0;} .culture img{ max-width:100%; margin:0 auto;} #history_bg{ background:url(../images/history_bg.jpg) no-repeat center; min-height:200px; margin-top:30px; padding:30px 0 60px 0;} .history{ margin:0 auto; max-width:1000px; position:relative; min-height:280px;} .his_con{ margin:0 auto; width:720px; min-height:780px; position:relative; overflow:hidden; margin-top:15px; float:right; background:url(../images/his_tmbg.png) repeat; color:#fff;} .his_con ul li{ display:block; min-height:150px; position:relative !important; float:left; } .his_con ul li .his_note{ padding:30px; color:#fff; font-size:14px; margin:0 auto; line-height:26px; overflow:scroll; height:850px;} .his_con ul li .his_note img{ width:100%;} .his_year_list{ position:relative; min-height:780px; margin-top:20px;width:130px; clear:both; background:url(../images/notic_bg.png) repeat-y left; float:left;} .his_year_list span{ position:absolute; left:0px; cursor:pointer; display:block; width:35px; height:35px; } .his_year_list span.p_prev{ background:url(../images/cult_prev.png) no-repeat; top:-35px;} .his_year_list span.p_next{ background:url(../images/cult_next.png) no-repeat; bottom:-35px;} .his_year_list .dis_list{ width:130px; height:700px; margin:0 auto; overflow:hidden; margin-top:80px;} .his_year_list li{ display:block; width:130px; text-align:center; height:140px; line-height:55px; cursor:pointer; font-size:18px; background:url(../images/history_on.png) no-repeat 9px 20px; color:#545e69; font-size:19px; float:none !important;} .his_year_list li.on{ color:#d7000f; font-size:33px;} /*history end*/ /*荣誉资质*/ #honor_bg{ background:url(../images/honor_bg.jpg) repeat-y center; margin-top:30px; border-bottom:solid 5px #f1f0f1;border-right:solid 5px #f1f0f1; padding:50px 0 30px 0;} .honor{ margin:0 auto; position:relative; min-height:280px;} .honor_con{ margin:0 auto; width:82%; min-height:780px; position:relative; overflow:hidden; margin-top:15px; float:left;} .honor_con ul li{ display:block; min-height:150px; position:relative !important; margin:0 auto; width:100%; text-align:center;} .honor_con ul li .honor_note{ font-size:18px; margin:0 auto; line-height:26px;} .honor_con ul li .honor_note img{ max-width:100%; margin-bottom:10px; padding:0 5px 5px 0;background:url(../images/his_tmbg.png) repeat;} .honor_list{ position:relative; min-height:750px; max-width:18%; float:left;} .honor_list span{ position:absolute; left:19px; cursor:pointer; display:block; width:53px; height:22px; } .honor_list span.p_prev{ background:url(../images/honor_prev.png) no-repeat; top:0px;} .honor_list span.p_next{ background:url(../images/honor_next.png) no-repeat; bottom:0px;} .honor_list .dis_hlist{ width:88px; height:690px; margin:0 auto; overflow:hidden; margin-top:45px;} .honor_list li{ display:block; width:88px; text-align:center; height:135px; cursor:pointer; float:none !important;} .honor_list li img{ width:82px; max-height:118px; padding:0 3px 3px 0;background:url(../images/his_tmbg.png) repeat;} .honor_list li.on{} /*核心技术*/ #tech_bg{ background:url(../images/tech_bg.jpg) repeat-y center; margin-top:30px; padding:30px 0;} .tech{ margin:0 auto; max-width:1200px; position:relative; min-height:280px; padding-bottom:50px; background:url(../images/white_tmbg.png) repeat;} .tech_con{ margin:0 auto; width:100%; min-height:260px; position:relative; overflow:hidden; } .tech_con ul li{ display:block; min-height:150px; position:relative !important; float:left; } .tech_con ul li .tech_note{ padding:50px 50px 0 50px; color:#000000; font-size:14px; margin:0 auto; line-height:26px; min-height:640px;} .tech_con ul li .tech_note img{ max-width:100%;} .tech_list{ position:relative; height:50px; margin-top:10px;width:100%; margin:0 auto; clear:both; background:url(../images/introduce_course.png) no-repeat center 42px;} .tech_list span{ position:absolute; top:0px; cursor:pointer; display:block; width:22px; height:53px; } .tech_list span.t_prev{ background:url(../images/tech_prev.png) no-repeat; left:10px;} .tech_list span.t_next{ background:url(../images/tech_next.png) no-repeat; right:10px;} .tech_list .dis_tlist{ width:94%; margin:0 auto; height:50px; overflow:hidden; } .tech_list li{ float:left; width:33%; } .tech_list li .tech_name{ text-align:center; height:50px; line-height:50px; cursor:pointer; font-size:18px; background:url(../images/head_tmbg.png) repeat; color:#fff; margin:0 10px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tech_list li.on .tech_name{ background:#d7000f;} /*核心技术 end*/ /*联系我们*/ #contact{ background:#efefef; height:auto; margin-top:20px;} .contact_map{ padding:40px 0; font-size:16px; line-height:28px;} .contact_notic{ max-width:1200px; margin:0 auto; font-size:13px; line-height:22px; padding:40px 0;} .contact_notic_l{ float:left; width:42%;} .contact_notic_l img{ max-width:100%;} .contact_notic_r{ float:right; width:55%;} /*经销商专区*/ .member_bg{ background: url(../images/memer_bg.jpg) no-repeat center top; margin-top:30px;padding:30px 0; min-height:696px; width:100%;} .member_box{ max-width:500px; margin:0 auto; padding-top:6%;} .member_bt{ color:#d7000f; font-size:24px; line-height:40px; height:40px;} .member_bt a{ color:#d7000f;} /*产品展厅*/ #products{ margin-top:30px;} .left_pro{ clear:both; background:#f3f3f3; padding:15px 0; min-height:30px; max-width:1140px; margin:0 auto; margin-bottom:30px;} .left_pro ul li{ float:left; font-size:16px; margin:0 12px;} .left_pro ul li a{ display:block; color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; height:30px; line-height:30px; padding:0 4px;} .left_pro ul li a:hover,.left_pro ul li a.shover{ color:#fff; background:#d70715;} #pro_con .pro_list .pro_list_img{ display:block; overflow:hidden; margin:0 auto; width:100%;} #pro_con .pro_list img{ width:100%; max-height:358px;} #pro_con .pro_list_box{ width:100%; height:100%; overflow:hidden; border:solid 1px #d5d3d4;} #pro_con .pro_list_box2:hover{ filter:progid:DXImageTransform.Microsoft.Shadow(color=#dcdada,direction=120,strength=4);/*ie*/ -moz-box-shadow: 3px 3px 10px #dcdada;/*firefox*/ -webkit-box-shadow: 3px 3px 10px #dcdada;/*safari或chrome*/ box-shadow:3px 3px 10px #dcdada;/*opera或ie9*/ display:none; } #pro_con .pro_list_box .pro_list_img{ display:block;} #pro_con .pro_list_box:hover .pro_list_img{ display:none;} #pro_con .pro_list_box .pro_list_img_on{ display:none;} #pro_con .pro_list_box:hover .pro_list_img_on{ display:block; } #pro_con .pro_list_box:hover .pro_list_img_on img{ margin-top:0px; } #pro_con .pro_list_box:hover .pro_list_img{ display:none;} #pro_con .pro_list_box .pro_list_img_on2{ display:none;} #pro_con .pro_list_box:hover .pro_list_img_on2{ display:block;} #pro_con .pro_list_box:hover .pro_list_img_on2 img{ margin-top:100px; } #pro_con .pro_list p{ margin-bottom:0px; font-size:18px; min-height:50px; line-height:50px; color:#605f5f; padding:0 8px;} #pro_con .pro_list em{ font-style:inherit; color:#919090; background:url(../images/red_line.jpg) no-repeat left; padding-left:10px; font-size:13px;} /*产品展厅*/ #pro_con .book_list .pro_list_img{ display:block; overflow:hidden; margin:0 auto; width:100%;} #pro_con .book_list img{ width:100%;} #pro_con .book_list_box{ width:100%; height:100%; overflow:hidden; border:solid 1px #d5d3d4;} #pro_con .book_list_box:hover{ filter:progid:DXImageTransform.Microsoft.Shadow(color=#dcdada,direction=120,strength=4);/*ie*/ -moz-box-shadow: 3px 3px 10px #dcdada;/*firefox*/ -webkit-box-shadow: 3px 3px 10px #dcdada;/*safari或chrome*/ box-shadow:3px 3px 10px #dcdada;/*opera或ie9*/ } #pro_con .book_list p{ margin-bottom:0px; font-size:18px; min-height:50px; line-height:50px; color:#605f5f; padding:0 8px;} #pro_con .book_list em{ font-style:inherit; color:#919090; background:url(../images/red_line.jpg) no-repeat left; padding-left:10px; font-size:13px;} /*空间应用*/ .space{ width:100%; position:relative; min-height:200px; overflow: hidden; margin-top:30px;} .space span{ position:absolute; top:44%; margin-top:-30px; cursor:pointer; display:block; width:78px; height:77px; z-index:9999;} .space span.d_prev{ background:url(../images/prev.png) no-repeat; left:5%;} .space span.d_next{ background:url(../images/next.png) no-repeat; right:5%;} .space_big_list{ margin:0 auto; width:100%; position:relative;} .space_big_list ul li{width:100%; position:relative; min-height:730px;} #background-details{ width:100%; height:100%; position:absolute; top:0;z-index:0; opacity: .7; background-color: #ddd; -webkit-filter: blur(5px); filter: blur(5px); } .space_big{ max-width:1100px; margin:0 auto; padding:20px 0; opacity:100%;-webkit-transform: translateZ(0);height:100%;} .space_big img{ width:100%; height:100%;} .space_list{ position:relative; mn-height:50px; margin-top:15px; clear:both;} .space_list span{ position:absolute; top:50%; margin-top:-22px; cursor:pointer; display:block; width:25px; height:38px; z-index:999;} .space_list span.s_prev{ background:url(../images/left_button.png) no-repeat; left:10px;} .space_list span.s_next{ background:url(../images/right_button.png) no-repeat; right:14px;} .space_list{ width:96%; margin:0 auto; min-height:50px; overflow:hidden; clear:both;padding-bottom:20px;} .space_small_list { min-height:50px;} .space_small_list li{ float:left; display:block; min-height:50px; width:16.666666%; cursor:pointer;} .space_small_list li img{ width:95%; min-height:50px; cursor:pointer;} .space_small_list li img:hover{ border:solid 1px #d7000f;} /*工程中心*/ .projects{ margin-top:30px;} #pro_con .project_list .project_list_img{ display:block; overflow:hidden; margin:0 auto; width:100%;} #pro_con .project_list img{ transform: scale(1, 1);transition: all 0.2s ease-in-out 0s; width:100%;} #pro_con .project_list img:hover{-webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} #pro_con .project_list p{ font-size:16px; min-height:50px; color:#082f61;} #pro_con .project_list a:hover p{ color:#ff0000;} #dis_case_bg{ background:#eff0f5; width:100%; margin:0 auto; padding:20px 0 40px 0; margin-top:30px;} .dis_case{ position:relative; height:auto; min-height:730px; width:100%; background:#fff; border:solid 1px #ddd; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dcdada,direction=120,strength=4);/*ie*/ -moz-box-shadow: 3px 3px 10px #dcdada;/*firefox*/ -webkit-box-shadow: 3px 3px 10px #dcdada;/*safari或chrome*/ box-shadow:3px 3px 10px #dcdada;/*opera或ie9*/ } #Scroller-1{ position: absolute;overflow: hidden; width:1010px;height:700px;margin:30px;} .Scroller-Container { position:absolute; width:1010px; line-height:23px; } .Scrollbar-Track { width:10px; height: 728px; position: absolute; background:url(../images/gun_line.jpg) repeat-y; right:0px; } .Scrollbar-Handle { position: absolute; left: 0px; width:12px; height:250px; cursor:pointer; background:url(../images/gun_tb.jpg) no-repeat; } #dis_case_bg{ position: relative; text-align:center;} #dis_case_bg a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px;} #dis_case_bg a.p_prev{ background:url(../images/left.png) no-repeat; left:5%;} #dis_case_bg a.p_next{ background:url(../images/right.png) no-repeat; right:5%;} #dis_case_bg a b{ display:none;} .dis_case{ text-align:center;} .dis_case_pic{ max-width:100%; text-align:center; margin:0 auto; overflow:hidden;} .dis_case_pic img{ margin:0 auto;} .dis_case_name{ font-weight:bold; text-align:center; padding-top:10px;} .dis_note{ text-align:left; font-size:14px; padding-top:15px;} .dis_note img{ max-width:100%;} .pselect_list{ clear:both; margin-top:20px; position:absolute; top:-70px; right:10%;} .pselect_list ul li{ font-size:15px; position:relative; z-index:999;} .pselect_list ul li a{ display:block; height:30px; line-height:30px; color:#000000; padding-right:20px; background:url(../images/pro_jt.jpg) no-repeat right;} .pselect_list .pselect_box{ position:absolute; right:0; top:30px; width:405px; display:none; background:#fff; border:solid 1px #ddd; padding:20px 10px;} .pselect_list .pselect_box a{ float:left; font-size:12px; background:none; padding-right:0; padding-left:20px; min-width:46px; height:28px; line-height:28px; display:block;} .pselect_list .pselect_box a:hover,.pselect_list .pselect_box a.hover_cat{ color:#d7000f;} /*影像视频*/ .video{ width:100%; position:relative; margin-top:10px; clear:both;} .video_pic ul{ padding:0; margin:0; line-height:0;} .video_pic{ margin:0 auto; width:100%; min-height:600px; position:relative; max-width:1170px;} .video_pic ul li{width:100%; position:relative; text-align:center; } .video_pic ul li img{ max-width:100%;} .video_pic ul li .video_play_note{ min-height:200px; height:auto; width:100%; margin:0 auto;} .video_pic ul li .video_play_name{ margin-bottom:0; clear:both; font-size:16px; padding-top:10px; line-height:30px; height:40px !important;} .video_list_con{ position:relative; height:auto; margin-top:20px; clear:both;} .video_list_con span{ position:absolute; top:50%; cursor:pointer; display:block; width:25px; margin-top:-12px; height:38px; z-index:99;} .video_list_con span.v_prev{ background:url(../images/left_button.png) no-repeat; left:1%;} .video_list_con span.v_next{ background:url(../images/right_button.png) no-repeat; right:1%;} .video_list{ width:100%; margin:0 auto; min-height:60px; overflow:hidden;} .video_list_con { width:100%; clear:both; min-height:60px;} .video_list_con li{ float:left; display:block; min-height:60px; width:25%; cursor:pointer; text-align:center;} .video_list_con li img{ width:95%; cursor:pointer; margin:0 auto;} /*人力资源 end*/ .zhiwei_shehui{ clear:both; margin:20px 0; position:relative; } .zhiwei_shehui .hrdt span{ text-align: center;cursor: pointer;width:25%;display: block; float:left;height: 45px;line-height: 45px; color:#fff; font-size:15px; background:#b5b5b5;} .zhiwei_shehui .hrT{ background:#f4f4f4;} .zhiwei_shehui .hrT span{ text-align: center;cursor: pointer;width: 25%;display: block; float: left;color: #000000;height: 45px;line-height:45px; color:#42464e; transform: scale(1, 1);transition: all 0.3s ease-in-out 0s;} .zhiwei_shehui .hrT:hover span,.zhiwei_shehui .active span{background:#d1d0d0; color:#fff;} .zhiwei_shehui .hrdt, .zhiwei_shehui .hrT {height: 45px;overflow: hidden; position:relative;} .zhiwei_shehui .c_show{ position:absolute; right:10px; top:2px; width:33px; height:31px; display:block; cursor:pointer;} .zhiwei_shehui_note{ padding:15px 20px; display:none; position:relative;} #sidebar .dropdown-menu{ position:relative; float:none; padding:0; border:0; background:none; border-radius:0; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; z-index:1;} /* Content */ .right-head{height:40px;border-bottom:1px solid #b7b7b7;padding-top:5px;} .right-head .l_title{background:url(../images/path.jpg) no-repeat left 5px; padding-left:22px; font-size:16px; color:#000000; font-weight:bold; float:left;} .right-head .path{ float:right;} .right-head .return{ height:31px; line-height:32px; background:#e8e8e8; text-align:center; width:40px; color:#333; font-size:14px; position:absolute; right:70px; top:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .right-head .return a{ display:block;} #content span.rl_but{ display:block; padding:0 2px; position:absolute; right:30px; top:10px;} .rl_but{ position:absolute;} .content-inner{ min-height:400px;_height:400px;text-align:left;line-height:23px; font-size:14px; padding-top:20px;} .content-inner img{ max-width:100%;} .select_desc{padding:10px 0;line-height:23px} a.quick_select{width:100%;height:40px;line-height:40px;background:#3384c9;text-align:center;font-size:15px;margin-top:10px;color:#fff; display:block;} #news_con .media{ border-bottom:1px dotted #ddd; padding-bottom:15px;} #news_con .media-heading{ font-size:15px; font-weight:bold; padding-top:5px;} #news_con .media-body p{ height:28px; margin:0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px; color:#777; display:block;} #news_con .media-body font{ color:#FF0000;} #news_con .media-more{ clear:both;} #news_con .media-more a{ color:#ff0000;} #pro_con .media{ border-bottom:1px solid #ddd; padding-bottom:20px; font-size:12px;} #pro_con .media-heading{ font-size:16px; border-bottom:1px solid #eeeeee; height:28px; font-weight:bold;} #pro_con .media-heading a{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:90%;} #pro_con p{ color:#737373; font-size:12px; line-height:26px; } #pro_con .news_b{ width:100%; color:#737373; position:relative; height:25px; margin-top:20px;} #pro_con .news_b .newsl_date{ background:url(../images/date_tb.jpg) no-repeat left; padding-left:26px; float:left;} #pro_con .news_b .news_share{ float:left; width:70px; position:relative; margin-left:30px; text-align:right; font-size:12px !important; } #pro_con .news_b .news_share .bshare-custom .bshare-more.more-style-addthis{ background:url(../images/share_tb.jpg) no-repeat !important; height:20px; position:absolute; left:0px; top:2px; line-height:20px;color:#737373 !important;} #pro_con .media-more{ background:#2cad42; height:30px; line-height:30px; width:118px; color:#fff; padding-top:0; clear:both; text-align:center; margin-top:15px;} #pro_con .media-more a{ color:#fff;} /*content*/ .content_doctor_intro {position:relative;border:none;margin:0;} .background_tr {background:#afdce9;} .content_doctor_intro th {position:absolute;left:14px;top:20px;} .content_doctor_intro th div {border:4px solid #fff;height:60px;width:60px;} .content_doctor_intro .doctor_name { width:52%;padding-bottom:1.4%;color:#fff;font-size:1em;} .content_doctor_intro .doctor_praise {padding:3% 5% 3% 0;width:20%;} .content_doctor_intro .doctor_praise span {border:2px solid #fff;display:block;border-radius:3px;-webkit-border-radius:3px;} .content_doctor_intro .doctor_praise a {background:#fff;} .content_doctor_intro .positional {padding-top:4%;} .content_doctor_intro td {white-space:normal;line-height:1.4em;padding:2% 5% 0 0;} #content_doctor_button,#doctor_share {text-align:right;} #content_doctor_button {border-top:1px solid #dbdbdb;padding:5% 0 0;} #content_doctor_button a {border-radius:3px;-webkit-border-radius:3px;margin-left:4%;color:#fff;padding:2% 4%;font-size:0.8em;background:#2dabd1;} #content_doctor_button #booking {background:#cdcdcd;} #content_doctor_button #booking_ {background:#f5843e;} .hr_list{ min-height:200px;} .hr_list li{ position:relative; border-bottom:1px dotted #ddd; height:40px; line-height:35px; font-size:15px; padding-right:120px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .hr_list li span{ position:absolute; right:0; top:0; width:110px; text-align:center;} .hr_list li font{ color:#0067b6; font-family:"宋体";} .hr_list li.hrl_f{ margin-bottom:5px; border-bottom:1px solid #ddd; font-weight:bold; padding-left:15px;} a.hr_but{ display:block; background:#0067b6; border-radius:3px; color:#fff; text-align:center; height:38px; line-height:38px; width:160px; font-size:16px;} a.hr_but:hover{ font-weight:bold; color:#fff;} .hr_lan{ line-height:40px; padding-left:10px; min-height:40px; padding-bottom:5px; font-size:22px; padding-top:10px; font-weight:bold; border-bottom:1px dotted #ddd; font-weight:bold; color:#0067b6;} .hr_date{ padding-top:10px; height:30px; padding-left:10px; font-weight:bold;} .hr_con{ min-height:200px; padding:10px; line-height:1.8;} #form_msg{ padding:10px 0; font-weight:bold; font-size:16px; color:#0067b6;} .hr_note_con ul li{ padding: 5px 0 5px 0; font-size:16px;} .hr_note_con ul li img,.hr_note_con ul li input{ vertical-align: middle;} .hr_input3{background:#ffffff; border:solid 1px #C9C9C9; height: 40px; line-height: normal; padding: 0 10px; width: 100%; font-size:18px;} .hr_textarea{ background:#ffffff;border:solid 1px #C9C9C9; height: 130px; line-height: 20px; padding: 10px; width: 100%; font-size:18px;} .hr_submit{ background:#0067b6; color:#ffffff; width:120px; height:38px; line-height:38px; text-align:center; border-radius:3px; border:none; display: inline-block; vertical-align:middle; } .hr_submit:hover{ font-weight:bold; color:#fff;} .hr_note_con ul li label { vertical-align:middle; margin-right:10px; font-weight:normal;} .hr_note_con ul li label input{ margin-top:-3px;} .big_liuyan{ height:40px; margin-top:2px;} a#big_liuyan_hover{ background:url(../images/ly_jt.png) no-repeat bottom center #3a3a3a; width:50%; margin-left:0px;} a.big_liuyan_l{ height:40px; background:#888888; width:49%; margin-left:2px; float:left; display:block; font-size:18px; color:#ffffff; line-height:40px; text-align:center;} .no_tip{ max-width:267px; min-width:230px; margin:0 auto; position:relative;min-height:50px;height:auto; _height:50px; line-height:25px; padding-left:60px; padding-top:70px;} .no_tip span.no_t_pic{ position:absolute; top:0; left:0; width:50px; height:50px; background: url(../images/common.png) no-repeat; background-position:-38px 0; background-size: 400px; -moz-background-size:400px; margin-top:70px;} .no_tip font{ font-size:16px;} .note_list{ border-bottom:solid 1px #d0d0d0; padding:10px 15px;} .note_list .n_dh{ height:34px; line-height:34px; } .note_list .n_dh .l_bt{ float:left; padding-left:25px; color:#977e53; background:url(../images/note_tb3.png) no-repeat left center; background-size:20px;} .note_list .n_dh .r_date{ float:right; color:#989898;} .note_list .n_cent{ font-size:14px; padding-top:5px;} .note_list .hf_tb{ background:url(../images/hf_tb.jpg) no-repeat 21px bottom; height:13px; display:block;} .note_list .hf_cent{ background:#ebebeb; padding:5px 8px;} .pl_submit{ background:#3a3a3a; color:#ffffff; width:120px; height:30px; line-height:30px; text-align:center; border:none; display:block; float:right;} a.pl_submit{color:#ffffff; } a:hover.pl_submit{color:#ffffff; cursor:pointer} .pl_dhm{ height:40px; background:#1e90e0; line-height:40px; text-align:center;position:absolute; bottom:0px; left:0;width:100%;z-index:10;} .pl_dhm ul a{ float:left; width:50%; display:block; height:40px;color:#FFFFFF;} .pl_dhm ul li{ font-size:16px; color:#FFFFFF;cursor:pointer;} .pl_dhm ul a.hover{ background:url(../images/ping_hover.jpg) no-repeat bottom center #087fd2;} .pl_note_con ul li{ padding: 5px 0 5px 0; } .pl_note_con ul li img,.pl_note_con ul li input{ vertical-align: middle;} .pl_input3{ background:#ffffff; border:solid 1px #C9C9C9; height: 40px; line-height: normal; padding: 0 10px; width: 100%; font-size:18px;} .pl_textarea{ background:#ffffff;border:solid 1px #C9C9C9;height: 130px; line-height: 20px; padding: 10px; width: 100%; font-size:18px;} .pl_list ul li{border-bottom: 1px solid #CCCCCC; display: block;min-height: 47px;padding: 0 20px; font-size:16px; } .pl_list ul li h3{color: #000000; font-weight: normal; overflow: hidden; padding: 5px 0; } .pl_list ul li .date_title{color: #B9B9C8;line-height: 18px;overflow: hidden; padding-bottom: 5px;} .big_xianggun_note{} .big_xianggun_note ul li{ display:block; padding:8px 10px; border-bottom:solid 1px #968c83; clear:both; min-height:24px;} .big_xianggun_note ul li .l_bt{ float:left;} .big_xianggun_note ul li .r_date{ float:right; color:#999999;} .big_xianggun_note ul li .huifu{ color:#999999; } #show_pic .thumbnail{ text-align:center;} #show_pic a.thumbnail:hover { border:solid 1px #9f insets0c42f;} #show_pic .thumbnail p{ font-size:16px;} #show_pic .thumbnail img{ height:180px; max-width:100%;} /*dis_big*/ #dis_pro{ padding-bottom:20px;} .dis_top{ clear:both; height:50px; line-height:50px; background:#f0f0f0; margin-bottom:30px;} .dis_top_l{ float:left; color:#d7000f; font-size:22px; line-height:50px; padding-left:10px;} .dis_top_r{ float:right; font-size:13px;} .dis_top_r a{ padding-right:15px; color:#676767;} .dis_l{ width:530px; display:table-cell; vertical-align:top; position:relative; z-index:9;} .dis_pic{ margin:0 auto; width:530px; min-height:330px; position:relative;} .dis_pic ul li{width:530px; position:relative;} .dis_pic_name{ clear:both; background:url(../images/dis_tmbg.png) repeat; width:530px; height:43px; line-height:43px; position:absolute; bottom:0; left:0;} .dis_pic_name p{ float:left; color:#fff; font-size:17px; padding-left:10px; margin-bottom:0;} .dis_pic_name span{ float:right; color:#fff; font-size:17px; padding-right:10px; display:block;} .list_pic{ position:relative; height:137px; margin-top:15px; clear:both; width:530px;} .list_pic span{ position:absolute; top:8px; cursor:pointer; display:block; width:20px; height:40px; } .list_pic span.p_prev{ background:url(../images/tech_prev.png) no-repeat left center; left:0px; background-size:70%;} .list_pic span.p_next{ background:url(../images/tech_next.png) no-repeat right center; right:0px; background-size:70%;} .dis_list{ width:470px; margin:0 auto; height:50px; overflow:hidden;} .list_pic { position:absolute; left:560px; bottom:0px; height:50px;} .list_pic li{ float:left; display:block; height:50px; width:50px; cursor:pointer; margin-right:10px;} .list_pic li img{ width:50px; height:50px; cursor:pointer; border-top:3px solid #fff; padding-top:2px;} .list_pic li img:hover{ border-top:3px solid #d7000f;} .download{ width:90px; height:30px; text-align:right; position:absolute; right:0; bottom:10px;} .download a{ display:block; height:30px; line-height:35px; color:#333; font-weight:bold;} .download a:hover{ color:#d7000f;} .download2{ width:120px; height:35px; text-align:center; margin-bottom:10px;} .download2 a{ display:block; height:35px; line-height:35px; color:#fff; background:#000; font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .download2 a:hover{ color:#fff; background:#d7000f;} #dis_pro .dis_con{ display:table-cell; vertical-align:top; padding-left:30px; position:relative;} #dis_pro .dis_name{ padding:10px 0; min-height:40px; line-height:30px; font-size:2em; color:#343434;} #dis_pro .dis_text{ padding:15px 0; color:#343434; line-height:26px; font-size:14px; border-bottom:solid 1px #f0f0f0;} .para{ clear:both; padding:20px 0;} .para ul li{ display:block; clear:both; color:#676767; font-size:14px; margin-bottom:10px;} .para ul li span{ display:block; float:left; width:90px; color:#343434; } .dis_space_title{ border-top:solid 1px #a9aeb4; border-bottom:none;} .dis_space_title span{ background:url(../images/pname_jt.jpg) no-repeat center top; top:-10px;} .dis_space_bt{ text-align:left; max-width:1170px; margin:0 auto;} .dis_space{ max-width:1170px;margin:0 auto; height:auto; clear:both;} .hh_con{ position:relative; width:100%; min-height:640px;margin:0 auto;} .hh_con span{ position:absolute; width:77px; height:77px; cursor:pointer; top:50%; margin-top:-35px; z-index:9;} .hh_con span.hleft{ left:0px; background:url(../images/prev.png) no-repeat;} .hh_con span.hright{ right:0px; background:url(../images/next.png) no-repeat;} .list_space{ height:auto; width:100%; margin:0 auto;} .list_space ul li{float:left;width:100%; height:auto; text-align:center; position:relative;} .list_space ul li .h_type_pic{ width:100%;} .list_space ul li img{ max-width:100%; height:auto;} .list_space ul li .h_pname{ color:#fff; position:absolute; left:0; bottom:0; background:url(../images/dis_tmbg.png) repeat; width:100%; height:43px; line-height:43px; color:#fff; font-size:17px; text-align:left;} .dis_pro_story{ background:url(../images/dis_pro_story.jpg) no-repeat center; min-height:420px; margin-top:35px; clear:both;} #dis_pro .dis_con2{ padding-top:10px;} #dis_pro .dis_price font{ font-size:18px; color:#F00; font-weight:bold;} #dis_pro .dis_con2 .dis_name{font-weight:bold; border-bottom:1px solid #ddd; padding:10px 0; position:relative; padding-right:100px; min-height:30px;} #dis_pro .dis_con2 .dis_name a{ border-radius:6px; height:35px; width:80px; line-height:35px; display:block; background:#0076c7; color:#fff; text-align:center; font-size:13px; position:absolute; right:0; top:50%; margin-top:-13px; font-weight:normal;} #dis_pro .dis_con2 .dis_name a:hover{ font-weight: bold;} #dis_pro .dis_pic2{ height:330px; position:relative; overflow:hidden; margin-top:10px;} #dis_pro .dis_pic2 img{ max-height:320px; max-width:100%;} #dis_pro .dis_pic2{ height:330px; position:relative; overflow:hidden; border-bottom:1px solid #ddd;} #dis_pro .dis_pic2 img{ max-height:320px; max-width:100%;} #slider4 li{ text-align:center;} #dis_pro .slider4{ position:relative; z-index:1; } #dis_pro .pagenavi{ position:absolute; bottom:14px; width:320px; margin-left:-160px; text-align:center; left:50%; z-index:2;} #dis_pro .pagenavi a{ background:#eee; width:8px; height:8px; text-indent:-9999px; margin:0px 2px; display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #dis_pro .pagenavi a.active{ background:#d7000f;} /*3G 附加图*/ .dis_tab{ margin-top:-50px; } .tab_l{ font-size:21px;} .nav-tabs{} .nav-tabs a{border-radius:0;} .nav-tabs li{ width:150px;} .nav-tabs li a{ margin-right:0; width:100px; text-align:center;} .nav-tabs li.active a{ border:0; height:50px; width:150px; border:none;} .nav-tabs li.active a:hover{border:none;} .tab_con{ font-size:14px; border-top:0; padding:20px 10px; min-height:200px; _height:200px; overflow-x:hidden; line-height:26px;} .tab-content img{ max-width:100%;} /*page_num*/ .page_num{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; padding-top:20px;} .p_but{ padding:10px 0;} .p_but li{ float:left; width:50%;} .p_but li a{height:35px; line-height:35px; font-size:18px; text-align:center; display:block; color:#3a3a3a; background:#eee; margin:0 10px; } .p_but li a:hover{ background:#fff; color:#3194e5;} .p_but li span{height:35px; line-height:35px; font-size:18px; text-align:center; display:block; color:#555; background:#eee; margin:0 10px;} .boxstyle{ border:1px solid #d3d3d3; border-radius: 4px; box-shadow: 1px 0px 1px #e1e1e1; } /* demo */ #demo{overflow:hidden;width:600px; margin:0 auto;} #indemo{float:left;width:100000px;} #indemo img{margin-right:10px;border:1px solid #ccc;} #demo1{float:left;} #demo2{float:left;} .pro_content{ position:relative;} .t_left{background:url(../images/pleft.jpg) no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; left:0;} .t_right{background:url(../images/pright.jpg) no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; right:0;} /*list_links*/ ul.list_links{text-align:center;min-height:200px;_height:200px;} ul.list_links li{ height:110px;} ul.list_links li img{ max-width:95%; border:1px solid #ddd; height:70px; margin-bottom:5px;} /*blan*/ .lan_bg{ background:#42464e; color:#fff; clear:both; min-height:40px !important; padding:30px 0;} .lan_bg a{ color:#fff;} .lan_bg a:hover{ color:#fff;} .ewm{ margin-left:2%; float:left;} .ewm ul li{ float:left; height:30px; line-height:30px; margin-left:16px;} .ewm ul li a{ display:block;} .ewm ul li span{ background:url(../images/wx_tb.jpg) no-repeat right; padding-right:17px;} .ewm ul li a.wx_code{ background:url(../images/wechat.png) no-repeat left center; padding-left:30px;} .ewm ul li a.wb_code{ background:url(../images/weibo.png) no-repeat left center; padding-left:30px;} .copyright{ float:right; margin-right:2%;} .f_menu{ float:right; color:#fff; margin-right:10px;} .f_menu a{ color:#fff; padding:0 5px;} a.b_top{ position: fixed; bottom:52px; right: 10px; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.3); font-size: 12px; padding: 1em; display: block; border:1px solid #fff; cursor:pointer; z-index:999 !important; } a.b_top:hover{background-color: rgba(0, 0, 0, 0.6); color:#fff;} @media screen and (min-width:768px) { #top{ position:fixed; top:0; left:0; width:100%; height:91px; z-index:999; background:url(../images/head_tmbg.png) repeat;} #header{position:relative; padding:0;} #home .h_tip{ height:105px; background: url(../images/h_tip.jpg) top center no-repeat;} #home .h_news .media-left{ padding-right:20px;} #home .h_news .media-left a{ display:block; overflow:hidden; height:130px;} #sidebar .left_list { font-size:14px;border:1px solid #e5e5e5;} #sidebar .left_list ul li{} #sidebar .left_list ul li a.f_a{ height:50px; line-height:50px;} #sidebar .left_list ul li a.f_a:hover,#sidebar .left_list ul li a.shover{ color:#333333;} #sidebar .left_list a.s_a{ display:block; padding-right:20px;} #sidebar .left_list ul ul a.shover{ font-weight:bold;} #sidebar a.l_sel { display:block; height:50px; line-height:50px; border-bottom:1px solid #ddd; padding-left:20px; font-size:1.1em; background:#f39800 url(../images/shover.jpg) top right no-repeat; margin-top:20px; color:#fff;} #pro_con .media{ margin-top:0; margin-bottom:20px;} #news_con .media-left img{ max-width:none; width:180px; margin-right:15px;} #news_con .media-body p{ width:70%;} #pro_con .media-left img{ max-width:none; width:269px; margin-right:15px;} #pro_con .media-con{ line-height:25px; height:100px; overflow:hidden;} .hr_note_con ul li{ padding-left:130px; font-size:16px; position:relative; line-height:40px;} .hr_note_con ul li b{ color:#0067b6;} .hr_note_con ul li .hr_input3{ width:50%;} .hr_note_con ul li .hr_textarea{ width:80%;} .hr_note_con ul li span.hr_tip{ position:absolute; left:0; width:130px; text-align:right; height:40px; line-height:40px;} .b_but{ display:none;} .h_news_all{ padding:0;} .h_pro{ padding:0;} .member .YourClass{ padding:30px !important;} .MacroS_ContentColumn input[type="text"], .MacroS_ContentColumn input[type="password"]{ width:280px !important;} #note{ width:400px !important;} } @media screen and (min-width:320px) and (max-width: 1199px) { .logo{ left:2%;} #search{ float:right; margin-right:2%;} .contact_map{ padding:25px 10px; margin:0 auto;} .contact_notic{ max-width:100%; padding:25px 10px;} .contact_notic_l{ float:inherit; width:100%;} .contact_notic_l img{ max-width:100%;} .contact_notic_r{ float:inherit; width:100%;} } @media screen and (min-width: 766px) and (max-width: 1000px) { .space_big_list ul li{ min-height:500px;} } @media screen and (max-width: 1000px) { #top{ width:100%; z-index:999;} #header{ background:#42464e;} #header .navbar{ margin-bottom:0; min-height:60px;} #header .m_logo{ background:url(../images/logo.png) no-repeat; height:55px; position:absolute; top:5px; left:-5px; width:200px; background-size:100%;} #header .navbar-header{ min-height:60px;} #menu .navbar-collapse{} #menu .navbar-toggle{ background:#eee; margin-right:0;} #menu .navbar-toggle span{ background:#777777;} #menu a.m_a{text-align:left; line-height:20px; color:#fff; border-radius:8px; font-size:16px;} #menu a.m_a:hover{ background:#fff; color:#555;} #menu ul.dropdown-menu{ border-bottom:1px solid #949494;} #menu ul.dropdown-menu li a{ display:block; height:40px; line-height:30px; color:#fff; font-size:1.1em;} #menu ul.dropdown-menu li a:hover{background:#666666;} #menu .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:#3a3a3a; color:#fff;} #menu ul.dropdown-menu li a:hover{ color:#fff;} #menu .sec_m{ display:none!important;} #menu .btn-default{ float:right; width:20%;} #home{ padding:0;} .h_title{ margin-top:20px; font-size:24px;} .h_title span{ font-size:16px;} .h_type_list ul li{ width:24%; font-size:16px;} .h_type_list ul li a{ display:block; width:85px; height:45px; line-height:45px; padding-left:30px; margin:0 auto;} .h_type_list ul li .hicon{background-size:35px;} .h_type_list ul li .hicon1{background-size:38px;} #h_campsite{ width:100%; min-width:100%; margin:0 auto; min-height:inherit;} .banner{ margin-top:0px;} .banner .slider{width:100%;min-width:100%;min-height:auto; position:relative;text-align:center; min-height:660px; overflow:hidden;} .banner .slider .bd{width:100%;position:absolute;left:0%;margin-left:0;} .banner .slider .bd li{width:100%;overflow:hidden; margin:0;} .banner .slider .bd li .big_img{display:block;width:100%;height:auto; float:none;} .banner .slider .tempWrap{overflow:visible!important} .banner .slider .tempWrap ul{margin-left:0px!important} .banner .slider .hd{width:100%;left:0;} .banner .slider .hd li{} .banner .slider .prev{left:0%;margin-left:-0px} .banner .slider .next{left:inherit; right:0%; margin-left:0px} .banner .slider .pnBtn .blackBg{ background:none;} .banner .slider .pnBtn .arrow{ top:20%; margin-top:0px;} .banner .slider .prev .arrow{right:inherit; left:2%;} .banner .slider .next .arrow{left:inherit; right:2%;} .pro_left{ width:100%; position:inherit; top:inherit; right:inherit; padding:10px; clear:both; margin-bottom:100px;} .pro_left .pro_name{ font-size:20px; margin-bottom:0px;} .pro_left .pro_img img{ max-width:100%;} .pro_left .pro_note{margin:15px 0; height:auto; line-height:22px; margin-bottom:3px;} .h_space_box p{ font-size:20px;} .h_about_bg{ margin-top:10px; padding:10px 0 10px 0;} .h_title2{ margin-bottom:0px;} .h_about_video{ float:none; width:100%} .h_about_video img{ width:100%;} .h_about_con{ padding:10px; float:none; width:100%} .h_about_note{ max-height:inherit;} .h_news_list{ margin-top:10px;} .h_news_bt{ margin-bottom:5px;} .h_news_list ul li a{ height:24px; line-height:24px;} /*index end*/ #content{ padding:20px 0; font-size:14px;} #content img{ max-width:100%;} .left_list{ margin-bottom:0;} .left_list ul li a{ padding:0 6px;} .m_title{ margin-bottom:10px;} /*电子图册*/ #products{ margin-top:20px;} .left_pro{ padding:10px 0; max-width:100%; margin:0 auto; margin-bottom:20px;} .left_pro ul li{ float:left; font-size:13px; margin:0 5px;} .col-sm-6,.col-xs-6{ padding:0 5px;} /*公司简介*/ #about{ margin-top:0;} .about_list{ clear:both; margin-top:15px;} .about_list .fl{ float:none;} .about_list .fr{ float:none;} .about_list_img{ width:100%;} .about_list_note{ width:100%;} .about_list_note_pad{ padding:10px 10px;} .h_about_pic img{margin-top:15px;} /*发展历程*/ .culture{ text-align:center; margin:30px 0;} .culture img{ max-width:100%; margin:0 auto;} #history_bg{ background:url(../images/history_bg.jpg) no-repeat center; min-height:200px; margin-top:30px; padding:15px 0 20px 0;} .history{ margin:0 auto; max-width:100%; position:relative; min-height:200px;} .his_con{ margin:0 auto; width:100%; min-height:200px; position:relative; overflow:hidden; margin-top:10px; background:url(../images/his_tmbg.png) repeat; color:#fff;} .his_con ul li{ display:block; min-height:150px; position:relative !important; float:left; } .his_con ul li .his_note{ padding:10px; color:#fff; font-size:14px; margin:0 auto; line-height:26px;} .his_con ul li .his_note img{ max-width:100%} .his_con ul li .his_title{ padding-bottom:20px; font-size:1.8em; font-weight:bold; color:#d7000f; text-align:center;} .history span{ position:absolute; top:44%; margin-top:-30px; cursor:pointer; display:block; width:78px; height:77px; z-index:9999;} .history span.d_prev{ background:url(../images/prev.png) no-repeat; left:0%;} .history span.d_next{ background:url(../images/next.png) no-repeat right; right:0%;} /*荣誉资质*/ #honor_bg{ bmargin-top:20px;padding:10px;} .honor_con{ width:100%; min-height:180px; float:left;} .honor span{ position:absolute; top:50%; margin-top:-20px; cursor:pointer; display:block; width:22px; height:53px; z-index:9999;} .honor span.d_prev{ background:url(../images/tech_prev.png) no-repeat; left:0px;} .honor span.d_next{ background:url(../images/tech_next.png) no-repeat; right:0px;} /*新闻资讯*/ .news{ margin:10px 0;padding:20px 5px 50px 5px;} .news .bd ul li img{ width:100%;} .news .bd{ max-width:100%;} .news .hd{ left:0px;} .news .bd ul li .news-txt{ width:100%; float:left;margin-left:0;} .news .bd ul li .news-txt p.news_des{ margin:10px 0;} .news_list ul li a{ padding:15px 0;} .news_list ul li .news_l{ font-size:60px; line-height:55px; padding-right:10px;} .news_list ul li .news_l p{ font-size:14px;} .news_list ul li .news_r{ font-size:14px;} .news_list ul li .news_r p{font-size:16px; margin-bottom:5px;} /*影像视频*/ .video{ margin-top:0px;} .video_list_con{ margin-top:0px;} .video_list_con span{ position:absolute; top:50%; cursor:pointer; display:block; width:25px; margin-top:-12px; height:38px; z-index:99;} .video_list_con span.v_prev{ background:url(../images/left_button.png) no-repeat; background-size:50%; left:1%;} .video_list_con span.v_next{ background:url(../images/right_button.png) no-repeat; background-size:50%; right:1%;} /*空间应用*/ .dis_top{ margin-bottom:10px;} .hh_con{ min-height:200px; height:auto;} .space{ margin-top:20px;} .space span{ position:absolute; top:40%; margin-top:-30px; cursor:pointer; display:block; width:80px; height:77px; z-index:9999;} .space span.d_prev{ background:url(../images/prev.png) no-repeat; background-size:80%; left:0%;} .space span.d_next{ background:url(../images/next.png) no-repeat right; background-size:80%; right:0%;} .space_big_list ul li{ min-height:100px;} .space_big{ max-width:100%;} .space_list span{ position:absolute; top:50%; margin-top:-22px; cursor:pointer; display:block; width:25px; height:38px; z-index:999;} .space_list span.s_prev{ background:url(../images/left_button.png) no-repeat; background-size:60%; left:0px;} .space_list span.s_next{ background:url(../images/right_button.png) no-repeat; background-size:60%; right:0px;} .dis_pro_story2{ height:auto; clear:both; width:100%; min-height:100px;} /*工程中心*/ .projects{ margin-top:20px;} #pro_con .project_list p{ font-size:14px; min-height:40px; } .project_list_mar{ padding-left:8px; padding-right:8px;} #dis_case_bg{ padding:10px 0 20px 0; margin-top:10px;} .dis_case{ min-height:200px; } #dis_case_bg a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; z-index:99;} #dis_case_bg a.p_prev{ background:url(../images/left.png) no-repeat; background-size:50%; left:0%;} #dis_case_bg a.p_next{ background:url(../images/right.png) no-repeat right; background-size:50%; right:0%;} #dis_case_bg a b{ display:none;} .pselect_list{ position:absolute; top:-10px; right:8px;} .pselect_list .pselect_box{ max-width:320px; display:none; padding:5px;} .pselect_list .pselect_box a{ padding-left:10px;} /*核心技术*/ .tech_con ul li .tech_note{ padding:10px; min-height:300px;} .tech_list span{ top:10px;} .tech_list span.t_prev{ left:0px; background-size:15px;} .tech_list span.t_next{ right:-5px; background-size:15px;} .tech_list li .tech_name{ font-size:14px; margin:0 5px;} .member_bg{ min-height:500px;} .member_box{ padding:12% 10px 0 10px; width:100% !important;} .register { width:100%; background:none; padding:0;} .register .YourClass{ padding:20px 0px; wdith:100%;} .register .MacroS_InputState MacroS_InputError{ display:block; clear:both;} .YourClass .MacroS_InputError{ display:block; clear:both;} .MacroS_SubmitButton a{ background:#5f70a4;} .YourLanguage .MacroS_TitleColumn{ width:110px; font-size:12px;} .YourClass .MacroS_InputState{ display:block;} .MacroS_ContentColumn input[type="text"], .MacroS_ContentColumn input[type="password"]{ width:100%;} #note{ width:180px !important;} .content-inner{ padding:25px 0; } .content-inner img{ max-width:100%;} .navbar-form{ padding:10px 0; padding-bottom:30px;} .MacroM_TitleColumn{ width:80px!important; } .MacroM_ContentColumn input[type="text"],.MacroM_ContentColumn input[type="password"]{width:180px!important; } .MacroM_ContentColumn textarea{width:180px!important; } .MacroM_ContentColumn input.MacroM_Verify{ width:70px !important; } ul, menu, dir{ -webkit-padding-start:0px!important;} /*留言*/ #footer{ padding:10px 0;} #sidebar{ margin-right:10px;} #sidebar .left_list { height:300px; overflow-x:hidden; overflow-y:auto;} #sidebar .left_list a.l_sel { display:block; height:40px; line-height:40px; background:#f39801; margin-top:20px; color:#fff; padding-left:20px;} #content .navbar-toggle{ background:#fff; position:absolute; right:0px; top:0;} #content .navbar-toggle span{ background:#777777; width:30px; height:3px;} #content .right-head{ height:50px;} #content .l_title{ padding-top:10px; background-position:0 13px} #news_con .media-left img{ max-width:none; width:120px;} #news_con .media-body p{ width:300px;} #pro_con .media-left img{ max-width:none; width:130px;} #pro_con .media-con{ line-height:25px; height:50px; overflow:hidden;} #pro_con .media{ padding-bottom:15px;} #pro_con .media-heading{ margin-bottom:0; height:24px; font-size:14px;} #pro_con p{ line-height:26px; padding-top:0; margin-bottom:0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #pro_con .news_b{ margin-top:0px; height:20px;} #pro_con .news_b .newsl_date{ background-size:15px;} #pro_con .news_b .news_share .bshare-custom .bshare-more.more-style-addthis{ background-size:15px!important; line-height:inherit;} #pro_con .media-more{ height:25px; line-height:25px; width:80px; margin-top:5px;} .copyright{ float:none; margin-right:0; text-align:center;} .f_menu{ float:none; text-align:center;} .hr_note_con ul li span.hr_tip{ display:none;} .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas-right .sidebar-offcanvas { right: -50%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { left: -50%; /* 6 columns */ } .row-offcanvas-right.active { right: 50%; /* 6 columns */ } .row-offcanvas-left.active { left: 50%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; top: 0; width: 50%; /* 6 columns */ } #footer .bcopy{ float:none; padding:0 10px; text-align:center; width:auto;} .hr_note_con ul li span.hr_tip{ display:none;} #KenFor_WangLingTong{ display:none;} } @media screen and (min-width:320px) and (max-width: 400px) { .h_type_list ul li a{ display:block; width:90px; height:32px; line-height:32px; padding-left:10px; margin:0 auto;} .h_type_list ul li .hicon{background-size:30px;} .h_type_list ul li .hicon1{background-size:34px;} .h_type_list ul li .hicon2{padding-left:18px;} .pselect_list{ position:absolute; top:-10px; right:0px;} } @media screen and (min-width:900px) and (max-width: 1000px) { .banner .slider{ min-height:1000px;} .video_pic{ min-height:450px;} } @media screen and (min-width:581px) and (max-width: 899px) { .banner .slider{ min-height:850px;} .video_pic{ min-height:400px;} } @media screen and (min-width:439px) and (max-width: 580px) { .banner .slider{ min-height:700px;} .video_pic{ min-height:380px;} } @media screen and (min-width:320px) and (max-width: 430px) { .pro_left{ height:auto;} .banner .slider{ min-height:610px;} .video_pic{ min-height:360px;} } @media screen and (min-width:320px) and (max-width: 420px) { .video_pic{ min-height:250px;} } @media (min-width: 1200px) { .sp-contact .ct { display: -webkit-box; display: -ms-flexbox; display: flex; height: 410px; } .sp-contact .mainc{ padding:65px; text-align:center; } .sp-contact .maincc{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: space-between; max-width:1449px; margin-left:auto; margin-right:auto; } .sp-contact .maincc .l,.sp-contact .maincc .r{ width:44.3%; } .sp-contact input{ width:100%; border:none; } .sp-contact textarea{ border:none; width:100%; height:142px; } } .sp-contact .s1, .sp-contact .s2 { width: 100%; padding: 30px 50px; } .sp-contact .s1 .h, .sp-contact .s2 .h { font-size: 18px; color: #1d50a2; margin-bottom: 20px; } .sp-contact .s1 .h span, .sp-contact .s2 .h span { font-size: 11px; color: #898989; } @media (max-width: 1199.98px) { .sp-contact .s1, .sp-contact .s2 { width: auto; padding: 20px; margin-left: -12px; margin-right: -12px; } } .sp-contact .s1 { background: url(s02.jpg) no-repeat center center/cover; } .sp-contact .s2 { background: #eeeeee; } .sp-contact .s2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; position: relative; } .sp-contact .s2 .row label { width: 70px; } .sp-contact .s2 .row .required { color: #1d50a2; margin-left: 5px; } @media (max-width: 1199.98px) { .sp-contact .s2 .row .required { position: absolute; top: 0; right: 0; } } .sp-contact .s2 .row input, .sp-contact .s2 .row textarea { border: 1px solid #ddd; background-color: #fff; width: 300px; height: 28px; padding: 0 5px; outline: 0 none; } @media (max-width: 1199.98px) { .sp-contact .s2 .row input, .sp-contact .s2 .row textarea { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px; } } .sp-contact .s2 .row textarea { width: 420px; height: 130px; padding: 5px; } @media (max-width: 1199.98px) { .sp-contact .s2 .row textarea { width: auto; height: 90px; } } .sp-contact .s2 .btns { padding-left: 70px; } .sp-contact .s2 .btns { padding-left: 0px; } .sp-contact .s2 .btns input { width: 140px; height: 38px; color: #ffffff; background: #1d50a2; border: 0 none; cursor: pointer; -webkit-transition: .3s; transition: .3s; } .sp-contact .s2 .btns input:hover { background: #215bb8; } .page-block-container, .pbc { margin-left: auto; margin-right: auto; margin-bottom: 70px; max-width: 1642px; } .juzhong{ text-align:center; } @media (min-width: 1200px) { .sp-map {height: 666px; } .sp-map .map-container { height: 666px; } } @media (max-width: 1199.98px) { .sp-map { width: 100%; height: 300px; } .sp-map .map-container { height: 300px; } } @media (min-width: 1200px) { .sp-contact .ct { display: -webkit-box; display: -ms-flexbox; display: flex; height: 410px; } .sp-contact .mainc{ padding:65px; text-align:center; } .sp-contact .maincc{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: space-between; max-width:1449px; margin-left:auto; margin-right:auto; } .sp-contact .maincc .l,.sp-contact .maincc .r{ width:44.3%; } .sp-contact input{ width:100%; border:none; } .sp-contact textarea{ border:none; width:100%; height:142px; } } .sp-contact .s1, .sp-contact .s2 { width: 100%; padding: 30px 50px; } .sp-contact .s1 .h, .sp-contact .s2 .h { font-size: 18px; color: #1d50a2; margin-bottom: 20px; } .sp-contact .s1 .h span, .sp-contact .s2 .h span { font-size: 11px; color: #898989; } @media (max-width: 1199.98px) { .sp-contact .s1, .sp-contact .s2 { width: auto; padding: 20px; margin-left: -12px; margin-right: -12px; } } .sp-contact .s1 { background: url(s02.jpg) no-repeat center center/cover; } .sp-contact .s2 { background: #eeeeee; } .sp-contact .s2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; position: relative; } .sp-contact .s2 .row label { width: 70px; } .sp-contact .s2 .row .required { color: #1d50a2; margin-left: 5px; } @media (max-width: 1199.98px) { .sp-contact .s2 .row .required { position: absolute; top: 0; right: 0; } } .sp-contact .s2 .row input, .sp-contact .s2 .row textarea { border: 1px solid #ddd; background-color: #fff; width: 300px; height: 28px; padding: 0 5px; outline: 0 none; } @media (max-width: 1199.98px) { .sp-contact .s2 .row input, .sp-contact .s2 .row textarea { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px; } } .sp-contact .s2 .row textarea { width: 420px; height: 130px; padding: 5px; } @media (max-width: 1199.98px) { .sp-contact .s2 .row textarea { width: auto; height: 90px; } } .sp-contact .s2 .btns { padding-left: 70px; } .sp-contact .s2 .btns { padding-left: 0px; } .sp-contact .s2 .btns input { width: 140px; height: 38px; color: #ffffff; background: #1d50a2; border: 0 none; cursor: pointer; -webkit-transition: .3s; transition: .3s; } .sp-contact .s2 .btns input:hover { background: #215bb8; } @media (min-width: 1200px) { .listing-index .ls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } } @media (min-width: 1200px) { .listing-index .ls > div { margin-bottom: 70px; width: 370px; margin-right: 45px; } } @media (max-width: 1199.98px) { .listing-index .ls > div { margin-bottom: 30px; } } .listing-index .ls > div:nth-child(3n) { margin-right: 0; } .listing-index .ls > div > a { position: relative; display: block; padding: 20px; background: #fff; -webkit-transition: .3s; transition: .3s; border: 1px solid #d8d8d8; } @media (max-width: 1199.98px) { .listing-index .ls > div > a { padding: 10px; border-color: #eee; } } .listing-index .ls > div > a:hover { border-color: #27342E; } .listing-index .ls .img { height: 0; padding-bottom: 73.8%; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; background-size: cover; background-position: center center; } .listing-index .ls .title { font-size: 17px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; margin-top: 10px; } @media (max-width: 1199.98px) { .listing-index .ls .title { font-size: 15px; } } @media (min-width: 1200px) { .style1 ul li{float:left;margin:0 6px;position:relative;list-style:none} .style1 .img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .style1 ul li img{width: 170px;height: 120px;border-radius: 2px;} .style1 ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 170px;left:0;font-size:12px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .style1 .img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.3); z-index:10000; } .style1 ul li:hover span{ opacity:0} } .pbcc { margin-left: auto; margin-right: auto; margin-bottom: 70px; width: 1200px; } @media (max-width: 1199.98px) { .page-block-container, .pbcc { margin-bottom: 40px; } } @media (max-width: 1199.98px) { .page-block-container, .pbcc { width: 100%; padding-left: 12px; padding-right: 12px; max-width: 680px; } } @media (min-width: 1200px) { .sec05{ width:1170px; margin-left: auto; margin-right: auto; } .sec05 iframe { display: block; width:1170px; height: 580px; margin: 0 auto; } } @media (max-width: 1199.98px) { .sec05 iframe { width: 100%; height: 280px; } } @media (min-width: 1200px) { .home01 { margin-left: auto; margin-right: auto; margin-bottom: 70px; } } @media (min-width: 1200px) and (max-width: 1199.98px) { .home01 { margin-bottom: 40px; } } @media (min-width: 1200px) { .home01 .h-more { margin-top: -15px; margin-bottom: 15px; } } @media (min-width: 1200px) and (max-width: 1199.98px) { .home01 .h-more { margin-top: -5px; margin-bottom: 10px; } } @media (min-width: 1200px) { .home01 .ct-wrp { background: url(s166.jpg) no-repeat 50% 0; } .home01 .ct { width: 1800px; margin: 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: space-between; } } @media (min-width: 1200px) { .home01 .ct > div { margin-bottom: 5px; } .home01 .ct > div:nth-child(3n+2) { margin: 0; } .home01 .ct > div{ width:289px; margin-bottom:40px; } .home01 .ct > div > a { display: block; position: relative; width: 289px; height: 446px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .home01 .title { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s; transition: .3s; opacity:0} .home01 .ct .ttitle{ font-size:14px; } .home01 .title:hover { background: rgba(0, 0, 0, 0.8); opacity:1;} .home01 .title:hover .c { border:6px solid #FFFFFF; height:auto;margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px;} .home01 .title > div { color: #fff; font-size: 18px; padding-top:80px; margin: auto; text-shadow: 0 1px 2px #000; text-align: center; height:171px; width:100%; } .home01 .title > div .t2{ border-top:1px solid #fff; padding-top:30px; width:200px; margin-left:auto; margin-right:auto; font-size:13px; } .home01 .title > div .more{ width:50px; height:50px; background:#C7000B; margin-left:auto; margin-right:auto; line-height:50px; font-size:12px; margin-top:30px; border-radius:50%; } } @media (max-width: 1199.98px) { .home01 .img{ height:300px; background-repeat: no-repeat; background-size: cover; background-position: center center; display:block; } .home01 .ct > div{ margin-bottom:10px; } .home01 .title{ text-align:center; font-size:18px; font-weight:bold; padding-top:150px; color:#FFFFFF; opacity:0; } } @media (max-width: 1199.98px) { .show-if-xl { display: none !important; } } @media (min-width: 1200px) { .hide-if-xl { display: none !important; } } @media (min-width: 1200px) { .ctitle{ margin-left:100px; padding-top:10px; font-weight:bold; background:#FFFFFF; } } @media (min-width: 1200px) { footer { border-top: 2px solid #e8e8e8; padding-top: 60px; background:#313348; } footer .wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } footer .nav { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .nav > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-right: 0px solid #ccc; padding: 10px 30px; min-width: 180px; } footer .nav >div:nth-child(1){ min-width: 240px; } footer .nav > div > a { line-height: 2; color:#fff; } footer .nav > div > div { font-size: 14px; } footer .nav > div > div > div > a { display: block; color: #BBADBA; margin-top: 3px; } footer .nav > div > div > div > a:hover { color: #fff; } footer .text { line-height: 2; padding: 10px 40px; text-align: center; } footer .memo { padding: 10px; font-size: 13px; background-color: #e8e8e8; } footer .memo .wrp { margin: 0 auto; width: 1020px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer .memo .wrp, footer .memo .wrp a { color: #555; } footer .memo .wrp > div p { margin: 2px; } footer .text{color:#FFFFFF;} footer a:hover{ color:#FFFFFF; } } @media (max-width: 1199.98px) { footer { padding-top: 30px; } footer .memo { background-color: #e8e8e8; font-size: 11px; padding: 6px; text-align: center; } footer .memo p { margin: 0; } } @media (min-width: 1200px) { .product-index { background: #fff; padding: 1px; min-height: 600px; padding-bottom: 120px; } .product-index .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1200px; margin: 0 auto; } .product-index .list * { -webkit-box-sizing: content-box; box-sizing: content-box; } .product-index .item { margin: 0 30px 30px 0; } .product-index .item:nth-child(3n) { margin-right: 0; } .product-index .item > a { position: relative; display: block; width: 374px; padding: 0px; border: 1px solid #E6E6E6; background: #fff; -webkit-transition: .2s .03s border-color; transition: .2s .03s border-color; } .product-index .item > a:hover { border-color: #000; } .product-index .img { width: 374px; height: 374px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .product-index .txt { padding: 16px 40px 8px 5px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product-index .code-btn { position: absolute; right: 9px; bottom: 10px; width: 32px; height: 32px; background: url(barcode.png) no-repeat 0 0; opacity: .6; -webkit-transition: .32s; transition: .32s; } .product-index .code-btn2 { position: absolute; right: 49px; bottom: 10px; } .product-index .code-btn:hover { opacity: 1; } .product-index .code { position: absolute; left: 9px; top: 9px; border: 5px solid #fff; width: 250px; height: 250px; -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; } .product-index .code.show { opacity: 1; visibility: visible; } } @media (max-width: 1199.98px) { .product-index .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -6px; } .product-index .item { width: 50%; padding: 0 3px; margin-bottom: 6px; } .product-index .item > a { display: block; padding: 6px; border: 1px solid #E6E6E6; background: #F3F3F3; } .product-index .img { height: 0; padding-bottom: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; background-size: contain; background-position: center center; } .product-index .txt { font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px; } } .product-item .sec01 > .title, .product-item .info .title { color: #121011; padding-bottom: 20px; margin-bottom: 20px; font-size: 20px; border-bottom: 1px solid #eee; } .product-item { width: 1200px; margin: 0 auto; } @media (max-width: 1199.98px) { .product-item { width: 100%; padding-left: 12px; padding-right: 12px; max-width: 680px; } } .product-item .xtt { font-size: 19px; letter-spacing: 3px; border-bottom: 1px solid #ddd; margin-top: -14px; margin-bottom: 25px; text-align: center; height: 48px; } @media (max-width: 1199.98px) { .product-item .xtt { margin-bottom: 15px; font-size: 17px; } } .product-item .xtt > span { padding: 0 10px; display: inline-block; height: 48px; line-height: 48px; border-bottom: 2px solid #218E9F; } .product-item > * { margin-left: auto; margin-right: auto; margin-bottom: 70px; } @media (max-width: 1199.98px) { .product-item > * { margin-bottom: 40px; } } .product-item .crumb { margin-bottom: 30px; } .product-item .crumb > a:first-child { background: url(s31.png) no-repeat 0 50%; padding-left: 24px; } .product-item .crumb span { margin: 0 3px; color: #666666; } @media (min-width: 1200px) { .product-item .sec01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .product-item .sec01 > .title { margin-bottom: 20px; } @media (min-width: 1200px) { .product-item .view { width: 504px; } .product-item .nvr{ width:143px; text-align:center; margin-top:20px; } } .product-item .view .img-wrp { position: relative; border: 1px solid #A7A7A7; padding: 5px; } .product-item .view .img-wrp .img { position: relative; height: 0; padding-bottom: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; } .product-item .view .img-wrp img { -o-object-fit: contain; object-fit: contain; position: absolute; left: 0; right: 0; width: 100%; height: 100%;} .product-item .view .show .pn { position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 54px; height: 54px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: .2s; transition: .2s; } .product-item .view .show .pn:hover { opacity: 1; } .product-item .view .show .pn.swiper-button-disabled { opacity: 0.3 !important; background-color: rgba(0, 0, 0, 0.3) !important; cursor: default !important; } .product-item .view .show .prev { left: 5px; background-image: url(a1/s35.png); } .product-item .view .show .next { right: 5px; background-image: url(a1/s36.png); } .product-item .view .h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; margin: 10px 0; } .product-item .view .h span:nth-child(1) { padding-left: 10px; } .product-item .view .h span:nth-child(2) { color: #666; } .product-item .view .thumb .img { border: 1px solid #eee; padding: 2px; } .product-item .view .thumb .img > div { padding-bottom: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; } .product-item .view .thumb .swiper-slide-active .img { border-color: #009354; } .product-item .view .thumb .pn { position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 54px; height: 54px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: .2s; transition: .2s; } .product-item .view .thumb .pn:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.6); } .product-item .view .thumb .pn.swiper-button-disabled { opacity: 0.5 !important; cursor: default; } .product-item .view .thumb .prev { left: -15px; background-image: url(a1/s35.png); } .product-item .view .thumb .next { right: -15px; background-image: url(a1/s36.png); } @media (min-width: 1200px) { .product-item .info { width: 630px; } } @media (max-width: 1199.98px) { .product-item .info { margin-top: 15px; } } .product-item .info .n { margin-bottom: 10px; padding-left: 28px; background-repeat: no-repeat; background-position: 0 3px; } .product-item .info .n1 { background-image: url(a1/s29.png); } .product-item .info .n2 { background-image: url(a1/s30.png); } .product-item .info .n3 { background-image: url(a1/s31.png); } .product-item .info .n4 { background-image: url(a1/s32.png); } .product-item .info .n5 { background-image: url(a1/s33.png); } .product-item .info .n6 { background-image: url(a1/s34.png); } .product-item .info .n7 span { color: #218E9F; font-weight: bold; } .product-item .info .buy-btn { display: block; color: #fff; margin-top: 30px; border-radius: 10px; background-color: #d32c25; width: 128px; height: 30px; line-height: 30px; text-align: center; } @media (max-width: 1199.98px) { .product-item .info .buy-btn { margin: 15px auto; } } .product-item .info .code { overflow: hidden; } .product-item .info .code > div { float: right; padding: 5px; border: 1px solid #ccc; text-align: center; } .product-item .info .code > div img { width: 105px; } .product-item .info .code > div span { display: block; color: #888; } @media (min-width: 1200px) { .product-item .sec02 .sin{ text-align:center; } .product-item .sec02 .sin img { display: block; margin: 0 auto; height:600px; width:auto; } } @media (max-width: 1199.98px) { .product-item .sec02 .sin img { width: 100%; } } .product-item .sec02 .ls { position: relative; } .product-item .sec02 .pn { position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 66px; height: 66px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: .2s; transition: .2s; } .product-item .sec02 .pn:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.8); } .product-item .sec02 .prev { left: 0; background-image: url(a1/s35.png); } .product-item .sec02 .next { right: 0; background-image: url(a1/s36.png); } .product-item .sec03 .img { padding-bottom: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .product-item .sec03 .title { text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product-item .sec03 .swiper-pagination { position: static; margin-top: 30px; } @media (max-width: 1199.98px) { .product-item .sec03 .swiper-pagination { margin-top: 10px; } } .product-item .sec03 .swiper-pagination-bullet { width: 12px; height: 12px; } .product-item .sec03 .swiper-pagination-bullet-active { background-color: #218E9F; } .product-item .sec04 .h { font-size: 16px; color: #5b5b5b; margin: 30px 0; } @media (max-width: 1199.98px) { .product-item .sec04 .h { margin: 10px 0; } } @media (min-width: 1200px) { .product-item .sec04 form { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1200px) { .product-item .sec04 .c { width: 480px; margin-right: 20px; } } .product-item .sec04 .row { border: 1px solid #ccc; height: 60px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1199.98px) { .product-item .sec04 .row { margin-bottom: 10px; } } .product-item .sec04 .row label { width: 27.19665%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #B1B1B1; } .product-item .sec04 .row input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-right: 10px; border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0 none; } .product-item .sec04 input[type="submit"] { display: block; height: 60px; width: 100%; background: #218E9F; border: 0 none; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .28s; transition: .28s; cursor: pointer; } .product-item .sec04 input[type="submit"]:hover { background: #009354; } .product-item .sec04 textarea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; border: 1px solid #ccc; padding: 10px; outline: 0 none; } @media (max-width: 1199.98px) { .product-item .sec04 textarea { margin-bottom: 10px; height: 90px; } } .product-item .sec05 iframe { display: block; width: 1068px; height: 480px; margin: 0 auto; } @media (max-width: 1199.98px) { .product-item .sec05 iframe { width: 100%; height: 280px; } } .prod-sel-kvs { margin: 0 auto 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width:1200px; } .prod-sel-kvs2 { margin: 0 auto 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width:1200px; } .prod-sel-kvs2 .string_color{ margin-right:10px; } .prod-sel-kvs > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 280px; height: 56px; position: relative; border: 1px solid #ccc; border-radius: 6px; } @media (max-width: 1199.98px) { .prod-sel-kvs > div { width: 150px; margin: 0 auto 8px auto; } } .prod-sel-kvs .icon { margin-right: 10px; width: 56px; height: 56px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .6; -webkit-transition: .3s .03s; transition: .3s .03s; } .prod-sel-kvs > div:hover .icon { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .prod-sel-kvs > div.string_size .icon { background-image: url(s13.png); } .prod-sel-kvs > div.string_color .icon { background-image: url(s11.png); } .prod-sel-kvs > div.string_series .icon { background-image: url(s12.png); } .prod-sel-kvs > div.string_style .icon { background-image: url(s15.png); } .prod-sel-kvs .label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .prod-sel-kvs .label > span { display: block; font-size: 15px; line-height: 1.5; letter-spacing: 1px; } @media (min-width: 1200px) { .prod-sel-kvs .label > span {font-size:18px;} .news h2 a{ font-size:20px; } } .prod-sel-kvs .label > span:last-child { font-size: 13px; } .prod-sel-kvs > div .label{ color:#8C8C8C; } .prod-sel-kvs > div:hover .label { color: #2254a3; } .prod-sel-kvs .arrow { width: 12px; position: relative; margin-right: 12px; } .prod-sel-kvs .arrow > span { content: ""; position: absolute; left: 0; -webkit-transition: .5s .03s; transition: .5s .03s; } .prod-sel-kvs .arrow > span:first-child { top: 16px; border: 6px solid transparent; border-bottom-color: #bbb; } .prod-sel-kvs .arrow > span:last-child { top: 32px; border: 6px solid transparent; border-top-color: #bbb; } .prod-sel-kvs > div:hover .arrow span:first-child { border-bottom-color: #2254a3; } .prod-sel-kvs > div:hover .arrow span:last-child { border-top-color: #2254a3; } .prod-sel-kvs .sel-list { position: absolute; z-index: 10; left: 0; top: 58px; width: 100%; background: #fff; -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: .15s .1s; transition: .15s .1s; opacity: 0; -webkit-transform: scaleY(0.6); transform: scaleY(0.6); visibility: hidden; } .prod-sel-kvs .sel-list.wide { width: 200%; left: auto; right: 0; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; } .prod-sel-kvs > div:hover .sel-list { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; } .prod-sel-kvs .sel-list > a { display: block; height: 30px; line-height: 30px; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prod-sel-kvs .sel-list.wide > a { width: 25%; float: left; } .prod-sel-kvs .sel-list > a.active, .prod-sel-kvs .sel-list > a:hover { color: #2254a3; } .prod-sel-kvs .sel-list > a:hover { background: #f2f2f2; } .list-pager { text-align: center; padding: 20px 0; } .list-pager > a { display: inline-block; border: 1px solid #ccc; background: #fff; padding: 0 6px; height: 32px; line-height: 30px; min-width: 32px; margin: 0 10px; -webkit-transition: .3s .03s; transition: .3s .03s; font-size: 14px; } @media (max-width: 1199.98px) { .list-pager > a { margin: 0 2px; height: 28px; line-height: 26px; min-width: 28px; } } .list-pager > a.active { border-color: #00844c; background: #00844c; color: #fff; } .list-pager > a:hover { border-color: #00844c; } .string_style .search { -webkit-box; display: -ms-flexbox; display: flex; margin-left: 18px; margin-top:12px; } .string_style .search > * { border: 0 none; height: 22px; } .string_style .search input[type="text"] { width: 220px; } .string_style .search input[type="submit"] { width: 22px; background: url(s14.png) no-repeat 50% 50%; } @media (max-width: 1199.98px) { .string_style .search input[type="text"] { width: 100px; } } .h_about_bg iframe{ width:549px; height:353px; } @media (max-width: 1199.98px) { .h_about_bg iframe{ width:100%; height:353px; } .home01 .yd{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: space-between; } .home01 .yd .list{ width:48%; } .home01 .yd .list .img{ height:150px; padding:0px; } .page-cnt{ line-height:40px; } .licheng-index{ padding-left:10px; padding-right:10px; } .licheng-index > div > div{ margin-bottom:10px; } .licheng-index > div { padding-bottom:38px; } .left_list ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: space-between; } .left_list ul li{ width:32%; } } #products .pro_list_img{ height:360px; } @media (max-width: 1199.98px) { #products .pro_list_img{ height:110px; } .mainc{ text-align:center; } }