@charset "utf-8";
 body {padding: 0; margin: 0; font-family:'微软雅黑';background:#f1f1f3;}
 a{ text-decoration:none;}
 ol,ul,li {padding-left: 0em;list-style: none}
 h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
 input {outline: none;}
 html{ padding: 0; margin: 0; width: 100%; height: 100%;}
 html,body{ height:100%}

 .pr {position: relative;}.pa {position: absolute;}
.fl { float: left;}.fr { float: right;}
.white{color:#fff}
.black{#272636}
.m0a {margin-left: auto;margin-right: auto;}
.mb20{ margin-bottom:20px}
.pb20{ padding-bottom:20px}


.ft-header{height: 0.8rem; overflow: hidden; width:100%;padding-top: 0.1rem;box-shadow: 0px 2px 3px #b3b3b3;}
.topBox{width:100%;display: flex;justify-content : space-between;align-items : center;height: 0.8rem;}
.topBox .lang{float:left;line-height: 0.5rem;margin-left: 3%;font-size: 0.239rem;}
.topBox .lang a{font-size: 0.239rem; color: #000;}
.topBox .logo{position: absolute;left: 50%;margin-left: -1.28rem;width:40%;    font-size: 0;}
.topBox .logo a{display: inline-block}
.topBox .logo img{ width:100%; margin:0 auto;    font-size: 0;}
.topBox .mune{display: inline-block;font-size: 0}
.topBox .mune img{height:0.7rem;width: 0.7rem}

.menu{position: absolute;width:3rem;top:0;right:-3rem;background: rgba(255,255,255,0.9);display: flex;flex-direction:column;z-index: 999999;border-left: 1px solid #f1f1f3;}
.menu span{width: 100%;display: flex;justify-content: flex-end;padding: 0.2rem 0.3rem;box-sizing: border-box;border-bottom: 1px solid #f1f1f3;background: #fff;}
.menu span:after{content: " ";background: url(class.png);height: 0.5rem;width: 0.5rem;background-size: 100% 100%}
.menu li{font-size: 0;padding-left: 0.4rem;box-sizing: border-box;border-bottom: 1px solid #f1f1f3;}
.menu li a{font-size: 0.28rem;color: #333;display: inline-block;line-height: 0.7rem;width: 100%;}
.menu li.cur_nav{background: rgba(218,43,45,0.9)}
.menu li.cur_nav a{color:#fff}

.banner{margin-bottom: 1rem;}
.banner .showBox ul{display: none}
.banner .showBox ul img{width: 100%}
.banner .chooseBox{width: 100%;margin: 0 auto}
.banner .chooseBox ul{display: flex;justify-content : space-between;}
.banner .chooseBox ul li{width: 30%;display: flex;flex-direction:column;margin:0 0.1rem}
.banner .chooseBox ul li img{width: 100%}
.banner .chooseBox ul li p{font-size: 0.23rem;text-align: center;margin-top: 0.1rem;}
.banner .chooseBox ul li.current{box-shadow: 0px 2px 9px -3px #b3b3b3;}

.head-right{text-align: center;color: #000; right:0;top:0.1rem;z-index: 99999;}
.app-collapse-menu {margin:0;}
.app-list-home {padding: 0;margin: 5px 0 10px;background: #00b355;}
.app-list-home i {margin-top: -3px;margin-right: 5px;color: #fff;}
.app-list-home a {color: #fff;}
.app-list-item-link {color: #fff;display: block;width: 100%;text-align: left;}
.app-btn{min-width: 100%;text-align: center;padding:0 0.1rem 0 0;height:0.45rem;line-height: 0.45rem;}
.app-hide-list {}
.menu-click {    background: #000; color: #fff;}
.app-slide-menu .mdui-list-item-content {text-align: center!important;padding: 0.15rem 0;font-size: 0.25rem;}

.am-direction-nav{ display: none;}
.am-title{width:100%; height:0.6rem; background:#000; color: #fff;text-align: center;line-height: 0.6rem;font-size: 0.27rem;margin-bottom: 0.2rem;position: relative;}

.am-case{ display:inline-block; position:relative; width:100%; margin:10px 0;overflow: hidden}
.am-case ul{width:101%}
.am-case ul li{ float:left; width:16.3%; text-align:center; height:0.755rem;border-bottom: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;}
.am-case ul li:nth-child(6n){border-right:0}
.am-case ul li:nth-child(-n+6){border-top:1px solid #c5c5c5}
.am-case ul li a{}
.am-case ul li img{padding: 5%; height: 85%;}
.am-case ul li p{color:#666; font-size:0.239rem;}




.am-news{ display:block; position:relative;display:inline-block; width:96%; padding:0 1.8%; }
.am-news ul li{ line-height:0.62rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(zz_ico.jpg) no-repeat  1px 19px; text-indent:8px; font-size:0.274rem;}
.am-news ul li a{ color:#666;}

.am-xm{ display:block; position:relative;display:inline-block; width:96%; padding:0 1.8%; padding-top:15px }
.am-xm li{ line-height:30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-indent:8px; font-size:0.274rem; width:20%; float:left}
.am-xm li img{width:88%; height:auto;}
.am-xm li a{ color:#666;}
.am-xm li p{  text-align:center;}

.am-tit{ margin-top:35px;}
.am-tit p{ line-height:40px; text-align:center; font-size:0.308rem; height:40px;}
.am-tit .titbg{background:url(02_02.jpg) no-repeat center center; }
.an-more{ margin:0 auto; width:60%; border:1px solid #e4e4e4; line-height:0.512rem; text-align:center; font-size:0.239rem;}
.an-more a{ display:block; color:#666;}
.rt{ float:right; color:#666;}
.am-list{ padding:0 8px; width:100%;overflow:hidden;}
.am-list .crumbs{ font-size:0.239rem; line-height:40px;}
.am-list ul li{ line-height:36px; font-size:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.am-list ul li a{ color:#666;}
.an-show{ max-width:100%;text-align: center;position: relative;}
.an-show img{ width:100%; height:auto;}

/*.am-photo{ display:block; position:relative;display:inline-block; width:100%; padding-top:15px;}
.am-photo ul li{ width:48%; float:left; margin:0 1%;     margin-bottom: 0.6rem;}
.am-photo ul li p{ line-height:0.45rem; text-align:center; height:0.45rem; font-size:0.239rem; color:#000 }
.am-photo ul li img{ width:100%; height:2.05rem; }
.am-photo ul li .money{ font-weight:bold;font-size:0.28rem; font-family:arial}
.am-photo ul li .buy{ text-align: center;margin-top:10px}
.am-photo ul li .buy a{padding:0.1rem 0.4rem; background:#333; color:#fff;font-size:0.28rem; }
.photo-list li{ vertical-align:top; width:30%; text-align:center; padding-bottom:12px; float:left; margin-right:3%;}
.photo-list li div.img-wrap{ width:100%;height: 2rem; margin:auto; margin-bottom:3px; border:none;    position: relative;}
.photo-list li div.img-wrap .like_h{ position:absolute; top:0; right:0; background:url(../jinlong_img/xihuan.png) no-repeat center; padding:10px; background-size:100% }
.photo-list li div.img-wrap .xihuan_red{background:url(../jinlong_img/xihuan_red.png) no-repeat center;background-size:100%}*/



.am-foot{ height:1rem; width:100%; background:#f1f1f3;border-top: 1px solid #ececec;}
.am-foot p{ line-height:1rem; width:100%; font-size:0.239rem; color:#666666; text-align:center;}


/*单页*/
.page_top{}
.page_top .parent_tit{ text-align:center;padding: 20px 0;background: #f6f6f6;}
.page_top .parent_tit p{ font-size:0.35rem; font-weight:bold;font-family: 等线;}
.page_top .child_tit{ text-align:center;display: table;margin:20px auto 40px;}
.page_top .child_tit li{ float:left; margin:0 10px}
.page_top .child_tit li a{font-size:14px; color:#333;font-size:0.26rem;}
.page_top .child_tit li.cur a{ padding-bottom:1px; border-bottom:2px solid #333}
.page_content{ }
.page_content .page_img{ width:100%;position:relative;}
.page_content .page_img img{ width:100%;}
.page_content .page_text{ position:absolute; width:90%; margin:0 auto; left:50%; margin-left:-45%; top:0.8rem; background:#fff; padding-top:1rem;min-height: 3rem;}
.page_content .page_text .page_content1{padding: 0 0.2rem 2rem;font-size:0.23rem!important;line-height: 0.35rem;}
.page_logo{width:200px; margin:0 auto; margin-top:-20px}
.page_logo img{width:100%}
.page_content  video{ width:100%;height:100%;object-fit:fill;}
.page_content .page_content1{font-size: 0.25rem;line-height: 0.5rem;    margin-top: 0.2rem;}
.page_content .page_content1 a,.page_content .page_content1 p,.page_content .page_content1 span{font-size: 0.25rem!important}
.page_content .page_content1 img{max-width: 100%!important;height: auto!important}

.jl_btn{ width:100%; text-align:center; border:0; background:#333; height:0.6rem; color:#fff; font-size:0.3rem;letter-spacing:0.35rem;}
.page_bottom{padding:20px 0}
.page_bottom p{ line-height:0.4rem;font-size:0.28rem}

/* 当前位置 */
.crumbs{ padding:0.2rem 2%; font-family:Roboto,Noto,Helvetica,Arial,sans-serif; margin-bottom:0.2rem; border-bottom: 1px solid #e4e4e4;position: relative;width: 96%;font-size:0.25rem;display: flex;align-items : center;}
.crumbs span{display: inline-block;content: ' ';height: 16px;width: 16px;background: url(../jinlong_img/Home.png) no-repeat center; background-size:100% 100%;float: left;}
.crumbs a{ font-size:0.23rem; color:#333;margin:0 0.1rem;}
.crumbs a.pTitle{    width: 4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.crumbs .crumbs_right{float:right}
.crumbs .crumbs_right .shuaixuanBox{ float:left;border-right: 2px solid #000;}
.crumbs .crumbs_right .shuaixuanBox .shuaixuanNav{ font-style:normal;font-size:0.25rem;font-family: Roboto,Noto,Helvetica,Arial,sans-serif;color:#000;padding-right:0.05rem;position: relative; right: auto;}
.crumbs .crumbs_right .shuaixuanBox .shuaixuanI{background:url(../jinlong_img/shuaixuan.png) no-repeat center ; padding:6px 10px;display: inline-block;transition: transform 0.5s;}
.crumbs .crumbs_right .shuaixuanBox .childNav{text-align:center;width: 1rem;margin: 0 auto;border: 1px solid #bbb;padding: 0.05rem 0.1rem;}


.iconRotate {transform: rotate(-180deg);}
.crumbs .crumbsBox{ width:1200px; margin:0 auto}
.crumbs .crumbs_right .paixuBox{float:left;padding-left: 10px; margin-top: -3px;}
.crumbs .crumbs_right .paixu{border:0;height:0.3rem;font-size: 0.25rem;}

/*产品详情*/
.content_show{position:relative;margin:15px auto 0;width:100%;background: #ffffff;}
.content_show .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.content_show li{float:left;}
.content_show .cf li{position:relative;color:#fff;}
.content_show .cf a{display:block;width:100%;height:377px;position:absolute;color:#fff;}
.content_show .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.product{width: 100%;padding: 0.2rem 0;box-sizing: border-box;}
.product .product_left{width: 100%;height: auto;margin: 0 auto 0.4rem ;overflow: hidden;}
.top-img{width: 100%;font-size: 0;position: relative;}
.activeimg{overflow: hidden;height: 6.4rem;position: relative;}
.top-img .activeimg li{width:6.4rem;text-align: center;}
.top-img .activeimg img{max-width: 100%;}
.top-img .left,.top-img .right{width: 0.5rem;height:0.5rem;position: absolute;top:50%;text-align: center;line-height:0.5rem;cursor: pointer;    margin-top: -0.25rem;padding:0 0.2rem}
.top-img .left img,.top-img .right img{width:0.5rem;height:0.5rem;}
.top-img .left{left: 0;}
.top-img .right{right: 0;}
.bot-img{height: auto;}
.bot-img ul{width: 100%;height:auto;display: flex;justify-content : space-between;padding:0 0.2rem;box-sizing: border-box;}
.bot-img ul li{margin-right: 1px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;}
.bot-img ul li.active{border: 1px solid #ff6600;}
.bot-img ul li img{width: 100%;}
.bot-img ul li:last-child{margin-right: 0;}

.product .product_right{
    width: 100%;
    padding: 0.3rem 0.3rem 0;
    box-sizing: border-box;
}
.product .product_right .pro_tit{
    width: 100%;
    font-size: 0.45rem;
    padding-bottom: 0.2rem;
    color: #d51318;
    border-bottom: 1px solid #e5e5e5;
    font-family: Verdana, Arial;
}
.product .product_right .pro_info{padding: 0.1rem 0;border-bottom: 1px solid #e5e5e5;}
.product .product_right .pro_info p{
    color: #333;
    font-size: 0.23rem;
    line-height: 0.4rem;
    font-family: Verdana, Arial;
}
.product .product_right .online-help,.peisong{padding:10px 0;display: table;width: 100%;border-bottom:1px solid #C8C6C5}
.product .product_right .online-help a{font-size:15px; color:#333; width:50%}
.product .product_right .online-help .spice-help i{ margin-right:5px; padding:0 9px;background:url(qq.png) no-repeat center; background-size:100%}
.product .product_right .online-help .spice-consultation i{margin-right:5px;padding:0 9px;background:url(phone.png) no-repeat center;background-size:100%}
.product .product_right .spice-share{height: 0.5rem;width: 100%;margin-top: 20px;}
.product .product_right .spice-share a{ height:23px;float: left;margin:0 10px;font-size: 0;}
.product .product_right .spice-share a i{padding:12px;font-size: 0;display: inline-block;}
.product .product_right .spice-share .share-weibo i{background:url(weibo.png) no-repeat center;background-size:100% 100%}
.product .product_right .spice-share .share-qqzone i{background:url(QQzone.png) no-repeat center;background-size:100% 100%}
.product .product_right .spice-share .share-douban i{background:url(douban.png) no-repeat center;background-size:100% 100%}
.product .product_right .spice-share .share-renren i{background:url(renren.png) no-repeat center;background-size:100% 100%}
.product .product_right .spice-share .share-Kaixing i{background:url(kaixing.png) no-repeat center;background-size:100% 100%}

#Article{zoom:1; padding:0.3rem;width: 100%; overflow:hidden;box-sizing: border-box}
#Article .Articlep{ font-size:12px; font-weight:normal; line-height:20px; color:#999; text-align:center}
#Article .content{ font-size:14px;margin-top:30px; line-height:30px}
#Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0}
.change-main{}
.change-main .change-cut{border-bottom: 1px solid #e5e5e5;display: table;width: 100%;}
.change-main .change-cut ul{display: flex;justify-content: space-between;}
.change-main .change-cut ul li{font-size:0.29rem;color: #000000;font-family: Verdana, Arial;height: 0.6rem;line-height: 0.6rem;}
.change-main .change-cut ul li.on{border-bottom: 2px solid #d51318;color:#d51318 }
.change-main .change-cut ul li:hover{cursor: pointer;color:#d51318}


/*问题*/
.page_top .wt_tit{border: 1px solid #ddd; border-left: 0;border-right: 0;}
.page_top .wt_tit li{ margin:0;width: 24.7%;padding: 0.15rem 0;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.page_top .wt_tit li:nth-child(-n+4){ border-top:0;}
.page_top .wt_tit li:nth-child(4), .page_top .wt_tit li:nth-child(8){ border-right:0;}
.page_top .wt_tit li.cur a{ padding:0; border:0; color:#f00}

.wenti_content{ width:95%; margin:0 auto; padding-bottom: 0.2rem;}
.wenti_content .wenti_tit{font-size: 0.32rem;padding-bottom: 10px;color: #666;border-bottom: 1px solid rgba(0,0,0,.12);}
.wenti_content .wenti_tit span{float:right;font-size:0.21rem;padding:0.15rem 5px 0 0;}
.wenti_content .wenti_tit .close_all{display:none}
.wenti_content .content{width:1000px;margin:0 auto}
.wenti_content .content1 .q_box{ box-shadow:none; border-bottom:0; border-top:1px solid rgba(0,0,0,.12)}
.wenti_content .content1 .q_box:first-child{ border-top:0}
.wenti_content .content1 .q_box .q_tit_box{display: flex;justify-content : space-between;margin: 0.2rem 0;}

.wenti_content .content1 .q_box .q_item{right:10px;transform: none; background:url(../jinlong_img/jia.png) no-repeat center;padding: 10px;}
.wenti_content .content1 .q_box .q_tit{ font-size:0.26rem;color: #666;width: 100%;}
.wenti_content .content1 .q_box .q_body{padding:0; font-size:0.23rem;display: none;margin-bottom: 0.2rem}
.wenti_content .content1 .q_box .q_body p{line-height:0.4rem}
.wenti_content .content1 .item-open .q_item{background:url(../jinlong_img/jian.png) no-repeat center;}
.q_more{ width:100% ; margin:0 auto 100px;text-align: center;}
.q_more p{font-size:0.3rem;color: #999;margin:1rem 0 0.4rem;}
.q_more a{font-size: 20px;background: #333;color: #fff;padding:8px 60px}


.am-intr{display:block; position:relative;display:inline-block; width:100%; padding-top:5px;}
.am-intr p{ line-height:0.5rem; padding:0 1.8%; text-align:justify; color:#666; text-indent:2em;font-size: 0.239rem;}

.list-view{ width:100%; }
.list-ls{display:block; position:relative;display:inline-block; width:96%; padding:0 1.8%;}
.list-ls ul li{ line-height:0.62rem; font-size:0.274rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(zz_ico.jpg) no-repeat  1px 0.274rem; text-indent:8px; }
.list-ls ul li a{ color:#666;}


.f14{ font-size:0.239rem;line-height: 0.4rem;}
.f14 a{ line-height:25px; text-align:center; height:25px; font-size:0.239rem;color:#000}

.f15{ font-size:0.239rem; margin-top:20px;line-height: 0.4rem;}
.f15 a{ line-height:25px; text-align:center; height:25px; font-size:0.239rem;color:#000}


.cat_title {width:100%; text-align:center; margin:10px 0; color:#000}
.cat_title a{font-size:18px; color:#000}
/*左侧弹层背景颜色*/
.nav_top{ width:100%; line-height:26px; text-align:left;}
.nav_child{ float:left}
.menu-sub li{ width:30%; float:left; margin:2%;}
/*手机版分页*/
.currentposition{ font-size:0.239rem; line-height:0.8rem; text-indent:15px;}
.currentposition a{ color:#666;}

#pages { padding:0.3rem 0;text-align: center; display: table;margin: 0 auto;}
#pages a img{height: 0.3rem;padding: 3px}
#pages a.a1 { padding:0 0.1rem;width: auto;display: flex;align-items: center;}

#pages li,#pages a,#pages span{ display:inline-block; height:0.45rem;width: 0.45rem; line-height:0.45rem; background:#f8f8f8; text-align:center; color:#333;margin: 0 5px;font-size: 0.23rem;float: left}
#pages span{ background:#e8e8e8}
#pages li img{height: 0.4rem;padding: 3px}
#pages li.a1 { padding: 0 8px;width: auto;}
#pages li:hover,#pages a:hover { background:#e8e8e8; color:#000; text-decoration:none }
#pages>li.cur { background:#e8e8e8;}


.main{background: #fff}
.chanpinBox{padding:0 0.1rem}
/*.chanpinBox .current{background: #000;color: #eee;border-radius: 5px}
.chanpinBox .current1{color: red}*/
.chanpinTab{/*border:1px solid #d2d2d2*/}
.chanpinTab .cpTab1{display: table;height: 32px;width: 100%;/*border-bottom: 1px solid #d2d2d2;*/}
.chanpinTab .cpTab1 .search_type{display: flex;border-top: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
.chanpinTab .cpTab1 .search_type p{font-size: 0.23rem;padding:0.03rem 0.12rem;}
.chanpinTab .cpTab1 .search_type p.remen{}
.chanpinTab .cpTab1 .search_type a.xuanze{font-size: 0.18rem;padding-left:0.1rem;border-bottom:0;line-height: 0.5rem;display: flex;align-items: center;width: 4.1rem;justify-content : space-between;color: #ccc;}
.chanpinTab .cpTab1 .search_type a span{display: inline-block;background:url(sanjiaxiang.png) no-repeat;height:0.3rem;width:0.3rem;background-size: 100% 100% }
.chanpinTab .cpTab1 .search_type p.cx_cur{background: #000000;color: #ffffff;border-radius: 4px;}



.chanpinTab .cpTab1 .first{background: #f7f5f6;float: left;line-height: 32px;height: 32px;padding: 0 15px;font-size: 14px;}
.chanpinTab .cpTab1 ul{float: left;padding:0.15rem;padding-bottom:0;width: 100%;border:1px solid #e4e4e4;border-top:0;box-sizing: border-box;}
.chanpinTab .cpTab1 li{
    float: left;
    font-size: 13px;
    padding: 0.05rem 0;
    width: 0.8rem;
    background: #f1f1f3;
    text-align: center;
    margin-bottom: 0.15rem;
    margin-right: 0.2rem;
    border-radius: 5px;
}
.chanpinTab .cpTab1 li:nth-child(6n){margin-right: 0}
.cpTab1 li.current{background: #000;color: #ffffff;}
.chanpinTab .cpTab2{display: table;width: 100%;border: 1px solid #d2d2d2;border-top:0;font-size: 0;box-sizing: border-box}
.chanpinTab .cpTab2 .nav2{float: left;padding: 0.1rem 0;}
.chanpinTab .cpTab2 ul{width: 100%;display: inline-block;}
.chanpinTab .cpTab2 ul li{line-height:0.4rem;padding: 0 8px;float: left; font-size: 14px;display: inline-block}
.chanpinTab .cpTab2 ul a{font-size: 0.23rem;padding-left: 0.2rem;}

.chanpinTab .cpTab3{
    display: flex;
    height: 96px;
    position: relative;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-top: 0;
    box-sizing: border-box
}
.chanpinTab .cpTab3 .first{
    background: #f7f5f6;
    font-size: 14px;
    width: 0.7rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
}
.chanpinTab .cpTab3 ul{float: left; width:100%;height: 96px;overflow: scroll;display: none;font-size: 0;}
.chanpinTab .cpTab3 ul:first-child{display: block;}
.chanpinTab .cpTab3 li{float: left;line-height: 32px;font-size: 13px;margin-left: 10px;padding: 0 8px;}
.chanpinTab .cpTab3 li:hover{color:red}
.cpTab3 ul::-webkit-scrollbar {display:none}
.cpTab3 ul{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/*!* 自定义滚动条 *!*/
.cpTab3 .scroll_bar {
    position: absolute;
    top:7%;
    right:4px;
    width: 1px;
    height: 86%;
    background-color: #000000;
}
.cpTab3 .scroll_slider {
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 48px;
    background-color: #000000;
    border-radius:10px;
    opacity: 1
}
.cpTab3 .scroll_slider:hover{
    opacity: 1
}

.chanpinTab .cpTab4{
    display: table;
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
    padding:0.2rem 0;
    border: 1px solid #d2d2d2;
    border-top: 0;

}
.chanpinTab .cpTab4 ul{
    display:flex;
    justify-content : space-around;
}
.chanpinTab .cpTab4 li{
    line-height: 0.4rem;
    font-size: 0.23rem;
    padding: 0 0.1rem;
    background: #f7f5f5;
    color: #333333;
    border-radius: 5px;
}
.chanpinTab .cpTab4 li:hover,.chanpinTab .cpTab4 li.current{background: #000;color: #eee;}

.chanpinLi{margin-bottom: 30px;}
.chanpinLi ul{display: table;width: 100%;padding-top:0.2rem;}
.chanpinLi ul li{float: left;margin-right:0.2rem;margin-bottom: 0.2rem;background: #f9f9f9;width: 2.9rem;margin-right: 0.32em}
.chanpinLi ul li:nth-child(2n){margin-right: 0;}
.chanpinLi ul li:hover{box-shadow: 0px 8px 10px #ddd;}
.chanpinLi ul li img{width: 2.8rem;height: 2.8rem}
.chanpinLi ul li a{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.chanpinLi ul li p{text-align: center;font-size: 0.2rem;margin: 5px 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    padding: 0 10px;color: #333333;}
.chanpinLi ul li:hover p{color: red;}


/*联系我们*/
.lianxi{ width: 100%;margin: 0 auto;background: #fff;padding:0.2rem;box-sizing: border-box; }
.lx-top{width: 100%;margin-top:0.2rem;}
.lx-top .lx-left{width:100%;border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;}
.lx-top .lx-left p{display: flex;width: 100%;margin-bottom: 15px}
.lx-top .lx-left p span{display: inline-block;width: 0.4rem; height:0.4rem;}
/*.lx-top .lx-left .lx-tel span{background: url(lx-tel.jpg);background-size: 100% 100%}
.lx-top .lx-left .lx-email span{background: url(lx-email.jpg);background-size: 100% 100%}
.lx-top .lx-left .lx-adds span{background: url(lx-adds.jpg);background-size: 100% 100%}*/
.lx-top .lx-left p a{width:5.4rem;display: inline-block;font-size: 14px;color: #000000;line-height: 25px;margin-left: 5px;}
.lx-top .lx-right{width:100%}
.msg_box{padding-bottom:10px}
.msg_box h5,.msg_box h6{ color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;position:relative}
.msg_box h5{color:#d71617;font-size: 20px;margin-bottom: 20px;padding: 0;}
.table_form tbody tr{float: left;box-sizing: border-box;margin-bottom: 10px;}
.table_form tbody .form1{width:100%;margin-right: 20px;}
.table_form tbody .form2{width:100%}
.table_form tbody .form3,.table_form tbody .form3 td{width:100%}
.table_form tbody .form4,.table_form tbody .form4 td{width:100%}
.table_form tbody .msg_form td, .table_form tbody .msg_form th{border-bottom: 0;padding: 0;}
.msg_box .msg_form input,.msg_box .msg_form textarea{border:1px solid #e9e9e9;height: 45px;line-height: 45px;padding-left: 10px;width: 100%;box-sizing: border-box;font-size: 14px;background: none;}
.msg_box .msg_form textarea{background: none;padding: 0;padding-left: 10px;}
.table_form tbody .form5{}
.table_form tbody .form5 td{border: 0;padding: 0;}
.table_form tbody .form5 .submit{background: none;}
.table_form tbody .form5 .submit input{background:#d71617;border: 0;height: 43px;width: 130px;font-size: 17px;color: #fff}

.msg_box .msg_form input::-webkit-input-placeholder,.msg_box .msg_form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaa;font-size: 14px
}
.msg_box .msg_form input:-moz-placeholder,.msg_box .msg_form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaa;font-size: 14px
}
.msg_box .msg_form input::-moz-placeholder,.msg_box .msg_form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaa; font-size: 14px
}
.msg_box .msg_form input:-ms-input-placeholder,.msg_box .msg_form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#aaa;font-size: 14px
}
.lx-bottom{margin-top: 0.5rem}
#dituContent{width:100%!important;}


 @media screen and (min-width: 320px) {html{font-size:50px;}}
 @media screen and (min-width: 360px) {html{font-size:56.25px;}}
 @media screen and (min-width: 375px) {html{font-size:58.59375px;}}
 @media screen and (min-width: 400px) {html{font-size:62.5px;}}
 @media screen and (min-width: 414px) {html{font-size:64.6875px;}}
 @media screen and (min-width: 440px) {html{font-size:68.75px;}}
 @media screen and (min-width: 480px) {html{font-size:75px;}}
 @media screen and (min-width: 520px) {html{font-size:81.25px;}}
 @media screen and (min-width: 560px) {html{font-size:87.5px;}}
 @media screen and (min-width: 600px) {html{font-size:93.75px;}}
 @media screen and (min-width: 640px) {html{font-size:100px;}}
 @media screen and (min-width: 680px) {html{font-size:100px;}}
 @media screen and (min-width: 720px) {html{font-size:100px;}}
 @media screen and (min-width: 760px) {html{font-size:118.75px;}}
 @media screen and (min-width: 800px) {html{font-size:100px;}}
 @media screen and (min-width: 960px) {html{font-size:100px;}}

 /*14px=0.239rem*/
 /*16px=0.273rem*/
 /*16px=0.308rem*/
