/*******************清除所有的标记的内外边距****************/
       body,ul,li,dl,dt,dd,a,img,p,form,label,input,button,em,i{ margin:0; padding:0; }
       html,body{ background: #f6f6f6;}

/*******************去除项目符号或编号前面的符号****************/
       ul,ol,li,dl,dt,dd{ list-style:none; }
       em,i{ font-style: none;font-style: normal;}

/*******************全局链接效果****************/
       a:link , a:visited{color:#444;text-decoration:none;}
       a:hover{color:#FF5915;}

/*******************网页中所有的文字大小颜色****************/
       body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }

/*******************去除图片的链接边框线，兼容模式下的考虑****************/
        img{border:0;}
        button{border:none; cursor: pointer;}
        button,input,optgroup,select,textarea{font-family:"\5FAE\8F6F\96C5\9ED1";font-size:100%;background-image:none;background:none;}
        input,textarea{ box-sizing : border-box; -moz-box-sizing : border-box; -webkit-box-sizing : border-box; border: 1px solid #B1B1B1;}
        *:focus {outline: none;}
        .con-main{width:1100px; margin: 0 auto;position: relative;}
        .left0 {margin-left: 0 !important;}
/*top*/
.topbar {
    width: 100%;
    height: 47px;
	border-bottom: solid 1px #ededed;
	background: #fff;
}
.topbar .toptab {
    width: 1100px;
    margin: 0 auto;
	height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    -moz-box-sizing : border-box; 
    -webkit-box-sizing : border-box;
}
.topbar .toptab .greet {
    float: left;
    margin-top: 8px;
}
.topbar .toptab li {
    float: left;
    margin: 0 3px;
    font-size: 12px;
	height: 35px;
    line-height: 35px;
}
.site-nav {
    float: right;
    position: relative;
    z-index: 999999;
    margin-top: 8px;
}
.site-nav a {
    color: #444;
}
.site-nav a:hover {
    color: #E80000;
}
.site-nav .quick-menu {
    float: right;
}
.site-nav .quick-menu LI {
    float: left;
    font-size: 12px;
	margin:0 0 0 10px;
}
.site-nav .quick-menu LI.last {
    background: none transparent scroll repeat 0% 0%;
}
.site-nav .quick-menu LI.menu-item {
	padding:0; margin:0;
    position: relative;
}
.site-nav .menu-hd {
	padding-left: 14px;
    padding-right: 18px;
    display: block;
    z-index: 10002;
    padding-bottom: 0px;
    cursor: pointer;
    padding-top: 0px;
    position: relative;
}
.site-nav .menu-hd b {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ccc;
    font-size: 0px;
    right: 7px;
    width: 0px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    height: 0px;
    -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
}
.site-nav .menu-bd {
    border: #ededed 1px solid;
    display: none;
    z-index: 10001;
    left: 0px;
    background: #fff;
    position: absolute;
	
	line-height: 25px;
    top: 34px;
    width: 110px;
	overflow:hidden;
	-webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.site-nav .menu-bd-panel {
    padding-left: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 5px;
}
.site-nav .menu-item-opp .menu-bd {
    left: 0px;
}
.site-nav .menu-item-opp .menu-bd S.rt {
    left: 0px;
}
.site-nav .menu-item-opp .menu-bd S.lt {
    background-position: -87px -55px;
    RIGHT: -2px;
    LEFT: auto;
}
.site-nav .menu {
    position: relative;
}
.site-nav .menu:hover .menu-hd {
	padding-left: 13px;
    padding-right: 17px;
    background: white;
    margin: 0px;
    border-left: #ededed 1px solid;
	border-right: #ededed 1px solid;
  	font-size: 12px;
}

.site-nav .menu:hover .menu-bd {
    display: block;
}
.site-nav .hover .menu-bd {
    display: block;
}
.site-nav .menu:hover .menu-hd B {
    border-left-color: #fff;
    FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    border-bottom-color: #fff;
    border-top-color: #ccc;
    border-right-color: #fff;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}

.menu-bd-panel dd a{ text-align:center;display: block;}
.menu-bd-panel dd a:hover,.site-nav .webmenu .menu-bd-panel a:hover,.search ul li:hover{background: #f95e01;border-radius: 4px;color: #fff;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;}

.site-nav .quick-menu li.webmenu{ margin-left:10px;}
.site-nav .webmenu .menu-bd {
    width: 224px;
}
.site-nav .webmenu .menu-bd-panel {
	padding:10px;
	overflow:hidden;
}
.site-nav .webmenu .menu-bd-panel a {
	padding: 2px 5px;
    display: block;
    float: left;
    line-height: normal;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1
}

/*banner*/
.banner {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.banner .bg {
	position: relative;
	z-index: 2;
}
.banner .bg img{
	width: 100%;
}
.banner .jdapp {
	position: absolute;
	margin: 40px auto;
	left: 43%;
	width: 280px;
	z-index: 3;
	top: 0;
}
.banner .jdapp .jdappleft {
	float: left;
	margin-right: 20px;
}
.banner .jdapp .jdappleft img {
	width: 68px;
	height: 68px;
}
.banner .jdapp .appname {
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	margin: 10px 0 15px 0;
}
.banner .jdapp .appbb {
	font-size: 18px;
	color: #fff;
}
.banner .jdphone {
	position: absolute;
	bottom: 0px;
	left: 22%;
}
.banner .jdxz {
	position: absolute;
	left: 50%;
	top: 204px;
	z-index: 3;
}
.banner .jdxz .xztitle {
	font-weight: bold;
	color: #fff;
	font-size: 28px;
}
.banner .jdxz .jdxzleft {
	float: left;
	margin-bottom: 40px;
}
.banner .jdxz .jdxzleft a {
	width: 136px;
	height: 44px;
	border: 2px solid #fff;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 44px;
	margin-bottom: 30px;
	font-size: 18px;
	color: #fff;
	text-align: right;
	padding-right: 20px;
}
.banner .jdxz .jdxzleft a.iphone {
	background: url(../img/apple.png) no-repeat;
	background-size: 12%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/apple.png',sizingMethod='scale');
	background-position:20% center;
	vertical-align: sub;
	margin-top: 45px;
}
.banner .jdxz .jdxzleft a.android {
	background: url(../img/android.png) no-repeat;
	background-size: 12%;
	background-position:20% center;
}
.banner .jdxz .jdxzright {
	float: left;
}
.banner .jdxz .jdxzright .erweima {
	margin-top: 38px;
	margin-left: 57px;
}
.banner .jdxz .jdxzright p {
	font-size: 18px;
	color: #fff;
	margin-left: 37%;
}
.middle .ptys {
	margin:100px 0 0px 200px;
}
.middle .ptys .big {
	color: #333;
	font-size: 32px;
	margin-bottom: 18px;
}
.middle .ptys .small {
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
}
.large_box ul {
	width: 227px;
	height: 385px;
	background: url(../img/phone_small.png) no-repeat;
}
.large_box ul li {
	width: 210px;
	height: 333px;
	position: absolute;
	top: 52px;
	left: 9px;
}
.lubo{margin:80px auto 0;position: relative;}
.large_box{margin-bottom:10px;width:227px;height:385px;overflow:hidden;position: absolute;top: -219px;right: 183px;z-index: 100;}
.large_box img{display:block;}
.small_box{height:166px;overflow:hidden;}
.small_list{position:relative;float:left;width:1099px;height:166px;overflow:hidden;}
.small_list ul{height:166px;overflow:hidden;}
.small_list ul li{position:relative;float:left;width:220px;}
.small_list ul li img{display:block;height: 170px !important;}
.small_list ul li .bun_bg{position:absolute;top:0;left:0;width:220px;height:166px;background:rgba(0,0,0,0.6);color: #fff;text-align: center;line-height: 166px;font-size: 22px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.small_list ul li.on .bun_bg{background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3F000000,endcolorstr=#3F000000);}

.jdxztshi {
	clear: both;
	font-size: 14px;
	color: #fff;
}
.tishiico {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.tishiico img {
	width: 14px;
	height: 16px;
}