@import url("mobile_system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center; width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage .CMS_ConGoPage_page{display:none;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*全站标题栏颜色设置，如果需要列改默认手机模板的颜色，只需改以下几个样式即可*/
.heda-top-color{color:#fff; background-color:#086AB2;}
.heda-title-color{color:#fff; background-color:#00aef1;}
.heda-con-listview .heda-con-text-title span a, .heda-title-color span a{color:#fff; text-decoration:none;}
.heda-title-color span a:hover{color:yellow; text-decoration:none;}
#heda-root-navbar li {color:#fff; background-color: #464646;}
#heda-root-navbar .selected,#ui-heda-root-navbar ul li a:hover{color:#fff; background-color: #086AB2;}
.heda-con-newstab .hd{border-bottom:1px solid #00aef1; }
.heda-con-newstab .hd ul .on{border-color:#00aef1; background:#00aef1;}
.channelform .submit, .share-submitbtn{background-color:#f6ae00;}

.heda-product2 ul li img{width:auto;max-width:100%;max-height:100%;}


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

body {margin: 0px;padding: 0px;font-size: 12px;color: #333;background-color: #f5f5f5; font-family:"\5FAE\8F6F\96C5\9ED1";}
ul,li,ol {margin:0px;padding:0px;list-style-type: none;}
img,form {margin:0px;padding:0px;border:0px;}
h1,h2,h3,h4,h5,h6,h7{margin:0px;padding:0px;}
.left{float:left;}
.right{float:right;}

.phone_focus .reset_ul{height:100%;}
.phone_focus .tempWrap{height:100%;}

@media all and (min-width:320px) {
	.phone_new{ height:82px; font-size:12px; line-height:26px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:25px; float:left;}
	.phone_activity{ height:82px; font-size:12px; line-height:26px;}
	.phone_features{ height:81px; margin-bottom:4px; font-size:12px; line-height:26px;}
	.phone_results{ height:81px; font-size:12px; line-height:26px;}
	.indexBox i{font-size:12px;line-height:100%;}
	.phone_box,.phone_focus{ height:166px; line-height:166px}
	.phone_about{ height:83px;}
    .phone_p span{ font-size:12px; line-height:30px;}
	.p_about_img{ width:68px; height:68px;}
    .circum{ height:20px;}
    .circum a{ height:20px; font-size:7px; line-height:20px;}
    .circumpic{ height:210px;}
  	/*.p_focus_bd ul li img{ height:166px;}*/

}

@media all and (min-width:360px) {
	.phone_new{ height:93px; font-size:14px; line-height:30px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:29px; float:left;}
	.phone_activity{ height:93px; font-size:14px; line-height:30px;}
	.phone_features{ height:91px; margin-bottom:4px; font-size:14px; line-height:30px;}
	.indexBox i{font-size:12px; font-weight:normal;}
	.phone_results{ height:91px; font-size:14px; line-height:30px;}
	.phone_box,.phone_focus{ height:186px; line-height:186px}
	.phone_about{ height:93px;}
	.phone_p span{ font-size:14px; line-height:34px;}
	.p_about_img{ width:76px; height:76px;}
    .circum{ height:23px;}
    .circum a{ height:23px; font-size:8px; line-height:23px;}
    .circumpic{ height:236px;}
	/*.p_focus_bd ul li img{ height:186px;}*/
}
@media all and (min-width:480px) {
	.phone_new{ height:123px; font-size:18px; line-height:40px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:40px; float:left;}
	.phone_activity{ height:123px; font-size:18px; line-height:40px;}
	.phone_features{ height:122px; margin-bottom:6px; font-size:18px; line-height:40px;}
	.phone_results{ height:122px; font-size:18px; line-height:40px;}
	.indexBox i{font-size:14px; font-weight:normal;}
	.phone_box,.phone_focus{ height:250px; line-height:250px}
	.phone_about{ height:124px;}
	.phone_p span{ font-size:18px; line-height:45px;}
	.p_about_img{ width:100px; height:100px;}
    .circum{ height:30px;}
    .circum a{ height:30px; font-size:11px; line-height:30px;}
    .circumpic{ height:315px;}
  	/*.p_focus_bd ul li img{ height:250px;}*/

}
@media all and (min-width:540px) {
	.phone_new{ height:139px; font-size:20px; line-height:46px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:45px; float:left;}
	.phone_activity{ height:139px; font-size:20px; line-height:46px;}
	.phone_features{ height:137px; margin-bottom:6px; font-size:20px; line-height:46px;}
	.phone_results{ height:137px; font-size:20px; line-height:46px;}
	.indexBox i{font-size:16px; font-weight:normal;}
	.phone_box,.phone_focus{ height:280px; line-height:280px}
	.phone_about{ height:140px;}
	.phone_p span{ font-size:20px; line-height:50px;}
	.p_about_img{ width:115px; height:115px;}
    .circum{ height:34px;}
    .circum a{ height:34px; font-size:12px; line-height:34px;}
    .circumpic{ height:354px;}
  	/*.p_focus_bd ul li img{ height:280px;}*/

}
@media all and (min-width:640px) {
	.phone_new{ height:164px; font-size:24px; line-height:56px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:56px; float:left;}
	.phone_activity{ height:164px; font-size:24px; line-height:56px;}
	.phone_features{ height:162px; margin-bottom:6px; font-size:24px; line-height:56px;}
	.phone_results{ height:162px; font-size:24px; line-height:56px;}
	.indexBox i{font-size:20px; font-weight:normal;}
	.phone_box,.phone_focus{ height:330px; line-height:330px}
	.phone_about{ height:165px;}
	.phone_p span{ font-size:24px; line-height:60px;}
	.p_about_img{ width:135px; height:135px;}
    .circum{ height:40px;}
    .circum a{ height:40px; font-size:14px; line-height:40px;}
    .circumpic{ height:420px;}
  	/*.p_focus_bd ul li img{ height:330px;}*/
	
}
@media all and (min-width:720px) {
	.phone_new{ height:185px; font-size:26px; line-height:64px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:66px; float:left;}
	.phone_activity{ height:185px; font-size:26px; line-height:64px;}
	.phone_features{ height:183px; margin-bottom:8px; font-size:26px; line-height:64px;}
	.phone_results{ height:183px; font-size:26px; line-height:64px;}
	.indexBox i{font-size:22px; font-weight:normal;}
	.phone_box,.phone_focus{ height:374px; line-height:374px}
	.phone_about{ height:186px;}
	.phone_p span{ font-size:26px; line-height:68px;}
	.p_about_img{ width:152px; height:152px;}
    .circum{ height:45px;}
    .circum a{ height:45px; font-size:16px; line-height:45px;}
    .circumpic{ height:473px;}
  	/*.p_focus_bd ul li img{ height:374px;}*/

}
@media all and (min-width:768px) {
	.phone_new{ height:197px; font-size:30px; line-height:68px;}
	.phone_new p span,.phone_activity p span,.phone_features p span,.phone_results p span{ border-bottom:1px #fff solid; height:66px; float:left;}
	.phone_activity{ height:197px; font-size:30px; line-height:68px;}
	.phone_features{ height:194px; margin-bottom:8px; font-size:30px; line-height:68px;}
	.phone_results{ height:194px; font-size:30px; line-height:68px;}
	.indexBox i{font-size:24px; font-weight:normal;}
	.phone_box,.phone_focus{ height:396px;}
	.phone_about{ height:198px;}
	.phone_p span{ font-size:30px; line-height:72px;}
	.p_about_img{ width:162px; height:162px;}
    .circum{ height:48px;}
    .circum a{ height:48px; font-size:17px; line-height:48px;}
    .circumpic{ height:504px;}
  	/*.p_focus_bd ul li img{ height:396px;}*/
}


.phone_banner{ width:100%; overflow:hidden;}
.phone_banner img{ width:100%;}
.phone_main{ width:96%; padding:2%;}
.phone_new{margin-right:2%; margin-bottom:2%; background: url(img/indexBg1.png) no-repeat; background-size:100% 100%; width:40%;}
.phone_new p,.phone_features p,.phone_results p{ /*padding-top:5%;*/ padding-left:15%; color:#fff;}
.phone_activity{ background: url(img/indexBg2.png) no-repeat; background-size:100% 100%; width:58%; margin-bottom:2%;}
.phone_activity p{ /*padding-top:4%;*/ padding-left:15%; color:#fff;}
.phone_box{ width:40%; margin-right:2%;}
.phone_focus{ width:58%; position:relative;}
.p_focus_bd{ width:100%; height:100%;}
.p_focus_bd ul li{ width:100%; height:100%; float:left;text-align:center;position:relative}
.p_focus_bd ul li a{width:100%; height:100%; display:block}
.p_focus_bd ul li a:before{height:100%;display:inline-block;text-align:center;vertical-align:middle;content:'';}
.p_focus_bd ul li img{ max-width:100%; max-height:100%;vertical-align:middle;}
.p_focus_bd ul li p{width: 100%;height: 100%;position: absolute;left: 0;top: 0; background: rgba(0,0,0,0.7); text-align: center;color: #fff; font-size: 18px; padding: 0;margin: 0;}
.phone_features{ background: url(img/indexBg3.png) no-repeat; background-size:100% 100%; width:100%; margin-bottom:5%; height:48%;}
.phone_results{ background: url(img/indexBg4.png) no-repeat; background-size:100% 100%; width:100%; height:48%;}
.phone_about{ background: url(img/indexBg5.png) no-repeat; background-size:100% 100%; width:100%; margin-top:2%;}
.p_about_img{ margin-left:3%; margin-top:2%; margin-right:4%; float:left;}
.p_about_img img{ width:100%; height:100%;}
.phone_p{ padding:0 18% 1% 0; width:50%; float:left; color:#fff; overflow:hidden; height:67%;text-overflow:ellipsis;}
.phone_p p{ line-height:20px; text-indent:2em;}
.phone_about p span{ display:block;}
.p_focus_prev{ background:url(http://file.hedaweb.com/skin/bfcktyzx2508/img/p30-72.png) no-repeat; background-size:100% 100%; position:absolute; left:0; width:10%; height:30%; top:40%;}
.p_focus_next{ background:url(http://file.hedaweb.com/skin/bfcktyzx2508/img/p30-72-1.png) no-repeat; background-size:100% 100%; position:absolute; right:0; width:10%; height:30%; top:40%;}


.indexBig{overflow:hidden;width:100%;}

.indexBgColor{background-color:#086AB2;}
.indexBgColor2{background-color:#15486F;}





.heda-con-txt-frame video{ margin:0px 2%; }





/*生活周边*/
.circum{ width:94%; border:1px #dcdcdc solid; border-left:none; background:#fff; margin-top:20px; margin-left:auto; margin-right:auto;}
.circum a{ width:12%; float:left; border-left:1px #dcdcdc solid; text-align:center; color:#333; display:block; text-decoration:none !important;}
.circum a:hover{ background:#0dbbf9; text-decoration:none; color:#fff;}
.circum a.on{ background:#0dbbf9; text-decoration:none; color:#fff;}
.circumpic{ width:94%; position:relative; margin-top:50px; margin-left:auto; margin-right:auto;}
.circumpic ul li{ width:100%; height:100%;}
.circumpic ul li img{ width:100%; height:100%;}
.circumpic ul li p{ color:#333; text-align:center; line-height:40px;}
.cirpic_bd{ width:80%; height:83%; margin-left:auto; margin-right:auto;}
.cirpic_prev{ width:6%; height:18%; position:absolute; left:0; top:20%; background:url(http://file.hedaweb.com/skin/bfcktyzx2508/img/40-120.png) no-repeat; background-size:100% 100%;}
.cirpic_next{ width:6%; height:18%; position:absolute; right:0; top:20%; background:url(http://file.hedaweb.com/skin/bfcktyzx2508/img/40-120-1.png) no-repeat; background-size:100% 100%;}
.cripictxt{ font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333; text-align:center; margin-top:20px;}


/*首页幻灯片*/
.mobile_hdp { max-width: 640px; position: relative; overflow: hidden; margin: 0 auto; }
.mobile_hdp ul, .mobile_hdp ul li { margin: 0; padding: 0; list-style: none; }
.mobile_hdp .hd { width: 100%; height: 11px; position: absolute; bottom: 10px; left: 0; text-align: center; }
.mobile_hdp .hd ul li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 5px; overflow: hidden; text-indent: -999px; }
.mobile_hdp .bd li { text-align: center; }
.mobile_hdp .bd li img { display: block; width: 100%; max-height: 320px; height:auto }