/* CSS Document */ * { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; } /*屏蔽单击时的蓝色边框*/ html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0; padding:0; font-size:14px; } body { zoom:1; background:#ffffff; font-family:Arial, "微软雅黑"; *font-family:"微软雅黑", Arial; } img { border:0 none; vertical-align:middle; } ul, ol, li { list-style:none; } button { cursor:pointer; } i, em, cite, address { font-style:normal; } a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); } a:link { text-decoration:none; cursor:pointer; } a:hover, a:active { text-decoration:none; } a:focus { outline:none; } a { border:none; } /*搜索*/ .m_search{display:block; margin:0 auto; width:275px; height:30px;} .m_search input:first-child{ width:222px !important; height:31px; margin:0px; padding: :0x; -moz-border-left-colors: none; padding: 0px 5px; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: #B51616 -moz-use-text-color #B51616 #B51616 ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; border-image: none; float: left;} .m_search input:last-child{ width:42px; height:33px; border:none; cursor: pointer; -moz-appearance: none; float: left; background: transparent url("../images/m__01.jpg") repeat scroll 47% 55%;} .m_search a:nth-child(1),.m_search a:nth-child(2){display:none;} #m_head .searchimg input{width: 47px; height: 42px; position: absolute; top: 2px; left: 1px; borer: none; border: medium none; background: transparent url("../images/m_01.jpg") no-repeat scroll 0% 0%; text-indent: 9999px;} /*头部*/ #head { display:none; } #header{overflow:visible;} #header .banner{display:none;} #header .bigpic{display:block; width:100%;} #header .bigpic img{ width:100%; height:100%;} #m_head { display:block; width:100%; min-width:320px; height:42px; background:#313131; } #m_head .searchimg { width:42px; height:42px; display:block; float:left; } #m_head .logo { width:56% !important; height:42px; display:block; background:url(../images/m__05.jpg) center center no-repeat; text-align:right; line-height:37px; color:white; float:left; } #m_head .menubtn { width:47px; height:42px; display:block; float:right; text-align:right; position:relative; } #m_head .menubtn ul { width:150px; display:block; float:right; position:absolute; top:42px; z-index:9; right:0px; display:none; } #m_head .menubtn ul li { width:150px; height:35px; display:block; float:right; background:white; line-height:40px; text-align:center; border-bottom:1px dashed #999; position:relative; } #m_head .menubtn ul li a { color:black; } #m_head .menubtn ul li ul.sub{ position:absolute; top:0px; right:100%;} /*banner*/ #banner{display:none; } #m_banner { width: 100%; height: auto; margin: 0 auto; overflow: hidden; position: relative; display:block; } #m_banner >img{width:100%; height:auto;} #m_banner .hd { height: 15px; overflow: hidden; position: absolute; left: 48%; bottom: 10px; z-index: 1; } #m_banner .hd ul { float: right; overflow: hidden; zoom: 1; zoom: 1; } #m_banner .hd ul li { float: left; width: 12px; height: 12px; overflow: hidden; margin-right: 7px; text-indent: -999px; cursor: pointer; background: url("../images/circle.png") 0 -12px no-repeat; } #m_banner .hd ul li.on { background-position: 0 0; } #m_banner .bd { position: relative; height: 100%; z-index: 0; } #m_banner .bd ul { position: relative; margin: 0 auto; } #m_banner .bd li { width: 100%; height: auto;} #m_banner .bd li img{ display:block; width:100%; height:100%} #m_banner .bd li .whitebg { width: 50%; height: 60px; padding-left: 5px; display: block; position: absolute; top: 33%; right:18px; background: white; filter: alpha(opacity=80); opacity: 0.8; } #m_banner .bd li .whitebg .title { display: block; font-size: 16px; width:100%; height:3.6%; margin-top: 5%; color:black; } #m_banner .bd li .whitebg .text { display: block; font-size: 14px; width: 100%; height: 1%; margin-top: 10%; color:black; } #m_banner .bd li .whitebg .red { display: block; width: 30%; height: 8px; margin-top:13%; background: #b51616; } /*介绍*/ #main .introduce { width:100%; padding:0 0 20px 0; } #main .introduce .title { width:100%; font-size: 140%; } #main .introduce .en { width:100%; background-size:100%; } #main .introduce .content { width: 92%; padding: 0 4%;} /*产品列表 某某系统 */ #main .pro { height:auto; } #main .pro .prolist { height:auto; overflow:visible; } #main .pro .title { width:100%; } #main .pro .title .items { display:none; } #main .pro .title .titleimg { background:transparent url("../images/st_15.png") no-repeat scroll center 21px; width:100%; } #main .pro .prolist { width: 100%; padding: 0 0 0 2%; box-sizing: border-box; } #main .pro .title .prolist ul li { height:111px; } #main .pro .prolist ul li { width: 48%;height:auto; min-height:143px; margin: 0 2% 0 0;} #main .pro .prolist ul li:nth-child(2n){ margin-right:0; } #main .pro .prolist ul li div.dask, #main .pro .prolist ul li span { display:none; } /*designer 两个图片*/ #main .designer { width:100%; height:269px; overflow:visible; margin:20px 0 0 0; } #main .designer .design { position:static; margin-left:0px; width:100%; } #main .designer .design .left { width:100%; height:134px; background-size:100%; } #main .designer .design .right { width:100%; height:134px; background-size:100%; } #main .designer .design .right .r_content { padding:15px 10% 0 10%; display:block; width:80%; text-align:center; height:81%; overflow:hidden; } #main .designer .design .right .r_content .red { width:89px; height:5px; margin: 2% 0 2% 40%; } #main .designer .design .right .r_content .text { width:100%; line-height:1.3em; /*text-align:left; */} /*产品案例*/ #main .anli { width:100%; } #main .anli .head .left, #main .anli .head .right { display:none; } #main .anli .head .middle { width:100%; height:93px; background: transparent url("../images/st_66.jpg") no-repeat scroll center 34px; } #main .anli .content { margin:0px; overflow:hidden; width:100%; padding: 0 0 0 2%; box-sizing: border-box;} #main .anli .content ul li { width: 48%; height: auto; margin: 0 2% 16px 0; } #main .anli .content ul li img{ width:100%; } #main .anli .content ul li:nth-child(2n){ margin-right:0;} #main .anli .content ul li em { top:32% !important; } #main .anli .foot { display:none; } /*内容页*/ #main .newspage_title{ width:100%; height:67px;} #main .newspage_item .searchul li{ padding-left:20px;} #main .newspage_item{ width:94%; margin:30px 3%; min-height:300px;} #main .newspage_item > p{padding:0 5%;} #webmap{ display:none;} /*新闻列表*/ #main .newspage_item ul li { width:100%; height:auto; margin-top: 22px;} #main .newspage_item ul li .news_img{ float:none; width:100%} #main .newspage_item ul li .news_img a p{ width:50% !important;} #main .newspage_item ul li .news_img a p img{ width:100%;} #main .newspage_item ul li .news_img .txt{ width:50%; height:151px;} #main .newspage_item ul li .news_img .txt .date{ width:auto; margin:5% 0 0 0;} #main .newspage_item ul li .news_img .txt .year{ width:auto; margin:2% 0 0 0;} #main .newspage_item ul li .news_img .txt .line{ width:auto; margin:0 35%; height:4px;} #main .newspage_item ul li .news_img .txt .word{ width:auto; margin:0% 4% 4% 4%;white-space: nowrap; text-align:center;} #main .newspage_item ul li .news_text{float:none; width:100%; padding:0 0 0 2%; height:auto;} #main .newspage_item ul li .news_text h3 {padding: 0 0 15px 0 !important} #main .newspage_item ul li .news_text p{ width:95%; height:150px;} /*产品类型*/ #main .product_title{ width:100%; height:90px} #main .product_type{ width:100%; margin:5% 0;} #main .product_type ul li{ width:100%; height:207px;padding:5% 0 5% 0; float:none; border-bottom:2px solid black;} #main .product_type ul li .product_text{ width:43%; height:100%; } #main .product_type ul li .product_text >span >img{ width:45px; height:45px;} #main .product_type ul li .product_text h3{margin: 0 0 3% 0;} #main .product_type ul li .product_text p{margin:0; width:97%; height:63%; min-height:47%; color:#000000;} #main .product_type ul li .product_text em{margin:4% 0 4% 0; width:50px; height:50px; background-size:33px 33px;} #main .product_type ul li .product_img{top:21px; width:100%; left:50%;} #main .product_type ul li .product_img img{width:auto !important; height:100% !important;} #main .product_type ul li .product_img a img{ width:100%; height:100%;} #main .product_type ul li .product_img a span{ display:none;} #main .threeLi{ width:100%; height:auto; padding:0; margin-bottom:0px;background:transparent;} #main .threeLi ul li{ width:100%; margin:0px;float:none; padding-bottom: 20px;} #main .threeLi ul li img{width:100%} #main .whychose{margin:12% 0 17% 0;} /*产品列表*/ #main .pro_title{ width:100%; margin:0px; border-bottom:none;} #main .pro_title .titleimg{width:100%: background-position:center;} #main .pro_title .items{ width:100%;} #main .pro_title .items .ico{margin: 5% auto 0px; width: 60px;} #main .pro_title .items ul li{ float:left !important; margin:0px !important; width:17% !important; padding: 4% 0 1% 5% !important;} #main .pro_list{ width:100%;} #main .pro_list ul li { width:46%; margin:0 4% 0 0;} #main .pro_list ul li a img{ width:100%; height:auto;} /*产品详细页*/ #main .pro_title .titleimg{ border-bottom:1px solid #aaaaaa;} #main .pro_title .items ul li { display:block; margin:20px 0 0 0px; width:auto; height:auto; float:none; } #main .pro_introduce{margin:0px;} #main .pro_introduce .one {width:100%; height:auto !important; background-size: 90%;background-position: center bottom; padding-bottom:40px;} #main .pro_introduce .one .one_img{ width:100%; overflow:hidden;} #main .pro_introduce .one .one_txt{ width:96%; margin-left:3%; overflow:hidden; padding-bottom:40px;} #main .pro_introduce .one img{width:100%;height:auto; } #main .pro_introduce .one table{padding : 0 20px;} .pro_introduce .two .icobg img{ left:44%;} #main .pro_introduce .two{width:100%;height:auto; background-position: center bottom; padding: 0 0 30% 0; background-position-x: 108%;} .pro_introduce .two .icobg{ height: 45px;position: absolute;bottom: 0px;right: 0px; line-height: 45px;color: #808080;letter-spacing: 2px;text-align: right; overflow: hidden;} .pro_introduce .two .icobg img{ position: absolute; top:0px; right:0px;} .pro_introduce .two .two_txt{ width:96%; margin-left:3%; padding:0px;} .pro_introduce .two .two_img{ float:none; margin-right:0px;} #main .pro_introduce .two img{width:100%; height:auto;} #main .pro_introduce .two table{padding :0 20px; width:auto; height:auto;} #main .pro_introduce .three{width:100% !important; margin:10% 0 0 0 ;} .pro_introduce .three .three_txt{ width:96%; margin-left:3%;} .pro_introduce .three .three_img{ width:100%;} #main .pro_introduce .three img{width: 96%;height:auto;margin: 20px 2vw;} #main .pro_introduce .three table{padding :0 20px; width:auto; height:auto;} #main .pro_introduce .other{ margin:20px 3% 20px auto !important; width:100% !important;} #main .pro_introduce .other img{width: 96%;height:auto;margin: 0 2vw;} .pro_introduce .one .icobg{ overflow:hidden;} .pro_introduce .one .icobg em { font-size:20px;} .pro_introduce .one .icobg img{ position:absolute; left:44%; width:45px; height:45px;} .pro_introduce .one, .pro_introduce .two, .pro_introduce .three{ margin-top:0px;} /*地图*/ #map{ width:100% !important; height:349px !important;} #map .BMapLabel{ left:-133px !important; top:-19px !important;} /*页脚*/ #footer { display:none; } #m_foot { display:block; width:100%; height:72px; background:#313131; } #m_foot ul li { display: block; width:25%; height:72px; float:left; text-align:center; padding:0px !important;} #m_foot ul li a { display: block; width:100%; height: 28px; float:left; padding: 44px 0 0 0 !important; line-height:normal !important; } #m_foot ul li a:hover { background:#626262; filter:alpha(opacity=50); opacity:0.5; } #m_foot ul li.one { background:url(../images/m__10.jpg) no-repeat center 4px; } #m_foot ul li.two { background:url(../images/m__12.jpg) no-repeat center 4px; } #m_foot ul li.three { background:url(../images/m__14.jpg) no-repeat center 4px; } #m_foot ul li.four { background:url(../images/m__16.jpg) no-repeat center 4px; } #m_foot ul li a { line-height:100px; color:white; } /*页码*/ #pages{display:none} #m_pages{display:block;} #m_pages { width: 100%; height: 58px; margin: 0 auto; } #m_pages .page { width: 100%; height: 58px; float: right; text-align: right; margin: 3% 0; text-align:center; } #m_pages .page a { color: black; padding: 10px 13px; background: #dcdcdc; margin: 0 2px 0 0 ; } #m_pages .page a:hover { background: #d50200; color: white; } #m_pages .page a.leng { width: 80px; } #m_pages .page a:nth-child(1){background:url(../images/page_05.png) no-repeat;margin-right:30px;} #m_pages .page a:nth-child(2){display:none;} #m_pages .page a:last-child{background:url(../images/page_07.png) no-repeat; margin-left:30px;} #page .shangxiaye{width: 320px !important ; margin: 38px auto !important; text-align: left !important;} /*首页微信*/ #m_weixin { width:100%; height:138px; display:block; text-align: center;} #m_weixin a{width: 111px;display: inline-block; text-align:center; color:#746a6a;} #m_weixin a:first-child{margin:0 20px 0 0px;} #m_weixin a img:first-child{ width:111px !important; height:111px !important; } #m_weixin a img:last-child{ width:111px !important; height:111px !important; } .newspage_item p{text-indent: unset!important;} .newspage_item img{width:100%}