@charset "utf-8";
/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/

a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#f3f3f3;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}


@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}
body {margin:0;font-size:.28rem;color:#333333;background:#EFEFF4;}/*-webkit-user-select:none;*/
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:.28rem;}
em{font-style:normal}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}
.f_red {color:red;}
.f_blue {color:blue;}
.f_green {color:green;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666;}
.f_price {color:#FF0000;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.lh20 {line-height:200%;}
.px14 {font-size:.28rem;}
.px12 {font-size:.24rem;}
.dsn {display:none;}
.img-circle {border-radius:50%;}
.b10 {height:.2rem;clear:both;overflow:hidden;width:100%}
.b5 {height:.1rem;clear:both;overflow:hidden;width:100%}
.b52 {height:1.04rem;clear:both;overflow:hidden;width:100%}
.main {background:#FFFFFF;clear:both;}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:.36rem;width:100%;line-height:.88rem;border:none;border-radius:.08rem;text-align:center;-webkit-appearance:none;}
.btn {background:#FFFFFF;border:#E4E4E4 1px solid;color:#000000;}
.btn:hover {background:#DEDEDE;border:#CDCDCD 1px solid;}
.btn-green {background:#1AAD19;}
.btn-green:hover {background:#179B16;}
.btn-blue {background:#ff8450;}
.btn-blue:hover {background:#0569D5;}
.btn-orange {background:#FF8800;}
.btn-orange:hover {background:#FF6600;}
.btn-red {background:#E64340;}
.btn-red:hover {background:#CE3C39;}
.input-checkbox {width:.48rem;height:.48rem;background:url('img/icon-check.png') no-repeat;background-size:.48rem .48rem;}
.input-checkbox-checked {width:.48rem;height:.48rem;background:url('img/icon-checked.png') no-repeat;background-size:.48rem .48rem;}
.list-sell{background:white;overflow:hidden}
.list-sell dl{padding:.3rem .3rem;overflow:hidden;border-bottom:#efefef 1px solid;margin:0}
.list-sell dl img{float:left;margin-right:.2rem;height:1.5rem;width:1.9rem;margin-top:.06rem}
.list-sell ul{overflow:hidden}
.list-sell ul h3{line-height:.4rem;;font-size:.28rem;padding:0;margin:0;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;margin-bottom:.1rem;}
.list-sell ul h4{line-height:.4rem;;font-size:.32rem;padding:0;margin:0;font-weight:normal;overflow: hidden;font-weight: 400;margin-bottom:.1rem;}

.list-sell ul p{line-height:.5rem;font-size:.28rem;padding:0;margin:0;color:#666}
.list-sell ul p.f_red{color:#f46;margin-bottom:.12rem;font-size:.36rem}
.list-sell ul p span{float:right}

.nav{line-height:.6rem;padding:.1rem .3rem;font-size:.28rem; background:white;border-bottom:#efefef 1px solid}

.s-title{font-size:.32rem;height:.8rem;line-height:.8rem;border-bottom:#e3e3e3 1px solid;border-top:#e3e3e3 1px solid;color:#01A04C;padding:0px .3rem;background:#f7f7f7}
.s-title:before{content: "";width: .04rem;height: .32rem;background: #01A04C;float: left;margin: .24rem .16rem 0 0;}
.s-title a{color:#01A04C}
.com-bar{position:fixed;z-index:9;bottom:0;background:#0195df;width:100%;height:1.1rem;display:block;}
.com-bar_sell { background:#fff;}
.com-bar ul{overflow:hidden;height: 1.1rem}
.com-bar li{float: left;text-align: center;width: 25%;padding-top: 0.1rem;border-right: 1px solid #eaeaea;height:100%;overflow:hidden;box-sizing: border-box}
.com-bar li i{margin: auto;display: block;margin-top:.1rem;font-size: .48rem}
.com-bar li a{ display: inline-block;  color: #fff; font-size: .28rem;text-align: center;}
.com-bar li .img{width: 0.50rem;height: 0.50rem;margin: 0 auto; position: relative;padding-top:0.13rem}
.com-bar li .img img{width:90%}
.com-bar li .text{margin: 0 auto;text-align: center;line-height: 0.3rem;font-size:0.26rem}
.com-bar li:nth-child(4){border-right:none}


.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:1.1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1.1rem;overflow:hidden;width:100%}



.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{	display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none;}
.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}

.product-box h3 {  text-align:center; position: absolute; left: 0; top:0;}
.product-box ul { padding:.14rem;}
.product-box ul li { width: 50%; float:left; padding:.1rem; box-sizing: border-box;}
.product-box ul li .pic { width: 100%;}
.product-box ul li .pic img { width: 100%;}

.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.16rem;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 .1rem;width:.2rem;height:.2rem;background:rgba(255,255,255,0.4);}
.swiper-pagination-bullet-active {opacity: 1;background:rgba(98,168,234,0.9);width:.2rem;height:.2rem;}

.op-nav-out{width:100%;height:52px;position:relative;top:0;left:0;z-index:199}
.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}
.op-nav{height:32px;z-index:109;width:100%;font-size:16px;width:100%;padding:10px 0 10px 0px;background:#0195df;color: #fff;position:fixed;top:0;left:0;}

.op-nav .left{float:left;width:25px;padding-left:10px;position:absolute;top:0;left:0;padding-top:15px;}
.op-nav .center{margin:0px 50px 0px 30px; text-align:center;line-height:32px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.op-nav a{color:#fff}
.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}

.icon_box {
	width:20px;
	height:20px;
	cursor:pointer;
}
.icon_box span {
	width:20px;
	height:2px;
	background:white;
	display:block;
	margin-top:5px;
	transition:all .1s;
	-webkit-transition:all .6s;
	transform-origin:0px center;
}
.icon1 {
	transform:rotate(45deg)!important;
}
.icon2 {
	width:0!important;
	margin-left:3px!important;
}
.icon3 {
	transform:rotate(-45deg)!important;
}



.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;}
.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.8);right:0;top:52px;overflow:hidden;border-radius:0 0 0px 5px;}
.menu-pop-n-ati{    position: absolute;width: 2.7rem;height: auto;transition: width .3s,height .1s;background: #FFFFFF;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);border-radius: 0.02rem;margin-top: 0.2rem;margin-right: 0.2rem;}
.menu-nav-n{overflow:hidden}

.menu-nav-n ul{overflow:hidden;z-index:900}
.menu-nav-n li{width:100%;height: 0.82rem;border-bottom: 1px solid #E8E8E8;text-align:center}
.menu-nav-n a{color: #333333;display: block;position: relative;line-height: 0.82rem;font-size: 0.28rem;font-weight:550}
.menu-nav-n ul li img {width: .3rem;position: relative;top: .05rem;margin-right: .1rem}
.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:105; display:none}







.float-tel{position:fixed;z-index:9;bottom:1.8rem;width:.9rem;height:.9rem;display:block;right:.2rem;}
.float-tel a{display:block;background:#1964b7 url(img/tel.png) no-repeat center;background-size:50% 50%;height:.9rem;width:.9rem;border-radius:50%;font-size:0;}

.footer{background:white;padding:.3rem; text-align:center;border-bottom:#e3e3e3 1px solid}
.copyright{background:white;padding:.3rem; text-align:center;line-height:.5rem}
.footer a{padding:0px .1rem}

.selectList { background: white;margin:0;padding:0}
.selectList dl { position: relative; padding: .3rem .2rem; line-height: .6rem; border-bottom: 1px solid #eee; overflow: hidden; z-index:1}
.selectList dl: last-child { border-bottom: #fff 0px solid; }
.selectList dl dt { width: 1rem;text-align: left; margin-left:.2rem; font-size: .28rem; float:left;}
.selectList dl dd a { color: #666; line-height: .6rem; margin-left: .4rem; display: inline-block;font-size:.28rem; }
.selectList dl dd a:hover{ text-decoration:underline}
.selectList dl dd { line-height: .6rem;overflow:hidden  }
.selectList dl dd.showMore { position: absolute; top: 0px; right: .2rem; cursor: pointer; z-index:1000 ;height:.8rem;}
.selectList dl dd.showMore h3 { line-height: normal; padding: .06rem .16rem; background: #f7f7f7; border: 1px solid #eee;font-size:.24rem; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: .06rem; z-index:10; margin-top:.25rem;}
.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: .24rem;}
.selectList dl dd.showMore h3:hover { color: white; border: #009237 solid 1px; background: #009237; }
.selectList dl dd a.on{font-weight:bold}

.selectList{box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);margin-bottom: 0.10rem;}



/*快捷导航*/
.m_nav{background:#fff;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.m_nav ul{overflow:hidden;height:3.18rem}
.m_nav li{width:33.3333333%;box-sizing: border-box;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;background: #ffffff;float:left}
.m_nav li .img {background: #0195df;-webkit-border-radius: 0.40rem;width: 0.80rem;height: 0.80rem;margin: 0.2rem auto 0;position: relative;}
.m_nav li img { margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 50%;}
.m_nav li a {color: #333333; font-size: 0.28rem;float: left;width: 100%;}
.m_nav li .text {text-align: center;width: 1.24rem;margin: 0.1rem auto;text-align: center;line-height: 0.4rem;}
.m_nav li:nth-child(4){border-bottom:none}
.m_nav li:nth-child(5){border-bottom:none}
.m_nav li:nth-child(6){border-bottom:none}
.m_nav li:nth-child(2) .img{background:#0195df url('mobile-img/icon_home0b.png') no-repeat center center}
.m_nav li:nth-child(2) .img{background-size:50% 50%}
.m_nav li:nth-child(1) .img{background:#0195df url('mobile-img/mod_home00b.png') no-repeat center center}
.m_nav li:nth-child(1) .img{background-size:50% 50%}
.m_nav li:nth-child(3) .img{background:#0195df url('mobile-img/icon_home1b.png') no-repeat center center}
.m_nav li:nth-child(3) .img{background-size:50% 50%}
.m_nav li:nth-child(4) .img{background:#0195df url('mobile-img/icon_home2b.png') no-repeat center center}
.m_nav li:nth-child(4) .img{background-size:50% 50%}
.m_nav li:nth-child(5) .img{background:#0195df url('mobile-img/icon_home3b.png') no-repeat center center}
.m_nav li:nth-child(5) .img{background-size:50% 50%}
.m_nav li:nth-child(6) .img{background:#0195df url('mobile-img/icon_home4b.png') no-repeat center center}
.m_nav li:nth-child(6) .img{background-size:50% 50%}







.q_nav { overflow: hidden; background:#fff; padding:.24rem 0; border-bottom:1px solid #eee;}
.q_nav ul li {float:left;text-align: center; width: 20%; box-sizing: border-box; margin:.16rem 0;}
.q_nav .bd_01 li:nth-child(1n+6) { display: none}
.q_nav .bd_02 li a p  { padding:0 .1rem;}
.q_nav ul li i:before { display: block;  width: .96rem; height: .96rem; line-height: .96rem; border-radius:.48rem; font-size: .52rem; color: #fff;font-family: "iconfont" !important; font-style: normal;margin:0 auto;}
.q_nav .bd_01 li:nth-child(1) i:before {background:#62b9ff; content:"\e769";}
.q_nav .bd_01 li:nth-child(2) i:before {background:#4fc5f0; content:"\e63d";}
.q_nav .bd_01 li:nth-child(3) i:before {background:#ff9d00; content:"\e601";}
.q_nav .bd_01 li:nth-child(4) i:before {background:#2ccd7a; content:"\e710";}
.q_nav .bd_01 li:nth-child(5) i:before {background:#ff6969; content:"\e67a";}
.q_nav .bd_02 li:nth-child(1) i:before {background:#ffb400; content:"\e6a5";}
.q_nav .bd_02 li:nth-child(2) i:before {background:#44a5ff; content:"\e6a7";}
.q_nav .bd_02 li:nth-child(3) i:before {background:#fe5fa1; content:"\e6a6";}
.q_nav .bd_02 li:nth-child(4) i:before {background:#1fddce; content:"\e75f";}
.q_nav .bd_02 li:nth-child(5) i:before {background:#6c8fff; content:"\e6aa";}
.notice { width: 100%; height: 1.4rem; background:#fff;border-bottom:1px solid #eee;}
.notice i { font-size: .68rem; width: 20%; float:left; line-height: 1.4rem; text-align: center; display: block;color:#ff6600;}
.notice span { width: 76%;float:left;overflow: hidden; word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 4% 4% 0 0; }


/*全部左右布局样式*/
.box {overflow:hidden;padding:.2rem 0px}
.box .text{padding-top: 0.05rem;overflow:hidden;margin:0  0.24rem;padding-bottom:0.1rem}
.box .text span {float: left;font-size: 0.36rem;color: #333333; margin-right: 0.15rem;font-weight:550}
.box .text em {display:block;float:right;color: #ffffff;padding:0.1rem 0.15rem;height: 0.20rem;border-radius: 1rem;margin-right: 0.05rem;font-size: 0.26rem;line-height: 0.20rem;text-align: center;background: #0195df;margin-top:.05rem}
.box .text em a{color:#fff}
.box .text1{padding-top: 0.05rem;border-bottom: 0.05rem solid #0195df;overflow:hidden;margin:0  0.24rem;padding-bottom:0.1rem}
.box .text1 span {float: left;font-size: 0.36rem;color: #333333;margin-right: 0.15rem;font-weight:550}
.box .text1 em {display:block;float:right;color: #ffffff;padding:0.1rem 0.15rem;height: 0.20rem;border-radius: 1rem;margin-right: 0.05rem;font-size: 0.26rem;line-height: 0.20rem;text-align: center;background: #0195df;margin-top:.05rem}
.box .text1 em a{color:#fff}

.white-news{background:white; overflow:hidden;margin-bottom:.2rem;padding:0 .24rem}

.white{background:white; overflow:hidden;margin-bottom:.2rem;}
.f7f7f7{overflow:hidden;background:white;margin-bottom:.2rem;}
.en-title{font-size:.48rem;font-weight:bold;text-transform : uppercase;padding-top:.1rem;color:#147b47;position:relative;margin-bottom:.1rem;}
.en-title:before{content:"";background:#ea5534;height:.1rem;width:1.2rem;position:absolute;top:0}
.intro{overflow:hidden;margin:0  0.24rem;padding-bottom:0.24rem}
.intro p img{width: 3.3rem;height: 2.4rem;margin-right: 0.2rem;float:left;margin-bottom:0.1rem}
.intro p{font-size: 0.28rem;color: #666;line-height: 0.44rem;text-indent:2em}
.intro p strong{font-size: 0.2rem;color:#666}



.more a{width: 2.4rem;height: .6rem;border: 1px solid #848484;color: #666;font-size: .28rem;display: block;text-align: center;line-height: .62rem;margin-bottom:.3rem;margin-top: .2rem;transition: .5s;border-radius:.04rem;}
.more a:hover {background: #147b47;color: #fff;transition: .5s;}
.more{width:2.4rem;margin:0px auto 0px;}
.box h3{ font-size: .28rem;color: #333;display: block;text-transform : uppercase;overflow:hidden;padding:.1rem .24rem;margin:0px;font-weight:700;}
.news-list-box ul {overflow:hidden; padding:0 .24rem .24rem .24rem; box-sizing: border-box;}

.news-list-box ul li a{display: block;line-height: 0.8rem;font-size: 0.28rem}
.news-list-box ul li{height: 0.8rem;border-bottom: 1px dashed #E8E8E8;overflow: hidden;}
.news-list-box ul li a em{font-style: normal;float: right;color: #999}

.news-list-box ul li .left{width:2rem; float:right;margin-left:.3rem;}
.news-list-box ul li .right{overflow:hidden;font-size:.32rem;}
.m_news{margin:.24rem 0}
.m_news ul{overflow:hidden}
.m_news li{margin-bottom: 0.24rem;padding: 0.1rem 0.24rem 0.15rem;background: #fff;}
.m_news li a {display: block;font-size: 0.3rem;color: #333}
.m_news li a span {display: inline-block;line-height: 0.8rem;height:.8rem;color:#333}
.m_news li a em {font-style: normal;font-size: 0.1rem;color: #999;margin-right: 0.3rem;}



/*推荐产品*/
.e_box { overflow: hidden;}
.e_box ul { width: 100%; position: relative;}
.e_box ul li { float:left; width: 50%; box-sizing: border-box;}
.e_box ul li:nth-child(1) { height: 4.14rem; border-bottom:1px solid #eee; width: 100%;}
.e_box ul li:nth-child(1) .text_01 {height: 20%; overflow: hidden; padding:.24rem 0 0 .24rem; width: 42%;}

.e_box ul li .text_01 .tp_1 { font-size: .32rem; font-weight:700;}
.e_box ul li .text_01 .tp_2 { font-size:.24rem; color: #788196; line-height: .4rem;}
.e_box ul li:nth-child(1) .pic_img { width: 2.7rem;height: 2.7rem; width: 50%;}
.e_box ul li:nth-child(1) .pic_img img { width: 2.7rem;margin:.2rem auto; display: block;}
.e_box ul li:nth-child(1n+2) { height: 2.07rem;border-bottom:1px solid #eee;border-left: 1px solid #eee}
.e_box ul li:nth-child(1n+2) .text_01 { width: 54%; float:left;padding:.24rem 0 0 .24rem; box-sizing: border-box; margin-right:5%;}
.e_box ul li:nth-child(1n+2) .pic_img { width: 1.5rem; float:left; height: 100%; padding:.32rem .1rem 0 0; box-sizing: border-box;}
.e_box ul li:nth-child(1n+2) .pic_img img { width: 100%;}
.e_box ul li:nth-child(2) { position: absolute; top: 0; right: 0}
.e_box ul li:nth-child(3) { position: absolute; top: 2.07rem; right: 0}





/*产品样式*/
.m_box{overflow:hidden;background:#fff}
.m_box ul{margin:0 .24rem;padding-top:.24rem}
.m_box li{width: 47%;text-align: center;float: left; border: 1px solid #E8E8E8;box-shadow: 0 1px 2px 0 rgb(92 92 92 / 15%);position: relative;margin-bottom:.24rem}
.m_box li:nth-child(2n+2){float:right}

.m_box li a {display: block;text-align: center;position: relative;}
.m_box li a img {vertical-align: middle;width: auto;height:2.6rem}
.m_box li  a span {display: block;width: 100%;border-top: 1px solid #E8E8E8;text-align: center;line-height: 0.72rem;font-size:.28rem}









.s-box{overflow:hidden;position:relative;}
.s-box h3{font-size:.36rem;line-height:.9rem;height:.9rem;padding:0px .3rem 0px .24rem;font-weight:normal; border-bottom:#eee 1px solid;margin:0;}
.s-box h3:before{content: "";width: .08rem;height: .32rem;background: #01A04C;float: left;margin: .28rem .16rem 0 0;}
.s-box h3 span{float:right;font-weight:normal;font-size:.28rem}
.s-box ul{width:100%;padding: .2rem .24rem;box-sizing: border-box;}
.s-box ul.p10{width:100%;padding:.2rem 0; overflow:hidden;padding:.24rem;}
.s-box li a{display:block;overflow:hidden}
.s-box li{width:48%;overflow:hidden;margin-bottom:.24rem}
.s-box ul li:nth-child(odd){float:left;padding:1% 1% 1% 0}
.s-box ul li:nth-child(even){float:right;padding:1% 0 1% 1%}
.s-box li img{width:100%;}
.s-box li p{line-height:.5rem;margin:0px}
.s-box li p.price{line-height:.5rem;margin:0px;color:red;}
.s-box li .text{text-align:center;font-size:.28rem}
.contact-us{ background:#3C3C3C;padding:.3rem;line-height:.5rem; text-align:center;overflow:hidden}
.contact-us p{margin:0;color:#fff;font-size: 0.28rem}
.contact-us p a{color:#fff}



.foot-bar-fix {height:.96rem;clear:both;}
.foot-bar {width:100%;height:.96rem;overflow:hidden;background:#f5f5f5;position:fixed;z-index:9;left:0;bottom:0;-webkit-user-select:none;}
.foot-bar li {width:25%;height:.96rem;float:left;text-align:center;font-size:.22rem;}
.foot-bar span {display:block;padding-top:.64rem;}
.foot-bar em {font-style:normal;font-size:.2rem;position:relative;z-index:10;display:block;width:.1rem;height:.1rem;left:50%;margin:-76rem 0 0 .16rem;background:#FF0000;border:1px solid #F43531;border-radius:.1rem;}
.foot-bar .icon-home {background:url('img/icon-home.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-more {background:url('img/icon-more.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-more-on {background:url('img/icon-more-on.png') no-repeat center .1rem;background-size:.48rem .48rem;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}

.foot-comment {text-align:right;margin:.2rem .2rem 0 0;line-height:.56rem;font-size:.32rem;}
.foot-comment div {position:absolute;z-index:10;left:.2rem;right:1.2rem;text-align:center;background:#FFFFFF;color:#999999;font-size:.28rem;}

.my-cart {width:.92rem;height:.92rem;background:url('img/home-cart.png') no-repeat center center;background-size:.92rem .92rem;opacity:0.9;position:fixed;z-index:10;right:.2rem;bottom:1.2rem;}
.my-cart em {display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;float:right;font-size:.24rem;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}

.user-info {height:1.68rem;border-top:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.user-info img {float:left;border-radius:50%;margin:.2rem .32rem 0 .32rem;}
.user-info div {float:left;line-height:.52rem;margin:.32rem 0 0 0;}
.user-info strong {font-size:.36rem;font-weight:normal;}

.list-set {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:.36rem;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:.3rem;height:.88rem;line-height:.88rem;padding:0 .72rem 0 0;overflow:hidden;border-top:#D9D9D9 1px solid;background:url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.list-set a {display:block;width:100%;height:.88rem;}
.list-set em {display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;float:right;font-size:.24rem;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:.2rem;margin-top:.28rem;}
.list-set span {float:right;font-size:.28rem;color:#333333;padding-left:.2rem;}
.list-set li:first-child div {border:none;}

.list-set input,.list-set select {border:#EEEEEE 1px solid;border-radius:0;-webkit-appearance:none;padding:.08rem;font-size:.28rem;}

.list-set-img div {margin-left:1rem;}
.list-set-img img {width:.48rem;height:.48rem;position:absolute;z-index:8;margin:.2rem 0 0 -.52rem;}

.list-txt {border-top:#D9D9D9 1px solid;font-size:.32rem;}
.list-txt li {height:.88rem;line-height:.88rem;padding:0 .6rem 0 .3rem;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.list-txt a {display:block;width:100%;height:.88rem;}
.list-txt span {float:right;font-size:.22rem;color:#6D6D72;padding-left:.2rem;}

.list-img {height:1.68rem;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#e3e3e3 1px solid;padding:0 .24rem;}
.list-img img {float:left;margin:.24rem .24rem 0 0;}
.list-img ul {margin:.24rem 0 0 0; overflow:hidden}
.list-img li {height:.6rem;line-height:.6rem;overflow:hidden;}
.list-img strong {font-size:.32rem;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:.32rem;}
.list-img em {font-size:.24rem;color:#666666;font-style:normal;}
.list-img i {font-size:.24rem;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:.24rem;color:#666666;}
.list-img .price {font-size:.24rem;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:.28rem .28rem;padding-left:.3rem;}
.list-img .check {float:right;width:.64rem;height:.6rem;background:url('img/icon-check.png') no-repeat center center;background-size:.4rem .4rem;}
.list-img .checked {float:right;width:.64rem;height:.6rem;background:url('img/icon-checked.png') no-repeat center center;background-size:.4rem .4rem;}
.list-img .sheet {float:right;width:.64rem;height:.6rem;background:url('img/icon-sheet.png') no-repeat center center;background-size:.4rem .4rem;}

.list-user {height:.64rem;overflow:hidden;padding:0 .32rem;margin-top:.2rem;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:1.16rem;right:.32rem;}
.list-user li {line-height:.32rem;color:#999999;}
.list-user span {float:right;font-size:.24rem;}
.list-user em {font-size:.22rem;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 .32rem;}
.list-inp div {width:100%;height:.88rem;line-height:.88rem;font-size:.32rem;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {width:98%;height:.48rem;line-height:.48rem;border:none;padding:0;margin:.2rem 0 0 0;font-size:.32rem;}

.list-btn {padding:0 .32rem;}

.list-pay {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:.36rem;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:1rem;height:.88rem;line-height:.88rem;overflow:hidden;border-top:#D9D9D9 1px solid;}
.list-pay em {display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;float:right;font-size:.24rem;margin-top:.14rem;}
.list-pay span {float:right;font-size:.24rem;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:.48rem;height:.48rem;position:absolute;z-index:9;margin:.2rem 0 0 -.72rem;border-radius:.08rem;}
.list-pay .check {width:.64rem;height:.6rem;background:url('img/icon-check.png') no-repeat center center;background-size:.48rem .48rem;}
.list-pay .checked {width:.64rem;height:.6rem;background:url('img/icon-checked.png') no-repeat center center;background-size:.48rem .48rem;}

.list-tab {padding:.32rem;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:.08rem;height:.48rem;line-height:.48rem;font-size:.24rem;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {background:#FFFFFF url('img/bg-menu.png') repeat-x 0 bottom;height:.88rem;overflow-x:auto;font-size:.32rem;}
.list-menu ul {width:200rem;padding:0 .2rem;}
.list-menu li {height:.84rem;line-height:.84rem;padding:0 .2rem;border-bottom:#EFEFF4 .04rem solid;float:left;}
.list-menu .on {border-bottom:#007AFF .04rem solid;color:#007AFF;}

.list-empty {padding:.8rem .4rem;line-height:200%;background:#FFFFFF;text-align:center;}

.order-t {height:.88rem;line-height:.88rem;padding:0 .64rem 0 .32rem;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.order-t em {font-size:.24rem;font-style:normal;float:right;}
.order-p {height:.88rem;line-height:.88rem;padding:0 .32rem;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#B2B2B2 1px solid;padding:.08rem .12rem;border-radius:0;font-size:.28rem;-webkit-appearance:none;}
.order-b {height:1rem;padding:0 .32rem;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:1.44rem;height:.48rem;line-height:.48rem;background:#FFFFFF;border:#D9D9D9 1px solid;border-radius:.2rem;margin:.24rem 0 0 .32rem;font-size:.24rem;text-align:center;}



/*--------商品信息---------*/
.main{padding:0px .24rem; overflow:hidden}
.main_sell {overflow:hidden}
.title {font-size:.36rem;font-weight: 700;padding:.1rem 0;line-height:.48rem;overflow: hidden;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.album {padding:0px 0;text-align:center; background:#fff;}
.album_o {display:inline-block;width:.2rem;height:.2rem;margin:.1rem;background:#FFFFFF;border:1px solid #007AFF;border-radius:.2rem;}
.album_c {display:inline-block;width:.2rem;height:.2rem;margin:.1rem;background:#007AFF;border:1px solid #007AFF;border-radius:.2rem;}
.info {font-size:.28rem;color:#999; background:#fff; box-sizing: border-box;}
.info .info_01 { margin:0 .24rem;border-bottom:#eee 1px solid; padding:.1rem 0;}
.content {font-size:.28rem;line-height:180%;}
.content .text { padding:.24rem;}

.content img {max-width:100%;height:auto;}
.content table {max-width:98%;height:auto;}
.content a {color:#007AFF;}
.content .us{padding:.24rem;font-size:.28rem}
.content .us  a{color:#333}
.content .us h3{text-align: center;font-size: 0.36rem;color: #333333;line-height: 0.85rem;}

.award {padding:.64rem;text-align:center;}
.award div {width:1.6rem;height:.88rem;line-height:.88rem;font-size:.4rem;font-weight:bold;letter-spacing:.04rem;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 .04rem solid;border-radius:.2rem; }
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:.32rem;line-height:.6rem;padding:.88rem .3rem .88rem .2rem;text-align:center;}
.head {height:.88rem;line-height:.88rem;font-size:.32rem;padding:0 .32rem;}
.tab-content .tab_03 {padding:.2rem .32rem;font-size:.32rem;line-height:200%;}
.tab-content .tab_03 a { color: #333;}
.content .br_01 { font-size: .48rem;padding:0 .24rem; background:#fff; padding-top:.1rem;}
.content .br_02 { overflow: hidden;background:#fff; font-size: .28rem; color:#999;}
.content .br_02 ul {margin:0 .24rem;border-top:1px solid #eee; padding:.15rem 0;}
.content .title { padding:.1rem .24rem .15rem; background:#fff;}
.content .br_02 ul li { float:left; width: 50%;}
.com-bar .left { float:left;width: 45%; margin-left:.2rem; box-sizing: border-box;}
.com-bar .left ul li { float:left; width: 1rem; height: 1rem;color:#333;}
.com-bar .left ul li i { font-size: .4rem; width: .5rem; height: .5rem;}
.com-bar .left ul li a { color:#333;}
.com-bar .right { float:left; width: 50%; box-sizing: border-box; padding:.2rem .2rem 0 0;}
.com-bar .right ul li { float:left; width: 50%; padding:.14rem 0rem; box-sizing: border-box; color: #fff;}
.com-bar .right ul .enquiry_01 { width: 100%; border-radius: .32rem;background: linear-gradient(-41deg,#ff4f18,#ff2000 24%,#f10000);}
.com-bar .right ul .enquiry_02 { width: 100%; border-radius: .32rem;background: linear-gradient(138deg,#ffa600,#ffb000 77%,#ffbc00);}
.com-bar .right ul .enquiry_01 a,.com-bar .right ul .enquiry_02 a { color: #fff;}

.com-bar .right ul .en_01 { border-radius: .32rem 0 0 .32rem;background: linear-gradient(-41deg,#ff4f18,#ff2000 24%,#f10000);}
.com-bar .right ul .en_02 { border-radius: 0 .32rem .32rem 0;background: linear-gradient(138deg,#ffa600,#ffb000 77%,#ffbc00);}
.sell_main { width: 100%; overflow: hidden; margin-top:.2rem;}
.sell_main .tab-menu { width: 100%; display: flex; background:#fff;}
.sell_main .tab-menu li {border:1px solid #eee; color:#999; display: inline-block; z-index:0; box-sizing: border-box; flex:1; float:left; text-align: center; height: .8rem; line-height: .8rem;}
.sell_main .tab-menu li:nth-child(1n+2) {  margin-left:-1px; }
.sell_main .tab-menu li:hover {color:#464646;}
.sell_main .tab-menu li.active {color:#0195df;}
.sell_main .tab-menu li.active:hover {color:#0195df;}
.sell_main .tab-content div {background-color: #fff;box-sizing:border-box;width: 100%; padding:.2rem .24rem}




.pages {height:.88rem;line-height:.88rem;text-align:center;background:#F7F7F7;clear:both;font-size:.32rem;}
.pages a {padding-left:.2rem;}



.share_icon {display:none;}

.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center .88rem;background-size:2rem 2rem;padding:3.76rem .32rem .88rem .32rem;text-align:center;}
.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center .88rem;background-size:2rem 2rem;padding:3.76rem .32rem .88rem .32rem;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:.4rem;font-weight:bold;padding-bottom:.88rem;}
.ui-ok div,.ui-ko div {font-size:.32rem;color:#999999;padding-bottom:.88rem;}
.ui-ok input,.ui-ko input {margin-bottom:.32rem;}

.ui-form {background:#FFFFFF;padding:0 .32rem;}
.ui-form p {padding:.32rem 0;margin:0;font-size:.32rem;font-weight:bold;clear:both;}
.ui-form div {line-height:.64rem;}
.ui-form em {padding-left:.12rem;font-size:.24rem;color:#FF0000;}
.ui-form b {float:right;font-size:.24rem;color:#FF0000;font-weight:normal;}
.ui-form label {display:inline;margin:0 0 0 .12rem;font-size:.32rem;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:.88rem;line-height:.88rem;border:#B2B2B2 1px solid;padding:0 .12rem;border-radius:0;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat .12rem center;background-size:.32rem .32rem;padding:0 .56rem;}
.ui-form input[type="date"] {width:3rem;height:.88rem;line-height:.88rem;border:#B2B2B2 1px solid;border-radius:0;padding:0 .2rem;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:3.6rem;height:.88rem;line-height:.88rem;border:#B2B2B2 1px solid;border-radius:0;padding:0 .2rem;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#B2B2B2 1px solid;}
.ui-form input[type="checkbox"] {border:#B2B2B2 1px solid;}
.ui-form select {padding:0 .06rem;font-size:.28rem;height:.64rem;line-height:.64rem;border:#B2B2B2 1px solid;margin:0 .2rem .2rem 0;background:#FFFFFF;}
.ui-form textarea {box-sizing:border-box;width:100%;height:1.44rem;line-height:.48rem;padding:.06rem;font-size:.28rem;border:#B2B2B2 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:2rem;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:1.6rem;height:1.6rem;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;pointer-events:none;}

.ui-form-thumb-show {width:1.6rem;height:1.2rem;border:#EDEEF1 1px solid;margin-right:.32rem;float:left;display:none;}
.ui-form-thumb-show img {width:1.6rem;height:1.2rem;border:none;}
.ui-form-thumb-upload {width:1.6rem;height:1.2rem;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:.8rem .8rem;}
.ui-form-album-show {width:1.6rem;height:1.6rem;border:#EDEEF1 1px solid;margin-right:.32rem;float:left;display:none;}
.ui-form-album-show img {width:1.6rem;height:1.6rem;border:none;}
.ui-form-album-upload {width:1.6rem;height:1.6rem;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:.8rem .8rem;}
.ui-form-file-upload {position:relative;width:.64rem;height:.6rem;overflow:hidden;float:right;background:#FFFFFF url('img/upload-file.png') no-repeat center center;background-size:.32rem .32rem;margin:-.72rem .12rem 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:.72rem;line-height:.72rem;padding-left:.2rem;border-top:#B2B2B2 1px solid;}
.ui-editor-toolbar li {width:.72rem;height:.72rem;line-height:.72rem;text-align:center;float:left;color:#7F8393;font-size:.4rem;cursor:pointer;font-family:Verdana;}
.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:.4rem .4rem;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#B2B2B2 1px solid;background:#FFFFFF;height:4.8rem;padding:.2rem;font-size:.32rem;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#007AFF;}

.ui-toast {height:.64rem;line-height:.64rem;overflow:hidden;display:inline-block;padding:0 .32rem;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:.12rem;position:fixed;z-index:99;top:1.52rem;font-size:.28rem;display:none;}
.ui-sheet {opacity:0.9;position:fixed;z-index:99;left:.16rem;right:.16rem;bottom:0;display:none;}
.ui-sheet div {background:#FFFFFF;border-radius:.08rem;}
.ui-sheet li {height:.88rem;line-height:.88rem;overflow:hidden;text-align:center;font-size:.4rem;color:#007AFF;border-top:#D9D9D9 1px solid;}
.ui-sheet p {height:.88rem;line-height:.88rem;text-align:center;font-size:.4rem;color:#007AFF;font-weight:bold;margin:.16rem 0;background:#FFFFFF;border-radius:.08rem;}
.ui-sheet em {padding:.2rem;line-height:.48rem;font-size:.28rem;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {color:#007AFF;display:block;width:100%;}
.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0.5;display:none;}
.ui-icon-loading {background:url('lib/jquery/images/ajax-loader.gif');background-size:2.875em 2.875em;}







/*标题样式*/
.i_title { line-height:.8rem;font-size:.38rem; display: flex;align-items: center;justify-content: center;}
.i_title strong { display:inline-block; color:#0195df; margin:0 .4rem;}
.i_title:before,
.i_title:after { content:''; display:block; width:26%; height:1px; background:#ddd;}
.i_more { margin-top:.2rem;}
.i_more a { width: 100%;height: .88rem;line-height:.88rem;margin: 0 auto;display: block;text-align: center;border: 1px solid #ddd; font-size:.3rem;}

/*优秀案例*/
.photo_sec { padding:.4rem .16rem; background:#0195df; overflow:hidden;}
.photo_sec .i_title strong { color:#fff;}
.photo_swiper { overflow:hidden; margin-top:.4rem;}
.photo_swiper .swiper-slide a { display:block; box-sizing:border-box; background:#fff; padding:.16rem; text-align:center;}
.photo_swiper .swiper-slide .image { width:100%;}
.photo_swiper .swiper-slide .image img { width:100%;}
.photo_swiper .swiper-slide h2 { font-size:.28rem; color:#333; font-weight:400; line-height:.6rem;}
.photo_swiper .swiper-slide p { font-size:.24rem; color:#999; line-height:.38rem; height:1.14rem; overflow:hidden;}
.photo_swiper .photo_menu { width:100%; text-align:center; margin-top:.4rem;}
.photo_swiper .photo_menu ul { display:inline-block;}
.photo_swiper .photo_menu span { display:block; width:10px; height:10px; margin:0 .1rem; border-radius:50%; background:#fff; float:left;}
.photo_swiper .photo_menu span.swiper-pagination-bullet-active { background:#0092de;}
.photo_sec .i_more a { background:#fff;}




/*公司优势*/
.m_gsys_sec { padding:.6rem 0 .4rem; overflow: hidden;}
.m_gsys_title { text-align:center; background:#0195df; padding-top:.4rem; position:relative;height: 2rem;}
.m_gsys_title:before { content: "";display: inline-block;border-style: solid;border-width: .8rem 4rem .8rem 4rem;border-color: #0195df transparent transparent transparent;transform: translate(-50%,0);position: absolute;left: 50%;top: 2.38rem;}
.m_gsys_title h3 { font-size:.56rem; color:#fff; display:block;}
.m_gsys_title span { font-size:.22rem; color:rgb(255 255 255/.9); line-height:.4rem; display:inline-block; border-top:1px solid rgb(255 255 255/.1); border-bottom:1px solid rgb(255 255 255/.1); margin:.16rem 0 .06rem;}
.m_gsys_title p { color:rgb(255 255 255/.9);font-size:.44rem;}

.m_gsys_sec ul { padding: 1.6rem .2rem .4rem;}
.m_gsys_sec ul li { }
.m_gsys_sec ul li img { width:100%;}
.m_gsys_sec ul li .text { line-height:.38rem;}
.m_gsys_sec ul li .text h3,
.m_gsys_sec ul li .text h5 { display:block;}
.m_gsys_sec ul li .text h3 { font-size:.42rem; color:#0195df; line-height:.64rem;}
.m_gsys_sec ul li .text h3 i { display:inline-block; width:.6rem; height:.6rem; line-height:.6rem; text-align:center; background:#0195df; border-radius:50%; float:left; color:#fff;margin: 0.04rem 0.16rem 0 0;}
.m_gsys_sec ul li .text h5 { font-size:.28rem; margin:.1rem 0; color:#333;}
.m_gsys_sec ul li .text p { font-size:.24rem; color:#666; margin-top:.1rem}