/*初始化样式*/ 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:#666;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:#666;} a:visited{color:#666;} a:hover,a:active,a:focus{color:#3480ce;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;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;} .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);} .wh{width: 1200px;margin:0 auto;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} /*头部样式*/ #header{width:1200px;position: absolute;z-index: 999;left: 50%;margin-left:-600px;} .logo{ float: left; line-height: 99px; } /*热门搜索*/ .search{width:1200px;margin: 15px auto;} #formsearch{float:right;background: url(../images/ss.jpg) left center no-repeat;width: 246px;margin-top:8px;} .hotSearch{width:400px;float:left;height:47px;line-height:47px;font:400 14px/47px "Microsoft Yahei";color: #666666; background: url(../images/huo.jpg) left center no-repeat; padding-left: 30px; } .hotSearch span{ color: #000; font-weight: 600; } #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .nei{ background: #fafafa; height: 47px; } .chanpp{ width: 1200px; margin:0 auto; } /*导航栏样式*/ #menu{width:730px;margin-top: 26px;float: right;} .nav{height:38px;} .nav li{line-height:38px;height:38px;text-align:center;width:90px;float:left;position:relative;z-index:999;} .nav li a{display:block;line-height:38px;color:#333;height:38px;font-size: 14px;padding: 0;} .nav li a:hover{color:#fff;text-decoration:none;background: #0d3ca6;border-radius: 10px;} .nav .sec{height:0;background:#fff;color:#333;overflow:hidden;z-index:9999;position:absolute;top:38px;left:0px;} .nav .sec a{background:#fff;color:#333;height:38px;line-height:38px;width:90px;} .nav .sec a:hover{background:#0d3ca6;text-decoration:none;color: #fff;border-radius: 0px;} .container{width:1200px;margin: 0 auto;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;} #formsearch input{height:30px;background:none;border:none;line-height:30px;float: left;width: 170px;outline: none;} #formsearch input#keyword{height:30px;line-height:30px;padding-left:4px;color:#666;} #formsearch input#s_btn{width:46px;height:30px;line-height:30px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer; float: right; } .abt{ width: 576px; background: url(../images/zb.jpg) top left no-repeat; height: 428px; box-sizing: border-box; padding: 66px 0 0 139px; } .ant_nei{ width: 580px; margin-top: 50px; } .ant_nei_t{ font:600 20px/30px "Microsoft Yahei"; color: #0d3ca6; } .ant_nei_n{ margin-top:15px; font:400 14px/30px "Microsoft Yahei"; color: #333; } .ant_nei_m{ float: right; width: 164px; height: 38px; background: #0d3ca6; text-align: center; color: #fff; border-radius: 10px; font:400 14px/38px "Microsoft Yahei"; margin-top:25px; } .ant_nei_m a{ color: #fff; } .nei1{ background: url(../images/nei.jpg) top center no-repeat; height: 829px; margin-top: 60px; } .p-title{ font:600 30px/40px "Microsoft Yahei"; color: #fff; padding-top: 40px } .p-more{ color: #fff; width: 230px; border:#fff 1px solid; border-radius: 8px; margin: 0 auto; } .p-more a{ display: block; text-align: center; font-size: 18px; text-transform: uppercase; line-height: 42px; color: #fff; } .news-title{ background: url(../images/xw.jpg) center center no-repeat; font:600 30px/40px "Microsoft Yahei"; color: #0d3ca6; margin-top: 0px } .case-title{ background: url(../images/xw.jpg) center center no-repeat; font:600 30px/40px "Microsoft Yahei"; color: #0d3ca6; margin-top: -50px; position: relative; z-index: 99999; } .nhy{ font:400 28px/30px "Microsoft Yahei"; color: #ffffff; text-align: center; margin-bottom: 40px; } .news_list1 li{position:relative;border-bottom: 1px dashed #d8d8d8;} .news_list1 li a{line-height:53px;color:#444444;font-size: 14px;background: url(../images/news.png) no-repeat left center;padding-left: 16px;} .news_list1 li a:hover{text-decoration:none;color:#00b538;background: url(../images/newsh.png) no-repeat left center;} .news_list1 li span{color:#666666;z-index:0;line-height:53px;position:absolute;right:0px;top:0px;} .news_list1 li h3 {font-size:14px;} .product_list1{margin: 0 -9px;margin-top: 35px;} .product_list1 li{float:left;margin-left:9px;margin-right:9px;_display:inline;border:1px solid #ececec;margin-bottom: 30px;box-shadow: 0px 2px 5px #d3d1d2;} .product_list1 li a.img{} .product_list1 li a.img img{width:284px;height:228px;} .product_list1 li h3{text-align:center;background: #fff;} .product_list1 li h3 a{font-weight:normal;line-height: 44px;font-size: 14px;color: #333333;} .product_list1 li a.img{display:block;} .product_list2{margin-top: 35px;} .product_list2 li{float:left;margin-left:9px;margin-right:9px;_display:inline;border:1px solid #ececec;margin-bottom: 48px;box-shadow: 0px 2px 5px #d3d1d2;} .product_list2 li a.img{} .product_list2 li a.img img{width:284px;height:228px;} .product_list2 li h3{text-align:center;background: #fff;} .product_list2 li h3 a{font-weight:normal;line-height: 44px;font-size: 14px;color: #333333;} .product_list2 li a.img{display:block;} /*滚动*/ #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;} .about-index{ margin-top: 50px; } .about-left{ width:590px; } .about-content{ font-size: 14px; color: #555555; line-height: 30px; text-align: justify; margin-top: 45px; width:532px; } .about-content p{ text-indent: 2em; } .about-list{ margin: 0 -30px; margin-top: 25px; } .about-list li{ float: left; margin: 0 35px; text-align: center; } .about-list li p{ font-size: 14px; color: #555555; padding-top: 5px; } .about-right{ width:590px; } .product-bg{ background: url(../images/bj.jpg) no-repeat top center; height: 742px; overflow: hidden; margin-top: 50px; } .p-title{ text-align: center; } .about-bg{ background: url(../images/about.jpg) no-repeat top center; height: 450px; overflow: hidden; margin-top: 50px; } .shili-index{ margin-top: 20px; font-size: 14px; } .tel{ color: #fff; margin-left: 775px; margin-bottom: 65px; } .shili-left{ width:466px; margin-left: 185px; margin-top: 20px; } .shili-title{ font-weight: normal; font-size: 30px; color: #333333; margin-bottom: 10px; } .shili-content{ font-size: 14px; color: #555555; line-height: 24px; } .shili-right{position:relative;} .l_btn,.r_btn{position:absolute;cursor:pointer;z-index:99999} .l_btn{left:-32px;top: 120px;} .r_btn{left:-32px;top: 162px;} #focus {width:478px; height:296px; overflow:hidden; position:relative;margin:0 auto;} #focus ul {height:296px; position:absolute;} #focus ul li {width:478px; height:296px; overflow:hidden; position:relative;float:left;} #focus ul li a img{height:296px;width:478px;} #focus ul li div {position:absolute; overflow:hidden;} #focus .btnBg {position:absolute; width:478px; height:20px; left:0; bottom:0;} #focus .btn {position:absolute; width:478px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;} #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;} #focus .btn span.on {background:#fff;} #focus ul li h3{display:block;color:#000000;font-size:14px;margin-top:10px;} #focus ul li h3 a{color:#000000;font-size:14px;} .news-index{ margin-top: 50px; } .news-title{ text-align: center; margin-bottom: 35px; } .news1{ width: 384px; } .news-title1{ font-size: 18px; color: #222222; font-weight: normal; margin-bottom: 14px; } .news-title1 a{ display: inline-block; width:64px; height: 20px; border:1px solid #3795f1; border-radius: 15px; font-size: 12px; text-align: center; text-transform: uppercase; float: right; } .news2{ margin: 0 20px; } .heng{ width:19220px; position: relative; left: 50%; margin-left: -960px; margin-top: 50px; } .case-title{ text-align: center; } .case-content{ position: relative; } .l_btn1,.r_btn1{position:absolute;top:37%;cursor:pointer;} .l_btn1{left:-80px;} .r_btn1{right:-80px;} .contact-bg{ background: url(../images/ct.jpg) no-repeat top center; height: 405px; overflow: hidden; } .contact-index{ padding-top: 55px; } .contact-left{ width:358px; } .ct1{ font-size: 22px; color: #fff; border-bottom: 1px solid#fff; padding-bottom: 5px; line-height: 32px; } .ct1 p:nth-of-type(2){ font-size: 16px; } .ct2{ margin-top: 10px; } .ct2 p{ font-size: 16px; line-height: 38px; color: #fff; padding-left: 26px; } .ct2 p:nth-of-type(1){ background: url(../images/p1.png) no-repeat left center; } .ct2 p:nth-of-type(2){ background: url(../images/p2.png) no-repeat left center; } .ct2 p:nth-of-type(3){ background: url(../images/p3.png) no-repeat left center; } .ct2 p:nth-of-type(4){ background: url(../images/p4.png) no-repeat left center; } .ct2 p:nth-of-type(5){ background: url(../images/p5.png) no-repeat left center; } .mess{ width:620px; } .mess-title{ font-weight: normal; font-size: 22px; color: #fff; margin-bottom: 38px; } .mess-title p{ font-size: 16px; } .message1{z-index:100;position:relative;} .message1 input{vertical-align:middle;} .message1 #name{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;} .message1 #contact{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;} .message1 #content{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;font-size: 14px;color: #fff;} .message1 .msgbtn{background:#0d3ca6;cursor:pointer;width:608px;height:37px;line-height:37px;text-align:center;border:none;color:#fff;font-size:14px; border-radius:3px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px;} #message1_main tr{position:relative;} #message1_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;} .m_label1{position:absolute;width:160px;text-align:left;line-height:37px;padding-left:8px;color:#fff;z-index:1;cursor:text;font-size: 14px;background: url(../images/t11.png) no-repeat 62px center;} .c_label1{line-height:18px;padding-top:12px;} #checkcode { height: 32px; line-height: 32px; width: 120px; border: 1px solid #dedede; } /*友情链接*/ .f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;} .dhdg{ font:400 14px/30px "Microsoft Yahei"; color: #fff; text-align: center; border-bottom: #fff 1px solid; height: 45px; } .dhdg a{ color: #fff; } /*页面底部*/ .foot-bg{ background: url(../images/foot.jpg) no-repeat top center; overflow: hidden; padding-bottom: 10px; } #footer{position:relative;width:1200px;margin:0 auto;padding-top: 35px;color: #fff;} #footer a{color:#fff;} #footer a:hover{color:#e87518;text-decoration:none;} .foot1{ width:230px; } #footer .foot-title{ font-weight: normal; font-size: 16px; color: #fff; border-bottom: 1px solid #676767; line-height: 40px; margin-bottom: 20px; } .foot2{ width:370px; margin-left: 40px; } .nav_foot{ font-size: 14px; } .nav_foot a{ margin-right: 40px; line-height: 30px; } .ctf p{ font-size: 14px; color: #8e8e8e; padding-left: 22px; line-height: 30px; } .ctf p:nth-of-type(1){ background: url(../images/p11.png) no-repeat left center; } .ctf p:nth-of-type(2){ background: url(../images/p22.png) no-repeat left center; } .ctf p:nth-of-type(3){ background: url(../images/p33.png) no-repeat left center; } .ctf p:nth-of-type(4){ background: url(../images/p44.png) no-repeat left center; } .ctf p:nth-of-type(5){ background: url(../images/p55.png) no-repeat left center; } .foot3{ width:280px; margin-left: 42px; color: #8e8e8e; line-height: 30px; } .foot4{ width:200px; } .foot4 p img{ margin-bottom: 15px; } .copyright{text-align:center;line-height:24px;margin-top: 20px;padding-top: 10px;font-size: 14px;} /*内页左侧样式*/ .container{width: 1200px!important;margin: 0 auto;padding: 0;} .page-position a{color: #fff;} .left{width: 225px;float: left;} .right{width: 940px;float: right;} .xypg-case-list li{width: 300px;} .xypg-product-list li{width: 293px;} .xypg-product-list li .img img{width: 271px;height: 218px;} .relate-product-slick .owl-item .img img{ width: 213px;height:171px;} .xypg-case-list li .img img{width: 300px;height: 241;} .page-product-inquiry a{color: #fff;} .page-mob-tool{display: none;}