*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 14px/1.5 microsoft yahei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} /*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/ #newbridge .icon-right-center{left: 0;} /*.fl{ float: left;}*/ /*.fr{ float: right;}*/ @font-face { font-family: 'impact';src: ;font-weight: normal; font-style: normal;} .ty_content{ width: 1200px; margin: 0 auto;} .more-title{ width: 100%;} /*.videos{ display: none; position: fixed; left: 50%; top: 30%; margin-left: -25%; z-index: 100; width: 50%; height: 450px;}*/ .vvdio{display: none; position: fixed;left: 0;top: 0;z-index:3;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} .videos{ display: none; position: fixed; left: 50%; top: 26%; margin-left: -460px; z-index: 100; width:900px; height:500px;} /*.videos{ display: none; position: fixed; width: 1920px;height:1920px;background: yellow;}*/ .vclose{ position: absolute; right: 2%; top: 5%; border-radius: 100%; cursor: pointer;} .videos iframe{ width: 100%; height: 100%;background: #000;} /*header */ .header{width: 100%;} .header .header-1{height: 40px;width: 100%;background: #f5f5f5;} .header .header-1 .content{width: 1200px;height: 40px;margin: auto;} .header .header-1 .content b{color: #666666;font-size: 16px;line-height: 37px;} .header .header-1 .content nav{line-height: 40px;float: right;} .header .header-1 .content nav a{color: #666666;font-size: 14px;} .header .header-2 .content{width: 1200px;height: 143px;margin: auto;} .header .header-2 .content .t1{height: 30px;margin-left: 130px;line-height: 30px;padding-left: 23px; font-size: 19px;font-weight: bold;color:#ff5045;position: absolute;margin-top: 108px;} .header .header-2 .content .log{float: left;margin-top: 7px;} .header .header-2 .content .log b{ display: block; font-size: 30px; padding-left: 0px; font-weight: bold; color: #555; margin-top: 2px;} .header .header-2 .content .text{float: left;margin-top: 20px;margin-left: 25px;} .header .header-2 .content .text h3{font-size: 24px;color: #0066cc;font-family: "microsoft yahei", 微软雅黑;font-weight: bold;margin-bottom: 5px;} .header .header-2 .content .text b{font-size: 18px;color: #333;} .header .header-2 .content .phone{float: right;margin-top: 37px;} .header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: right;text-align: left;margin-top: 5px;} .header .header-2 .content .phone .dh b{color: #666666;font-size: 24px;line-height: 30px;font-weight: bold;display: block;font-family: arial;} .header .header-3{height: 66px;width: 100%;background: #cda799;} .header .header-3 .content{width: 1200px;height: 66px;margin: auto;} .header .header-3 .content nav a{display: block;float: left;text-align: center;height: 60px;line-height: 66px;font-size: 16px;color: #fff;margin-right: 54px;position: relative;} .header .header-3 .content nav a:hover{color: #fff; border-bottom: solid 2px;} .header .header-3 .content nav .on{color: #fff; border-bottom: solid 2px;} .header .header-3 .content nav ul{ position: absolute; top: 58px; z-index: 999; width: 150px; display: none; left: -38px;} .header .header-3 .content nav ul li{ width: 150px; display: block; float: left; text-align: center; height: 54px; line-height: 54px; font-size: 16px; color: #fff; background: #cda799; float: left;} .header .header-3 .content nav ul li:hover{background: #fff;color: #333;} /*banner*/ .banner-index{ font-size: 0;overflow: hidden; width: 100%;} .banner-index img{ width: 100%;line-height: 0;} .slidebox{ width: 100%;overflow: hidden; position: relative;} .slidebox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;} .slidebox .hd ul{ overflow: hidden; zoom: 1; float: left;} .slidebox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;} .slidebox .hd ul li.on{background: #666666;} .banner-index .slidebox .bd img{ width: 100%;} .slidebox .bd ul li:first-child{ display: block;} .slidebox .bd ul li{ display: none;} /*search*/ .search{ width: 100%; height: 86px; line-height: 85px;border-bottom: solid 1px #ccc;} .search-content{ width: 1200px; margin: 0 auto; overflow: hidden;} .search-keywords{ font-size: 14px; color: #ccc; display: inline-block;} .search-keywords .wb{ display: inline-block; vertical-align: top;} .search-keywords .wb > span{ color: #333; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 35px; line-height: 35px;} .search-keywords .wb > a{ color: #666; font-size: 14px;} .search-keywords .wb > a:hover{ color: #cda799;} .search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;} #searchform{ background: url(/uploads/image/pimages/search.png) no-repeat right; width: 314px; line-height: 35px; height: 35px; z-index: 99; position: relative;top: 0px;} .search-form{ display: inline-block; float: right;margin-top: 30px;} #searchform .search-input{ vertical-align: top; height: 35px; background: none; line-height: 35px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;} .search-form #s_btn{ width: 35px; height: 35px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;} .clear-fix-3{ line-height: 0; font-size: 0; clear: both;} #searchform .search-input::-webkit-input-placeholder{/* webkit browsers */ color: #666;} #searchform .search-input:-moz-placeholder{/* mozilla firefox 4 to 18 */ color: #666;} #searchform .search-input::-moz-placeholder{/* mozilla firefox 19 */ color: #666;} #searchform .search-input:-ms-input-placeholder{/* internet explorer 10 */ color: #666;} /*solution*/ .solution{height: 620px;padding-top: 40px;} .solution .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .solution .top b{display: block;font-size: 32px;color: #333;} .solution li{float: left;height: 420px;} .solution li .mr{height: 420px;width: 70px;background: #cda799;padding-top: 30px;float: left;} .solution li .mr .wz{height: 350px;width: 70px;border-right: solid #fff 1px;text-align: center;} .solution li .mr .wz b{font-family: arial;font-size: 32px;color: #fff;display: block;margin-bottom: 30px;} .solution li .mr .wz p{font-size: 26px;color: #fff; margin: auto; line-height: 40px; width: 27px;} .solution li .ho{display: none;} .solution .on .ho{display: block;} .solution .on .ho{height: 420px;width: 919px;background: #f5f5f5;padding: 40px;float: left;} .solution .on .ho .le{height: 340px;width: 310px;float: left;padding-top: 20px;} .solution .on .ho .le i{font-size: 26px;color: #333;} .solution .on .ho .le b{font-size: 20px;color: #666;display: block;margin-top: 15px;margin-bottom: 20px;} .solution .on .ho .le p{color: #999;line-height: 30px;} .solution .on .ho .ri{height: 340px;width: 500px;float: right;overflow: hidden;} .solution .on .ho .ri:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;} /*case*/ .case{background: #f5f5f5;height: 677px;padding-top: 40px;} .case .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .case .top b{display: block;font-size: 32px;color: #333;} .case .nav{height: 58px;} .case .nav li{height: 58px;width: 188px;font-size: 18px;color: #fff;background: #c2c2c2;line-height: 58px;text-align: center;float: left;margin-right: 65px;} .case .nav li a{color: #fff;} .case .nav .on{background: #cda799;} .case .nr{height: 400px;margin-top: 30px;overflow: hidden;} .case .nr .left{height: 400px;float: left;width: 601px;overflow: hidden;} .case .nr .left img{height: 400px;width: 601px;} .case .nr .left:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;} .case .nr .right{height: 400px;float: right;width: 580px;padding-top: 40px;} .case .nr .right .wz{height: 160px;color: #666;font-size: 16px;line-height: 30px;} .case .nr .right .img{height: 200px;} .case .nr .right .img .tu{margin-right: 7px;width: 280px;height: 200px;overflow: hidden;float: left;} .case .nr .right .img img{width: 280px;height: 200px;} .case .nr .right .img .tu:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;} /*product*/ .product{width: 1200px;margin: auto;height: 960px;padding-top: 50px;} .product .left{width: 280px;float: left;} .product .left .top{width: 280px;height: 120px;background: #cda799;padding-top: 16px;text-align: center;} .product .left .top h3{color: #fff;font-size: 32px;font-weight: bold;margin-bottom: 8px;} .product .left .sidemenu{padding: 15px 15px 15px 10px;border: solid 1px #ccc;} .product .left .sidemenu ul{margin-bottom: 0px;} .product .left .sidemenu ul li{background: no-repeat left;height: 40px;width: 246px;line-height: 40px;padding-left: 46px;background-position-x: 20px;} .product .left .sidemenu ul li a{color: #666;font-size: 16px;} .product .left .sidemenu ul li:hover a{color: #cda799;} .product .right{width: 890px;float: right;} .product .right .xq{width: 280px;height: 267px;border: solid 1px #ccc;float: left;margin-right: 25px;margin-bottom: 35px;} .product .right .xq:nth-child(3n){ margin-right: 0px;} .product .right .xq .img{width: 278px;height: 218px;overflow: hidden;} .product .right .xq .img img{width: 278px;height: 218px;} .product .right .xq .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;} .product .right .xq .title{height: 47px;text-align: center; line-height: 47px;border-top: solid 1px #ccc;color: #666;font-size: 14px;background: #f1f1f1;} .product .right .xq:hover .title{color: #fff;background: #cda799;} /*advantage*/ .advantage{width: 1200px;margin: auto;} .advantage .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .advantage .top b{display: block;font-size: 32px;color: #333;} .advantage .ty_content{ height: 340px;} .advantage .left{width: 150px;float: left;margin-right: 37px;} .advantage .left li{width: 150px;height: 57px;font-size: 20px;color: #fff;background: #cda799;text-align: center;line-height: 57px;margin-bottom: 36px;} .advantage .left .on{background: #ccc;color: #fff;} .advantage .content{width: 410px;float: left;overflow: hidden;} .advantage .content b{display: block;font-size: 26px;color: #333;margin-top: 15px;margin-bottom: 30px;} .advantage .content p{display: block;font-size: 16px;color: #666;line-height: 30px;margin-bottom: 24px;} .advantage .right{float: right;} /*case*/ .flow{background: #f5f5f5;height: 350px;padding-top: 40px;margin-top: 60px;} .flow .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .flow .top b{display: block;font-size: 32px;color: #333;} .flow ul li{width: 120px; text-align: center;float: left;} .flow ul li .img{width: 120px;height: 120px;border: solid 1px #ccc;background: #fff;border-radius: 60px;padding-top: 34px;margin-bottom: 10px;} .flow ul li .img img{display: block;margin: auto;} .flow ul li .img .ho{display: none;} .flow ul li b{font-size: 16px;color: #333;} .flow ul li:hover .img{background: #cda799;} .flow ul li:hover b{color: #cda799;} .flow .jt{float: left; margin-top: 55px; margin-left: 5px;margin-right: 5px;} /*about*/ .about{height: 480px;padding-top: 0px;width: 1200px;margin: 40px auto 0;} .about .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .about .top b{display: block;font-size: 32px;color: #333;} .about .nr{height: 350px;} .about .nr .left{height: 350px;width: 700px;overflow: hidden;float: left;} .about .nr .left img{height: 350px;width: 700px;} .about .nr .left:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;} .about .nr .right{height: 350px;width: 443px;float: right;} .about .nr .right b{font-size: 20px;color: #333;display: block;margin-bottom: 30px;} .about .nr .right b a{color: #333;} .about .nr .right p{color: #666;line-height: 32px;height: 220px;} .about .nr .right .an{display: block;width: 150px;height: 50px;background: #cda799;text-align: center;line-height: 50px;color: #fff;font-size: 16px;} .about .nr .right .an:hover{background: #ccc;} /*authorized*/ .authorized{width: 1280px;margin: 20px auto 0;height: 310px;} .authorized .top{text-align: center;font-size: 18px;color: #666;width: 1200px;margin: 0 auto 30px;} .authorized .top b{display: block;font-size: 32px;color: #333;} .authorized .nr{position: relative;} .authorized .nr .tempwrap{margin: auto;} .authorized .nr .jt{position: absolute;top: 41%;width: 26px;height: 50px;display: block;} .authorized .nr .le{background: no-repeat;} .authorized .nr .le:hover{background: no-repeat;} .authorized .nr .ri{right: 0px;background: no-repeat;} .authorized .nr .ri:hover{right: 0px;background: no-repeat;} .authorized .list{height: 214px;width: 1200px;margin: auto;} .authorized .list .xq{height: 214px;width: 280px;color: #666;font-size: 16px;text-align: center;float: left;margin-right: 14px;} .authorized .list .xq .img{height: 214px;width: 280px;background: no-repeat;padding: 23px;} /*new*/ .new{ padding: 50px 0 0; font-size: 0;height: 740px;} .new .nr>div{ float: left;} .new .nr .newlist{ border-top: none;} .new .nr .newlist1{ width: 700px; height: 645px;} .new .nr .newlist1 .top{ background: url(/uploads/image/pimages/newlist1bg.png)no-repeat;} .new .nr .newlist2 .top{ background: url(/uploads/image/pimages/newlist2bg.png)no-repeat;} .new .nr .newlist2{ width: 470px;height: 645px;margin-right: 30px;} .new .nr .newlist2 .top ul li.on:after{ width: 100%!important;} .new .nr .newlist .top ul li:first-child li{ margin-left: 16px;} .new .nr .newlist1 ul li{ cursor: pointer;} .new .nr .newlist .top{ height: 55px; line-height: 55px; border-bottom: 1px solid #dcdcdc; padding-left: 20px;} .new .nr .newlist .top ul li{ color: #333; font-size: 18px; position: relative; float: left; margin-right: 21px;} .new .nr .newlist .top ul li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ""; background: #cda799; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;} .new .nr .newlist .top ul li.on:after{ width: 100%; left: 0;} .new .nr .newlist .top ul a{ float: right; color: #666; font-size: 14px; margin: 0 20px 0 0;} .new .nr .newlist .bj{ padding: 20px 0 0 20px; background: #fff; height: 590px; border: 1px solid #dcdcdc; border-top: none; overflow: hidden;} .new .nr .newlist .bd .pic{ width: 314px; height: 200px; overflow: hidden;} .new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top;eight: 200px; overflow: hidden;} .new .nr .newlist .bd .pic img{ width: 100%;} .new .nr .newlist .bd .pic:hover img{ transform: scale(1.1);} .new .nr .newlist .bd .js{ width: 335px; margin-left: 16px;} .new .nr .newlist .bd .js h3{ line-height: 16px;} .new .nr .newlist .bd .js h3 a{ color: #333; font-size: 16px; line-height: 16px;} .new .nr .newlist .bd .js p{ height: 78px; overflow: hidden; color: #888; font-size: 14px; line-height: 26px; margin: 10px 0 25px;} .new .nr .newlist .bd .js p:hover{ text-decoration: underline;} .new .nr .newlist .bd .js .more{ width: 100px; height: 30px; background: #cda799; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;} .new .nr .newlist .bd .js .more:hover{ background: #333;} .new .nr .newlist .bd .list{ margin: 25px 0 0; overflow: hidden;} .new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;} .new .nr .newlist .bd .list dl dd{ margin-bottom: 20px;} .new .nr .newlist .bd .list dl dd a:before{ content: ""; background: url(/uploads/image/pimages/newicon1.png)no-repeat; width: 23px; height: 23px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;} .new .nr .newlist .bd .list dl dd i{ color: #999; font-size: 14px; float: right;} .new .nr .newlist .bd .list dl dd a:hover:before{ background: url(/uploads/image/pimages/newicon2.png)no-repeat;} .new .nr .newlist .bd .list dl dd a:hover,.new .nr .newlist .bd .js h3 a:hover,.new .nr .newlist .top ul a:hover{ color: #cda799;} .new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 14px;} .new .nr .newlist2 .listbd{ height: 590px; overflow: hidden;background: #fff;border: 1px solid #dcdcdc;border-top: none;} .new .nr .newlist2 .listbd ul li{ height: 103px!important; padding: 15px 20px 0 20px;} .new .nr .newlist2 .listbd ul li:hover{ background: #cda799;} .new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px;} .new .nr .newlist2 .listbd ul li .wen a{ color: #333; font-size: 16px;} .new .nr .newlist2 .listbd ul li .wen a:before{ content: "q"; background: #cda799;} .new .nr .newlist2 .listbd ul li .da a:before{ content: "a"; background: #999;} .new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #fff; color: #cda799;} .new .nr .newlist2 .listbd ul li:hover .da a:before{ color: #fff;} .new .nr .newlist2 .listbd ul li:hover .da a i{ color: #fff;} .new .nr .newlist2 .listbd ul li:hover .wen a{ color: #fff;} .new .nr .newlist2 .listbd ul li .wen a:before,.new .nr .newlist2 .listbd ul li .da a:before{ width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 6px 0 0;} .new .nr .newlist2 .listbd ul li .da a i{ color: #999; font-size: 14px; display: inline-block; vertical-align: top; line-height: 22px; width: 395px;} /*frilist*/ .frilist{ overflow: hidden;height: 50px; line-height: 50px; width: 1200px;margin: auto;} .frilist ul li a{ font-size: 14px; color: #333;} .frilist ul{ margin-left: 30px;} .frilist ul li{ float: left; margin-right: 40px;} .frilist ul li a:hover{ color: #cda799;} /*bottom*/ .bottom{height: 380px;background: #f3f3f3;padding-top: 44px;} .bottom .content{width: 1200px;margin: auto;height: 294px;} .bottom .content .a{width: 298px;float: left;} .bottom .content .a .top{font-size: 20px;color: #333;margin-bottom: 25px;} .bottom .content .a ul li{float: left;margin-right: 37px;width: 128px;margin-bottom: 16px;font-size: 16px;} .bottom .content .a ul li:nth-child(2n){ margin-right: 0px;} .bottom .content .a ul li a{color: #333;} .bottom .content .a ul li a:hover{color: #cda799;} /*.bottom .content .a ul li:hover a{color: #a8bb66;}*/ .bottom .content .b{width: 367px;float: left;margin-left: 127.5px;margin-right: 127.5px;} .bottom .content .b .top{font-size: 20px;color: #333;margin-bottom: 25px;} .bottom .content .b p{color: #333;margin-bottom: 13px;} .bottom .content .c{width: 280px;float: left;} .bottom .content .c .top{font-size: 20px;color: #333;margin-bottom: 25px;} .bottom .content .c ul li{width: 126px;text-align: center;color: #333;font-size: 16px;} .bottom .content .c ul li img{margin-bottom: 20px;} .bottom .lx{margin: auto;text-align: center;color: #333;line-height: 40px;height: 30px;} .bottom .lx a{color: #333;}