﻿@charset "utf-8";
/* CSS Document */
html{}
body{}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

.header{max-height:160px; overflow:hidden;}
.header .logoImg img{float:left; margin:6.5% 0 6.5% 3%; width:90%;}
.header .hdTxt{float:right; margin-top:5.4%; margin-right:2%; width:56%; text-align:right;}
.header .hdTxt h2{color:#333; font-size:1.16em;}
.header .hdTxt a{padding-left:1.117em; color:#ff7200; font-size:1.1em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:0.976em; font-family:arial;}

.nav{}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center; overflow:hidden;}
.nav li a{display:block; padding:15% 0px;  font-size:1.167em; color:#fff; border-top:1px solid #0585ea; position:relative; background-color:#0585ea;}
.nav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:100%; width:0px;  border-left:1px solid #0585ea;}

.bannerBox img{width:100%; display: block;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.focus .hd ul .on{ background:#0585ea;  }
	.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); /* 取消链接高亮 */ }
.flBox{overflow:hidden; padding-top:1.833em;}
.flBox li{float:left; margin-bottom:1.833em; width:33.1%; text-align:center; border-right:1px solid #c4c4c4;}
.flBox li:nth-child(3n){border-right:none;}
.flBox li img{width:5.250em;}
.flBox li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}
.flBox li h5 a{color:#333;}

.tabTitEr{overflow:hidden; background-color:#0585ea;}
.tabTitEr li{float:left; padding:1.083em 0 1.083em 5%; width:45%; text-align:center; font-size:1.167em; color:#fff;}
.tabTitEr li.on{font-weight:bold; background:#ff7200 url(../images/Index/onTit_ico.png) no-repeat 18% center; background-size:1em;}

.cpBox{margin-top:0.417em;}
.cpBox .cpCont{overflow:hidden; padding-top:1em;}
.cpBox .cpCont li{float:left; margin-bottom:1.583em; width:50%; text-align:center;}
.cpBox .cpCont li img{width:11.333em; height:9.333em; border:1px solid #e2e2e2;}
.cpBox .cpCont li h5{margin-top:1em; font-weight:normal; font-size:1.083em;}
.cpBox .cpCont li h5 a{color:#333;}

.zsBox dl{padding:1em 0; text-align: center;}
.zsBox dl dt img{width:90%; border:1px solid #dcdcdc;}
.zsBox dl dd h5{padding:0.5em; font-size:1.250em; text-align: center; font-weight: normal;}
.zsBox dl dd h5 a{color:#333;}
.zsBox{margin-top:0.417em;}
.zsBox .uls{overflow:hidden; padding-top:1em;}
.zsBox .uls li{float:left; margin-bottom:1.583em; width:50%; text-align:center;}
.zsBox .uls li img{width:11.333em; height:8.33em;  border:1px solid #e2e2e2;}
.zsBox .uls li h5{ font-weight:normal; font-size:1.083em;}
.zsBox .uls li h5 a{color:#333;}


.gyBox{}
.gyBox .tabTitEr li.on{background-color:#0585ea;}
.gyBox dl{padding:1em 0;}
.gyBox dl dt{text-align: center;}
.gyBox dl dt img{width:90%; border:1px solid #dcdcdc;}
.gyBox dl dd h5{padding:0.5em; font-size:1.250em; text-align: center; font-weight: normal;}
.gyBox dl dd h5 a{color:#333;}
.gyBox dl dd p{margin:0 5%; color:#666;}
.gyBox dl dd .btnMore{display: block; margin:1em 35%; padding:0.3em 0; font-size:1.167em; text-align: center; color:#fff; background-color:#0585ea; border-radius:0.2em;}


.phones{padding:1.250em 0; display: block; text-align: center; background:#6abdff url(../images/Index/phonesG.png) no-repeat 8% center; background-size:1.583em auto; color:#333;}
.phones span{font-size:1.2em; position: relative; top:-0.2em;}
.phones em{font-size:1.500em; font-family:LiHei Pro , arial;}

.toTop{padding-top:1.6em; padding-bottom:0.6em; display: block; text-align: center; color:#fff; background:#0585ea url(../images/toTop_ico.png) no-repeat center top; background-size:3.250em auto;}
.footer .phones{background:#0585ea url(../images/Index/phonesW.png) no-repeat 8% center; color:#fff; background-size:1.583em auto;}
.fotNav{padding-top:1.667em; overflow:hidden;}
.fotNav li{margin-bottom:1.667em;}
.fotNav li{float:left; width:25%; height:1.250em; line-height:1.250em; text-align:center;}
.fotNav li a{position:relative; display: block; font-size:1.250em; color:#333;}
.fotNav li a:after{content:''; position:absolute; top:0px; right:-1px; z-index:9; height:100%; width:1px; background-color:#333;}
.fotTxt{padding:1em 0 2em 0; color:#999; text-align: center; font-size:1em;}


@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

.binPlus{position:fixed; left:10px; bottom:10px; z-index:9999;}
.binPlus .bpBtn{position:relative; width:50px; height:50px; background:url(../images/logo2.png) no-repeat; }

.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}
.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}
.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}
.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}
.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}

.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}
.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}
