﻿@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .5rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 10%;top: 50%;right: 10%;transform: translateY(-50%);text-align: center;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.banner .swiper-slide .txt p{font-weight: bold;font-size: .3rem;margin-top: .05rem;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt .more{background: #e60012;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .2rem;text-transform: uppercase;}
.banner .swiper-slide .txt .more a{padding: .06rem .15rem;display: block;color: #FFF;}
.banner .swiper-slide .txt .more a:hover{text-decoration: none;}
.banner .swiper-slide .txt .more i{font-size: .08rem;padding-left: .05rem;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .2rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .5rem;height: 3px;margin: 0 .05rem !important;background: #FFF;border-radius: 0;opacity: .6;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #e60012;opacity: 1;}
.banner video{width: 100%;}

.dyip{background:#F5F5F5;}
.dyip .title{text-align: center;}
.dyip .title:after{content: "";display: block;width: .5rem;height: 4px;background: #e60012;margin: .06rem auto 0 auto;}
.dyip .box{margin-top: .25rem;}
.dyip .box .left{width: 49%;position: relative;float: left;border-radius: .03rem;overflow:hidden;}
.dyip .box .left figure{padding-bottom: 97%;}
.dyip .box .left .txt{padding: .2rem;text-align: center;position: absolute;left: 0;right: 0;bottom: 0;}
.dyip .box .left .txt h2{font-size: .11rem;font-weight: bold;}
.dyip .box .left .txt p{padding-top: .04rem;color: #666;}
.dyip .box .left a:hover{text-decoration: none;}
.dyip .box ul{width: 49%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;float: right;}
.dyip .box li{width: 48%;margin-bottom: 4%;border-radius: .03rem;overflow: hidden;position: relative;}
.dyip .box li figure{padding-bottom: 97%;}
.dyip .box li .txt{text-align: center;padding-bottom: .2rem;position: absolute;z-index: 1;left:0;right:0;bottom:0;}
.dyip .box li .txt h2{font-size: .11rem;font-weight: bold;}
.dyip .box li .txt p{padding-top: .04rem;color: #666;}
.dyip .box li a{background: #f7f8fc;transition: all .3s;position: relative;}
.dyip .box li a:hover{text-decoration: none;}
.dyip .box li a:after{content: "";display: block;width: 0;position: absolute;left: 0;bottom: 0;height: 2px;background: #e60012;transition: all .3s;}
.dyip .box li a:hover:after{width: 100%;}

.derp{padding: 0 8% 4% 8%;}
.derp .title{text-align: center;}
.derp .title:after{content: "";display: block;width: .5rem;height: 4px;background: #e60012;margin: .06rem auto 0 auto;}
.derp .box{position: relative;margin-top: .2rem;border-radius: .1rem;overflow: hidden;}
.shengchan_title{position: absolute;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);}
.shengchan_title .swiper-slide{color: #FFFF;font-size: .16rem;box-sizing: border-box;padding: .2rem;position: relative;overflow: hidden;cursor: pointer;justify-content: space-between;text-align: center;}
.shengchan_title .swiper-slide p{font-size: .3rem;opacity: .5;color: #FFF;}
.shengchan_title .swiper-slide-thumb-active{background-image: linear-gradient(to top, rgba(230,0,18,1) 0%, rgba(230,0,18,0) 100%);color: #FFF;}
.shengchan .swiper-slide figure{padding-bottom: 40%;}

.dsanp{padding: 4% 8%;}
.dsanp .title{text-align: center;}
.dsanp .title:after{content: "";display: block;width: .5rem;height: 4px;background: #e60012;margin: .06rem auto 0 auto;}
.dsanp .box{margin-top: .2rem;position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dsanp .box h2{font-size: .20rem;font-weight: bold;}
.dsanp .box .pic{width: 48%;}
.dsanp .box .pic figure{padding-bottom: 70%;}
.dsanp .box_con{width: 48%;position: relative;z-index: 1;}
.dsanp .txt{line-height: 1.8;margin-top: .1rem; font-size: .11rem;}
.dsanp ul{display: flex;align-items: center;flex-wrap: wrap;padding-top: .2rem;justify-content: center;}
.dsanp li{box-sizing: border-box;width: 20%; font-size: .11rem;}
.dsanp li:last-child{border-right: none;}
.dsanp li i{font-style: normal;display: inline-block;font-size: .18rem;font-weight: bold;color: #e60012;}
.dsanp .more{background: #e60012;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .3rem;text-transform: uppercase;font-weight: bold;}
.dsanp .more a{padding: .06rem .3rem;display: flex;color: #FFF;align-items: center;}
.dsanp .more a:hover{text-decoration: none;}
.dsanp .more i{padding-left: .1rem;}

.dsip{text-align: center;background: #efefef;}
.dsip .title:after{content: "";display: block;width: .5rem;height: 4px;background: #e60012;margin: .06rem auto 0 auto;}
.dsip ul{display: flex;justify-content: space-between;padding-top: .2rem;flex-wrap: wrap;}
.dsip li{width: 23%;background: #FFF;padding: .2rem .16rem;box-sizing: border-box;border-radius: .05rem;overflow: hidden;}
.dsip li .ppimg{width:100%;}
.dsip li .ppimg img{width:100%; display:block; margin-bottom:3%;}
.dsip li h2{font-weight: bold;font-size: .13rem;}
.dsip li p{padding-top: .1rem; font-size:0.11rem; line-height: 1.8; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

.dwup{text-align:center;position:relative;}
.dwup .title{position:absolute;left:50%;top:10%;transform: translateX(-50%);}
.dwup .title:after{content: "";display: block;width: .5rem;height: 4px;background: #e60012;margin: .06rem auto 0 auto;}
.dwup img{max-width:100%;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 33%;}
.banner_pic .title{position: absolute;left: 8%;top: 0;right: 8%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title h2{color: #FFF;font-weight: bold;}
.banner_pic .title p{margin-top: .1rem;}

.subnavbox{padding:.2rem 8%;}
.subnav p{display: flex;align-items: center;flex-wrap: wrap;}
.subnav i:nth-of-type(1){font-size: .1rem;color: #e60012;padding-left: 0;}
.subnav i{font-size: .08rem;padding: 0 .05rem;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -1%;margin-bottom: -1%;margin-bottom: 1%;}
.subnav li{position: relative;margin-left: 1%;font-size: 16px;border-radius: .02rem;overflow: hidden;}
.subnav li a{display: block;padding: .03rem .05rem;overflow: hidden;transition: all .3s;background: #f6f9fc;}
.subnav li a:hover{display: block;text-decoration: none;color: #e60012;}
.subnav li a.current{color: #FFF;background: #e60012;}
.subnaver{margin-top: .1rem;border-top:1px solid #DDD;padding-top:.1rem;}
.subnaver ul{display: flex;margin-left: -1%;margin-bottom: -1%;}
.subnaver li{position: relative;margin-left: 1%;margin-bottom: 1%;}
.subnaver li a{display: block;padding: .02rem .05rem;overflow: hidden;transition: all .3s;border-radius: .03rem;overflow: hidden;border: 1px solid #DDD;}
.subnaver li a:hover{display: block;text-decoration: none;}
.subnaver li a.current{color: #e60012;border: 1px solid #e60012;}

.about_dyip{background: #F5F5F5;}
.about_dyip .box{background: #FFF;display: flex;justify-content: space-between;flex-wrap:wrap;}
.about_dyip .right{line-height: 1.8;width: 60%;box-sizing: border-box;padding: .2rem;font-size: .1rem;}
.about_dyip .txt::-webkit-scrollbar {width: 5px;}
.about_dyip .txt::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 1rem;overflow: hidden;}
.about_dyip .txt::-webkit-scrollbar-thumb {background: #666;border-radius: 1rem;overflow: hidden;}
.about_dyip .txt p{margin-bottom: .1rem;text-indent: 2em;}
.about_dyip .pic{position: relative;width: 40%;}
.about_dyip .pic figure{padding-bottom: 70%;}
.about_dyip .pic ul{display: flex;align-items: center;flex-wrap: wrap;position: absolute;left: .2rem;right: .2rem;bottom: .2rem;color: #FFF;}
.about_dyip .pic li{box-sizing: border-box;width: 25%;margin-top: .2rem;}
.about_dyip .pic li i{font-style: normal;display: inline-block;font-size: .2rem;font-weight: bold;}

.about_derp{background: url(../images/pic40.jpg) no-repeat center;background-size: cover;}
.about_derp ul{display: flex;flex-wrap: wrap;background: rgba(0, 0, 0, .6);}
.about_derp li{width: 33.333%;height: 1.3rem;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, .2);border-bottom: 1px solid rgba(255, 255, 255, .2);display: flex;align-items: center;justify-content: center;text-align: center;}
.about_derp li .txt{color: #FFF;}
.about_derp li .txt h2{font-size: .13rem;font-weight: bold;}
.about_derp li .txt p{padding-top: .05rem;}
.about_derp li:nth-of-type(4){width: 50%;}
.about_derp li:nth-of-type(5){width: 50%;}

.about_dsanp{}
.about_dsanp .title{text-align: center;}
.about_dsanp .swiper-father{padding: 0 8%;position: relative;margin-top: .2rem;}
.about_dsanp .index_lingyu .swiper-slide{border-radius: .02rem;background: #F5F5F5;text-align: center;}
.about_dsanp .index_lingyu .swiper-slide figure{padding-bottom: 80%;}
.about_dsanp .index_lingyu .swiper-slide p{padding: .1rem;}
.about_dsanp .index_lingyu .swiper-slide a:hover{text-decoration: none;}
.about_dsanp .swiper-button-next,.about_dsanp .swiper-button-prev{background: #F5F5F5;width: .24rem;height: .24rem;text-align: center;line-height: .24rem;outline: medium;color: #FFF;border-radius: 100%;}
.about_dsanp .swiper-button-next:after,.about_dsanp .swiper-button-prev:after{font-size: .1rem;color: #333;}
.about_dsanp .swiper-button-next{right: 4%;left: auto;}
.about_dsanp .swiper-button-prev{left: 4%;right: auto;}

.about_dsip{padding: 4% 0;background: #F5F5F5;}
.about_dsip .title{text-align: center;}
.about_dsip .swiper-father{padding: 0 8%;position: relative;margin-top: .2rem;}
.about_dsip .index_zs .swiper-slide{border-radius: .02rem;background: #FFF;text-align: center;}
.about_dsip .index_zs .swiper-slide figure{padding-bottom: 125%;}
.about_dsip .index_zs .swiper-slide p{padding: .1rem;}
.about_dsip .index_zs .swiper-slide a:hover{text-decoration: none;}
.about_dsip .swiper-button-next,.about_dsip .swiper-button-prev{background: #FFF;width: .24rem;height: .24rem;text-align: center;line-height: .24rem;outline: medium;color: #FFF;border-radius: 100%;}
.about_dsip .swiper-button-next:after,.about_dsip .swiper-button-prev:after{font-size: .1rem;color: #333;}
.about_dsip .swiper-button-next{right: 4%;left: auto;}
.about_dsip .swiper-button-prev{left: 4%;right: auto;}

.wenhua ul{display: flex;flex-wrap: wrap;margin-left: -2%;}
.wenhua li{width: 31.333%;margin-left: 2%;background: #F6F9FC;box-sizing: border-box;padding: .1rem;margin-bottom: 2%;}
.wenhua li h2{font-weight: bold;}
.wenhua li p{margin-top: .05rem;line-height: 1.6;font-size: .08rem;}

.yingyong ul{display: flex;align-items: center;flex-wrap: wrap;margin-left: -2%;}
.yingyong li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;text-align: center;}
.yingyong li figure{padding-bottom: 70%;}
.yingyong li p{padding: .1rem;}
.yingyong li a{background: #F6F9FC;display: block;}
.yingyong li a:hover{background: #e60012;display: block;text-decoration: none;color: #FFF;}

.shebei ul{display: flex;align-items: center;flex-wrap: wrap;margin-left: -2%;}
.shebei li{width: 23%;margin-left: 2%;margin-bottom: 2%;text-align: center;}
.shebei li figure{padding-bottom: 70%;}
.shebei li p{padding: .1rem;}
.shebei li a{background: #F6F9FC;display: block;}
.shebei li a:hover{background: #e60012;display: block;text-decoration: none;color: #FFF;}

.zhengshu ul{display: flex;align-items: center;flex-wrap: wrap;margin-left: -2%;}
.zhengshu li{width: 18%;margin-left: 2%;margin-bottom: 2%;text-align: center;}
.zhengshu li figure{padding-bottom: 150%;}
.zhengshu li p{padding: .1rem;}
.zhengshu li a{background: #F6F9FC;display: block;}
.zhengshu li a:hover{background: #e60012;display: block;text-decoration: none;color: #FFF;}

.yingyong_con{line-height: 1.6;}
.yingyong_con p{padding-bottom: .1rem;text-indent: 2em;}

.cpxqer .titleyi{padding: .1rem 0;border-top: 2px solid #000;font-weight: bold;display: flex;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 20%;}
.cpxqer .salary{width: 30%;}
.cpxqer .time{width: 20%;display: flex;align-items: center;justify-content: space-between;}
.cpxqer .time i{font-size: .08rem;transition: all 0.3s;}
.cpxqer .titleer{display: flex;}
.cpxqer .titleer.active{background: #F5F5F5;border-top: 1px solid #000;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;}
.cpxqer li .titleer{overflow: hidden;cursor: pointer;border-top: 1px solid #999;padding: .1rem 0;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3% 0;}

.products{background: #F6F9FC;}
.products .list ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.products .list li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;border-radius: .05rem;overflow: hidden;background: #FFF;text-align: center;}
.products .list li figure{padding-bottom: 80%;}
.products .list li a:hover figure img{transform: scale(1.2);}
.products .list li .txt{padding: .1rem;}
.products .list li h2{font-weight: bold;}
.products .list li h3{font-weight: bold;margin-top: .05rem;}
.products .list li p{padding-top: .05rem;color: #999;}
.products .list li .more{border-radius: 1rem;overflow: hidden;margin-top: .2rem;text-transform: uppercase;padding: .04rem .04rem .04rem .1rem;display: inline-block;border: 1px solid #CCC;}
.products .list li .more .fixd{display: flex;justify-content: space-between;align-items: center;}
.products .list li .more i{font-size: .08rem;margin-left: .1rem;background: #e60012;width: .16rem;height: .16rem;border-radius: 100%;display: flex;color: #FFF;align-items: center;justify-content: center;}
.products .list li a:hover{text-decoration: none;}

.products_con .products_con_t{display: flex;justify-content: space-between;flex-wrap: wrap;background: #FFF;}
.products_con .products_con_t .left{width: 40%; border: 1px solid #ccc;}
.products_con .products_con_t .left figure{padding-bottom: 90%;}

.products_con_t .right{width: 57%;}
.products_con_t .right h2{font-size: .12rem;display: block;font-weight: bold;margin-bottom:.1rem;}
.products_con_t .right p{line-height: 1.6;padding-top: .1rem;}
.products_con_t .right table{border-collapse: collapse;}
.products_con_t .right table th{background: #DDD;padding: .05rem;text-align: left;font-weight:bold;}
.products_con_t .right table td{padding: .05rem;}
.products_con_t .right table tr:nth-of-type(odd){background: #F8F8F8;}

.products_con_t img{width: 100%;}

.products_con_b{line-height: 1.6;padding: .4rem 0;}
.products_con_b .title{font-size:.13rem;font-weight:bold;}
.products_con_b .box{margin-top:.2rem;}
.products_con_b .box img{max-width: 100%; display:block; margin:auto;}
.products_con_b table{border-collapse: collapse;margin-bottom:.2rem;border-left:1px solid #CCC;border-top:1px solid #CCC;}
.products_con_b table th{background: #DDD;padding: .05rem;text-align: left;font-weight:bold;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
.products_con_b table td{padding: .05rem;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
.products_con_b table tr:nth-of-type(odd){background: #F8F8F8;}

.products_con_b .txt{margin-bottom:.2rem;}
.products_con_b .txt strong{font-weight:bold;font-size:.13rem;padding-bottom:.1rem;display:block;}
.products_con_b .txt img{max-width:100%;}

.products_related{margin-top: .3rem;}
.products_related .title{font-size: .14rem;display: flex;font-weight: bold;align-items: center;}
.products_related .title:before{content: "";display: block;width: 6px;height: .17rem;background: url(../images/pic17.jpg) no-repeat center;background-size: cover;margin-right: .08rem;}
.products_related .picshi{margin-top: .18rem;text-align: left;}
.products_related .swiper-slide{text-align: center;position: relative;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide h2{position: absolute;left: .1rem;bottom: .1rem;z-index: 1;transition: all .3s;font-size: .13rem;}
.products_related .swiper-slide a:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(4, 79, 160, .8);visibility: hidden;opacity: 0;transition: all .3s;}
.products_related .swiper-slide a:hover:after{visibility: visible;opacity: 1;}
.products_related .swiper-slide a:hover h2{color: #FFF;}

.news ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.news li{width: 31.333%;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #F6F9FC;}
.news li figure{padding-bottom: 64%;}
.news li .txt{padding: .1rem;}
.news li .txt h2{font-weight: bold;font-size: .13rem;}
.news li .txt h2 a:hover{text-decoration: none;}
.news li .txt time{display: block;padding-top: .05rem;color: #666;}
.news li .txt p{padding-top: .1rem;line-height: 1.6;color: #666;}
.news li .txt span{display: block;padding-top: .1rem;}
.news li .txt span a{color: #e60012;}
.news li .txt span a:hover{text-decoration: none;}

.news_con .left{width: 67%;float: left;box-sizing: border-box;}
.news_con .left .title h2{font-size: .16rem;font-weight: bold;}
.news_con .left .title p{margin-top: 10px;color: #666;}
.news_con .left .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #CCC;padding: .2rem 0;}
.news_con .left .txt p{padding-bottom: 10px;}
.news_con .left .txt img{max-width: 100%;}
.news_con .right{width: 28%;float: right;}
.news_con .news_tj h2{font-size: .16rem;color: #333;font-weight: bold;display: flex;align-items: center;}
.news_con .news_tj ul{margin-top: .1rem;}
.news_con .news_tj li{box-sizing: border-box;position: relative;font-size: 0;padding-bottom: .1rem;}
.news_con .news_tj li:last-child{border-bottom: none;}
.news_con .news_tj li figure{width: 30%;padding-bottom: 25%;display: inline-table;vertical-align: middle;}
.news_con .news_tj li:hover figure img{transform: scale(1.1);}
.news_con .news_tj li .txt{position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 67%;box-sizing: border-box;margin-left: 3%;}
.news_con .news_tj li .txt strong{display: block;font-size: .1rem;}
.news_con .news_tj li a{transition: all 0.3s;}
.news_con .news_tj li a:hover{text-decoration: none;}

.yanfa ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.yanfa li{width: 23%;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;box-shadow: 0 10px 8px rgba(0, 0, 0, .1);}
.yanfa li .pic{position: relative;}
.yanfa li h2{position: absolute;left: .1rem;right: .1rem;bottom: .1rem;transition: all .3s;font-size: .1rem;font-weight: bold;line-height: 1.6;color: #FFF;z-index: 1;}
.yanfa li .pic:after{content: '';position: absolute;bottom: 0;left: 0;height: 50px;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.01)) 80%;}
.yanfa li p{padding: .1rem;font-size: .08rem;line-height: 1.6;}
.yanfa li figure{padding-bottom: 65%;}
.yanfa li:hover figure img{transform: scale(1.2);}
.yanfa li a:hover{text-decoration: none;}

.download ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.download li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;}
.download li h2{font-weight: bold;}
.download li p{margin-top: .05rem;color: #999;font-size: .08rem;}
.download li i{display: block;text-align: right;margin-top: .05rem;font-size: .1rem;}
.download li a{background: #e1e9fa;padding: .1rem;display: block;}
.download li a:hover{text-decoration: none;background: #e60012;color: #FFF;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .1rem;text-align: center;margin:0 .03rem;background: #F6F9FC;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;background: #e60012;color: #FFF;}
.fenye li.current a{background: #e60012;color: #FFF;}
.fenye li:first-child a:hover{background: #e1e9fa;color: #e60012;}
.fenye li:last-child a:hover{background: #e1e9fa;color: #e60012;}
.fenye li i{font-size: .1rem;}
 
.sxy li{margin-bottom: .1rem;}
.sxy li p{font-weight: bold;}
.sxy li h2{margin-top: .1rem;}
.sxy li i{font-size: .1rem;color: #e60012;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #f5f5f5;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #e60012;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.contact_t ul{display: flex;flex-wrap: wrap;margin-left: -2%;}
.contact_t li{width: 31.333%;margin-left: 2%;background: #F6F9FC;box-sizing: border-box;padding: .1rem;line-height: 1.8;}
.contact_t li h2{font-weight: bold;}

#map_container{ height:2.5rem;margin-top: .2rem;}

.liuyan{margin-top:.3rem;}
.liuyan .title{text-align:center;}
.liuyan ul{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.liuyan ul:after{display: none;}
.liuyan li{ width:49%; margin-bottom: .1rem;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:2px solid #EEE; outline:medium; padding:10px 4%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:2px solid #EEE; outline:medium; padding:2%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#e60012;cursor: pointer;outline: medium;padding: .05rem .3rem;}


.contact>.container{display:flex}
.contact>.container>div{width:50%;padding:0 4%;  box-sizing:border-box;}
.contact .title{font-size: .2rem;font-weight: bold; color:#e60012}
.contact-box{border-right:1px solid rgba(0,0,0,.1)}
.contact-info{line-height:1.375em}
.contact-info p{font-size: 0.085rem; margin-bottom:1%;}
.contact-info b,.contact-info strong{color:#e60012;font-weight:600;}
.contact-follow a .icon{display:inline-block;font-size:1.75rem;width:1.75rem;height:1.75rem;line-height:1.75rem;text-align:center;color:var(--colour1);transition:all 0.4s}
.contact-follow a:hover .icon{opacity:0.5}
.contact-shop a{position:relative;display:block;margin-bottom:1rem;padding:1.5rem;text-align:center;color:var(--text);background:var(--grey_bg);transition:all 0.4s}
.contact-shop a:hover{color:#fff}
.contact-shop a:before{content:"";position:absolute;z-index:1;bottom:0px;left:0%;width:100%;height:0%;background-color:var(--colour1);transition:all .4s}
.contact-shop a:hover:before{height:100%}
.contact-shop a span{position:relative;z-index:2;display:inline-block;margin:0 0.25rem;line-height:2rem;vertical-align:middle}
.contact-shop a .icon{font-size:1.75rem}


#feedback{margin-top:0.2rem}
.select{position:relative;z-index:1}
.select>div{position:absolute;z-index:1;left:0;right:0;top:100%;background:#fff;border:1px solid #ebebeb;background:var(--grey_bg);margin:0;padding:0.5rem 0}
.feedback .select>a,.feedback input,.feedback select{display:block;outline:none;margin-bottom:0.1rem;width:100%;padding:0px 0.2rem;font-size:0.085rem;line-height:0.25rem;height:0.25rem;color:#666;border:none;background:#FFF;border:1px solid rgba(0,0,0,.1);transition:all .4s; box-sizing: border-box;}
.select>div a{color:var(--text);line-height:2em}
.select>div a.disabled{opacity:0.5}
.select>div a:hover{color:var(--colour1);background:#fff}
.feedback select{appearance:none}
.feedback .label input{display:none}
.field-name-prefix-item{display:inline-block}
.field-name-prefix-item label{display:block;margin-bottom:18px;line-height:40px;text-align:center;width:126px;cursor:pointer;background:#FFF;transition:color .15s,background .15s}
.field-name-prefix-item input[type=radio]:checked+label{color:#fff;background:var(--colour1)}
.form-control{border:1px solid #ebebeb;line-height:44px;height:44px;width:100%;padding:0px 15px;margin:10px 0px;border-radius:none;box-shadow:0}
.feedback textarea{border:none;font-size:0.085rem;line-height:0.25rem;width:100%;height:160px;padding:15px;margin:10px 0px;outline:none;box-shadow:none;overflow-x:hidden;background:#FFF;border:1px solid rgba(0,0,0,.1); box-sizing: border-box;}
.choice-privacy{margin-bottom:20px}
.choice-privacy input{margin-bottom:3px;margin-right:6px;display:inline-block;width:16px;height:16px;vertical-align:middle}
.choice-privacy input[type=radio]:checked~label{background:var(--colour1)}
.choice-privacy label a{color:#666;text-decoration:underline}
.choice-privacy label a:hover{color:var(--colour1);text-decoration:underline}
.feedback .submit{display: inline-block;
    padding: 0px 3em;
    background: #e60012;
    font-size: 0.085rem;
    line-height: 0.25rem;
    color: #fff;
    margin: 15px 0px;
    border-radius: 0.05rem;
    transition: all .3s;}
.feedback .submit:hover{background:#333}
.feedback .submit span{display:inline-block;font-size:20px;line-height:inherit;color:#fff !important;vertical-align:bottom}

.col-md-6{width:48%; float:left; margin-right:2%;}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
#feedback .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-2%;}