@charset "utf-8";


*{font-family:"微软雅黑";padding:0;margin:0;}


/* Common style */
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,form{ margin:0;}
body{ font:menu; font-size:0.14rem; color:#333;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul{ margin:0; padding:0; list-style:none;}
a img,input,button,textarea{ border:none;}

input[type="submit"],input[type="button"]{ -webkit-appearance:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
img{ max-width:100%;}

/* Link Style */
a{ text-decoration:none;}
a:link{ color:#333;}
a:visited{ color:#333;}
a:active{ color:#ff7268;}

/* Body Style */
body{ background:#fff;}
.con{ width:6.4rem; margin:0 auto;}
.hiden{ overflow:hidden;}
.wrap{ width:6.4rem; margin:auto; position:relative; z-index:99;}
.n{ font-weight:normal;}
.b{ font-weight:bolder;}
.font1{ color:#ff7268;}
.font2{ color:#ff262b;}
.c6{ color:#666;}
.c9{ color:#999;}
.orange{ color:#ff6929;}
.red{ color:#d0000e;}
.s12{ font-size:0.12rem;} 
.s14{ font-size:0.14rem;} 
.s15{ font-size:0.15rem;} 
.s18{ font-size:0.18rem;} 
.s20{ font-size:0.20rem;}
.s24{ font-size:0.24rem;} 
.tc{ text-align:center;}
.tr{ text-align:right;}
.t_hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bf{ background:#fff;}
.fl{ float:left;}
.fr{ float:right;}
img{padding:0; margin:0;}
.main{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;
	font-family:Microsoft YaHei;
}
.main-top{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;

	font-family:Microsoft YaHei;

}
a{
	text-decoration:none;
	color:#666;
}
.layout{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;
background:#fff;
	font-family:Microsoft YaHei;
}
.search_welcome{font-size:0.2rem;text-align:center;margin-top:0.3rem;}
.searchtip{font-size:0.2rem;margin-top:0.3rem;}
.gray{font-size:0.2rem;margin-top:0.3rem;}
.result_list{font-size:0.2rem;margin-top:0.3rem;width:98%;margin:auto}
.result_list dl{margin-top:0.3rem;}
.result_list dt a{color:#3D9A5C;font-size:0.3rem;}
.result_list dt {margin-top:0.3rem;}
/*顶部*/

.main-top .logo{display:block;float:left;width:61%;margin:0.2rem 0 0.1rem 0.033rem;}
.main-top .logo img{display:block;height:0.46rem}
.main-top .phone {float: right;width:38%;margin-top:0.15rem;}
.main-top .phone span{float:left;width:100%;margin-left:0.6rem;font-size:0.2rem;background-image:url(/images/dh.png);background-size:0.26rem 0.26rem;background-repeat: no-repeat;padding-left:0.3rem}
.main-top .phone b{float:left;color:#333333;margin-left:0.6rem;font-size:0.233rem;}
.fixednav {
    position: fixed;
    top: 0px;
    	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
    z-index: 999;
}
/*导航*/
.navs{
	background-color:#fff;
	margin-top:0em;
}
.navs ul{
	overflow:hidden;
}
.navs li{
	float:left;
	width:33.333%;
	text-align:center;
}
.navs li a{
	display:block;
	padding:15% 0px;
	font-size:0.28rem;
	color:#fff;
	margin-top:1px;
	position:relative;
	background:#0078D7;
}
.navs li a:after{
	content:'';
	position:absolute;
	top:0;
	right:-2px;
	z-index:9;
	height:100%;
	width:0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fafaf0;
	border-left-color: #fafaf0;
}
/*banner*/
.bannerBox img{
	width:100%;
	margin-top:0.02rem;
}
.focus{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.focus .hd{
	width:100%;
	height:0.08rem;
	position:absolute;
	z-index:1;
	bottom:0;
	text-align:center;
}
.focus .hd ul{
	overflow:hidden;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	height:0.08rem;
	background-color:#d1d1d1;
}
.focus .hd ul li{
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	font-size:0;
}
.focus .hd ul .on{
	background-color:#3C3C9F;
}
.focus .bd{
	position:relative;
	z-index:0;
}
.focus .bd li img{
	width:100%;
}
.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.search{ padding:0.05rem 0.05rem;}
.search-text{ float:left; width:5.2rem; height:0.55rem; line-height:0.55rem; padding:0 0.1rem; border:1px solid #3D9A5C; border-top-left-radius:0.05rem; border-bottom-left-radius:0.05rem; font-size:0.2rem;}
.onBlur{color:#333}
.search-btn{ float:left; width:1.08rem; height:0.55rem; background:#3D9A5C url(/images/search.png) center no-repeat; background-size:0.4rem 0.4rem;}
.End-box{
	display:block;
	position:relative;
	background-size:100%;
	padding-right:0px;
	padding-left:0px;
	margin:0;
	background-color:#eb3543;
}
.End-box .phones{
	display:block;
	margin-top:1px;
	position:relative;
	background-image: url(/images/index2.png);
	background-repeat: no-repeat;
	background-position: 15% center;
	background-size:4em;
	font-family:arial;
	color: #FFF;
	padding-top: 5%;
	padding-right: 0px;
	padding-bottom: 5%;
	padding-left: 0px;
}
.End-box .phones span{
	font-size:1.5em;
	padding-left: 30%;
	color: #fff;
}
.End-box .phones em{
	font-size:2em;
	font-family:"LiHei Pro", arial;
	color: #fff;
	padding-left: 30%;
}
.foot-Copyright {height:1rem;
	font-size: 0.2rem;
	color: #323232;
	text-align: center;
	padding-bottom: 0.3rem;
	margin-top:0.3rem;
}



.top_bar {
	position:fixed;
	z-index:900;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-family:Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}
.top_menu {
	display:-webkit-box;
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
height:0.87rem;
	display: -webkit-box;
	display: box;
	margin:0;
	padding:0;
	-webkit-box-orient: horizontal;
	background: -webkit-gradient(linear, 0 0, 0 100%, to(#eb3543), color-stop(50%, #aa0310));
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
	border-top:#eb3543 solid 1px;
}
.ad-box{width:100%;text-align:center;padding-bottom:0.02rem;}
.ad-box em{ color: #3D9A5C;font-size:0.36rem;}
.ad-box span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 0.2rem;}
.ad-title{width:98%;margin:auto;text-align:center;font-size: 0.2rem;}
.ad-title .ad-em{ color:#333333;font-size:0.3rem;height:0.46rem;font-weight:bold}
.ad-title .line{width:6.4rem;height:0.14rem;background:url(/images/title_bg.png) no-repeat center bottom;margin:auto;margin-bottom:0.1rem}
.ad-title span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 0.2rem;}

.menu{ width:100%; height:0.87rem; background:#404042; position:fixed; bottom:0; z-index:100;}
.menu li{ float:left; width:1.6rem;}
.menu li a{ display:block; width:1.28rem; height:0.87rem; padding-top:0.55rem; text-align:center; color:#acacac; font-size:0.18rem;}
.menu .menu-this{ background:#262628;}
.menu .menu-this a{ border-bottom:3px solid #e3e3e3; color:#fff;}
.menu-1{ background:url(/images/menu-1.png) center 0.1rem no-repeat; background-size:0.35rem 0.36rem;}
.menu-2{ background:url(/images/menu-2.png) center 0.1rem no-repeat; background-size:0.26rem 0.36rem;}
.menu-3{ background:url(/images/menu-3.png) center 0.15rem no-repeat; background-size:0.34rem 0.3rem;}
.menu-4{ background:url(/images/menu-4.png) center 0.1rem no-repeat; background-size:0.33rem 0.36rem;}
.menu-5{ background:url(/images/menu-5.png) center 0.1rem no-repeat; background-size:0.38rem 0.38rem;}
.menu-this .menu-1{ background-image:url(/images/menu-11.png);} 
.menu-this .menu-2{ background-image:url(/images/menu-22.png);} 
.menu-this .menu-3{ background-image:url(/images/menu-33.png);} 
.menu-this .menu-5{ background-image:url(/images/menu-55.png);} 
/*产品*/
.nav{width:98%;  margin:auto}
.nav li{ float:left; width:32.433%;  margin:0 0.05rem 0.05rem 0; background:#0078D7;padding-bottom:0.15rem;}
.nav li a{ display:block; width:100%; height:100%; padding-top:0.15rem; text-align:center; font-size:0.22rem; color:#fff;}
.nav li a:active{ color:#ff7268;}
.nav li:nth-child(1) a{ background:url(/images/nav-1.png) center 0.22rem no-repeat; background-size:0.29rem 0.29rem;}
.nav li:nth-child(2) a{ background:url(/images/nav-2.png) center 0.22rem no-repeat; background-size:0.29rem 0.29rem;}
.nav li:nth-child(3) a{ background:url(/images/nav-3.png) center 0.22rem no-repeat; background-size:0.29rem 0.29rem;}
.nav li:nth-child(4) a{ background:url(/images/nav-4.png) center 0.22rem no-repeat; background-size:0.31rem 0.31rem;}
.nav li:nth-child(5) a{ background:url(/images/nav-5.png) center 0.22rem no-repeat; background-size:0.31rem 0.31rem;}
.nav li:nth-child(6) a{ background:url(/images/nav-6.png) center 0.22rem no-repeat; background-size:0.26rem 0.29rem;}
.nav li:nth-child(7) a{ background:url(/images/nav-7.png) center 0.22rem no-repeat; background-size:0.33rem 0.33rem;}
.nav li:nth-child(8) a{ background:url(/images/nav-8.png) center 0.22rem no-repeat; background-size:0.36rem 0.36rem;}
.nav li:nth-child(9) a{ background:url(/images/nav-9.png) center 0.22rem no-repeat; background-size:0.35rem 0.35rem;}
.nav li:nth-child(10) a{ background:url(/images/nav-10.png) center 0.22rem no-repeat; background-size:0.35rem 0.35rem;}
.nav li:nth-child(11) a{ background:url(/images/nav-11.png) center 0.22rem no-repeat; background-size:0.35rem 0.35rem;}
.nav li:nth-child(12) a{ background:url(/images/nav-12.png) center 0.22rem no-repeat; background-size:0.26rem 0.35rem;}
.nav li:nth-child(1) a:active{ background-image:url(../images/nav-1-a.png);}
.nav li:nth-child(2) a:active{ background-image:url(../images/nav-2-a.png);}
.nav li:nth-child(3) a:active{ background-image:url(../images/nav-3-a.png);}
.nav li:nth-child(4) a:active{ background-image:url(../images/nav-4-a.png);}
.nav li:nth-child(5) a:active{ background-image:url(../images/nav-5-a.png);}
.nav li:nth-child(6) a:active{ background-image:url(../images/nav-6-a.png);}
.nav li:nth-child(7) a:active{ background-image:url(../images/nav-7-a.png);}
.nav li:nth-child(8) a:active{ background-image:url(../images/nav-8-a.png);}
.nav li:nth-child(9) a:active{ background-image:url(../images/nav-9-a.png);}
.nav li:nth-child(10) a:active{ background-image:url(../images/nav-10-a.png);}
.nav li:nth-child(11) a:active{ background-image:url(../images/nav-11-a.png);}
.nav li:nth-child(12) a:active{ background-image:url(../images/nav-12-a.png);}
.fenlei-ico {
	clear: both;
	overflow: hidden;
}
.fenlei-ico a{
	float:left;
	background:#eb3543;
	background:linear-gradient(top, #3D9A5C 0%,#3D9A5C 47%,#aa0310 100%);
	background:-moz-linear-gradient(top, #3D9A5C 0%, #3D9A5C 47%, #aa0310 100%); /* firefox */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D9A5C), color-stop(47%,#3D9A5C), color-stop(100%,#aa0310)); /* Safari or Chrome */
	background:-webkit-linear-gradient(top, #3D9A5C 0%,#3D9A5C 47%,#aa0310 100%); /* Safari or Chrome */
	background:-o-linear-gradient(top, #3D9A5C 0%,#3D9A5C 47%,#aa0310 100%); /* IE9 */
	border: 1px solid #aa0310;
	background-position: top;
	line-height: 3em;
	width:30%;
	text-align:center;
	margin-left:2%;
	margin-top:1em;color:#fff
}

.cpBox .cpCont{
	overflow:hidden;
	margin:auto;width:98%
}
.inline-block {
    display: inline-block;
}
.cpBox .cpCont li{ float:left; width:2.9rem;margin:0.2rem 0.1rem 0 0.1rem; background:#fff;  border:1px solid #F7F7F7}
.cpBox .cpCont li img{width:3rem; height:2.6rem;}
.cpBox .cpCont li h5{font-weight:normal;font-size:0.26rem;text-align:center;height:0.56rem;line-height:0.56rem; border-top:1px solid #F7F7F7}
.cpBox .cpCont li h5 a{color:#323232;display:block;width:3.2rem;margin:0 auto;line-height:0.26rem;}
.cpBox .case li{ float:left; width:3rem; margin:0.2rem 0.1rem 0 0.1rem; background:#fff;border:0.01rem solid #E9E9E9 }
.cpBox .case li img{width:2.94rem; height:2rem;}
.cpBox .case li h5{font-weight:normal;font-size:0.22rem;text-align:center;height:0.56rem;line-height:0.56rem; }
.cpBox .case li h5 a{color:#323232;display:block;width:2.9rem;margin:0 auto;line-height:0.26rem;}
.ydCont{overflow:hidden;}
.ydCont dl{ float:left; width:46%; margin:0rem 2% 0.2rem 2%; text-align:center; overflow:hidden;background-color:#fff;}
.ydCont dl dt img{padding:0;margin:0;width:2.54rem;height: 1.11rem;background-color:#fff;}
.ydCont dd h5{display:block;width:100%;background-color:#fff;color:#404042;font-size:0.2rem;font-weight:normal;padding-bottom:0.18rem}
.ydCont dd h5 a{display:block;width:100%;background-color:#4cd0ff;color:#fff;font-size:0.2rem;padding-bottom:0.18rem}


.pro_con {background: #fff;}


.pro_con .conright {overflow:hidden;margin:auto;width:100%;height:2.9rem;}
.pro_con .conright a {display: block;padding: 0.5rem 0.6rem 0rem 0.7rem;height:2.9rem;}

.pro_con .con1 .conright.fp a {background:#EDEDED url(/images/dyicon1.png) no-repeat 4.2rem 1.25rem;}
.pro_con .con1 .conright.fz a {background:url(/images/dyicon2.png) no-repeat 3.5rem 1.2rem;}
.pro_con .con1 .conright.ft a {background:#EDEDED url(/images/dyicon3.png) no-repeat 3.9rem 0.6rem;}
.pro_con .con1 .conright h3 {font-weight:700;color: #333;margin-bottom: 0.2rem;font-size: 0.26rem;}
.pro_con .con1 .conright .p1 {font-size: 0.16rem;line-height: 0.34rem;}
/*更多*/
.more{
	display:block;
	position:relative;
	background-color:#fff;
	border-top-width: 1em;
	border-top-style: solid;
	border-top-color: #dedede;
	display: block;
	text-align: center;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2.3%;
	padding-right: 0px;
	padding-bottom: 2.3%;
	padding-left: 0px;
	border:1px solid #dedede;
	-webkit-border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	border-radius:20px 20px 20px 20px;font-size:0.18rem
}
.more-ico{float:right;margin-top:0.14rem;font-size:0.18rem}
/*公司介绍*/
.about{width:98%;margin:auto;overflow:hidden;}
.about_box{line-height:0.5rem;font-size:0.24rem;}

/*公司服务*/
.hb_main {overflow: hidden;}
.hb_main ul li {display: block;width:2.8rem;float:left;background:url(/images/jiejuebj.png) no-repeat center top;background-size:2.806rem 2.106rem;margin-bottom:0.25rem;margin-left:0.2rem;margin-right:0.2rem;}
.indexhb_pic {width:1.681rem;text-align: center;}
.indexhb_pic img {margin-top:0.3rem;display: inline-block!important;margin-left:1rem;width:0.8rem}
.indexhb_title {width: 100%;text-align: center;font-size:0.24rem;color: #444444;margin-top:0.28rem;}
.indexhb_ge {
	width: 35px;
	height: 3px;
	background:#bebdbd;
	margin: 0.08rem auto 0.08rem auto;
}
.indexhb_note {
	width: 100%;
	font-size:0.16rem;
	color: #999;
	line-height:0.26rem;
	text-align: center;
}
.indexhb_url {
	display: block;
	width: 105px;
	margin: 0 auto;
	height: 30px;
	color: #fff;
	margin-top: 35px;
	background: #333;
	border-radius: 35px;
	line-height: 30px;
	text-align: center;
}
.hb_main ul li:nth-child(4) {
	margin-right: 0!important;
}
/*新闻*/
.new{margin-left:auto;margin-right:auto;overflow:hidden;width:100%;background:#EDEDED;padding-left:0.1rem;padding-right:0.1rem}
.new dl{float:left;margin-bottom:0.3rem;border-bottom:1px solid #e2e1e1;padding-bottom:0.3rem;}
.new dt{float:left;width:1.6rem; height:1rem;}
.new dt img{width:1.6rem; height:1rem;}
.new dd{float:left; height:1rem;}
.new dd p {margin-bottom:0.1rem;}
.new dd p a{color:#666;font-size:0.24rem;}
.new dd em {color:#B2B2B2;font-size:0.2rem;}

#sharemcover{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	background:rgba(0, 0, 0, 0.7);
	display:none;
	z-index:20000;
}
#sharemcover img{
	position:fixed;
	right:18px;
	top:5px;
	width:260px;
	height:180px;
	z-index:20001;
	border:0;
}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{
	background-color:#4cd0ff;
}
.menu_font li a:hover, .menu_font li a:active{
	background-color:#4cd0ff;
 }
.menu_font li:first-of-type a{
	border-radius:5px 5px 0 0;
}
.menu_font li:last-of-type a {
	border-radius:0 0 5px 5px;
}
#plug-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:800;
}
#cate18 .device{
	bottom:49px;
}
#cate18 #indicator{
	bottom:240px;
}
#cate19 .device{
	bottom:49px;
}
#cate19 #indicator{
	bottom:330px;
}
#cate19 .pagination{
	bottom:60px;
}


/* 必要布局样式css */
.change-content {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;
	font-family:Microsoft YaHei;
}



.change-main {
    min-width:320px;max-width:640px; !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}


.change-box .change-cut {
    margin: 40px 0 30px;
    /* width: 1551px; */
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab {
    height:0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size:0.24rem;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    /* border-left: none; */
    position: relative;
    cursor: default;
    width: 25%;
    float:left;
    /* margin-right: 0px; */
}
.case-box .change-cut .tab {
    height:0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size:0.24rem;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    /* border-left: none; */
    position: relative;
    cursor: default;
    width: 50%;
    float:left;
    /* margin-right: 0px; */
}

.flex-rows{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

 .change-cut ul{
    border: 1px solid #e5e5e5;
    margin-left: 0px;
    /* width: 1200px; */
}

.case-box .change-cut ul{
    border: 1px solid #e5e5e5;
    margin-left: 0px;
    /* width: 1200px; */
}

.contents{
     min-width:320px;max-width:640px; !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
.contents dl{padding:0px 0.1rem;}
.contents dt{ font-size:0.3rem;margin-bottom:0.1rem;margin-top:0.3rem;font-weight:bold}
.contents dd{ font-size:0.24rem;line-height:0.5rem;}
.contents img{width:98%;margin-left:1%}
.change-cut .tab.on {
    background-color: #3C3C9F;
    color: #fff;
}

.change-box .change-cut .tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;

    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}

.case-box .change-cut .tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: #3C3C9F transparent transparent transparent;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}

.contents > .flex-row {
    justify-content: space-between;
}