@charset "utf-8";

/* 1024px */

@media (min-width:1024px) {

/* --- 公用样式 --- */

.pc{display:block;}

.wap{display:none;}

.wrap{max-width:1280px; margin:0 auto;}

.flex{display: flex; align-items: center; flex-wrap: wrap;}

/* --- 分页 --- */

.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}

.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px; background: #fff;}

.page-showpage a.now{ background:#7bc00d; color:#fff; border:1px solid #7bc00d; }

/* --- 头部 --- */

.page-header{height: 100px; background: #E21836; background: url(../images/header-back.png) no-repeat center top; z-index: 900; position: relative;}

.page-header .wrap{height: 100%;}

/* roll */

.page-header.roll{position:fixed; left:0; top:0; width:100%; z-index:300; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);}

/* --- 导航 --- */

.page-nav{display: flex; margin-left: 112px; font-size: 18px; font-weight: bolder; position: relative; z-index: 200;}

.page-nav .item{position: relative; height: 100px; margin-right: 75px;}

/* show */

.page-nav .item .show {line-height: 100px;}

.page-nav .item .show a{transition: all .3s; color: #fff;}

/* hide */

.page-nav .item .hide{position: absolute; left: -15px; top: 100px; z-index: 300; width: 220px; background: #fff; display: none;  box-shadow: 0px 0px 10px #ddd;}

.page-nav .item .hide li{height: 48px;font-size: 14px; line-height: 48px; border-bottom: 1px solid #efefef; padding-left: 15px; position: relative;}

.page-nav .item .hide li:last-child{border-bottom: none;}

/* hide - link */

.page-nav .item .hide .link {}

.page-nav .item .hide .link a{color: #666; display: block;}



/* hide - level */

.page-nav .item .hide .level{display: none; position: absolute; top: 0; left: 220px; width: 220px; background: #fff; box-shadow: -10px 0 8px rgba(0, 0, 0, 0.02);}

.page-nav .item .hide .level a{display: block; border-bottom: 1px solid #efefef; padding-left: 15px; color: #666; }

.page-nav .item .hide .level a:last-child{border-bottom: none;}



/* hide - hover */

.page-nav .item .hide li:hover{background: #F18219; color: #fff;}

.page-nav .item .hide li:hover .link a{color: #fff;}

.page-nav .item .hide li:hover .level{display: block; left: 220px ; top: 0;}

.page-nav .item .hide li:hover .level a:hover{color: #fff; background: url(../images/nav-arrow.png) no-repeat 90% center #F18219;}

/* hover */

.page-nav .item:hover .show a{color: #ffde00;}

.page-nav .item:hover .hide{display: block;}

/* now */

.page-nav .item.now a{color: #ffde00;}


/* --- 语言 --- */

.page-language{margin-left: auto; font-size: 14px; position: relative; z-index: 300;} 

/* show */

.page-language .show{color: #fff; height: 100px;}

.page-language .show .icon{margin-right: 10px;}

/* hide */

.page-language .hide{ position: absolute; left: -15px; top: 100px; z-index: 300; background: #fff; width: 135px; display: none;   box-shadow: 0px 0px 10px #ddd;}

.page-language .hide li{border-bottom: 1px solid #efefef;}

.page-language .hide li a{ display: flex; align-items: center; height: 48px;}

.page-language .hide li a .icon{width: 50px; text-align: center;}

.page-language .hide li a:hover{color: #7bc00d;}

/* hover */

.page-language:hover .hide{display: block;}

/* --- 搜索 --- */

.page-search{ padding-left: 40px; position: relative; height: 100px; z-index: 300;} 

/* show */

.page-search .show {height: 100px; display: flex; align-items: center;}

.page-search .show .icon{margin-right: 10px;}

/* hide */

.page-search .hide{  position: absolute; right: 0; top: 100px; z-index: 300; display: none;  width: 460px; height: 64px; background: #fff; border-radius: 5px; overflow: hidden;   box-shadow: 0px 0px 10px #ddd;}

.page-search .hide input{width: 85%; border: none; padding-left: 15px;}

.page-search .hide button{width: 15%; background: url(../images/search-btn.png) no-repeat center center; border: none;}

/* hover */

.page-search:hover .hide{display: flex;}

/* --- 更多 --- */

.page-more{ background: #7bc00d; width: 160px; height: 38px; text-align: center; display: flex; align-items: center; border-radius: 10px; justify-content: center; transition: all .3s;}

.page-more a{background: url(../images/arrow.png) no-repeat right; padding-right: 30px; color: #fff; text-transform: uppercase;}

.page-more:hover{background: #FF9002;}

/* --- 产品 --- */

.page-product li{ padding-bottom: 20px; margin-right:27px;}

/* box */

.page-product li .box{padding-bottom:35px; width:408px; height:535px; border: 1px solid #efefef; transition: all .3s; background: #fff;}

/* pic */

.page-product li .pic{overflow:hidden; width: 100%; height: 311px; display: flex; align-items: center; justify-content: center;}

.page-product li .pic img{}

/* content */

.page-product li .content{ overflow:hidden; position:relative; padding: 20px;}

.page-product li .content h3{font-size: 18px; font-weight: bold; margin-bottom: 15px; height: 20px; line-height: 20px;  overflow:hidden; white-space: nowrap;  text-overflow: ellipsis;}

.page-product li .content .text{line-height: 20px; color: #666; height: 100px; overflow: hidden; margin-bottom: 30px;}

.page-product li .content .more{font-weight: bolder;}

/* hover */

.page-product li:hover .box{ border: 1px solid #7bc00d; box-shadow: 10px 10px 20px #ececec;}

.page-product li:hover a{color:#7bc00d;}

/* --- 案例 --- */

.page-case li{width: 414px; margin-right: 19px; position: relative; margin-bottom: 19px;}

.page-case li .box{background: #fff;}

.page-case li .pic{overflow: hidden;}

.page-case li .text{position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; color: #fff; transition: all .3s; font-size: 16px;}

.page-case li .text a{color: #fff;}

/* hover */

.page-case li:hover .text{ background: #FF9002; background-color:rgba(255,144,2,0.8);}

/* --- 新闻 --- */

.page-news{justify-content: space-between;}

.page-news li{width: 413px;}

.page-news li .box{border: 1px solid #efefef; padding: 14px; transition: all .3s; background: #fff;}

.page-news li .pic{margin-bottom: 15px; overflow: hidden;}

.page-news li .title{font-size: 18px; font-weight: bolder; margin-bottom: 10px; height: 25px; line-height: 25px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.page-news li .dep{line-height: 20px; margin-bottom: 20px; color: #666; height: 80px; overflow: hidden;}.page-news li .more{font-weight: bolder;}

/* hover */

.page-news li:hover a{color: #7bc00d ;}

.page-news li:hover .box{border: 1px solid #7bc00d; box-shadow: 10px 10px 20px #ececec; }

/* --- 底部 --- */

.page-footer{background: url(../images/footer.jpg) no-repeat; background-size:cover;}

/* wrap */

.page-footer .content{padding: 50px 0; display: flex;}

/* column */

.page-footer .column{font-size: 20px; color: #fff; font-weight: bolder; margin-bottom: 10px; text-transform: uppercase;}

/* logo */

.page-footer .logo{margin-right: 90px;}

/* box */

.page-footer .box{ width: 300px;}

/* list */

.page-footer .list em{display: block; line-height: 200%;}

.page-footer .list a{color: #fff;}

.page-footer .list a:hover{ color: #ffd67d;}

/* contact */

.page-footer .contact p{line-height: 125%; color: #fff; margin-bottom: 15px;}

/* sitemap */

.page-footer .sitemap{border-top: 1px solid #FF7462; padding: 20px 0; text-align: center; color: #fff;}

.page-footer .sitemap a{color: #fff; margin-left: 10px; margin-right: 10px;}

/* copyright */

.page-footer .copyright{text-align: center; padding-bottom: 20px; color: #fff; text-transform: uppercase;}

/* --- 其他产品 --- */

.page-other {padding: 20px; background: #fff; overflow:hidden; margin-bottom: 30px;}

.page-other .bd{margin-bottom:0px; position:relative;  background: #fff;}

.page-other .bd li{float:left; margin-right:10px; padding-bottom:30px;}

.page-other .bd li a{width:302px; height:368px; border:1px solid #efefef; display:block; transition:all .3s;}

.page-other .bd li a .pic{height:320px; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.page-other .bd li a .text{text-align:center; font-size:14px; height:66px; line-height: 66px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}

.page-other .bd li:hover a{ border:1px solid #7bc00d; box-shadow: 0px 10px 20px #ececec;}

/* hover */

.page-other .bd:hover .page-arrow{opacity: 1;}

/* --- 右侧 --- */
.page-side{position:fixed;width:54px;height:275px;right:0;top:250px;z-index:300;}
.page-side ul li{width:54px;height:54px; position:relative; border-bottom:1px solid #999;}
.page-side ul li a{}

/* sidebox */
.page-side ul li .sidebox{position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s;opacity:0.8; color:#fff; overflow:hidden; display: flex; align-items: center;  background:#666;}
.page-side ul li .sidebox .text{position: absolute; left: 54px; width: 99px;}
.page-side ul li .iconfont{width: 54px; display: block; text-align: center; line-height: 54px;}

/* qrcode */
.page-side ul li .qrcode{position: relative; background:#666; opacity:0.8; }
.page-side ul li .qrcode .pic{position: absolute; right: 54px; bottom: 0; width: 0; background:#E21836; opacity: 0; transition: all .3s; padding: 5px;}
.page-side ul li .qrcode .pic img{background: #fff;}
.page-side ul li .qrcode .iconfont{color: #fff;  }

/* top */
.page-side ul li .sidetop{width:54px; height:54px; line-height:54px; background:#666;transition:all 0.3s; }
.page-side ul li .sidetop .iconfont{color: #fff;  background:#666; opacity:0.8; }
.page-side ul li .sidetop:hover{background:#E21836; opacity:1;  }

/* hover */
.page-side ul li .sidebox:hover{opacity: 1; background:#E21836;}
.page-side ul li .sidetop .iconfont:hover{opacity: 1; background:#E21836;}
.page-side ul li .qrcode:hover{opacity: 1; background:#E21836;}
.page-side ul li .qrcode:hover .pic{opacity: 1; right: 54px; width: 150px; }

/* --- 箭头 --- */
.page-arrow{opacity: 0;}

.page-arrow .prev,

.page-arrow .next{position:absolute; top:calc(50% - 60px); height:60px; width:34px; cursor:pointer; transition:all .3s ease; }

.page-arrow .prev{background:url(../images/arrow-left-2.png) no-repeat center center rgba(0, 0, 0, 0.3); }

.page-arrow .next{background:url(../images/arrow-right-2.png) no-repeat center center rgba(0, 0, 0, 0.3); right: 0px;}

/* hover */

.page-arrow .prev:hover {background:url(../images/arrow-left-2.png) no-repeat center center rgba(218, 37, 28, 0.5); opacity:1;}

.page-arrow .next:hover{background:url(../images/arrow-right-2.png) no-repeat center center rgba(218, 37, 28, 0.5); opacity:1; right: 0px;}

/* --- 切换 --- */

.page-hd {overflow: hidden;}

.page-hd ul{display: flex; align-items: center; justify-content: center;}

.page-hd li{width:30px; height:5px; display:inline-block; margin-left:5px; margin-right:5px; cursor:pointer; opacity: .5; text-indent: 999rem; background: #ddd;}

.page-hd li.on{background:#E21836; opacity: 1;}

/* ------ 首页 ------ */


/* --- 栏目 --- */

.home-column {margin-bottom: 30px;}

.home-column .box{margin-bottom: 30px;}

.home-column .title{font-size: 30px; font-weight: bolder;}

.home-column .page-more{margin-left: auto;}

.home-column .dep{}

/* --- banner --- */

.home-banner{ position: relative;}

/* bd */

.home-banner .bd li{height:600px;}

/* 点 */

.home-banner .hd {position:absolute; bottom:20px; left:0; width:100%; text-align:center;}

.home-banner .hd li{width:30px; height:5px; background:#fff; display:inline-block; margin-left:5px; margin-right:5px; cursor:pointer; opacity: .5;}

.home-banner .hd li.on{background:#E21836; opacity: 1;}

/* 箭头 */

.home-banner .prev,

.home-banner .next{position:absolute; top:45%; opacity:0; transition:all .3s ease; cursor:pointer;}

.home-banner:hover .prev,

.home-banner:hover .next{opacity:1;}

.home-banner .prev{left:50px;}

.home-banner .next{right:50px;}

/* --- 类目 --- */

.home-category{ background: #f5f5f5; padding: 25px 0; padding-top: 30px; padding-bottom: 0; overflow: hidden;}

.home-category .item{width: 16.666%; text-align: center; margin-bottom: 40px;}

.home-category .item .pic{margin-bottom: 15px;}

.home-category .item .pic img{border-radius: 100%; overflow: hidden; transition: all .3s;}

.home-category .item .text{color: #333; font-weight: bolder;}

/* hover */

.home-category .item:hover .pic img{box-shadow: 0 10px 25px #ccc;}

.home-category .item:hover .text{color: #ff0000;}

/* --- 产品 --- */

.home-product{ position:relative; overflow:hidden; margin-top: 50px; margin-bottom:50px;}



/* 列表 */

.home-product .bd { position:relative; margin-bottom: 30px;}

.home-product .bd ul{ }



/* hover */

.home-product .bd:hover .page-arrow{opacity: 1;}

/* --- 关于我们 --- */

.home-about{padding: 50px 0; background: url(../images/about-back.png) no-repeat center center #EAEDF2;} 

.home-about .wrap{ display: flex; align-items: center;}



/* 内容 */

.home-about .content{ width: 43%;}

.home-about .content .title{font-size: 30px; font-weight: bolder; text-transform: uppercase;}

.home-about .content .year{background: url(../images/about-year.png) no-repeat; line-height: 30px; width: 325px; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 20px;}

.home-about .content .dep {margin-bottom: 50px;}

.home-about .content .dep p{line-height: 200%; margin-bottom: 25px;}



/* 视频 */

.home-about .video{width:52%; margin-left: auto;}

.home-about .video video{width: 100%; object-fit:fill }

/* --- 案例 --- */

.home-case{padding: 50px 0;}



/* bd */

.home-case .bd {position: relative; margin-bottom: 30px; overflow:hidden;}



/* hover */

.home-case .bd:hover .page-arrow{opacity: 1;}


/* --- 服务 --- */

.home-service{position:relative;}



/* item */

.home-service .item{height:750px; position:relative;}

.home-service .item .photo{height:750px; text-align:center;} 

.home-service .item .content{position:absolute; z-index:200; left:0; top:0; width:100%; height:100%;}

.home-service .item .content .wrap{ display:flex; align-items:center; height:100%;}

.home-service .item .content .box{ width:805px; height:613px; padding:50px; background:url(../images/home-service.png) no-repeat; margin-left:-80px; padding-left:80px;}

.home-service .item .content .box h3{font-size:48px; color:#fff; font-weight:bolder; margin-bottom:30px;}

.home-service .item .content .box .subtitle{font-size:18px; color:#fff; margin-bottom:20px;}

.home-service .item .content .box .text{width:75%;}

.home-service .item .content .box .text p{line-height:180%; color:#fff; font-size:14px;}



/* other */

.home-service .other{position:absolute; left:0; bottom:125px; z-index:500; width:100%;}

.home-service .other .wrap{display:flex; align-items:flex-end;}

.home-service .other .pageState{margin-left:0px; font-size:24px; color:#fff;}

.home-service .other .pageState span{display:inline-block; font-size:72px;}

.home-service .other .nextpage{margin-left:100px; width:250px; display: flex; align-items:center; justify-content:space-between; margin-bottom:10px;}

.home-service .other .nextpage a{display:block; color:#fff; cursor:pointer; text-transform:uppercase;}

.home-service .other .nextpage a.prev{background:url(../images/page-prev.png) no-repeat; padding-left:30px;}

.home-service .other .nextpage a.next{background:url(../images/page-next.png) no-repeat right center; padding-right:30px;}

/* --- 新闻 --- */

.home-news{padding: 50px 0;}

/* ------ 内页 ------ */



/* --- banner --- */

.inner-banner{height: 400px;}



/* about */

.inner-banner.banner-about{background: url(../images/banner-about.jpg) no-repeat; background-size: cover;}

/* --- path --- */

.inner-path{height: 65px; line-height: 65px; color: #ccc; text-transform: uppercase; margin-left: -5px;}

.inner-path a{margin-left: 5px; margin-right: 5px;}

/* --- 关于我们 --- */

/* column */

.about-column h3{font-size: 18px; color: #e21836; font-weight: bolder; margin-bottom: 15px; text-transform: uppercase;}

.about-column .text{ line-height: 150%;}



/* content */

.about-content{margin-bottom: 50px;}

.about-content p{margin-bottom: 20px; line-height: 150%;}



/* tour */

.about-tour{ margin-bottom: 50px;}



/* tour - bd */

.about-tour .bd {position: relative;}

.about-tour .bd li{margin-right: 19px; padding-bottom: 30px;}

.about-tour .bd li .box{width: 415px; border: 1px solid #efefef; background: #f9f9f9; transition: all .3s;}

.about-tour .bd li .box .pic img{width: 100%;}

.about-tour .bd li .box .title{text-align: center; margin-top: 20px; font-size: 18px; font-weight: bolder;}

.about-tour .bd li .box .dep{padding:15px 20px; height: 100px; line-height: 150%; color: #666;}

/* hover */

.about-tour .bd:hover .page-arrow{opacity: 1;}

/* tour - hover */

.about-tour .bd li:hover .box .title{color: #e21836;}

.about-tour .bd li:hover .box{ border: 1px solid #e21836;  box-shadow: 10px 10px 20px #ececec;}

/* photo */

.about-photo{ margin-bottom: 50px; margin-top: 30px;}

.about-photo li{border: 1px solid #efefef; padding: 5px; width: 305px; margin-bottom: 20px; transition: all .3s; overflow: hidden;}

.about-photo li:not(:nth-child(4n)){margin-right: 20px;}

.about-photo li:hover{border: 1px solid #e21836; box-shadow: 10px 10px 20px #ececec;}

/* --- 案例 --- */

.inner-case{overflow: hidden;}

.inner-case ul{width: 105%;}

/* --- 新闻 - 分类 --- */

.news-type{background:#e21836 ; padding-bottom: 40px;}

/* column */

.news-type .column{height: 80px; line-height: 80px; font-size: 20px; font-weight: bolder; color: #fff;}

/* type */

.news-type .type li{width: 220px; text-align: center; line-height: 40px; margin-right: 10px;}

.news-type .type li a{display: block; background: #fff; text-transform: uppercase; transition: all .3s;}

.news-type .type li a.now{background: #FF9002; color: #fff;}

.news-type .type li a:hover{background: #FF9002; color: #fff;}

/* --- 新闻 - 列表 --- */

.inner-news {margin-top: 30px;}

.inner-news li{margin-bottom: 20px;}

/* --- 产品列表 --- */

.inner-product{overflow: hidden;}

.inner-product ul{width: 105%;}

/* --- 联系 - 方式 --- */

.contact-way { margin-bottom: 20px;}

/* wrap */

.contact-way .wrap{justify-content: space-between; display: flex;}



/* item */

.contact-way .item{width: 32%; background: #F8F8F8; height: 310px; transition: all .3s; border: 1px solid #fff;}



/* title */

.contact-way .item .title{text-align: center; font-size: 18px; color: #e21836; text-transform: uppercase; font-weight: bolder; height: 109px; line-height: 109px; width: 109px; margin: 0 

auto; border-bottom: 1px solid #333; margin-bottom: 50px; transition: all .3s;}



/* text */

.contact-way .item .text{text-align: center; padding: 0 20px; line-height: 180%;}

.contact-way .item .text p{line-height: 180%; color: #050404;}

/* hover */

.contact-way .item:hover{box-shadow: 10px 10px 20px #ececec;  border: 1px solid #efefef;}

.contact-way .item:hover .title{width: 60%; font-size: 25px;}

/* 留言地图 */

.contact-message{ background:#f9f9f9;  overflow:hidden;}

.contact-message .wrap{display: flex;}



/* 栏目 */

.contact-message .column strong{font-size:18px; margin-bottom:10px; display:block; text-transform: uppercase;}

/* 留言 */

.contact-message .message{width:50%;  padding:30px 20px;}

.contact-message .message .text{margin-bottom:15px; font-size:14px; color:#999;}

.contact-message .message li b{display:block; margin-bottom:5px; text-transform: uppercase;}

.contact-message .message li input{width:100%; height:40px; line-height:40px; padding-left:15px; background:#f5f5f5; border:none; margin-bottom:20px; transition:all .3s; border:1px solid #ddd; font-size:14px;}

.contact-message .message li textarea{width:100%; height:220px; padding:15px;background:#EDEDED; border:none;  margin-bottom:20px; transition:all .3s;  border:1px solid #ddd; font-size:14px;}

.contact-message .message li button{background:#e21836; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; border:none; cursor:pointer;}

.contact-message .message li button:active{opacity:.8;}

.contact-message .message li input:focus{background:#fff;}

.contact-message .message li textarea:focus{background:#fff;}

/* 地图 */

.contact-message .maps{ margin-left: auto; width: 50%;  padding: 20px; height: 550px;}

.contact-message .maps iframe{ width: 100%;}

.traffic-map{overflow:hidden;}

/* --- 产品介绍 --- */

.goods-dep{background:#fff; overflow:hidden; padding:30px; margin-bottom:20px; display: flex;}



/* 产品 - 图 */

.goods-pic{ width: 50%; display: flex;}

.goods-pic.wap{display: none;}

/* pic - small */

.goods-pic .small{width:17%;}

.goods-pic .small li{margin-bottom:10px; border:1px solid #efefef; height:105px; display: flex; align-items: center; justify-content: center; transition: all .3s;}

.goods-pic .small li.on{border:1px solid #e21836; background: #fff; box-shadow: 0px 5px 10px #ececec; }

/* pic - sPrev */

.goods-pic .small .small-Img{margin-top:15px; margin-bottom:10px;}

.goods-pic .small .sPrev{ background:url(../images/arrow-top.png) no-repeat center; height:9px; display:block;}

.goods-pic .small .sNext{ background:url(../images/arrow-down.png) no-repeat center; height:9px; display:block;}

.goods-pic .small .sPrev:hover{ background:url(../images/arrow-top-hover.png) no-repeat center; height:9px; display:block;}

.goods-pic .small .sNext:hover{ background:url(../images/arrow-down-hover.png) no-repeat center; height:9px; display:block;}

/* pic - big */

.goods-pic .big{margin-left:auto; width:80%; height: 500px; border:1px solid #efefef; transition: all .3s;}

.goods-pic .big ul{height: 100%;}

.goods-pic .big li{display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%;}

.goods-pic .big:hover{ border:1px solid #ddd; }

/* 产品 - 信息 */

.goods-info{width:48%; position:relative; margin-left: auto;}



/* info - title */

.goods-info .title{margin-bottom: 15px;;}

.goods-info .title h1{font-size: 24px; color: #e21836; font-weight: bolder;}



/* info - content */

.goods-info .content p{color:#666; position:relative; font-size:14px; line-height: 150%;}



/* info - btn */

.goods-info .btn{border-top:1px solid #efefef; padding-top: 30px; margin-top: 30px; position: absolute; bottom: -10px; left: 0; width: 100%;}

.goods-info .btn ul{justify-content: space-between; }

.goods-info .btn li { width: 49%; margin-bottom: 10px;}

.goods-info .btn li .box{background: #ebebeb; width: 100%;}

.goods-info .btn li .box a{display: flex;  align-items: center;height: 40px; padding-left: 15px; }

.goods-info .btn li .iconfont{margin-right: 20px;;}

.goods-info .btn li .box:hover a{background:#e21836; color: #fff;}

.goods-info .btn li .follow{display: flex; align-items: center; height: 40px; }

.goods-info .btn li .follow a{margin-right: 10px;;}

/* 产品 - 介绍 */

.goods-introduce .wrap{ background:#fff; margin-bottom:30px; padding-bottom:30px;}

.goods-introduce .content{padding:20px;}

.goods-introduce .content strong{margin-bottom:15px; margin-bottom:20px; color:#7bc00d; }

.goods-introduce .content p{line-height:200%; font-size:14px;}

.goods-introduce .content span{display:inline-block;}

/* 产品 - 栏目 */

.goods-column{border-bottom:1px solid #efefef; height:56px; line-height:56px;  background: #fff;}

.goods-column h3{ width:200px; text-align:center; border-right:1px solid #efefef; height:56px; line-height:56px; font-size:16px; color:#7bc00d; text-transform:uppercase; font-weight:bold;}

/* 产品 - 询盘 */

.goods-inquiry{ margin-bottom:20px;}

.goods-inquiry .box{ background:#fff; overflow:hidden; }

.goods-inquiry ul{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px; padding-bottom:0;}

/* list */

.goods-inquiry li{ width:22.5%; height:35px; line-height:35px; margin-bottom:25px;}

.goods-inquiry li select{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px;  font-size:12px;  transition:all .3s ease;}

.goods-inquiry li select:hover{ box-shadow: 0px 10px 20px #efefef;}

/* input */

.goods-inquiry li input{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px; font-size:14px;   transition:all .3s ease; }

.goods-inquiry li input::-webkit-input-placeholder {color:#333;}

.goods-inquiry li input:focus{border:1px solid #e21836;}

.goods-inquiry li input:hover{border:1px solid #e21836;box-shadow: 10px 10px 20px #ececec; }

.goods-inquiry li input::-webkit-input-placeholder {color:#aaa;}

/* message */

.goods-inquiry .message{ padding:0 20px;}

.goods-inquiry .message textarea{width:100%;  border:1px solid #ddd; background:#fff; height:150px; padding:10px; font-size:14px; transition:all .3s ease;  }

.goods-inquiry .message textarea::-webkit-input-placeholder {color:#333;}

.goods-inquiry .message textarea:focus{border:1px solid #e21836; box-shadow: 10px 10px 20px #ececec;}

.goods-inquiry .message textarea:hover{border:1px solid #e21836;}

.goods-inquiry .message textarea::-webkit-input-placeholder {color:#aaa;}

/* btn */

.goods-inquiry .btn{ text-align:right; margin-top:20px; padding:20px;}

.goods-inquiry .btn button{background:#E7E7E7; width:135px; height:40px; line-height:40px; text-align:center; font-size:14px; text-transform:uppercase; border:none; transition:all .3s; cursor:pointer;}

.goods-inquiry .btn button:hover{background:#e21836; color:#fff; }
}