@charset "utf-8"; 
/*导航*/
nav{height:5.625rem;overflow:hidden;background: #00adef;position:relative;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #47ccff;
}
nav li{
	display: block;
	float: left;
	width: 33.3%;
	font: 1rem/2.79rem "microsoft yahei";
	height: 2.79rem;
	color: #fff;
	text-align: center;
	border-right: 1px solid #47ccff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav a:nth-child(3n) li{
	border-right: none;
}


/*ban轮播广告*/
.g-adv{ height:12.5rem; overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}



/*合作伙伴*/
.g-partner{/*height: 15.2rem;*/overflow: hidden; background: url("../images/partner_bg.jpg") no-repeat center 0; background-size: 100%;}
.g-partner h2{
	text-align: center;
	font-size: 1.25rem;
	color: #393939;
	font-weight: bold;
	overflow: hidden;
	margin: 2.3rem 0 1.45rem;
}
.g-partner .prev{
	float: left;
	margin: 2rem 0 0 3%;
}
.g-partner .next{
	float: right;
	margin: 2rem 3% 0 0;
}
.g-partner .prev,.g-partner .next{
	width: 1.5rem;
	height: 1.5rem;
}
.g-partner .prev img,.g-partner .next img{
	display: block;
	width: 100%;
	height: auto;
}
.g-partner .nowarp{
	width: 75.31%;
    margin: 0 auto;
    overflow: hidden;
}
.g-partner li{
	width: 47.71%;
	height: 11.58rem;
	overflow: hidden;
	float: left;
	position: relative;
}
.g-partner li img{
	display: block;
	width: 100%;
	height: auto;
}
.g-partner li span{
	font-size: 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	color: #666666;
}
.g-partner a:nth-child(2n) li{
	float: right;
}

