@charset "utf-8";
/* CSS Document */
.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{ overflow:hidden; padding:0.8em 0.5em 1em 0.5em; position:relative;}
.header dl{ float:left;}
.header dt{ float:left;}
.header dt img{ display:block; width:4.917em;}
.header dd{ margin-left:5.3em; padding-left:0.6em; border-left:2px solid #cecece;}
.header dd h5{ font-size:1.3em; color:#000; font-weight:normal;}
.header dd h5 span{ font-weight:bold; color:#089df1;}
.header dd p{ font-size:0.8em; color:#000;}


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


.baner img{ display:block; width:100%;}

.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:#089df1;}
.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); /* 取消链接高亮 */ }

.proMian{ padding:1.4em 0;}
.proMian h5{ text-align:center;}
.proMian h5 a{ font-size:1.25em; color:#2e2e2e;}
.proMian h5 span{ display:block; font-size:1em; color:#dbdbdb; font-family:"Arial"; text-transform:uppercase; font-weight:normal;}
.proMian ul{ overflow:hidden;}
.proMian li{ float:left; width:46%; margin:2%;}
.proMian li img{ display:block; width:100%;border: solid 1px #ddd;}
.proMian li p{ text-align:center; margin-top:0.5em;}
.proMian li p a{ font-size:1em; color:#606060;}
.proMian .mor{ display:block; width:12.5em; padding:0.6em 0; background-color:#eaeaea; color:#5e5e5e; font-size:1em; border-radius:10px; margin:0 auto; margin-top:1.4em; text-align:center;}


.proShow{ background-color:#222; padding:1.8em 0;}
.proShow h5{ text-align:center;}
.proShow h5 a{ font-size:1.25em; color:#fff;}
.proShow h5 span{ font-size:1em; color:#747474; font-family:"Arial"; text-transform:uppercase; display:block; font-weight:normal;}
.proShow .pro{ position:relative; margin:0 5%; margin-top:1.25em;}
.proShow .pro ul{ overflow:hidden;}
.proShow .pro li{ float:left; width:48%; margin:0 1%;}
.proShow .pro li img{ display:block; width:100%;}
.proShow .pro li p{ text-align:center; margin-top:0.5em;}
.proShow .pro li p a{ font-size:1em; color:#a8a8a8;}
.proShow .pro .pbot{ display:block; position:absolute; width:2em; height:2em; top:3em;}
.proShow .pro .pbot1{ background:url(../3gimages/pbot1.png) no-repeat left center; background-size:cover; left:-2em;}
.proShow .pro .pbot2{ background:url(../3gimages/pbot2.png) no-repeat left center; background-size:cover; right:-2em;}
.proShow .pro .pbot1:hover{ background:url(../3gimages/pbot3.png) no-repeat center; background-size:cover;}
.proShow .pro .pbot2:hover{ background:url(../3gimages/pbot4.png) no-repeat center; background-size:cover;}

.proShow .Afocus{ width: 100%; height: 1.5em; line-height: 1.5em; overflow: hidden; text-align: center; margin-top: 1em; margin-bottom: 0.3em;}
.proShow .Afocus ul{   width: 100%; height: 1em; line-height: 1em; text-align: center;}
.proShow .Afocus ul li{ display: inline-block; width: 0.8em; margin: 0 0.3em; height: 0.8em; border-radius: 0.4em; background: #d2d2d2; text-indent:-99999em;}
.proShow .Afocus ul li.on{ background: #089df1;}

.zixun{ background:url(../3gimages/zbg.jpg) no-repeat center top; background-size:cover; padding-top:1em; padding-bottom:0.5em;}
.zixun h5{ font-size:1.6em; color:#fff; font-weight:normal; text-align:center;}
.zixun h5 span{ color:#ffeb0a; font-weight:bold;}
.zixun .phone{ overflow:hidden; padding:1em 1.2em 0 1.25em;}
.zixun .phone dl{ float:left; padding-left:2.3em; background:url(../3gimages/phone.png) no-repeat left center; background-size:2em; color:#fff;}
.zixun .phone dt{}
.zixun .phone dd{}
.zixun .phone dd a{ font-size:1em; color:#fff; font-weight:bold;}
.zixun .phone .zx{ font-size:1em; color:#5e5e5e; float:right; padding:0.8em 2em; border-radius:10px; background-color:#eaeaea;}



.choise{ background:url(../3gimages/choice.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding-top:1.6em; padding-bottom:1.25em;}
.choise .ct{ text-align:center; font-size:1.25em; color:#2e2e2e;}
.choise .ct span{ font-size:1em; color:#d6c79a; font-weight:normal; font-family:"Arial"; text-transform:uppercase; display:block;}
.choise .cmian{ background-color:#fefcf8; margin:1.25em 0.8em 0.8em 0.8em; padding-left: 0.8em;padding-right:0.8em;}
.choise .cmian dl{ overflow:hidden; border-bottom:1px solid #dedede; padding-bottom:0.8em; margin-top:1em;}
.choise .cmian dt{ float:left;}
.choise .cmian dt img{ display:block; width:3.417em;}
.choise .cmian dd{ margin-left:4em;}
.choise .cmian dd h5{ font-size:1.1em; color:#1e1e1e; margin-bottom:0.4em;}
.choise .cmian dd p{ font-size:1em; color:#3f3f3f;}
.choise .clist{ text-align:center;}
/*.choise .clist span{ display:inline-block; width:0.8em; height:0.8em; border-radius:50%; background-color:#1d1d1d; margin:0 0.5em;}
.choise .clist span:hover{ background-color:#089df1;}*/

.choise .clist{ width: 100%; height: 1em; line-height: 1.5em; overflow: hidden; text-align: center; margin-top: 1em;}
.choise .clist ul{   width: 100%; height: 1em; line-height: 1em; text-align: center;}
.choise .clist ul li{ display: inline-block; width: 0.8em; margin: 0 0.3em; height: 0.8em; border-radius: 0.4em; background: #d2d2d2; text-indent:-99999em;}
.choise .clist ul li.on{ background: #089df1;}


.intoMain{ padding-top:2.3em; padding-bottom:2.5em;}
.intoMain .nt{ text-align:center;}
.intoMain .nt a{ font-size:1.25em; color:#2e2e2e;}
.intoMain .nt span{ font-size:1em; color:#dbdbdb; font-family:"Arial"; text-transform:uppercase; font-weight:normal; display:block;}
.intoMain dl{ padding:0 1.5em; margin-top:1em;}
.intoMain dt{ border:0.3em solid #e6e6e6;}
.intoMain dt img{ display:block; width:100%;}
.intoMain dd{ margin-top:0.8em;}
.intoMain dd h5{ text-align:center; margin-bottom:0.5em;}
.intoMain dd h5 a{ font-size:1.25em; color:#1e1e1e; font-weight:normal;}
.intoMain dd p{ font-size:1em; color:#575757; line-height:1.5em;}



.dtMain{ padding-bottom:3em;}
.dtMain .dlist{margin-bottom: 2em;}
.dtMain .dlist:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.dtMain .dlist li{ float:left; width:50%; text-align:center; padding:0.8em 0; background-color:#222; color:#fff; font-size:1em; position:relative;}
.dtMain .dlist li:after{ content:''; position:absolute; bottom:-1em; margin-left:-0.25em; left:50%; width:0; height:0; border:0.5em solid transparent; border-top-color:#089df1; display:none;}
.dtMain .dlist li:hover,.dtMain .dlist li.on{ background-color:#089df1; font-weight:bold;}
.dtMain .dlist li:hover:after,.dtMain .dlist li.on:after{ display:block;}
.dtMain .newMain{ margin-top:2em;}
.dtMain .dnews{ margin:0 1.25em;}
.dtMain .dnews li{margin-left: 1em;margin-right: 1em; overflow:hidden; line-height:2.1em; height:2.1em; padding-left:0.8em; background:url(../3gimages/sj.png) no-repeat left center; background-size:0.375em; border-bottom:1px dotted #cfcfcf;}
.dtMain .dnews li em{ float:right; font-size:1em; color:#797777;}
.dtMain .dnews li a{ font-size:1em; color:#595959;}


.ftmagin{ margin-bottom: 4em;}
.footer{ position:fixed; width:100%; bottom:0; left:0; z-index:999;}
.ftc{ position:relative;}
.ftc .rt{ display:block; background:url(../3gimages/rt.png) no-repeat center; height:4em; background-size:cover; position:absolute; left:50%; top:-2em; width:4em; margin-left:-2em; z-index:98;}
.footer ul{ overflow:hidden; position:relative; z-index:99; background:#089df1;}
.footer li{ width:25%; float:left; text-align:center;}
.footer li a{ display:block; padding:0.5em 0; background:url(../3gimages/line.png) no-repeat left center; background-size:0.083em;}
.footer li:nth-child(1) a{ background:none;}
.footer li a img{ display:block; width:2.208em; margin:0 auto;}
.footer li a span{ display:block; text-align:center; font-size:1em; color:#fff;}





@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@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%;}
}