/*样式初始化*/ html{overflow:auto;overflow-y:scroll;height:100%; } body{font-size:14px; color:#333;background:#f6f6f6;font-family:microsoft yahei;overflow-x:hidden;} *{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;} a{text-decoration:none;} a:hover{text-decoration:none;color: #1951ae} a:active{text-decoration:none;color: #1951ae} a:focus{text-decoration:none;color: #1951ae} ol,ul,li{list-style:none;margin:0;} h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;} img{max-width: 100%;} input{outline: none;} .clear{clear: both;} .navbar{background:none;margin:0; } .navbar-default{border:none;} .navbar-collapse{max-height: 100%!important;} .container-fluid{padding:0;} .tz-gallery{padding:0;} @media(min-width: 1200px){ .container{padding:0;} } /*header手机端 横排菜单*/ .header{overflow: hidden;width:100%;} .h-top{background: #545454;float: left;width:100%;color: #fff;line-height: 30px;} .h-top h1{float: left;color: #fff;width:100%;overflow: hidden;font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px;display: none;} .h-top .tel{display: none;float: right;} .h-top .tel1{display: block;float: right;} .h-mid{width:100%;float: left;background: #f6f6f6;} .h-logo{margin:10px 0} .h-tel{float: right;width:100%;} .h-tel img{float: right;margin:10px 0;} #h-nav{width:100%;background: #50a8ed;line-height: 50px;} #h-nav li{float: left;padding:0;border-left:solid 1px #fff;} #h-nav li a{color: #fff;text-align: center;display: block;height:40px;padding:0;border-right:solid 1px #fff;border-bottom:solid 1px #fff;width:25%;line-height: 40px;float: left;font-size: 16px;} #h-nav li a:hover{color: #fff;background: #3889c9;} @media(min-width: 768px){ .header{position: relative;} .h-top h1{width:50%;padding:0;display: block;} .h-tel img{float: right;margin:15px 0;} #h-nav li a{height: 50px;line-height: 50px;} #h-nav li a span{display: none;} } @media (min-width: 992px){ .h-logo{margin:25px 0;} .h-top span{width:500px;} .h-top .tel{color: #fff;display: block;} .h-tel img{margin:20px 0;} .h-top .tel1{display:none;} .h-top a{color: #fff;font-size: 14px;} .h-top a:hover{color: #50a8ed} #h-nav li{border-left:none;} #h-nav li a{height:48px;line-height:48px;border: none;} #h-nav li a span{width:1px;height: 20px;background: #b7bdcb;display: block;float: right;margin-top: 14px} #h-nav li .on{border-left:none;} } /*banner*/ .banner{width:100%;float: left;overflow: hidden;} .banner .swiper-slide img{width:100%;height: auto;} @media(min-width:768px){ .banner{margin-top:0px } } /*m-search*/ .m-search{width:100%;background: #ffffff;overflow: hidden;border-bottom: solid 1px #dddddd;} .m-keywords{float: left;width:100%;overflow: hidden;color: #6c6c6c;line-height: 40px;margin:10px 0;height: 40px;} .m-keywords span{color: #0071db;font-weight: bold;font-size: 16px;} .search{ width: 100%; margin: 10px auto; overflow: hidden;height: 40px;background: #dddddd;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;} #input_search{ width:85%; border:none; float: left; background-color: #f0f0f0; height:40px;text-indent:15px; color: #575757; background: #dddddd;font-size: 16px;} #btn_search{ width:15%; height:40px; float: right; border:none; background:url(../Image/search_btn.png) center no-repeat #50a8ed; text-indent:-9999px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px; } /*m-pro*/ .m-pro{width:100%;float: left;} .m-pro-md{width:100%;float:left;text-align: center;} .m-pro-md a{width:100%;text-align: center;height: 36px;line-height: 36px;font-size: 16px;color: #fff;background: #399ae7;margin:15px 0 0;display: inline-block;} .m-pro-md a:hover{background: #68b0f9;} .m-pro-bd{width:100%;float: left;margin-top: 25px;} .m-pro-right{padding:0;} .m-pro-right .hd{width:96.5%;float: left;height: 78px;background: #f4f5f6;color: #999999;font-size:14px;line-height: 78px;padding:0 24px;margin:0 15px;} .m-pro-right .hd span{color: #2953c7;font-size: 30px;font-weight: bold;} .m-pro-right .hd a{width:50px;height: 78px;display: block;float: right;background: url(../Image/m-pro-right-icon1.jpg) center no-repeat;} .m-pro-right li{padding-bottom: 20px;text-align: center;} .m-pro-right li img{width:100%;object-fit: cover;border:solid 1px #ededed;} .m-pro-right li h1{width:100%;height: 30px;line-height: 30px;color: #737272;font-size: 16px;background: #fff;border:solid 1px #ededed;border-top:none;} .m-pro-right li:hover{} @media(min-width: 768px){ .m-pro-right li h1{height: 40px;line-height:40px;} } @media(min-width: 1200px){ .m-pro-hd{padding:25px 0px;} } /*m-com*/ .m-com{width:100%;overflow: hidden;float: left;} .m-com-hd{width:100%;float: left;line-height: 90px;font-size:16px;color: #399ae7;font-weight: bold;text-align: center;} .m-com-bd{width:100%;float: left;background: #399ae7;padding:60px 0 100px;} .m-com-bd .txt h1{font-size: 45px;color: #fff;font-weight: bold;margin:15px 0 5px;} .m-com-bd .txt h2{font-size: 32px;color: #fff;font-weight: bold;} .m-com-bd .txt p{font-size: 16px;color: #fff;line-height: 30px;margin-top:30px;overflow: hidden;} .m-com-bd .txt img{margin-top: 50px;} @media(min-width: 992px){ .m-com-hd{font-size:36px;} .m-com-bd .txt p{height: 90px;} } @media(min-width: 1200px){ .m-com-bd .txt p{height: 150px;} } /*m-pro*/ .m-fac{width:100%;float: left;margin-top: -70px} .m-fac-bd{width:100%;float: left;overflow: hidden;} .m-fac-bd li{width:270px;float: left;margin:0 15px;} .m-fac-bd li img{width:100%;float: left;height: 202px;object-fit: cover;border:solid 1px #ededed;} .m-fac-bd li h1{width:100%;float: left;text-align: center;font-size: 16px;color: #454545;line-height:38px;border:solid 1px #ededed;border-top:none;background: #fff;} .m-fac-bd li:hover h1{color: #75bc33;} /*news-case*/ .news-case{width:100%;float: left;margin-top: 30px;} /*m-news*/ .m-news{width:100%;float: left;} .m-news-hd{width:100%;float: left;border-bottom:solid 3px #dcdcdc;font-size: 26px;color: #399ae7;font-weight: bold;line-height: 50px;} .m-news-hd span{font-size: 18px;color: #959da9;font-weight: normal;} .m-news-hd a{font-size: 16px;color: #757575;font-weight: normal;float: right;} .m-news-hd a:hover{color: #399ae7;} .m-news-bd{width:100%;float: left;} .m-news-bd li{width:48%;float: left;margin-right:15px;} .m-news-bd li img{width:100%;margin:0 1%;object-fit: cover;} .m-news-bd li h1{width:100%;font-size: 20px;color: #4a4a4a;overflow: hidden;line-height: 42px;height: 42px;} .m-news-bd li p{width:100%;float: left;font-size: 14px;color: #6f6f6f;line-height: 23px;overflow: hidden;overflow: hidden;margin-bottom: 15px;} .m-news-bd li hr{float: left;width:100%;border-top:solid 1px #999999;margin:0;} .m-news-bd li:hover h1{color: #399ae7;} .m-news-bd li:hover hr{border-color: #399ae7;} @media(min-width:768px){ .m-news-bd li{margin-right: 30px;} .m-news-bd li p{height: auto;} } @media(min-width:992px){ .m-news-bd li{margin-right: 18px;} .m-news-bd li p{height: 70px;} } @media(min-width:1200px){ .m-news-bd li{margin-right: 30px;} .m-news-bd li img{height:120px; } } /*m-case*/ .m-case{width:100%;float: left;background: #3b9be8;padding:0 20px;margin-top: 30px} .m-case-hd{width:100%;float: left;border-bottom:solid 3px #fff;font-size: 26px;color: #fff;font-weight: bold;line-height: 50px;} .m-case-hd span{font-size: 18px;color: #99c6f2;font-weight: normal;} .m-case-hd a{font-size: 16px;color: #fff;font-weight: normal;float: right;} .m-case-hd a:hover{color: #3889c9;} .m-case-bd{width:100%;float: left;overflow: hidden;padding:35px 0;box-sizing: border-box;text-align: center;} .m-case-bd .carousel-indicators {bottom:-20px;} .m-case-bd img{object-fit: cover;border:solid 1px #fff;} .m-case-bd h1{width:100%;float: left;color: #fff;font-size: 18px;line-height: 50px;font-weight: bold;height:50px;overflow: hidden;} .m-case-bd p{width:100%;float: left;color: #e8eefc;line-height: 27px;font-size: 14px;overflow: hidden;} @media(min-width: 768px){ } @media(min-width: 992px){ .m-case{margin-top: 0px;} .m-case-bd{padding:22px 0;} .m-case-bd h1{line-height: 20px;height:20px;margin-bottom: 15px;} .m-case-bd img{height: 150px;margin-bottom: 15px;} .m-case-bd p{height:55px;text-align:left } .m-case-bd .carousel-indicators {bottom:-15px;} } @media(min-width: 1200px){ .m-case-bd{padding:28px 0;text-align: left;} .m-case-bd img{height: 205px;width:100%;} .m-case-bd p{height:135px;} .m-case-bd .carousel-indicators {bottom:10px;left:60%;} } /*m-news*/ .m-news{width:100%;float:left;} .m-news-hd{width:100%;float:left;} .m-news-hd h1{font-size: 22px;text-align: center;color: #666;font-weight: initial;line-height: 40px;padding-top: 55px;} .m-news-hd h2{color: #2751c7;font-size: 26px;text-align: center;line-height: 40px;font-weight: bold;} .m-news-bd{float: left;width:100%;margin-top: 25px;overflow: hidden;} .m-news-bd .left{position: relative;} .m-news-bd .left img{width:100%;height: 273px;object-fit: cover;} .m-news-bd .left .date{width:90px;height: 80px;position: absolute;background: #1d3f9f;text-align: center;color: #fff;left:15px;top:0;} .m-news-bd .left .date h1{font-size: 32px;font-weight: bold;margin-top: 10px} .m-news-bd .left .date h2{line-height: 30px;font-size: 16px;} .m-news-bd .left h3{font-size: 18px;color: #444;line-height: 55px;height: 55px;overflow: hidden;} .m-news-bd .left p{line-height: 30px;font-weight: initial;font-size: 16px;color: #666;overflow: hidden;} .m-news-bd .left .more{width: 123px;height: 36px;background: url(../Image/more11.jpg) no-repeat;display: block;font-size: 16px;color: #fff;line-height: 36px;float: left;margin-top: 10px;text-indent: 30px;margin-bottom: 30px;} .m-news-bd .left .more:hover{color: #ef6910;} .m-news-bd .right ul{ float: right; } .m-news-bd .right ul li{ width: 100%; height: 130px; margin: 0px 15px 15px 0px; background: #fff; border: solid 1px #ddd; } .m-news-bd .right ul li h4{ font-size: 18px; color: #000; font-weight: normal; line-height: 40px; height: 45px;overflow: hidden; margin-top: 8px; } .m-news-bd .right ul li h4 a{ background: url(../Image/news1.jpg) left center no-repeat; text-align: left; border-bottom: solid 1px #ccc; padding: 10px 0px 10px 25px; height: 45px; color: #333; } .m-news-bd .right ul li p{ font-size: 14px; line-height: 30px; color: #999; padding-top: 5px; padding-right: 20px; height: 70px;overflow: hidden; } .m-news-bd .right ul li:hover .news-time{ color: #555; } .m-news-bd .right ul li:hover h4 a{ color: #324fb2; } .m-news-bd .right ul li .news-time{ width: 100px; height: 120px; font-size: 40px; color: #555; text-align: center; float: left; line-height: 50px; display: block; padding-top: 10px; } .m-news-bd .right ul li .news-time span{ font-size: 18px; display: block; line-height: 40px; color: #999; } @media(min-width: 992px){ .m-news-bd .left p{height: 60px;} } @media(min-width: 1200px){ .m-news-bd .left .date{left:0px;} } /* m-con */ .m-con{width:100%;float: left;background: #399ae7;margin-top: 30px;padding-bottom: 10px;} .m-con li{margin-top: 15px;text-align: center;color: #fff;} .m-con li h1{font-size: 18px;font-weight: bold;margin: 15px 0;} .m-con li p{min-height: 40px} @media(min-width: 992px){ .m-con{margin-top: 70px;} .m-con li{margin-top: -50px;} } /*m-link*/ .m-link{width:100%;float:left;} .m-link ul{width:100%;float:left;background: url(../Image/m-link-icon.jpg) left center no-repeat;height: 85px;padding-left: 115px;} .m-link ul a{margin-right: 20px;font-size: 16px;color: #6f6f6f;line-height: 85px;} .m-link ul a:hover{color: #399ae7} /*footer*/ .footer{width:100%;float: left;background: #343434;padding-bottom: 25px;margin-bottom: 52px;padding-top: 15px;} .f-ewm{float: left;width:100%;border-right:solid 1px #5e5c5c;} .f-nav{float: left;width:100%;border-right:solid 1px #5e5c5c;height: 108px} .f-nav a{margin:17px 25px 0;color: #5e5c5c;font-size: 16px;display: inline-block;} .f-nav a span{color: #fff} .f-nav a:hover span{color: #399ae7;} .f-con{float:left;line-height: 30px;color: #fff;font-size: 16px;width:100%;margin-top: 10px;text-align: center;} .f-bd{width:100%;float: left;background: #1d3fa0;color:#fff;font-size: 14px;text-align: center;margin-bottom: 52px;padding:15px;} @media(min-width: 768px){ .footer{margin-bottom: 0px} .f-nav a{margin:17px 10px 0;} .f-con{text-align: left;} } @media(min-width: 992px){ .footer{margin: 0;} .f-nav a{margin:17px 25px 0;} } @media(min-width: 1200px){ } .down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;} .down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;} .down li a{color: #ffffff;} .down .current{border-right: none;} .down li img{max-width: 25px;height: 25px;} @media(min-width: 768px){ .down{display: none;} } /*sidebar*/ .sidebar{overflow: hidden;max-width: 270px;} .s-hd{width:100%;float: left;text-align: center;background:url(../Image/s-hd-bg.jpg) center no-repeat;padding:20px 0;} .s-bd{width:100%;float: left;padding:20px 0;background: #ffffff;} .s-bd ul{width:100%;} .s-bd ul li{width:100%;height: 48px;line-height: 48px;font-size: 16px;color: #444444;border-bottom:dashed 1px #cecece;text-indent: 25px;} .s-bd ul li span{font-family: 宋体;float: right;margin-right: 15px;font-weight: bold;color: #737272;} .s-bd ul li:hover{color: #fff;background: #399ae7;} .s-bd ul li:hover span{color: #fff;} .s-con{width:100%;float: left;} .s-con .hd{width:100%;float: left;background: url(../Image/s-con-hd.jpg) center/100% 100%;} .s-con .bd{width:100%;float: left;padding:20px;background: #399ae7;} .s-con .bd p{width:100%;float: left;color: #fff;line-height: 30px;font-size: 14px;text-align: left;padding:0px 0; } @media(min-width: 992px){ .s-bd ul li{height: 36px;line-height: 36px;} .s-con .bd{padding:10px;} } @media(min-width:1200px){ .s-bd ul li{height: 48px;line-height: 48px;} .s-con .bd{padding:20px;} } /*list*/ .list{width:100%;float: left;padding:24px 0;overflow: hidden;} .l-hd{width:100%;float: left;overflow: hidden;margin:0px 0 20px;} .l-hd li{float: left;overflow: hidden;} .l-hd li a{overflow: hidden;width:100%;padding:10px 0;display: inline-block;border:solid 1px #3889c9;color: #3889c9;font-size: 16px;border-radius: 5px;text-align: center;} .l-hd li a:hover{background: #3889c9;color: #ffffff;border:solid 1px #3889c9;} .l-right{overflow: hidden;} .l-right-hd{width:100%;float: left;background: #fff;padding:15px 15px 0;} .l-right-hd .hd{width:100%;background: url(../Image/l-right-hd-line.jpg) center 18px no-repeat;text-align: center;} .l-right-hd span{background: #fff;padding:0 15px;display: inline-block;color: #399ae7;font-size: 30px;} .l-right-hd h2{width:100%;font-size: 26px;color: #bcbcbc;text-transform: uppercase;} .l-right-hd .bd{width:95%;text-align: right;font-size: 14px;color: #999999;line-height: 50px;} .l-right-hd .bd a{color: #999999;} .l-right-hd .bd a:Hover{color: #0060c0;} .l-right-bd{overflow: hidden;line-height: 260%;padding:5px;font-size: 110%;background: #fff;} .page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;} .tz-gallery{padding:0;} @media(min-width: 768px){ .l-right-bd{padding:20px;} } @media(min-width: 1200px){ .list .container{padding:0;} } #prev_next{width:100%;float: left;margin-top: 30px;} #prev_next li{width:100%;float: left;padding:0 10px; background: #eeeeee;margin-top:5px;line-height: 260%;} #prev_next li a{color: #666666;} #prev_next li:hover a{color: #fff;} #prev_next li:hover{background: #399ae7;color: #fff} /*产品内页样式*/ .l-right-hd{width:100%;float: left;overflow: hidden;} .l-right-hd .lt{text-align: center;width:100%;float: left;overflow: hidden;} .l-right-hd .lt img{width:100%;height: } .l-right-hd .rt{width:100%;float: left;overflow: hidden;color: #555555;} .l-right-hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;} .l-right-hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;} .l-right-hd .rt a{color: #ffffff;font-size: 24px;padding:10px 30px;display: none;background: #df354f;float: left;} @media(min-width: 768px){ .l-right-hd .rt h1{text-align:left;} .l-right-hd .rt p{display: block;} } @media(min-width: 992px){ /*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/ } @media(min-width: 1200px){ .l-right-hd .rt a{display: block;} .l-right-hd .rt a:hover{border:solid 1px #df354f;color: #df354f;background: none;} } .l-right-bd{width: 100%;float: left;overflow: hidden;} .l-right-bd .hd{width:100%;float: left;overflow: hidden;} .l-right-bd .hd .all-pic{height: 360px;} .l-right-bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;} .l-right-bd .title span{padding:3px 5%;display: block;font-size: 16px;color: #ffffff;background: #2b7ae8;float: left;} .l-right-bd .content{line-height: 260%;padding:15px;min-height: 400px;} .l-right-bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;} .l-right-bd .swiper-container { width: 100%; height: 240px; margin-left: auto; margin-right: auto; } .l-right-bd .swiper-slide { background-size: cover; background-position: center; } .l-right-bd .gallery-top { height: 240px; width: 100%; border:solid 5px #e5e5e5; } .l-right-bd .gallery-thumbs { height: 70px; box-sizing: content-box; padding: 10px 0; } .l-right-bd .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; border:solid 5px #e5e5e5; } .l-right-bd .gallery-thumbs .swiper-slide-active { opacity: 1; } @media(min-width: 768px){ .l-right-bd .hd .all-pic{height: 420px;} .l-right-bd .swiper-container {height: 296px;} .l-right-bd .gallery-top {height: 296px;} .l-right-bd .gallery-thumbs {height: 90px;} } /*新闻首页样式*/ .list-news{min-height: 100px;height: auto; } .list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;} .list-news li span{float: right;} .list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;} .list-news li:hover{background-color: #eee;} /*新闻内页*/ .p-img{ width: 100%; padding: 5px 0 15px 0; text-align: center; color:#888787; font-size: 14px; } .p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;} .p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;} .p-content{ width: 100%; margin: 0 auto; overflow: hidden;} .p-content .title{ width: 100%; height:30px; overflow: hidden; background-color: #f0f0f0;} .p-content .title h2{ width: 100px; text-align: center; height: 30px; overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;} .p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;} /*产品列表页*/ .pro{overflow: hidden;float: left;width:100%;} .pro li{margin-bottom: 15px;text-align: center;} .pro li img{border:solid 1px #cccccc;object-fit: cover;} .pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;} .pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;} .pro li:hover h1{color: #399ae7;} .pro li:hover img{border:solid 1px #399ae7;} /*产品内页样式*/ .l-right-bd .hd{width:100%;float: left;overflow: hidden;} .l-right-bd .hd .lt{text-align: center;width:100%;float: left;overflow: hidden;} .l-right-bd .hd .lt img{border:solid 1px #cecece;object-fit: cover;} .l-right-bd .hd .rt{width:100%;float: left;overflow: hidden;color: #555555;} .l-right-bd .hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;} .l-right-bd .hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;} .l-right-bd .hd .rt a{color: #ffffff;font-size: 24px;padding:2px 30px;display: none;background: #399ae7;float: left;border:solid 1px #fff;} @media(min-width: 768px){ .l-right-bd .hd .rt h1{text-align:left;} .l-right-bd .hd .rt p{display: block;height: 95px;margin: 15px 0;} .l-right-bd .hd .rt a{display: block;} } @media(min-width: 992px){ /*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/ } @media(min-width: 1200px){ .l-right-bd .hd .rt p{height: 150px;} .l-right-bd .hd .rt a:hover{border:solid 1px #399ae7;color: #399ae7;background: none;} } .l-right-bd .bd{width: 100%;float: left;} .l-right-bd .bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin:15px 0;} .l-right-bd .bd .title span{padding:3px 3%;display: block;font-size: 16px;color: #ffffff;background: #399ae7;float: left;} .l-right-bd .bd .content{line-height: 260%;padding:15px;min-height: 200px;} .l-right-bd .bd .content .pro-xg ul{height: 220px} .l-right-bd .bd .content .pro-xg li{width:240px;float: left;height:220px;margin-right: 15px; } .l-right-bd .bd .content .pro-xg li img{width:240px;float: left;height:180px;object-fit: cover;border:solid 1px #cecece;} .l-right-bd .bd .content .pro-xg li h1{text-align: center;font-size: 16px;color: #555555;line-height: 40px;width:100%;float: left;} .l-right-bd .bd .content .pro-xg li:hover h1{color: #399ae7;} .l-right-bd .bd .content .pro-xg li:hover img{border-color: #399ae7;} /* message styles */ .message{width:100%;float: left;overflow: hidden;margin-left: 5px;} .message ul{ overflow: hidden; } .message li{ float: left; margin:10px 0; } .message input { position: relative; display: block; float: left; padding:0 15px; width: 100%; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; border-radius: 5px } .message textarea { position: relative; display: block; float: left; padding:.5em; width: 100%; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; resize:none; border-radius: 5px } .message textarea:focus { outline: none; } .message input:focus { outline: none; } .message #submit{ height: 35px; line-height: 35px; padding:0; color: #fff; background: #399ae7; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .message #submit:hover{ background: #3889c9; } /* go top */ .plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;} .plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#399ae7;line-height: 45px;margin-top:1px;} .plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .plugin-fixed-call .child a{ display: inline-block; overflow: hidden; } .plugin-fixed-call .child:hover{width:160px;background: #000;} .plugin-fixed-call .child img{position:absolute;top:0px;left:0px;} .plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;} .plugin-fixed-call .fixedQQ{bottom:92px;} .plugin-fixed-call .fixedCall{bottom:46px;} .plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";} .plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;} .plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#399ae7;line-height: 45px;margin-top:1px;} .plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;} .fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;} .fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;} .f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; } .f-m-nav li{ float: left; width: 25%; text-align: center;} .f-m-nav li a{ color: #fff;} .order-content{ padding: 20px 30px; background: #fff; } .order-content .order-line{ color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px; } .order-content .order-line:after{ display: block; content: ''; clear: both; height: 0; width: 0; } .order-content .order-line lable{ width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right; } .order-content .order-line .order-zhi{ float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2; } .order-content .order-line .order-zhi.noborder{ border:none; } .order-content .order-line .order-zhi.overword{ height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .order-line.bz-line{ height: auto; } .order-content .order-line .beizhu{ padding: 10px; float: left; border: 1px solid #d2d2d2; } .order-content .order-line .dwid{ width: 375px; } .order-content .order-line img{ display: inline-block; float: left; margin-left:15px; } .order-content .go-sub{ margin-left:70px; border: none; color: #fff; background: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px; outline: none; } .order-content .go-sub:hover { background: #FE4200; }