/*标题*/
.title12 h2{color: #00adef;display: block;font-size: 1.25rem;text-align:center;font-weight:bold;padding-top:25px;}
.title12 .p1{color: #666666;display: block;font-size: 1rem;text-align:center}
.title12 .p2{color: #ccc;display: block;font-size: 0.7rem;text-align:center}



/**/
.row{padding-top:30px;}
.shouyin {flex: 0 0 50%;}
.shouyin { width: 50%;float: left;height: auto;margin-bottom: 0.7rem;height:340px;}
.shouyin .card{margin: 0 3.125%; overflow: hidden;height:340px;}
.card{	box-shadow: 2px 2px 16px 0px rgba(106, 106, 106, 0.23);position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem}
.card, .figure { margin: 15px 0;}
.card-img-top {
   	display: block;
	width: 100%;
    /* border-top-left-radius: calc(.25rem - 1px); */
    /* border-top-right-radius: calc(.25rem - 1px); */
}

.card-body .card-title a{color: rgba(0, 173, 239, 1);font-size:16px;margin: 15px 0px 10px 25px;display:block}
.card-text {padding-left:25px;font-size: 13px;color: #666666;line-height: 22px;display:block;padding-right: 10px;}



/*VS*/
.g-vs{ overflow: hidden; height: 35.9rem; }
.g-vs h2{ background: url("../images/vs_title.jpg") no-repeat center 0; background-size: 100%; height: 5.67rem; line-height: 5.6rem; font-size: 1.5rem; color: #fff; text-align: center; padding-left: 15%; margin-bottom: 1.25rem;}
.g-vs h2 b{ color: #fff100; }
.g-vs .vs_title{ padding: 0 3.125%; padding-left: 14%; background: url("../images/vs_two.jpg") no-repeat center 0; background-size: 94% 6.17rem;height: 6.17rem; line-height: 6rem; font-size: 1rem; color: #fff; font-weight: bold; margin-bottom: 1.17rem;}
.g-vs .vs_title i{padding: 0 22%;}
.g-vs .sclwrap_box{ margin: 0 3.125%; overflow: hidden;}
.g-vs .con{ float: left; display: inline; width: 100%;}
.g-vs .con p{ height: 9.25rem; overflow: hidden; position: relative; margin-bottom: 1rem;}
.g-vs .con p i{ font-size: 0.92rem; color: #000; font-weight: bold; position: absolute; left: 44%; top: 3.7rem; display: block;}
.g-vs .con p img{ width: 100%;}
.g-vs .con li{ font-size: 0.95rem; line-height: 1.5rem; color: #5e5e5e; float: left; width: 46%;}
.g-vs .con li span{ color: #47ccff;}
.g-vs .con li:nth-child(2){ float: right;}
.g-vs .m-cnt{ height: 0.5rem; margin-top: 1.5rem; text-align: center; padding-left: 19%;}
.g-vs .m-cnt li{ width: 13.125%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 2.8125%;}
.g-vs .m-cnt li.z-on{background: #47ccff;}

/*优势*/
.jm_bj{padding: 3.5rem 0 0rem;height: 46rem;background:url(../images/jmbg.jpg) no-repeat center top;background-size: cover;overflow: hidden;box-sizing: border-box;font-family:"Microsoft Yahei";}
.jm_bj h2{}
.jm_bj ul{clear: both;overflow: hidden;width: 95%;margin:0 auto;padding-top: 20px;}
.jm_bj li{ width: 20%; float: left;box-sizing: border-box; text-align: center;}
.jm_bj li img{width: 4.7rem; height: 4.7rem; display: block;margin:0 auto;}
.jm_bj li em{display: block;font-size: 1rem;color: #333333;  }
.jm_bj li:nth-child(4){border-right: 0}


/*产品分类*/
.prod_menu{
	overflow: hidden;
	margin-bottom: 1rem;
}
.prod_menu h2{ margin-bottom: 1.5rem; background: url("../images/prod_title_bg.jpg") no-repeat center 0; background-size: 100% 6.17rem; height: 6.17rem; line-height: 6rem; font-size: 1.25rem; color: #fff; font-weight: bold; text-align: center;}
.prod_menu h2 span{ color: #fcd400;}
.prod_menu div{
	margin: 0 3.125%; 
	margin-bottom: 1px;
	overflow: hidden;
}
.prod_menu div h3{
	height: 2.5rem;
	line-height: 2.5rem;
	background: #636363 url("../images/prod_icon2.png") no-repeat 92% 0.7rem;
	background-size: 1.04rem;
	padding: 0 0 0 8%;
	overflow: hidden;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
.prod_menu div.active ul{
	display: block;
}
.prod_menu div.active h3{ background-color: #0057b0;}
.prod_menu div ul{
	overflow: hidden;

	display: none;
}
.prod_menu div li{
	
	font-size: 1rem;
	line-height: 2.33rem;
	float: left;
	background: url("../images/prod_icon3.jpg") no-repeat 0 0.9rem;
	background-size: 0.375rem 0.67rem;
	width: 44%;
	padding-left: 4%;
	margin: 2% 0 1%;
}
.prod_menu div li a{	
	color: #666666;
}

/**/
.youshis{max-width: 50%;width: 49.3%;float: left;height: auto;margin-bottom: 0.7rem;position: relative;}
.text-center{text-align:center}
.fs-20 {font-size: 1.2rem;}
.fs-16 {margin: 15px 0px 10px 25px;display:block}
.fs-16 p{font-size:0.6rem;}

/*产品展示*/
.prod_list{overflow: hidden;/*height: 24.05rem;*/background: #f0f0f0;margin-top: 45px;}
.prod_list h2{ margin-bottom:1.4rem; background: url("../images/prod_list_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.prod_list ul{ margin: 0 3.125%; overflow: hidden;}

.prod_list li{
	width: 48.3%;
	float: left;
	height: auto;
	margin-bottom: 0.7rem;
	position: relative;
}
.prod_list li img{
	display: block;
	width: 100%;
	padding: 0.42rem;
	background: url("../images/bg1.jpg");
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
}
.prod_list li span{
	display: block;
	height: 1.92rem;
	line-height: 1.92rem;
	font-size: 1rem;
	color: #fff;
	background: #000;
	opacity: .6;
	text-align: center;
	position: absolute;
	left: 0.48rem;
	bottom: 0.42rem;
	width: 92%;
}
.prod_list a:nth-child(2n) li{
	float: right;
}




/*优势*/
.g-advantage{
	overflow: hidden;
	margin-bottom: 2.87rem;
}
.g-advantage h2{
	text-align: center;
	font-size: 1.5rem;
	color: #282828;
	background: url("../images/advantage_title_bg.jpg") no-repeat center 0;
	background-size: 100%;
	height: 5.34rem;
	padding-top: 0.7rem;
}
.g-advantage h2 span{
	color: #47ccff;
	font-size: 2rem;
	font-family: "Arial";
	font-weight: bold;
}
.g-advantage h2 b{
	display: block;
	font-size: 1rem;
}
.g-advantage .con{ width: 100%; display: inline; float: left;}
.g-advantage p{ height: 18.33rem; overflow: hidden;}
.g-advantage p img{ width: 100%; display: block;}

.g-advantage dl{
	overflow: hidden;
	margin: 0 6.25% 1.25rem 3.125%;
}
.g-advantage dt{
	font-size: 1.25rem;
	font-weight: bold;
	color: #393939;
	margin-bottom: 0.2rem;
	height: 3.5rem;
	padding-left: 14%;
}
.g-advantage dt span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #e0e0e0; font-weight: normal;}
.g-advantage .advantage1 dt{ background: url("../images/advantage_title1.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage2 dt{ background: url("../images/advantage_title2.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}

.g-advantage dd{
	margin-left: 13%;
	overflow: hidden;
}
.g-advantage dd li{
	background: url("../images/advant_icon.jpg") no-repeat 0 center;
	background-size: 0.25rem 0.208rem;
	font-size: 1rem;
	line-height: 2rem;
	color: #666666;
	padding-left: 4%;
	border-bottom: 1px dashed #e5e5e5;
}
.g-advantage dd li:last-child{ border-bottom: none;}
.g-advantage dd li i{ color: #004ea2;}
.g-advantage .m-cnt{
	height: 0.5rem;
    margin-top: 0.5rem;
    text-align: center;
    padding-left: 13%;
}
.g-advantage .m-cnt li{
	width: 26%;
    height: 0.5rem;
    background: #c8c8c8;
    display: inline-block;
    float: left;
    margin-right: 5%;
}
.g-advantage .m-cnt li.z-on{
	background: #47ccff;
}


/*广告2*/
.g-banner2{
	height: 7.5rem;
	overflow: hidden;
	background: url("../images/banner2.jpg") no-repeat center 0;
	background-size: 100% 7.5rem; 
	margin-bottom: 2.4rem;
}
.g-banner2 p{
	width: 29.2%;
	height: 1.79rem;
	line-height: 1.79rem;
	text-align: center;
	background: #fff;
	color: #393939;
	font-size: 1rem;
	margin: 5rem 0 0 35.5%;
}


/*经典案例*/
.case{ overflow: hidden; margin-bottom: 2.9rem;}
.case h2{ margin-bottom:1.4rem; background: url("../images/case_title_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.case p{
    margin: 0 3.125%;
    overflow: hidden;
    position: relative;
    height: 14.58rem;
}
.case p img {
    display: block;
   width:100%;
    padding: 0.42rem;
    background: url("../images/bg1.jpg");
    background-size: 100%; 
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
}
.case span {
    display: block;
    height: 1.92rem;
    line-height: 1.92rem;
    font-size: 1rem;
    color: #fff;
    background: #000;
    opacity: .6;
    text-align: center;
    position: absolute;
    left: 0.48rem;
    bottom: 0.42rem;
    width: 96%;
}
.case em{ display: block; font-size: 1rem; color: #47ccff; text-align: center; margin-top: 1rem;}
.case em a{color: #00adef;border-bottom: 1px solid #00adef;}


/*荣誉资质*/
.g-honor{/*height: 16.75rem;*/margin-bottom: 0.5rem;overflow: hidden;background: url("../images/honor_bg.jpg") no-repeat center 0;background-size: 100%;margin-top:25px;}
.g-honor h2{
	text-align: center;
	font-size: 1.25rem;
	color: #393939;
	font-weight: bold;
	overflow: hidden;
	margin: 2.3rem 0 2.3rem;
}
.g-honor .prev{
	float: left;
	margin: 2.7rem 0 0 3%;
}
.g-honor .next{
	float: right;
	margin: 2.7rem 3% 0 0;
}
.g-honor .prev,.g-honor .next{
	width: 1.5rem;
	height: 1.5rem;
}
.g-honor .prev img,.g-honor .next img{
	display: block;
	width: 100%;
	height: auto;
}
.g-honor .nowarp{
	width: 75.31%;
    margin: 0 auto;
    overflow: hidden;
}
.g-honor li{
	width: 47.71%;
	height: 11.58rem;
	overflow: hidden;
	float: left;
	position: relative;
}
.g-honor li img{
	display: block;
	width: 100%;
	padding: 0.75rem;
	border: 1px solid #ebebeb;
	background: #fff;
	box-sizing: border-box;
}
.g-honor li span{
	font-size: 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	color: #000000;
}
.g-honor a:nth-child(2n) li{float: right;}




/*客户见证*/
.witness{ overflow: hidden; font-family: "microsoft yahei"; margin-bottom: 1.4rem;padding-top:25px;}
.witness h2{ margin-bottom:1.7rem; background: url("../images/witness_title_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.witness dl{ height: 7.29rem; overflow: hidden; margin: 0 3.125% 1.33rem;}
.witness dt{ width: 46.3%; float: left; overflow: hidden; height: 7.29rem;background: #ccc;}
.witness dt img{ display: block; width: 100%;height: 100%;}
.witness dd{ width: 50%; float: right; overflow: hidden;}
.witness dd h3{ font-size:1rem; color: #393939; margin-bottom: 0.3rem; font-weight: bold;display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.witness dd p{ font-size: 1rem; line-height: 1.25rem; color: #999999;overflow: hidden; height: 3.9rem;}
.witness dd .detail{ font-size: 1rem; display: block; color: #191919; font-family: "microsoft yahei"; margin-top: 0.4rem;}




/*公司介绍*/
.g-company{
	height: 28.5rem;
	background: url("../images/about_bg.jpg") no-repeat center 0;
	overflow: hidden;
	margin-bottom: 2.7rem;
}
.g-company h2{
	text-align: center;
	font-size: 1.25rem;
	color: #ffcc00;
	font-weight: bold;
	margin: 1.3rem 0 1.3rem;
}
.g-company h2 span{
	color: #fff;
	text-transform: uppercase;
}
.g-company dl{ margin: 0 11.7%; overflow: hidden;}
.g-company dt{
	width: 100%;
	margin: 0 auto 1rem;
}
.g-company dt img{
	display: block;
	width: 100%;
	height: auto;
	border: 0.42rem solid #fff;
	box-sizing: border-box;
}
.g-company dd{
	overflow: hidden;
}
.g-company dd h3{
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #282828;
	margin-bottom: 0.5rem;
}
.g-company dd .p{
	color: #242424;
	font-size: 1rem;
	height: 3rem;
	line-height: 1.5rem;
	overflow: hidden;
}
.g-company dd em{ display: block; text-align: right; margin-top: 0.2rem;}
.g-company dd .more{
	font-size: 1rem;
	color: #242424;
	border-bottom: 1px solid #242424;
	display: inline-block;
}


.newsList .wWLine {
    height: auto;
    overflow: visible;
}
.separatorLine {
    clear: both;
    margin: 0;
    font-size: 0;
    border-top: 0;
    border-left: none;
    border-right: 0;
    height: 1px;
    line-height: 1px;
    border-width: 1px;
	border-color:#f7f7f7;
}
.g_separator {
    background: #404040;
}
.newsList .line:before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: .95rem;
    left: .75rem;
    background: #fff;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
.newsList .wWLine.line .lineBody {
	font-size:16px;
    padding-top: .8rem;
    padding-bottom: .8rem;
}
.newsList .line:after {
    content: ">";
    position: absolute;
    width: .4rem;
    height: .4rem;
    top: .5rem;
    right: .8rem;
    color: #fff;
    font-family: Verdana;
    font-size: .8rem;
}
[class^="icon-"], [class*=" icon-"], [class*="faisco-icons-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*新闻资讯*/
.new{ height: 21rem; overflow: hidden;  font-family: "microsoft yahei"; }

.n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;}
.n_q li{ font-size: 1rem;color: #393939; float: left; font-weight: normal; width: 50%; text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; }
.n_q li.z-on{border-top: 0.25rem solid #00adef;font-weight: bold;color: #00adef;background: #fff;}

.new .con{ float: left; display: inline; width: 100%;}
.n_c ul{ padding: 0 3.9%;}
.n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;}
.n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;}

.n_c ul li a{ color: #333333; display: block; float: left; width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n_c ul li:nth-child(6){ border-bottom: 0;}
.n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;}


@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}