/*初始化样式*/ html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {margin:0;padding:0;border:0;} body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:link{color:#333;} a:visited{color:#333;} a:hover,a:active,a:focus{color:#333;text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2,h3,h4{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:100%;margin:0 auto;} #m_indemo {float: left;width:800%} #m_demo1 {float: left;} #m_demo2 {float: left;} .wh{width: 1200px;margin:0 auto;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*头部样式*/ .head{height: 36px;line-height: 36px;background: #ededed;color: #808080;font-size: 12px;font-weight: 200;} .head a{color: #808080;font-size: 12px;} .top{width: 1200px;margin:0 auto;} #header{height: 148px;} .logo{float:left;padding-top:21px;} .yu{margin-left: 10px;margin-top: 43px;padding-left: 18px;border-left: 3px solid #b4834d;color: #292929;font-size: 24px;font-weight: bold;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .topLink .k2{margin-top: 49px;} /*热门搜索*/ .search{height: 50px;background:#f7f7f7;} #formsearch{float:right;margin-top: 11px;background:url(../images/ss.png)no-repeat;width: 262px;height: 28px;} .hotSearch{width:400px;float:left;height:50px;line-height:50px;font-weight:normal;color: #5c5c5c;font-size: 14px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{color: #5c5c5c;font-size: 14px;} .hotSearch a+a:before{ content: ","; } #formsearch input{height:28px;background:none;border:none;line-height:28px;outline: none;} #formsearch input#keyword{height:28px;line-height:28px;padding-left:6px;color:#8f8f8f;float: left;width:214px;font-size: 12px;} #formsearch input#s_btn{width:48px;height:28px;line-height:28px;text-align:center;color:#fff;border:none;cursor:pointer;float: left;font-size:12px;} /* 导航样式 */ .dao{background: url(../images/menu.png)no-repeat;height: 57px;} .xmenu {width: 1200px;margin:0 auto;} .xmenu li{line-height:57px;height:57px;text-align:center;width:150px;float:left;position:relative;z-index:999;} .xmenu li a{display:block;line-height:57px;color:#fff;height:57px;font-size: 18px;} .xmenu li a:hover{color:#fff;text-decoration:none;background:url(../images/navbg.png)no-repeat center;background-size: 100% 57px;} .xmenu li a.on{color:#fff;text-decoration:none;background:url(../images/navbg.png)no-repeat center;background-size: 100% 57px;} .xmenu li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .xmenu li .x-sub-menu { position: absolute; z-index: 99; width:150px; left: -1px; top:57px; background:#023c83; opacity: 0; } .xmenu li .x-sub-menu li{background:none;height:46px;width:150px;} .xmenu li .x-sub-menu li a {display: block; text-align: center;width:150px;height:46px;line-height:46px;font-size: 14px; color: #ffffff;padding: 0; background: none;} .xmenu li .x-sub-menu li a:hover{background:#023c83; color:#fff;} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:20px;} .container{width:1200px;margin:0 auto;padding: 0;} /* */ .a1{width: 1920px;margin-left: -960px;left:50%;position: relative;} .a2{width: 1200px;margin:0 auto;} /* 产品 */ .chan{margin-top: 50px;} .chan-le{width:248px;} .chan-le h3{background: url(../images/h3.jpg)no-repeat center;height: 68px;padding-left: 88px;color: #fff;font-size: 24px;line-height: 21px;} .chan-le h3 span{display: block;font-size: 12px;font-weight: normal;text-transform: uppercase;padding-top: 10px;} .fenlei{background: #f7f7f7} .fenlei li{height: 51px;line-height: 51px;border-bottom: 1px dashed #dcdcd2;} .fenlei li a{color: #292929;font-size: 16px;display: block;padding-left: 68px;} .fenlei li:last-child{border:none;} .chan-tel{background:url(../images/dh.jpg)no-repeat;height: 118px;} .chan-tel .dh{color: #fff;font-size: 22px;font-weight: bold;padding-left: 67px;padding-top: 14px;} .chan-tel .cont{color: #fff;font-size: 16px;padding-left: 28px;margin-top: 5px;} .chan-ri{width:929px; } .product_list1{} .product_list1 li{float: left;margin-right: 15px;margin-bottom: 22px;} .product_list1 li:nth-child(3n){margin-right: 0} .product_list1 li img{width: 390px;height: 304px;border: 1px solid #959595;} .product_list1 li span{display: block;color: #292929;font-size: 20px;/* height: 54px; */line-height: 60px;text-align: center;} /* 应用领域 */ .ying{background:url(../images/1.png)no-repeat;height:440px;margin-top: 40px;padding-top: 42px;} .ying-tit{text-align: center;} .ying-tit span{display: block;color: #292929;font-size: 36px;text-transform: uppercase;} .ying-tit .img{background: url(../images/tit.png)no-repeat center;height: 48px;} .ying-tit p{color: #292929;font-size: 18px; margin-top: 13px;} .ying ul{width:1200px;margin:0 auto;margin-top: 27px;overflow: hidden;} .ying ul li{float: left;margin-right: 72px;} .ying ul li:nth-child(6n){margin-right: 0} .ying ul li img{width: 140px;height: 140px;} .ying ul li span{display: block;text-align: center;color: #292929;font-size: 18px;margin-top: 18px;} /* 优势 */ .ys{background: url(../images/ys.png)no-repeat center top,url(../images/ff.png) no-repeat bottom center;padding-top: 252px; padding-bottom: 7px;} .you h3{height:138px;padding-left: 105px;color: #b4834d;font-size: 24px;padding-top:50px;} .you h3 span{display: block;color: #bfbfbf;font-size: 12px;text-transform: uppercase;font-weight: normal;margin-top: 8px;line-height: 20px;} .you .cont{color: #292929;font-size: 16px;line-height: 36px;margin-top: 20px;} .ysa{height: 417px;overflow: hidden;} .ysa-le{width:555px;} .ysa-le h3{background: url(../images/ys1.png)no-repeat left;} .ysa-ri{width: 537px;height: 390px;overflow: hidden;margin-top: 17px;} .ysb{height:341px;overflow: hidden;} .ysb-le{width: 533px;height: 341px;margin-left: 17px;overflow: hidden;margin-top: 9px;} .ysb-ri{width: 551px;} .ysb-ri h3{background: url(../images/ys2.png)no-repeat left;} .ysc{height: 390px;overflow: hidden;} .ysc-le{width:555px;} .ysc-le h3{background: url(../images/ys3.png)no-repeat left;} .ysc-ri{width: 541px;height: 340px;overflow: hidden;margin-top: 50px;margin-right: 28px;} .ysd{height:363px;overflow: hidden;} .ysd-le{width:496px;height: 354px;margin-left: 35px;overflow: hidden;} .ysd-ri{width: 551px;margin-top: 35px;} .ysd-ri h3{background: url(../images/ys4.png)no-repeat left;} /* 案例 */ .anli{height:938px;background: url(../images/anli.jpg)no-repeat;padding-top: 50px;} .anli-cont{position: relative;width: 1200px;margin:0 auto;margin-top: 68px;} .l_btn{position:absolute;top:132px;cursor:pointer;z-index: 99;left:-69px;} .r_btn{position:absolute;top:132px;cursor:pointer;z-index: 99;right:-69px;} .case_list1{} .case_list1 li{float: left;margin-right: 42px;} .case_list1 li img{width: 247px;height: 352px;border:1px solid #a0a0a0;} .case_list1 li h3{font-weight: normal;text-align: center;color: #292929;font-size: 14px;padding-top: 15px;} .case_hhaa{ width: 1200px; margin: 36px auto 0; } .case_aa li{ float: left; margin-right: 19px; margin-bottom: 19px; } .case_aa li:nth-child(3n){ margin-right: 0; } .case_aa li a.img{ display: block; position: relative; } .case_aa li a.img img{ width: 387px; height: 316px; } .case_aa li a.img h2{ position: absolute; z-index: 999; left: 0; right: 0; bottom: 0; top: 0; background: rgba(34,24,23,.7); transition: all .5s ease; opacity: 0; transform: scale(0); color: #fff; font:500 20px/316px "微软雅黑"; text-align: center; } .case_aa li a.img:hover h2 { opacity:1; transform: scale(1); } .cp_ttaa{ margin-top: 60px; } .cp_ttaa .a2{ margin-top: 25px; } /* 简介 */ .ab{margin-top: 75px;background: url(../images/ab.png) repeat-x;height: 299px;} .ab-le{width: 410px;height: 271px;padding:9px;margin-left: 30px;border:1px solid #e5e5e5;overflow: hidden;} .ab-ri{width: 690px;margin-right: 40px;} .ab-ri h3{color: #b4834d;font-size: 36px;} .ab-ri h3 span{font-weight: normal;color: #292929;font-size: 30px;text-transform:uppercase;} .ab-ri div{color: #fff;font-size: 16px;line-height: 36px;text-align: justify;margin-top: 33px;} /* 新闻 */ .xin{margin-top: 58px;} .xin-le{width: 384px;margin-right: 24px;} .xin-tit{height: 55px;background: url(../images/xx.png)no-repeat 23px #b4834d;color: #fff;font-size: 24px;line-height: 55px;padding-left: 42px;} .xin-tit span{display: inline-block;font-size: 18px;text-transform: uppercase;margin-left: 5px;letter-spacing: -1px;} .news_list1{background: #efefef;} .news_list1 li{position: relative;height: 48px;line-height: 48px;border-bottom: 1px dashed #bfbfbf;width: 368px;margin:0 auto;} .news_list1 li a{color: #292929;font-size: 14px;display: inline-block;padding-left: 14px;} .news_list1 li span{position: absolute;right: 11px;top:0;color: #292929;font-size: 14px;} a.xin-more{text-align: right;display: block;padding-right: 21px;color: #b4834d;font-size: 14px;height: 44px;line-height: 44px;} .xin-ri{width: 384px;} .xin-ri .cont{background: #efefef;padding-top: 23px;} #kehu{overflow:hidden;height:368px;margin:0 auto;position:relative;} #jian {height:100%;} .news_list2{width: 368px;margin:0 auto;} .news_list2 li{padding:0 15px;border-bottom: 1px dashed #bfbfbf;height: 98px;margin-bottom: 38px;} .news_list2 li a{display: block;background: url(../images/wen.png)no-repeat left;padding-left: 27px;line-height: 18px;color: #292929;font-size: 14px;} .news_list2 li p{background: url(../images/da.png)no-repeat left 5px;padding-left: 27px;color: #292929;font-size: 14px;margin-top: 10px;} /*友情链接*/ .f_link{width: 1200px;margin:30px auto;background: #ededed;height: 50px;line-height: 50px;overflow: hidden;} .f_link span{display: inline-block;background: url(../images/link.png)no-repeat;width: 238px;text-align: center;color: #fff;font-size: 24px;} .f_link i{font-style: normal;font-size: 24px;text-transform: uppercase;} /*页面底部*/ #footer{margin-top: 2px;background: url(../images/ff.png)no-repeat top center;} .nav_foot{height: auto;line-height: 69px;border-bottom: 1px solid #022174;width: 1035px;margin:0 auto;text-align: center; padding: 8px 0 0;} .nav_foot li{width: 138px;background: url(../images/sh.png)no-repeat right;text-align: center;display: inline-block;} .nav_foot li a{color:#292929;font-size: 18px;} .nav_foot li:last-child{background: none} .foot{margin-top: 39px;height: 160px;} .ff_a{width: 363px;background: url(../images/shu.png)no-repeat right;margin-left: 53px;height: 132px;padding-top: 35px;} .ff_b{width: 429px;background: url(../images/shu.png)no-repeat right;margin-left:42px;height: 132px;color: #292929;font-size: 18px;padding-top: 10px;line-height: 32px;} .ff_c{width: 273px;margin-top: -7px;} .copyright{text-align:center;line-height:24px;background:#022174;color: #fff;font-size: 14px;height:89px;padding-top: 10px;} .copyright a{color: #fff;font-size: 14px;} /*内页左侧样式*/ .container{width: 1200px!important;margin: 0 auto;padding: 0;} .page-position a{color: #333;} .page-product-inquiry a{color: #fff;} .page-mob-tool{display: none;}