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:auto;} .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_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鎴朿hrome*/ box-shadow:3px 3px 10px #dcdada;/*opera鎴杋e9*/ } #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 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鎴朿hrome*/ box-shadow:3px 3px 10px #dcdada;/*opera鎴杋e9*/ } #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鎴朿hrome*/ box-shadow:3px 3px 10px #dcdada;/*opera鎴杋e9*/ } #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:530px; 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;} .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;} }