@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;font-family:"微软雅黑";}
html{font-size:10px;}
body{color:#333;font-family:Arial;
	background:#fff url(/image/bg.jpg) center center no-repeat;background-size:cover;background-attachment:fixed;
}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#C00;text-decoration:none;}
a:active{color:#C00;text-decoration:none;}
ul{list-style:none;padding-left:-35px!important;padding-left:0px;margin:0;}
li{list-style:none;vertical-align:baseline;text-align:-moz-left!important;text-align:left;}
form,img,input,select,textarea{border:none;margin:0;padding:0;outline:none;}
.inputAppNone{-webkit-appearance:none;}
.B{clear:both;height:0;overflow:hidden;}
.hr{height:0.1rem;border:none;border-top:0.1rem dotted #aaa;margin:0.5rem auto 1rem auto;}
#wrapper{max-width:620px;margin:0 auto;}
/* 设置placeholder的字体颜色 */
::-webkit-input-placeholder{color:#c6c6c6;}
:-moz-placeholder{color:#c6c6c6;}
::-moz-placeholder{color:#c6c6c6;}
:-ms-input-placeholder{color:#c6c6c6;}

.picture{display:block;width:100%;height:auto;line-height:normal;margin:0 auto;overflow:hidden;}
.picture img{display:block;max-width:100%;margin:0 auto;}


/* header */
header{display:block;width:100%;height:4.4rem;overflow:hidden;margin:0 auto;background:#fff;padding-bottom:0.5rem;}
header logo{float:left;display:inline-block;width:13.7rem;height:3.4rem;overflow:hidden;margin:0.5rem 0 0 1rem;
	background:url(../image/logo.png) center center no-repeat;background-size:cover;
}
header logo a{display:block;width:100%;height:3.4rem;overflow:hidden;text-indent:-99rem;}

header tel{float:right;display:inline-block;width:2.8rem;height:2.8rem;overflow:hidden;margin:0.7rem 1rem 0 0;border:0.1rem solid #f7c678;
	background:#fffbee url(../image/p01.png) center center no-repeat;background-size:cover;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}
header tel a{display:block;width:100%;height:2.8rem;text-indent:-99rem;}

header a.abtApply{float:right;display:inline-block;width:7.4rem;height:2.8rem;line-height:2.8rem;overflow:hidden;margin:0.7rem 1rem 0 0;text-align:center;border:0.1rem solid #a8d1d9;
	background:#e5fbff;color:#23a9c2;font-size:1.2rem;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}

/* nav */
nav{display:block;width:100%;height:3.6rem;overflow:hidden;margin:0 auto;background:#ededed;}
nav li{float:left;display:inline-block;width:20%;height:3.6rem;line-height:3.6rem;font-size:1.4rem;text-align:center;}
nav li a{display:block;width:100%;line-height:3.6rem;}
nav li.on{background:#173e7c;}
nav li.on a{color:#fff;}

/* bannerPart */
.banner{display:block;width:100%;height:18rem;overflow:hidden;margin:0 auto;}
/* 轮播图片 Start */
.main_visual{height:18rem;overflow:hidden;position:relative;}
.main_image{height:18rem;overflow:hidden;position:relative;}
.main_image ul{width:999rem;height:18rem;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:36rem;height:18rem;}
.main_image li span{display:block;width:100%;height:18rem;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.main_image li a{display:block;width:100%;height:18rem;text-indent:-999rem;}

div.flicking_con{position:absolute;top:14.8rem;left:50%;z-index:100;width:auto;height:21px;margin:0 0 0 -2.9rem;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(../image/btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-999rem;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{z-index:101;position:absolute;display:block;width:4.2rem!important;height:4.2rem!important;top:50%;margin-top:-2.1rem;display:none;}
#btn_prev{background:url(../image/hover_left.png) no-repeat left top;left:5.8rem;}
#btn_next{background:url(../image/hover_right.png) no-repeat right top;right:5.8rem;}
/* 轮播图片 End */

/* product */
.product{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;}
.product .title{display:block;width:100%;height:auto;margin:0.4rem auto 0 auto;}
.product .title dt{display:block;width:100%;height:3.6rem;line-height:3.6rem;font-size:2rem;font-weight:bold;color:#333;text-align:center;}
.product .title dd{display:block;width:100%;height:1.8rem;line-height:1.8rem;font-size:1rem;color:#999;text-align:center;}

.product .content{display:block;width:100%;height:auto;margin:0.6rem auto 0 auto;overflow:hidden;}
.product .content li{float:left;display:inline-block;width:17.9rem;height:7rem;overflow:hidden;margin:0.2rem 0 0 0.2rem;}
.product .content li a{display:block;width:100%;height:7rem;}
.product .content li .icon{float:left;display:inline-block;width:5.6rem;height:5.6rem;overflow:hidden;margin:0.7rem 0 0 0.4rem;
	background-position:center center;background-repeat:no-repeat;background-size:cover;
}
.product .content li .txt{float:left;display:inline-block;width:11rem;height:4.4rem;overflow:hidden;margin:0.7rem 0 0 0.4rem;color:#fff;font-size:1.2rem;}
.product .content li .txt strong{display:block;width:100%;height:3rem;line-height:3rem;font-size:1.6rem;}

.product .content li.list1{background-color:#349ed0;margin-left:0;}
.product .content li.list1 .icon{background-image:url(../image/p02.png);}
.product .content li.list2{background-color:#01bdea;}
.product .content li.list2 .icon{background-image:url(../image/p03.png);}
.product .content li.list3{background-color:#107685;margin-left:0;}
.product .content li.list3 .icon{background-image:url(../image/p04.png);}
.product .content li.list4{background-color:#1d84e3;}
.product .content li.list4 .icon{background-image:url(../image/p05.png);}
.product .content li.list5{background-color:#df2e34;margin-left:0;}
.product .content li.list5 .icon{background-image:url(../image/p06.png);}
.product .content li.list6{background-color:#349ed0;}
.product .content li.list6 .icon{background-image:url(../image/p07.png);}

/* pos */
.pos{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;}
.pos .p{display:block;width:28rem;height:28rem;overflow:hidden;margin:1rem auto 0 auto;
	background:url(../image/p08.png) center center no-repeat;background-size:cover;
}
.pos .t{display:block;width:33rem;height:auto;margin:1rem auto 0 auto;overflow:hidden;}
.pos .t li{display:block;width:100%;height:2.6rem;line-height:2.6rem;font-size:1.4rem;color:#333;margin:0 auto;}
.pos .t li.list2 span{font-size:1.8rem;}
.pos .t li.list3{margin:1rem auto 0 auto;}
.pos .t li.list4 img{max-width:100%;margin:0.4rem auto 0 auto;}

/* why */
.why{display:block;width:100%;height:auto;margin:2rem auto 0 auto;overflow:hidden;
	background:url(../image/p01.jpg) center top no-repeat;background-size:cover;
}
.why .title{display:block;width:100%;height:auto;margin:1rem auto 0 auto;}
.why .title dt{display:block;width:100%;height:3.6rem;line-height:3.6rem;font-size:2rem;font-weight:bold;color:#fff;text-align:center;}
.why .title dd{display:block;width:100%;height:1.8rem;line-height:1.8rem;font-size:1rem;color:#92effa;text-align:center;}

.why .content{display:block;width:33rem;height:auto;margin:1rem auto 0 auto;overflow:hidden;}
.why .content li{display:block;width:93%;padding-left:7%;height:auto;line-height:2.4rem;font-size:1.3rem;color:#fff;
	background:url(../image/p10.png) 1rem 0.7rem no-repeat;
}

.why .charac{position:relative;display:block;width:33.1rem;height:15.4rem;overflow:hidden;margin:2rem auto 0 auto;}
.why .charac .bg{position:absolute;left:0;top:0;display:block;width:33.1rem;height:auto;overflow:hidden;}
.why .charac .bg li{float:left;display:inline-block;width:16.2rem;height:5rem;overflow:hidden;
	filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;
}
.why .charac .bg li.list1{border:0.1rem solid #fff;background-color:#53c6d9;}
.why .charac .bg li.list2{border:0.1rem solid #fff;border-left:none;}
.why .charac .bg li.list3{border:0.1rem solid #fff;border-top:none;}
.why .charac .bg li.list4{border:0.1rem solid #fff;border-left:none;border-top:none;background-color:#53c6d9;}
.why .charac .bg li.list5{border:0.1rem solid #fff;border-top:none;background-color:#53c6d9;}
.why .charac .bg li.list6{border:0.1rem solid #fff;border-left:none;border-top:none;}

.why .charac .text{position:absolute;left:0;top:0;display:block;width:33.1rem;height:auto;overflow:hidden;}
.why .charac .text li{float:left;display:inline-block;width:16.2rem;height:5rem;overflow:hidden;margin-top:0.1rem;}
.why .charac .text li .icon{float:left;display:inline-block;width:3.6rem;height:3.6rem;overflow:hidden;margin:0.8rem 0.2rem 0 0.6rem;
	background-position:center center;background-repeat:no-repeat;background-size:cover;
}
.why .charac .text li .txt{float:left;display:inline-block;width:auto;height:3.6rem;line-height:3.6rem;margin:0.8rem 0 0 0;font-size:1.3rem;color:#fff;}
.why .charac .text li.list1 .icon{background-image:url(../image/p11.png);}
.why .charac .text li.list2 .icon{background-image:url(../image/p12.png);}
.why .charac .text li.list3 .icon{background-image:url(../image/p13.png);}
.why .charac .text li.list4 .icon{background-image:url(../image/p14.png);}
.why .charac .text li.list5 .icon{background-image:url(../image/p15.png);}
.why .charac .text li.list6 .icon{background-image:url(../image/p16.png);}

.why .abtMore{display:block;width:14rem;height:3.4rem;line-height:3.4rem;overflow:hidden;margin:2rem auto 2rem auto;background:#01d4bf;color:#fff;font-size:1.4rem;text-align:center;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}

/* article */
.article{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;}
.article .title{display:block;width:100%;height:auto;margin:0.4rem auto 0 auto;}
.article .title dt{display:block;width:100%;height:3.6rem;line-height:3.6rem;font-size:2rem;font-weight:bold;color:#333;text-align:center;}
.article .title dd{display:block;width:100%;height:1.8rem;line-height:1.8rem;font-size:1rem;color:#999;text-align:center;}

.article .piclist{display:block;width:100%;height:auto;overflow:hidden;margin:1rem auto 0 auto;}
.article .piclist li{display:block;width:100%;height:auto;overflow:hidden;}
.article .piclist li a{display:block;width:100%;height:9.6rem;padding:1.2rem 0;}
.article .piclist li img{float:left;display:inline-block;width:12.8rem;height:9.6rem;margin-left:1.5rem;}
.article .piclist li:nth-child(odd){background-color:#f3f3f3;}
.article .piclist .tit{float:right;display:inline-block;width:18rem;height:4rem;line-height:2rem;overflow:hidden;font-size:1.4rem;margin-right:1.5rem;margin-top:-0.3rem;}
.article .piclist .guide{float:right;display:inline-block;width:18rem;height:5.6;line-height:1.8rem;overflow:hidden;font-size:1.1rem;color:#999;margin:0.4rem 1.5rem 0 0;}

.article .txtlist{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;}
.article .txtlist li{display:block;width:100%;height:3.6rem;line-height:3.6rem;overflow:hidden;}
.article .txtlist li:nth-child(odd){background-color:#f3f3f3;}
.article .txtlist li a{display:block;width:100%;line-height:3.6rem;overflow:hidden;}
.article .txtlist li .l{float:left;display:inline-block;width:26rem;height:3.6rem;line-height:3.6rem;overflow:hidden;margin-left:1.5rem;font-size:1.4rem;white-space:nowrap;text-overflow:ellipsis;}
.article .txtlist li .r{float:right;display:inline;margin-right:1.5rem;font-size:1.1rem;color:#999;}

/* customer */
.customer{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;padding:1.5rem 0;}
.customer .title{display:block;width:100%;height:auto;margin:0.4rem auto 0 auto;}
.customer .title dt{display:block;width:100%;height:3.6rem;line-height:3.6rem;font-size:2rem;font-weight:bold;color:#333;text-align:center;}
.customer .title dd{display:block;width:100%;height:1.8rem;line-height:1.8rem;font-size:1rem;color:#999;text-align:center;}

.customer .content{display:block;width:34rem;height:auto;margin:1rem auto 0 auto;overflow:hidden;}
.customer .content li{float:left;display:inline-block;width:11rem;height:6rem;overflow:hidden;margin:0.4rem 0 0 0.4rem;}
.customer .content li img{width:11rem;height:6rem;}
.customer .content li.start{margin-left:0;}

/* footer */
footer{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#f3f3f3;padding:1.5rem 0 6rem 0;font-size:1.2rem;line-height:180%;color:#888;text-align:center;}



#footMenu{position:fixed;left:0;bottom:0;display:block;width:100%;height:5.6rem;overflow:hidden;background:#0d2e60;}
#footMenu li{float:left;display:inline-block;width:25%;height:5.6rem;}
#footMenu li a{display:block;width:100%;height:5.6rem;text-align:center;font-size:1.2rem;}
#footMenu li .icon{display:block;width:2rem;height:2rem;overflow:hidden;margin:0.8rem auto 0 auto;
	background-position:center center;background-repeat:no-repeat;background-size:cover;
}
#footMenu li .txt{display:block;width:100%;height:2.4rem;line-height:2.4rem;color:#fff;}
#footMenu li.list1 .icon{background-image:url(../image/p17.png);}
#footMenu li.list2 .icon{background-image:url(../image/p18.png);}
#footMenu li.list3 .icon{background-image:url(../image/p19.png);}
#footMenu li.list4 .icon{background-image:url(../image/p20.png);}





/*columnBanner*/
.columnBanner{display:block;width:100%;height:8rem;overflow:hidden;margin:0 auto;
	background:#fff center center no-repeat;background-size:cover;
}

/* column */
.column{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;padding:1rem 0;}
.column li{float:left;display:inline-block;width:10.8rem;height:3.4rem;line-height:3.4rem;text-align:center;margin:0 0 0.6rem 0.6rem;border:0.1rem solid #ddd;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}
.column li a{display:block;font-size:1.2rem;width:100%;line-height:3.4rem;overflow:hidden;}
.column li.on{background-color:#2b65c2;border-color:#2b65c2;}
.column li.on a{color:#fff;}

/* aboutDetail */
.aboutDetail{display:block;width:94%;height:auto;margin:0 auto;overflow:hidden;background:#fff;padding:1rem 3%;font-size:1.4rem;line-height:200%;color:#555;}
.aboutDetail h1{display:block;width:100%;height:auto;margin:0 auto;font-size:1.8rem;text-align:center;line-height:2.4rem;}
.aboutDetail center{display:block;width:100%;font-size:1.2rem;color:#999;}
.aboutDetail *{max-width:100%;}

/* articleList */
.articleList{display:block;width:94%;height:auto;margin:0 auto;overflow:hidden;background:#fff;padding:0 3% 2rem 3%;}
.articleList li{display:block;width:100%;height:3.8rem;line-height:3.8rem;border-bottom:0.1rem solid #ddd;overflow:hidden;}
.articleList li a{display:block;width:100%;height:3.8rem;}
.articleList li .l{float:left;display:inline-block;width:26rem;line-height:3.8rem;overflow:hidden;font-size:1.4rem;white-space:nowrap;text-overflow:ellipsis;}
.articleList li .r{float:right;display:inline;font-size:1.2rem;color:#999;}

/* message */
.message{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;padding:0 0 2rem 0;}
.message table{width:32.2rem;margin:0 auto;}
.message label{display:block;width:32rem;height:auto;border:0.1rem solid #ddd;overflow:hidden;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}
.message label .txt{float:left;display:inline-block;width:7rem;height:3.8rem;line-height:3.8rem;text-align:right;font-size:1.2rem;color:#888;}
.message label .obj{float:right;display:inline-block;width:24rem;height:3.8rem;overflow:hidden;}
.message label .obj2{float:right;display:inline-block;width:15rem;height:3.8rem;overflow:hidden;}
.message label .yzm{float:right;display:inline-block;width:9rem;height:3.8rem;overflow:hidden;}
.message label .yzm img{height:3.8rem;cursor:pointer;}

.message label .input1{display:block;width:100%;height:3.8rem;line-height:3.8rem;border:none;background:#fff;font-size:1.4rem;color:#000;}
.message label .select1{display:block;width:100%;height:3.8rem;line-height:3.8rem;border:none;background:#fff;font-size:1.4rem;color:#000;}
.message .select2{display:block;width:99%;height:3.8rem;line-height:3.8rem;border:0.1rem solid #ddd;background:#fff;font-size:1.4rem;color:#000;text-indent:0.8rem;}
.message .textarea1{display:block;width:93%;padding:0.6rem 3%;height:8rem;font-size:1.4rem;line-height:2rem;color:#000;border:0.1rem solid #ddd;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}
.message .submit1{display:block;width:100%;height:3.8rem;line-height:3.8rem;font-size:1.4rem;background:#2b65c2;color:#fff;
	-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;
}