.appAbout h1,.btn_appdown03,.btn_appdown04{background:url(icons01.png) no-repeat;_background:url(icons01.gif) no-repeat;}
.appHeader{background:#737d74 url(headerbg.jpg) no-repeat center top;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.appAbout{float:left;width:470px;margin-left:8%;color:#fff;}
.appAbout h1{height:64px;margin:60px 0 30px;padding-left:82px;font:42px/60px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.appAbout .hNav{color:#fff;}
.appAbout .hNav:hover{text-decoration:none;color:#e4353c;}
.appAbout h1.icon_photo{background-position:0 -323px;}
.appAbout h1.icon_zhiweiku{background-position:0 -407px;}
.appAbout h1.icon_htwx{background-position:0 -239px;}
.appAbout h1.icon_photo{background-position:0 -323px;}
.appAbout h1.icon_ztk{background-position:0 -491px;}
.appAbout h1.icon_wk{background-position:0 -575px;}
.appAbout .intro{margin-bottom:25px;font-size:18px;}
.appAbout .how{font-size:14px;line-height:30px;}
.appAbout .how span{color:#c00000;}
.appDownBox .btnBox{width:192px;}
.QRcodeBox{width:110px;padding-bottom:5px;background:#fff;text-align:center;line-height:18px;color:#333;}
.QRcodeBox img{width:110px;}
.btn_appdown03{display:inline-block;width:123px;height:58px;padding-left:65px;border:2px solid #fff;border-radius:3px;background-position:15px 8px;font-size:16px;line-height:56px;color:#fff;}
.btn_appdown03:hover{background-color:#fff;background-position:15px -47px;text-decoration:none;color:#333;}
.btn_appdown04{display:inline-block;width:123px;height:58px;padding-left:65px;border:2px solid #fff;border-radius:3px;background-position:15px -108px;font-size:16px;line-height:56px;color:#fff;}
.btn_appdown04:hover{background-color:#fff;background-position:15px -166px;text-decoration:none;color:#333;}
.btn_appdown05{display:inline-block;width:130px;height:38px;border-left:1px solid #dadedf;border-right:1px solid #dadedf;border-bottom:2px solid #aeaeae;border-radius:3px;box-shadow:0 0 1px #ccc;background:#fff;text-align:center;font:14px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;color:#666;}
.btn_appdown05:hover{border-bottom-color:#0987b1;background:#0dc2fd;text-decoration:none;color:#fff;}
.btn_appdown06{display:inline-block;width:130px;height:38px;border-left:1px solid #dadedf;border-right:1px solid #dadedf;border-bottom:2px solid #aeaeae;border-radius:3px;box-shadow:0 0 1px #ccc;background:#fff;text-align:center;font:14px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;color:#666;}
.btn_appdown06:hover{border-bottom-color:#679932;background:#94db48;text-decoration:none;color:#fff;}
.scrollImgBox{float:right;width:440px;height:600px;margin-right:7%;background:url(mobilebg.png) no-repeat;_background:url(mobilebg.gif) no-repeat;}
.scrollImgBox02{float:right;width:440px;height:500px;margin-right:3%;background:url(mobilebg.png) no-repeat;_background:url(mobilebg.gif) no-repeat;}
.scrollImg01{position:relative;height:490px;}
.scrollImg01 .picList{position:relative;top:117px;left:118px;width:210px;height:372px;overflow:hidden;}
.scrollImg01 .picList li{position:absolute;top:0;left:210px;width:210px;height:372px;}
.scrollImg01 .picList img{width:210px;height:372px;}
.scrollImg01 .switch_num{position:absolute;bottom:8px;left:165px;}
.scrollImg01 .switch_num li{float:left;width:12px;height:12px;margin:0 0 0 5px;border-radius:6px;overflow:hidden;text-indent:20px;background:#e2e1e1;cursor:pointer;}
.scrollImg01 .switch_num li.down{background:#e4393c;}
.scrollImg01 .switch_lr a{position:absolute;top:250px;width:45px;height:48px;text-indent:-100em;overflow:hidden;cursor:pointer;}
.scrollImg01 .switch_lr .prev{left:-10px;background-position:10px -163px;}
.scrollImg01 .switch_lr .next{right:-10px;background-position:-29px -163px;}
.scrollImg01 .switch_lr .prev:hover,.scrollImg01 .switch_lr .next:hover{background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.phoneImgBox{float:right;width:323px;height:382px;padding:118px 0 0 117px;margin-right:3%;background:url(mobilebg.png) no-repeat;_background:url(mobilebg.gif) no-repeat;}
.scrollImg02{position:relative;height:500px;}
.scrollImg02 .picList{position:relative;width:1190px;height:500px;overflow:hidden;}
.scrollImg02 .picList li{position:absolute;top:0;left:1190px;width:1190px;height:500px;}
.scrollImg02 .switch_num{position:absolute;bottom:8px;left:50%;margin-left:-40px;}
.scrollImg02 .switch_num li{float:left;width:12px;height:12px;margin:0 0 0 5px;border-radius:6px;overflow:hidden;text-indent:20px;background:#e2e1e1;cursor:pointer;}
.scrollImg02 .switch_num li.down{background:#e4393c;}
.scrollImg02 .switch_lr a{position:absolute;top:250px;width:45px;height:48px;text-indent:-100em;overflow:hidden;cursor:pointer;}
.scrollImg02 .switch_lr .prev{left:-10px;background-position:10px -163px;}
.scrollImg02 .switch_lr .next{right:-10px;background-position:-29px -163px;}
.scrollImg02 .switch_lr .prev:hover,.scrollImg01 .switch_lr .next:hover{background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.appbg01{background:#ecf0f1;}
.appbg02{background:#ecf0f1 url(repeat01.gif) repeat;}
.appDetails{padding:50px 5% 35px;font:18px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.appDetails h6{padding-bottom:30px;font:42px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;color:#e4393c;}
.appIntro{padding-right:52px;margin-top:8%;background:url(yinhao02.png) no-repeat right bottom;_background:url(yinhao02.gif) no-repeat right bottom;}
.appIntroBox{padding:10px 0 15px 52px;margin:0;background:url(yinhao01.png) no-repeat;_background:url(yinhao01.gif) no-repeat;}
.appIconSty01{display:inline-block;padding-left:23px;background:url(icons02.gif) no-repeat 0 9px;}
.appIconSty02{display:inline-block;padding-left:23px;background:url(icons02.gif) no-repeat 0 -27px;}
.appDetails .c01{color:#ff8f34;}
.appDetails .c02{color:#00a1fb;}
.appBt{margin-left:5%;font:24px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.appList{background:url(linebg01.jpg) no-repeat center bottom;}
.appList li{float:left;width:420px;padding:70px 87px 90px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.appList img{float:left;margin:0 40px 20px 0;}
.appList h2{font-weight:normal;font-size:22px;}
.appList p{font-size:16px;margin:15px 0 20px;}
.lineBg02{background:url(linebg02.jpg) no-repeat right center;}
/*20151215 xiaowb htwx.html复制1510appxc*/
.htwxAppMainBox{position:relative;width:1000px;height:700px;margin:0 auto;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
.section{position:relative;overflow:hidden;}
.section02{background:#e8e8e8}
.section03{background:#f6f6f6}
.section04{background:#e8e8e8}
.section05{background:#f8f8f8}
.section06{background:#e8e8e8}
.section07{background:#f8f8f8}
.section08{background:#e8e8e8}
.section09{background:#f8f8f8}
.section10{background:#73bffb}
.comtit{font-size:62px;color:#464646;line-height:80px;font-weight:normal}
.comdl{font-size:20px;color:#7c7c7c;line-height:26px;}
.comlist li{background:url(http://p.htwx.net/z/1510appxc/images/dian.gif) no-repeat left center;padding-left:30px;font-size:18px;line-height:26px;color:#7c7c7c;margin-top:10px;}
/*seciton02.css*/
.bg21{position:relative;top:50px;width:545px;height:718px;background:url(http://p.htwx.net/z/1510appxc/images/bg21.jpg) no-repeat left bottom;}
.txt21{width:380px;position:absolute;right:0;top:230px;}
/*seciton03.css*/
.bg31{position:relative;top:50px;float:right;width:523px;height:798px;background:url(http://p.htwx.net/z/1510appxc/images/bg31.jpg) no-repeat left bottom;}
.txt31{width:460px;position:absolute;left:0;top:230px;}
/*seciton04.css*/
.bg41{position:relative;top:93px;width:492px;height:608px;background:url(http://p.htwx.net/z/1510appxc/images/bg41.jpg) no-repeat left bottom;}
.txt41{width:560px;position:absolute;right:0;top:230px;}
/*seciton05.css*/
.bg51{position:relative;top:150px;left:200px;width:809px;height:561px;background:url(http://p.htwx.net/z/1510appxc/images/bg51.jpg) no-repeat left bottom;}
.txt51{width:560px;position:absolute;left:0;top:30px;}
/*seciton06.css*/
.bg61{position:relative;top:50px;width:546px;height:829px;background:url(http://p.htwx.net/z/1510appxc/images/bg61.jpg) no-repeat left bottom;}
.txt61{width:560px;position:absolute;right:0;top:100px;}
/*seciton07.css*/
.bg71{position:relative;float:right;top:50px;width:385px;height:616px;background:url(http://p.htwx.net/z/1510appxc/images/bg71.jpg) no-repeat left bottom;}
.txt71{width:560px;position:absolute;left:0;top:230px;}
/*seciton08.css*/
.bg81{position:relative;top:50px;width:408px;height:599px;background:url(http://p.htwx.net/z/1510appxc/images/bg81.jpg) no-repeat left bottom;}
.txt81{width:560px;position:absolute;right:0;top:230px;}
/*seciton09.css*/
.bg91{position:relative;top:50px;float:right;width:500px;height:590px;background:url(http://p.htwx.net/z/1510appxc/images/bg91.jpg) no-repeat left bottom;}
.txt91{width:440px;position:absolute;left:0;top:230px;}

.mt30{margin-top:30px;}
@media screen and (max-width:1274px) {
.appDetails{padding:50px 0 35px;}
.appList li{padding:70px 35px 90px;}
.appAbout{margin-left:3%;}
.scrollImgBox{margin-right:3px;}
.scrollImg02 .picList{width:980px;}
.scrollImg02 .picList li{left:980px;width:980px;}

}