/*初始化样式*/ 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:#009b4c;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;} dt{font-weight: normal;} /*----- 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;} .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .flex1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .ptamf li{padding:0 10px;} .ptamf li a{font-size:18px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #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.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .roll_product {float: left;} .x-banner{ position: relative !important; width: 1920px !important; left: 50% !important; margin-left: -960px !important; } /*头部样式*/ .top1{height: 38px;background: #f4f4f4;color: #585858;line-height: 38px;overflow: hidden;font-size: 12px;} .top2{height: 100px;} #header{width:1000px;margin:0 auto;} .logo{float:left;line-height: 100px;} .top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;text-align: right;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink a{color: #585858;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} /*热门搜索*/ .sou{margin: 15px 0;} #formsearch{width: 215px;height: 23px;background: url(../images/ss.png) no-repeat top center;margin-top: 9px;} .hotSearch{float:left;font-weight:normal;margin-right: 30px;margin-top: 9px;color: #585858;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;color: #585858;font-size: 12px;} #formsearch input{height:23px;background:transparent;border:none;line-height:23px;outline: none;} #formsearch input#keyword{height:23px;line-height:23px;padding-left:7px;color:#9c9c9c;width: 183px;} #formsearch input#s_btn{width:32px;height:23px;line-height:23px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;font-size: 12px;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #9c9c9c; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9c9c9c; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9c9c9c; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9c9c9c; } /*导航栏样式*/ .navs li{text-align:center;float:left;position:relative;z-index:999;width: 106px;} .navs li a{display:block;line-height:100px;color:#343332;height:100px;padding: 0;font-size: 16px;padding: 0;letter-spacing: 2px;} .navs li a:hover{color:#fff;text-decoration:none;background-color:#0046b4;} .navs>li>a:focus, .navs>li>a:hover { text-decoration: none; background-color: #0046b4; } .navs .sec{height:0;background:#0046b4;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;left:0px;width: 100%;} .navs .sec a{background:#0046b4;color:#fff;height:38px;line-height:38px;font-size: 14px;letter-spacing: 0; margin-top: 0px;} .navs .sec a:hover{background:#032b69;text-decoration:none;} .box1{margin-top: 50px;} .bt1 dd{color: #000000;font-size: 30px;line-height: 30px;} .bt1 dt{color: #787878;font-size: 24px;text-transform: uppercase;margin-top: 20px;line-height: 24px;} .plist{margin-top: 40px;padding:10px 0 50px 0;} .plist li{margin-right: 25px;width: 282px;height: 257px;border: solid 1px #e5e5e5;position: relative;} .plist li a.img{display: block;width: 279px;height: 255px;overflow: hidden;} .plist li a.img img{width: 279px;height: 255px;} .plist li h3 a{display: block;color: #000;font-size: 16px;font-weight: normal/*;position: absolute*/;bottom: 12px;width: 100%;text-align: center;margin-top:15px;} .plist li:hover{box-shadow: 3px 5px 18px 0px rgba(184, 184, 184, 0.72);} .bj1{position: absolute;width: 100%;height: 100%;background: rgba(1,58,148,.75);top:0;left: 0;display: none;} .gd a{display: block;width: 126px;height: 32px;border: solid 1px #ffffff;line-height: 30px;text-align: center;color: #ffffff;font-size: 14px;margin: 0 auto;margin-top: 120px;} .m1 a{color: #ffffff;font-size: 14px;text-align: center;display: block;margin-top: 73px;display:none;} .plist li:hover .bj1{display: block;} .plist li img{w-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .plist li:hover img{background:#fff;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;} .box2{background: #f4f4f4;padding: 50px 0;} .yul{margin: 50px 0 0 0px;display: flex; justify-content: space-between; flex-wrap: wrap;} .yul li{float: left;width: 261px;} .yul li .img{display: block;width: 261px;height: 370px;border: solid 1px #c3cfe1;padding: 18px;overflow: hidden;} .yul li .img img{display: block;width: 225px;height: 335px;} .yul li h3{font-weight: normal;color: #000000;opacity: 0.7;text-align: center;margin-top: 6px;font-size: 16px;line-height: 16px;} .yul li p{color: #afafaf;font-size: 13px;line-height: 26px;text-align: center;margin-top: 14px;} .yul li:nth-child(2n) .img{margin-top: 18px;} .box3{margin: 50px 0;} .psort{margin-top: 50px;} .psort li{margin-right: 8px;} .psort li a{display: block;width: 193px;height: 43px;background-color: #f2f2f2;line-height: 43px;text-align: center;color: #333333;font-size: 16px;} .psort li a:hover{background: #013a94;color: #fff;} .box3 .plist {padding-bottom: 0;} .box3 .plist li{margin-right: 24px;margin-bottom: 40px;} .box3 .plist li:nth-child(4n){margin-right: 0;} .pmore a{display: block;width: 342px;height: 58px;background-color: #013a94;margin: 0 auto;margin-top: 10px;text-align: center;line-height: 58px;color: #ffffff;font-size: 16px;} .box4{padding:50px 0 55px 0;background: #f4f4f4 url(../images/x1.png) no-repeat center 371px;height: 439px;} .liu {margin-top: 50px;margin-left: 110px;} .liu li{width: 130px;height: 128px;position: relative; text-align: center; margin-right: 39px; background: url(../images/yu1.png) no-repeat top center;box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.11);border-radius: 50%;} .liu li:nth-child(2n){margin-top: 42px;} .liu li .img{height: 65px;line-height: 65px;} .liu li .img2{display: none;} .liu li:hover .img1{display: none;} .liu li:hover .img2{display: inline-block;} .liu li h3{color: #787878;font-size: 16px;font-weight: normal;height:36px;} .shu{font-weight: bold;color: #ffffff;font-size: 18px;} .liu li:hover {background: url(../images/yu2.png) no-repeat top center;cursor: pointer;} .liu li:hover h3{color: #fff;} .liu li:hover .shu{color: #013a94;} .liu li:after{content: '';width: 1px;height: 83px;background-color: #abaaaa;position: absolute;} .liu li:nth-child(2n):after{height: 40px;} .liu li .jt{bottom: -83px;background: url(../images/jt.png) no-repeat top center;width: 19px;height: 19px;z-index: 99;position: absolute;left: 50%;margin-left: -9px;} .liu li:nth-child(2n) .jt{bottom: -42px;} .liu li:hover .jt{background: url(../images/jt2.png) no-repeat top center;} .liu li:hover:after{background: #013a94;} .box5{background: url(../images/ab.jpg) no-repeat top center;} .aleft{margin: 100px 0 0 47px;} .aleft img{display: block;width: 553px;height: 308px;} .aright{width: 528px;} .aright h3{color: #ffffff;font-size: 50px;font-weight: normal;font-family: '宋体';margin: 96px 0 54px 0;} .acon{color: #ffffff;font-size: 16px;line-height: 30px;height: 210px;overflow: hidden;} .aright a{display: block;color: #ffffff;font-size: 18px;text-align: right;margin-top: 10px;} .tab_gdtx{margin: 24px 15px 0 12px;} .img_gdtx{text-align: center;} .img_bd li{float: left;} .tab_gdtx .bd{margin: 25px -7px 0 -7px;} .tab_gdtx .hd li{color: #1f1f1f;cursor: pointer; font-size: 18px;float: left; padding-right: 13px;margin-right: 5px;background: url(../images/xx2.jpg) no-repeat right center;} .tab_gdtx .hd li.on{color: #013a94;} .tab_gdtx .hd li:last-child{background: none;} .tab_gdtx .bd li{margin: 0 14px;} .tab_gdtx .bd li a img{display: block; width: 266px;height: 373px;} .prevall,.nextall{width: 20px;height: 20px;display: inline-block;margin: 0 6px;margin-top: 35px;} .prevall{background: url(../images/z.jpg) no-repeat top center;} .prevall:hover{background: url(../images/z2.jpg) no-repeat top center;} .nextall{background: url(../images/y.jpg) no-repeat top center;} .nextall:hover{background: url(../images/y2.jpg) no-repeat top center;} .box6{margin-top: 100px;} .tuan{} .tleft{width: 792px;margin-top: 30px;} .tright{width: 385px;height: 557px;position: relative;z-index: 99; background-color: #ffffff;box-shadow: 7px 12px 28px 2px rgba(3, 0, 0, 0.75);margin-top: 50px;} .tright .img{width:356px;margin:0 auto;margin-top:20px;margin-bottom:20px;} .tright .img img{width: 356px;height:170px;} .tul .bd{margin:0 -22px 0 -40px;} .picList li{margin: 20px 0 11px 22px;width: 385px;} .picList li .img {background-color: #767676;box-shadow: 7px 12px 28px 2px rgba(3, 0, 0, 0.75);} .picList li .img img{width: 385px;height: 263px;} .tul .bd .tempWrap{margin-left: 20px;} .picList li:nth-child(3),.picList li:nth-child(4){margin-bottom: 45px;} .dui{padding:45px 9px 0 22px;} .bt3 dd{color: #303030;font-size: 18px;} .bt3 dt{color: #717171;font-size: 14px;text-transform: uppercase;margin-top: 5px;} .team{color: #717171;font-size: 14px;line-height: 30px;margin: 19px 0 26px 0;} .mbox a{display: block;float: left;width: 112px;height: 54px;background-color: #4c4c4c;color: #ffffff;letter-spacing: 1px; font-size: 14px;font-family: '宋体';line-height: 54px;text-align: center;} .mbox a:last-child{background: #013a94;} .box7{height: 745px;background-color: #f4f4f4;padding-top: 50px;} #ydemo{overflow:hidden;margin:0 auto;position:relative;height:526px;} #yindemo{height:100%;} #ydemo1{} #ydemo2{} .xwt{margin-bottom: 50px;} .xwt a{display: block;color: #787878;margin-top: 54px;font-size: 14px;} .news_list2 li{margin-bottom: 27px;width: 1200px;height: 161px;background-color: #eeeeee;border:1px solid transparent;} .news_list2 li:hover{box-shadow: 3px 4px 13px 0px rgba(0, 0, 0, 0.21);border: solid 1px #013a94;background: #fff;} .news_list2 li a.img img{width: 263px;height: 159px;display: block;} .nei{width: 882px;margin:20px 0 0 27px;} .nbox1 a{display: block;font-size: 20px;color: #000000;line-height: 20px;} .nbox1 span{display: block;font-size: 12px;color: #505050;line-height: 20px;} .nei p{color: #5a5a5a;font-size: 12px;line-height: 23px;margin-top: 22px;height: 64px;overflow: hidden;} .nmore a{display: block;width: 81px;height: 23px;color: #ffffff;background-color: #4c4c4c;font-size: 12px;line-height: 23px;text-align: center;} .news_list2 li:hover .nmore a{background: #013a94;} .news_list2 li:hover .nbox1 a{color: #013a94;} /*友情链接*/ .f_link{line-height: 30px;background: #f4f4f4;padding-bottom: 5px;color: #5a5a5a;font-size: 14px;} .f_link a{color: #5a5a5a;} .f_link a:after{content: '、';} .f_link a:last-child:after{content: '';} /*页面底部*/ .foot{background: #013a94;padding-top: 46px;} .ft1 h3{color: #ffffff;font-size: 18px;font-weight: normal;line-height: 18px;padding-bottom: 14px;margin-bottom: 14px;background: url(../images/fx.jpg) no-repeat bottom left;} .lx{color: #ffffff;font-size: 14px;line-height: 28px;width:515px;} .sec2 a{color: #ffffff;font-size: 14px;line-height: 28px;display: block;float: left;width: 103px;} .dao{width: 240px;} .tewm{margin-right: 139px;color: #ffffff;font-size: 14px;text-align: center;line-height: 37px;} .tewm h3{text-align: left;background: none;} .ft1{border-bottom: 1px solid #fff;padding-bottom: 6px;} .ft2{color: #ffffff;font-size: 14px;line-height: 24px;text-align: center;padding:10px 0;} .ft2 a{color: #fff;} #header,.w1200{width:1200px;margin:0 auto;} .fl{float: left;} .fr{float: right;} p{margin:0 0 0 0;} /* 内页 */ .left{width: 240px;float: left;} .right{width: 940px;float: right;} .product_list{} .product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;} .product_list li a.img{display: block;width: 281px;height: 237px;overflow: hidden;} .product_list li img{width:281px;height: 237px;transition: all .5s ease;} .product_list li h3{line-height: 35px;text-align: center;} .product_list li h3 a{color: #5a5a5a;font-size: 14px;} .product_list li:hover{border-color: #292e39} .product_list li:hover img{transform:scale(1.1);} .tlt1{padding: 50px 0;text-align: center;} .tlt1 h2{font: bold 30px/40px "微软雅黑";color: #ff9900;} .tlt1 h3{font: normal 14px/30px "微软雅黑";color: #777;text-transform: uppercase;} .container{width: 1200px!important;margin: 0 auto;padding: 0;} .page-product-inquiry a{color: #fff;}