@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "Microsoft YaHei"; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #e60012; }


/*引子*/
.g-yin{width: 100%;padding: 3rem 0 0;height: 44.5rem;overflow: hidden; background:url(../images/yin_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.m-bt{display: block;width: 100%;font-size: 1.2rem;color: #666;height: 5rem;line-height: 2.2rem;text-align: center; background:url(../images/yin_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-bt b{display: block;font-size: 1.8rem;color: #333;padding: 0.5rem 0 0;}
.u-bt{font-size: 1.5rem;color: #333;font-weight: bold;text-align: center;padding: 1.8rem 0 0;display: block;}

.container {
    padding: 0 0.5rem 0.2rem;
}
.section{ background: #f5f5f5; box-shadow: 0 2px 4px 2px #d0d0d0;}
.section-title {
	text-align: center;
    font-size: 1.8rem;
    color: #e60012;
    padding: 2.66rem 0 2.3rem;
}
.section-title img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0.5rem 0;
}
.section-title p {
	margin-top: 0.4rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #555;
}
.section-titles {
	text-align: center;
	font-size: 1.2rem;
	position: relative;
	margin: 20px 0
}
.section-titles span {
	position: relative;
	height: 45px;
	line-height: 45px;
	border-left: 2px solid #ee7316;
	border-right: 2px solid #ee7316;
	background: #20317f;
	padding: 0 10px;
	display: inline-block;
}
.section-titles a {
	color: #FFF;
}

.case-con .swiper-pagination {
    position: static;
    font-size: 0;
    margin-top: 0.5rem;
}
.section .case-con{
	padding: 1rem 0 0;
}

.ys dl {
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: 3%;
    margin-bottom: 1.3rem;
    padding:2%;
    width: 43.8%;
    height: 11.2rem;
    border: 1px solid #e6e6e6;
}
.ys dl:nth-child(2n) {
	margin-right: 0;
}
.ys dl dt {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0.8rem 0 0.3rem;
	line-height: 0;
	overflow: hidden;
}
.ys dl dd {
	margin: 0;
	padding: 0;
}
.ys dl dt img {
	width: 100%;
	height: auto;
}
.ys dl dd h3 {
	font-size: 1.2rem;
	color: #565656;
	margin: 0;
	padding: 0.5rem 0;
}
.ys dl dd p {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #6f6f6f;
}
.ys dl dd .mores {
	text-align: center;
	background: #e60012;
	border-radius: 5px;
	width: 60%;
	margin-left: 20%;
	margin-top: 0.1rem;
}
.ys dl dd .mores a {
	color: #FFF;
}
/*应用实例*/
.g-case{width: 96.88%;margin: 0 auto;padding: 0;}
.g-case .m-bt{ background:url(../images/case_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin-bottom: 2rem;}
.g-case ul li{width: 50%;float: left;position: relative;line-height: 0;}
.g-case ul li span{display: block;width: 94%;height: 2.6rem;line-height: 2.6rem;position: absolute;bottom: 0;left: 0;overflow: hidden;font-size: 1rem;color: #666;padding: 0 3%;background: rgba(255,255,255,0.8);}
.g-case ul li em{display: block;float: right;width: 1rem;line-height: 0;padding: 0.7rem 0 0;}
.g-case ul li em img{width: 1rem;height: 1rem;}
.u-more{display: block;font-size: 1rem;color: #666;width: 100%;text-align: center;padding: 1rem 0 0;}

/*产品中心*/
.g-cp .m-bt{ background:url(../images/cp_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin-bottom: 3rem;}
.cp01{width: 96.88%;margin: 0 auto;border: #efefef 1px solid;}
.cp01 dl{width: 100%;height: 15rem;overflow: hidden;}
.cp01 dl dt{width: 51%;float: right;}
.cp01 dl dd{width: 49%;float: left;padding: 1.5rem 0 0;height: 13.5rem;}

.cp01 dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;padding-left: 1.8rem;}
.cp01 dl dd h5 a{font-size: 1.2rem;color: #e60012;}

.cp01 .cp_desc{font-size: 1rem;color: #666;width: 12.5rem;padding:0.5rem 0 0 1rem;}
.cp01 dl dd p{line-height: 1.8rem;position: relative;padding-left: 1rem;}
.cp01 dl dd p:before{content: "";width: 0.3rem;height: 0.3rem;position: absolute;top: 0.7rem;left: 0;border: #e60012 2px solid;border-radius: 50%;background: #fff;}
.cp01 dl dd span,.cp02 dl dd span{display: inline-block;width: 100%;padding: 1rem 0 0 1rem;}
.cp01 dl dd span a,.cp02 dl dd span a{display: block;font-size: 1rem;color: #999;float: left;width: 5.4rem;height: 2rem;line-height: 2rem;overflow: hidden;padding: 0 0.3rem;margin-right: 0.5rem;}
.cp01 dl dd em,.cp02 dl dd em{display: block;float: right;width: 0.8rem;padding-top: 0.6rem;}
.cp01 dl dd em img,.cp02 dl dd em img{width: 0.8rem;height: 0.8rem;}

.cp02 dl{width: 47.34%;float: left;margin: 0.5rem 0 0 0.5rem;border: #e9e9e9 1px solid;}
.cp02 dl dt{width: 100%;line-height: 0;}
.cp02 dl dd{width: 100%;height: 4.5rem;background: #e9e9e9;padding: 0.5rem 0 0;}
.cp02 dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;text-align: center;}
.cp02 dl dd h5 a{font-size: 1rem;color: #333;}
.cp02 dl dd span{padding-top: 0;}
.cp02 dl dd span a{color: #666;background: none;border: none;}

/*优势*/
.g-ys{ width:96.88%; overflow:hidden; padding: 0 0 2rem; margin: 2rem 1.22% 0; background: #f5f5f5;}
.g-cp .m-bt{ background:url(../images/ys_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ys_pic{ width:100%; line-height:0;padding: 0 0 0.5rem;}
.g-ys .sclwrap_box{ height:auto; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;height: 12.5rem;}
.g-ys dl dd h5{font-size: 1.5rem;color: #333;height: 4rem;line-height: 4rem;overflow: hidden;position: relative;text-align: center;margin-bottom: 0.8rem;}
.g-ys dl dd h5:before{content: "";width: 2rem;height: 0.2rem;position: absolute;bottom: 0;left: 45%;background: #333;}
.g-ys dl dd p{font-size: 1rem;color: #666;line-height: 1.8rem;position: relative;padding-left: 6rem; padding-right: 1.5rem;}
.g-ys dl dd p:before{content: "";width: 0.3rem;height: 0.3rem;position: absolute;top: 0.7rem;left: 5rem;background: #fff;border:#666 0.1rem solid;border-radius: 50%;}
.g-ys dl dd.ys_dd01{ background:url(../images/ys_no1.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys dl dd.ys_dd02{ background:url(../images/ys_no2.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys dl dd.ys_dd03{ background:url(../images/ys_no3.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-cnt{ width:100%; display:inline-block; }
.g-ys .m-cnt li{ width:0.8rem; height:0.8rem; background:#727272; float:left;margin-right: 1.5rem; border-radius:1rem; }
.g-ys .m-cnt li.z-on{ background:#e60012;width: 2rem;}
.g-ys .m-cnt li:first-child{margin-left: 12rem;}

/*合作流程*/
.liuc{background: #e60012;padding: 2rem 0;}
.liuc .m-bt{color: #fff; background:url(../images/liuc_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin-bottom: 2rem;}
.liuc .m-bt b{color: #fff;}
.liuc ul{display:block;height: 13rem;width: 100%; background:url(../images/liuc_k.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.liuc ul li{width: 33.33%;float: left;text-align: center;position: relative;height: 6.5rem;}
.liuc ul li b{font-size: 2.5rem;color: #fff;display: block;height: 2rem;overflow: hidden;line-height: 3.2rem;}
.liuc ul li span{display: block;font-size: 1rem;color: #fff;line-height: 1.5rem;padding: 0.5rem 0 0;}
.liuc ul li i{display: block;}
.liucheng ul li {
    float: left;
    display: inline-block;
    width: 30.2%;
    margin-bottom: 2%;
    margin-right: 2.2%;
    padding: 0.5%;
    border: 1px solid #cccccc;
    text-align: center;
}
.liucheng ul li:nth-child(3n) {
	margin-right: 0;
}
.liucheng ul li img {
	margin-top: 0.5rem;
	width: auto;
	display: initial;
}
.liucheng ul li p {
	margin-top: 4px;
}

/*客户见证*/
.g-jz{ width:96.88%;margin: 0 auto;overflow: hidden; padding:3rem 0;}
.g-jz .m-bt{ background:url(../images/jz_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-jz dl{ width:99.8%;height: 10.8rem; display:inline-block; overflow:hidden;margin-top: 2rem;border: #ececec 1px solid;border-radius: 10rem 0 0 10rem;}
.g-jz dl dt{ width:34.8%; float:left;}
.g-jz dl dt img{border-radius: 50%;}
.g-jz dl dd{ width:60%; float:left; padding:1.5rem 0 0 1rem;}
.g-jz dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-jz dl dd h5 a{font-size: 1.2rem;color: #333;font-weight: normal;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dd span{display: block;font-size: 1rem;color: #666;}
.g-jz .jz_desc{font-size:1rem;color: #666; padding:0.5rem 0 0;line-height: 1.5rem;height: 3rem;overflow: hidden;}
.g-jz dl.nobor{border-radius: 0 10rem 10rem 0;}
.g-jz dl.nobor dt{float: right;}


.teamnr{margin-bottom: 50px}
.teamnr .tdlist{background: #fff;margin: 10px; padding: 1%; border-radius: 10px; box-shadow: 5px 8px 8px rgba(0, 0, 0, .2); transition: all 0.3s;}
.teamnr .tdlist:hover{transform: translateY(-3px);}
.teamnr .tdlist .tdimg{overflow: hidden;}
.teamnr .tdlist .tdimg img{width: 100%; transition-duration: 1s;}
.teamnr .tdlist:hover .tdimg img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.teamnr .tdlist .tdname{background: #e60012;text-align: center; color: #fff;font-size: 16px;padding: 10px 0;}
.teamnr .tdlist h2{text-align: center;font-size: 18px; color: #333;font-weight: bold; padding: 16px 0;}
.teamnr .tdlist p{font-size: 14px; color: #888;line-height: 23px;}
/*关于我们*/
.g-about{ width:100%; padding: 0 0 0.2rem; background: #f1f1f1;}
.g-about .m-bt{ background:url(../images/ab_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl{ width:100%;}
.g-about dl dt{ width:100%;height: 16.8rem;line-height: 0;padding-top: 1.2rem; background:url(../images/ab_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 72.5%;margin: 0 auto;}
.g-about dl dd{ width:88%;margin: 0 auto; padding: 1.5rem 0 0;}
.g-about .ab_desc{font-size:1rem; color:#666;line-height: 2rem;height: 10rem;overflow: hidden;}
.g-about dl dd span{display:block;line-height: 2rem;margin:-2rem 0 0;float:right;}
.g-about dl dd span a{font-size:1rem; color:#e60012;}

/*关于我们 按钮*/
.about-an{ width: 100%; overflow: hidden; padding: 1.3rem 0 1rem; margin: 0 0 0.5rem;}
.about-an ul{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.about-an ul li{width: 30%;float: left;text-align: center;margin: 0 1%;height: 3rem;line-height: 3rem;border-radius: 0 0.5rem;color: #fff;background: #727272;}
.about-an ul li:nth-child(2){ background:#e60012; }
.about-an ul li a{ color: #fff; }


/*荣誉证书*/
.g-honor{ width:100%;background: #f1f1f1;padding: 1.5rem 0 0;}
.g-honor ul li{width: 26.56%;float: left;line-height: 0;padding: 0 0 1.5rem 1.5rem;}



/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}