/* Bootstrap 默认样式 */
*{ margin: 0; padding: 0 }
article{ line-height: 27px; }
a{ color: inherit; }
a:visited{ color: inherit; }
a:hover,a:focus{ color: inherit; outline: none; text-decoration: none; }
a:active{ color: inherit; }
body{ background: #333; color: #333; margin: 0 auto; max-width: 720px; position: relative; }
h2{ font-size: 10px; margin: 10px 0; }
h3{ color: #0a80d2; font-size: 14px; margin: 10px 15px; }
h5{ margin: 10px 15px; }
html{ overflow-y: scroll; }
ul{ margin-bottom: 0; }
li{ list-style: none; }
p{ margin: 0; line-height: 27px; }
video{ margin: 20px 1% 0; width: 98%; }
.btn{ border-radius: 0; }
.container{ background: #FFF; margin: 0 auto; padding: 0; }
@media(min-width: 768px) { .container { width: 720px; } } 
.row{ margin: 0; }
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{ padding: 0; }

/* 自定义样式 */
.Div-TopFun{ background: rgba(0,0,0,0.6); display: none; position: fixed; top: 60px; max-width: 720px; width: 100%; z-index: 7; }
.Nav-Tcom{ color: #FFF; height: 40px; line-height: 40px; }
.Nav-Tcom a{ float: left; text-align: center; width: 80px; }
.Asi-NavArr{ background: #0a80d2; height: 40px; position: absolute; right: 0; top: 0; width: 20px; }
.A-more{ background: url(../images/tp.png) 0 7px no-repeat; color: #FFF; font-size: 14px; height: 31px; line-height: 25px; margin: 5px 37px 0 0; width: 10px; }
.A-Hbtn{ color: #FFF; height: 33px; margin: 0 10px; padding: 7px 0; width: 63px; }
.Art-con{ font-size: 14px; margin: 10px 0 20px; }
.Art-con h6{ color: #F90; font-size: 16px; font-weight: bold; }
.Spa-menu{ background: url(../images/tp.png) -300px -77px no-repeat; background-size: 600px; display: block; float: right; height: 35px; margin: 0 10px 0 0; width: 45px; }
.Spa-tb{ background-image: url(../images/tp.png); background-repeat: no-repeat; background-size: 400px; display: block; height: 20px; margin: 0 auto; vertical-align: middle; width: 30px; }
.Spa-tb1{ background-position: -87px -105px; }
.Spa-tb2{ background-position: -28px -105px; }
.Spa-tb3{ background-position: -57px -105px; }
.Spa-tb4{ background-position: -116px -105px; }
.Spa-tb5{ background-position: -373px -105px; }
.Spa-tb6{ background-position: -206px -105px; }
.Spa-tb7{ background-position: -290px -105px; }
.Div-Acont{ font-size: 16px; padding: 12px 0; }
.Div-Acont a{ display: block; height: 60px; line-height: 60px; overflow: hidden; width: 100%; }
.Sec-Mcol{ margin: 0 0 10px; }
.Sec-Mcol menu{ padding: 0; overflow: hidden; }
.Sec-Mcol h5{ font-size: 18px; font-weight: bold; margin: 0 12px 10px; }
.Sec-Mcol a{ border-top: 1px solid #DDD; padding: 0 15px; }
.Sec-Mcol a:last-of-type{ border-bottom: 1px solid #DDD; }
.Div-Asli{ background: #333; height: 100%; right: 0; position: fixed; width: 300px; top: 0; z-index: 10; }
@media(max-width: 720px){ .Div-Asli{ display: none; } }
.Div-DHspa{ height: 81px; width: 100%; }
.Div-AHspa{ height: 45px; width: 100%; }
.Div-Fspa{ height: 48px; width: 100%; }
.Div-Cspa{ height: 86px; width: 100%; }
.Div-Sspa{ background: rgba(0,0,0,0.35); display: none; position: fixed; top: 0; max-width: 720px; width: 100%; z-index: 6; }
.Hea-dec{ background: #F0F0F0; border-bottom: 1px solid #CBB; }
.Hea-dec span{ color: #F50; }
.Spa-LArrow{ background-position: -400px -40px; }
.Spa-RArrow{ background-position: -400px -71px; }
.bdsharebuttonbox{ margin: 0 auto; max-width: 90%; }
.bdsharebuttonbox > div{ width: 100%; }
.bdsharebuttonbox a{ display: block !important; float: none !important; margin: 7px auto !important; }
.Sec-TLi{ line-height: 24px; }
.Sec-TLi div a{ border-bottom: 1px solid #CBB; display: block; }
.Sec-TLi div a:hover{ background: #EFEFEF; }
.Sec-TLi figure{ float: left; overflow: hidden; width: 90%; }
.Sec-TLi div span{ background: url(../images/tp.png) no-repeat; display: block; float: right; height: 12px; width: 9px; }
.Sec-TLi time{ color: #777; }
.Ani-tranL{ transform: translate(-240px,0); -ms-transform: translate(-240px,0); -webkit-transform: translate(-240px,0); }
.P-Asyn{ color: #AAA; padding: 10px 0; }
.Spa-Equip{ background-image: url(../images/tp.png); background-repeat: no-repeat; background-size: 600px; display: block; height: 50px; width: 50px; }
.Spa-GoDownload{ background: url(../images/tp.png) -430px -5px no-repeat; background-size: 600px; display: block; height: 50px; margin: 10px 7px 0; width: 50px; }
.Spa-Download{ background-position: -215px -47px; }
.Spa-Sea{ background-position: -123px -47px; }
.Spa-topcom{ background-image: url(../images/tp.png); background-repeat: no-repeat; background-size: 500px; height: 60px; width: 40px; }
.Spa-Sact{ background: url(../images/tp.png) -123px 7px no-repeat #0a80d2; background-size: 500px; }
.Spa-Dact{ background: url(../images/tp.png) -215px 7px no-repeat #0a80d2; background-size: 500px; }
.Hea-note{ margin: 3px 0 0; }
.Hea-note a{ background: #1E90CC; color: #FFF; display: inline-block; font-size: 18px; height: 40px; margin: 0 0 3px; padding: 0 5px; position: relative; width: 50%; }
.Hea-note span{ display: block; line-height: 23px; }
.Hea-note a > span:nth-of-type(1){ height: 40px; line-height: 40px; top: 0; }
.Hea-note canvas{ bottom: 0; left: 47%; position: absolute; }
.P-Reply{ background: #EBEBEB; line-height: 32px; margin: -17px 0 0; padding: 0 7px; }
.Div_TurnPrev{ background: #8ED4FF; color: #000; float: left; margin: 0 0 3px; }
.Div_TurnNext{ background: #1E90CC; color: #FFF; float: right; margin: 0 0 3px; }
.Div_Other{ background: #035585; color: #FFF; float: left; margin: 0 0 3px; }
.Div_goNoteBook{ background: #1E90CC; color: #FFF; float: right; margin: 0 0 3px; }
.Img-ColPicture{ width: 100%; }
.Timeline-1{ transition: transform 0.24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -moz-transition: transform 0.24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -webkit-transition: -webkit-transform 0.24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -o-transition: transform 0.24s cubic-bezier(0.7, 0.15, 0.15, 0.7); }
.Shape-Triup{ border: 7px solid transparent; border-bottom: 7px solid #FFF; height: 0; width: 0; }
.Border-top{ border-top: 1px solid #CBB; }

#Div-window{ position: relative; overflow: hidden; }
#Spa-Android{ background-position: -480px -5px; }
#Spa-IOS{ background-position: -525px -5px; }
#Hea-top{ max-width: 720px; width: 100%; }
#Hea-top .A-active{ background: #036; }
#Nav-dcon a{ width: 80px; }
#Nav-dcon a *{ color: #FFF; }
#Spa-logo{ background: url(../images/tp.png)  no-repeat;  height: 55px; margin: 5px 0 0 35px; min-width: 650px; }
#For-Spro{ display: none; }
#Div-dbox{ background: #0a80d2; overflow: hidden; position: relative; }
#Div-dbox canvas{ background: url(../images/tp.png) -6px 0 no-repeat; height: 12px; position: absolute; right: 5px; top: 14px; width: 12px; }
#Div-Sea nav{ background: #0a80d2; }
#Div-Sea form{ background: #044F81; padding: 10px; }
#Div-Sea input{ border: none; border-radius: 0px; color: #C3AD86; height: 28px; line-height: 24px; margin: 1px; padding: 2px 10px; }
#Div-Sea button{ background: #0a80d2; border: none; color: #FFF; height: 30px; margin: 0 3px; width: 20%; }
#Div-Sea .A-active{ background: #044F81; }
#Div-Download div{ background: #0a80d2; clear: both; height: 70px; padding: 5px 0; }
#Div-Download p{ color: #FFF; font: 18px Arial; padding: 7px 0 0 10px; }
#Div-Download p span{ color: #BBB; font-size: 14px; }
#Asi-menu{ background: #2B2B2B; height: 100%; position: absolute; right: 0; top: 0; width: 240px; }
#Asi-menu a{ border-bottom: 1px solid #3A3A3A; color: #CCC; display: block; height: 43px; line-height: 43px; padding: 0 0 0 1.5em; }
#Asi-menu .A-active{ color: #0a80d2; }
#Div-Mbox{ position: relative; z-index: 3; }
#Div-cur{ display: none; height: 100%; position: fixed; left: 0px; max-width: 480px; z-index: 10; }
#Sec-intro article{ padding: 10px 15px; }
#Sec-type section{ border-bottom: 1px solid #CBB; font-size: 16px; padding: 10px 0; }
#Sec-type section:hover{ background: #EFEFEF; }
#Sec-type img{ height: 80px; margin: 0 0 0 5px; width: 130px; }
#Sec-type section span{ margin: 0 0 0 15px; }
#Sec-type section span:after{ background: url(../images/tp.png) no-repeat; content: ""; display: inline-block; float: right; height: 12px; margin: 35px 40px 35px 0; width: 8px; }
#Sec-product div{ float: left; padding: 7px 0.85em; width: 100%; }
#Sec-product section{ float: left; text-align: center; width: 25%; }
@media(max-width: 390px){ #Sec-product section{ width: 50%; } }
#Sec-product div img{ width: 95%;}
#Sec-case ul{ margin: 0; }
#Sec-case ul li{ border-bottom: 1px solid #CBB; height: 40px; }
#Sec-case li:hover{ background: #EFEFEF; }
#Sec-case h5{ float: left; height: 40px; line-height: 40px; margin: 0; padding: 0 0 0 15px; overflow: hidden; width: 80%; }
#Sec-case ul li span{ background: url(../images/tp.png) no-repeat; content: ""; display: block; float: right; height: 12px; margin: 14px 40px 0 0; width: 9px; }
#Div-FHea{ position: fixed; top: 0; max-width: 720px; width: 100%; z-index: 5; }
#Hea-Dtop{ background: #0a80d2; color: #FFF; font-size: 18px; line-height: 33px; padding: 5px 0 7px; }
#Asi-sizeT{ display: none; position: absolute; right: 17px; top: 23px; }
#Asi-sizeT ul{ background: #FFF; border: 1px solid #BBB; border-radius: 5px; color: #555; font-size: 16px; margin: -10px 0 0; padding: 0; overflow: hidden; width: 48px; }
#Asi-sizeT .Li-Active{ background: #DDD; }
#Img-proPic{ width: 100%; !important }
#Sec-desc{ padding: 0 0.85em; }
#Sec-desc header a{ border-radius: 5px; color: #FFF; height: 30px; line-height: 30px; }
#Sec-desc header a:nth-of-type(1){ background: #4FC800; margin: 10px 0; max-width: 49%; }
#Sec-desc header a:nth-of-type(2){ background: #02A2E2; margin: 10px 0; max-width: 49%; }
#Sec-desc header a:nth-of-type(3){ background: #E62B2B; }
#Sec-desc header a span{ display: inline-block; margin: 0 3px; }
#Sec-desc > div{ border-bottom: 1px solid #AAA; line-height: 40px; margin: 10px 0 0; padding: 0 0 10px; }
#Sec-desc > div > h5{ font-size: 18px; margin: 10px 0 0; }
#Sec-desc > span{ color: #777; display: block; font-size: 16px; padding: 10px 0; }
#Sec-desc img{ margin: 10px 0 0; max-width: 100%; }
#A-FormBack{ color: #0a80d2; margin: 7px 15px; }
#Sec-new div a{ height: 80px; padding: 17px 15px; }
#Sec-new figcaption{ height: 24px; overflow: hidden; }
#Sec-new div span{ margin: 17px 15px 17px 0; }
#Sec-case div a{ padding: 0 15px; height: 40px; line-height: 40px; }
#Sec-case div span{ margin: 15px 15px 0 0; }
#Sec-album figure{ margin: 10px 0; }
#Sec-album img{ width: 95%; }
#Sec-album figcaption{ color: #555; margin: 10px 0; }
#Div-tel{ color: #FFF; font-size: 18px; padding: 12px; }
@media(max-width: 330px){ #Div-tel{ font-size: 14px; } }
#Div-tel > a{ margin: 0 0 5px; padding: 0 5px; }
#Div-tel > a:before{ background: url(../images/tp.png) -403px 0 no-repeat; background-size: 600px; content: ''; display: inline-block; height: 35px; vertical-align: middle; width: 35px; }
#Div-tel > a:nth-of-type(6n-5){ background: #09F; }
#Div-tel > a:nth-of-type(6n-4){ background: #F06; }
#Div-tel > a:nth-of-type(6n-3){ background: #090; }
#Div-tel > a:nth-of-type(6n-2){ background: #63C; }
#Div-tel > a:nth-of-type(6n-1){ background: #F90; }
#Div-tel > a:nth-of-type(6n){ background: #0CF; }
#Foo-int{ padding: 0 0 40px; }
#Foo-int a{ background: #CCC; border: 1px solid #999; height: 35px; line-height: 35px; margin: 2px 0; padding: 0 15px; width: 49.7%; }
#Foo-int a:nth-of-type(2n){ float: right; }
#Foo-gui div{ font-size: 18px; height: 50px; padding: 0 5px; position: relative; width: 49.7%; }
#Foo-gui span{ display: block; line-height: 23px; }
#Foo-gui .text-center span{ line-height: 50px; }
#Foo-gui .glyphicon{ background-image: url(../images/tp.png); background-repeat: no-repeat; background-size: 415px; height: 27px; margin: 10px 0 0; width: 13px; }
#Foo-gui div p{ float: left; font-size: 16px; height: 50px; padding: 3px 10px; overflow: hidden; width: 85%; }
#Foo-gui div p span:nth-of-type(2){ font-size: 12px; }
#Foo-gui canvas{ bottom: 0; left: 47%; position: absolute; }
#Ul-lan li{ border-bottom: 1px solid #999; clear: both; height: 40px; line-height: 40px; padding: 0 10px; }
#Ul-lan li span{ float: left; display: block; height: 40px; overflow: hidden; width: 67%; }
@media(max-width: 415px){ #Ul-lan li > span{ width: 67%; } }
#Ul-lan time{ color: #999; float: right; width: 80px; }
#Foo-bot{ background: #EFEFEF; bottom: 48px; height: 86px; padding: 15px 0; position: absolute; width: 100% }
#Foo-nav{ background: #0a80d2; bottom: 0; color: #FFF; font-size: 12px; padding: 5px 0; position: fixed; max-width: 720px; width: 100%; z-index: 5; }
#Foo-nav .col-xs-x{ display: block; float: left; width: 25%; }
#Div-Share{ background: rgba(0,0,0,0.65); bottom: -140px; display: none; height: 140px; padding: 20px 0 0; position: fixed; max-width: 720px; width: 100%; z-index: 7; }
#A-cancel{ background: #EEE; display: block; height: 40px; line-height: 40px; font-size: 20px; margin: 20px auto 0; max-width: 90%; }
#Div-SBtn{ height: 32px; margin: 0 auto; width: 90%; }
#Div-SBtn a{ display: block; float: left; width: 25%; }
#NoteAct{ background: #035585; }
#Ul-Mshow li{ border-bottom: 1px solid #999; line-height: 40px; padding: 10px 15px; }
#Ul-Mshow li > span{ float: left; height: 40px; overflow: hidden; width: 80%; }
#Ul-Mshow time{ color: #999; float: right; width: 75px; }
#Ul-Mshow li p:nth-of-type(1){ height: 23px; line-height: 23px; overflow: hidden; }
#Ul-Mshow li p:nth-of-type(2){ margin: 10px 0 0; }
#Ul-Mshow li p:nth-of-type(1) span:nth-of-type(2){ color: #977E53; float: left; margin: 0 0 0 7px; width: 80%; }
#Ul-Mshow .glyphicon{ background: url(../images/tp.png) -245px -159px no-repeat; background-size: 415px; font-size: 18px; display: block; float: left; height: 20px; padding: 1px; width: 20px; }
#Ul-Mshow .Shape-Triup{ border: 10px solid transparent; border-bottom: 20px solid #EBEBEB; margin: -15px 0 0 30px; }
#For-Lan{ margin: 30px 15px 0; }
#For-Lan input{ display: block; float: left; height: 40px; margin: 0 auto 15px; padding: 0 5px; width: 100%; }
#For-Lan input:last-of-type{ margin: 0 0 10px; width: 110px; }
#For-Lan textarea{ display: block; margin: 0 auto 15px; padding: 10px 5px 0; width: 100%; }
#For-Lan span{ color: #F50; }
#A-Submit{ background: #1F91CD; clear: both; color: #FFF; display: block; float: right; height: 40px; line-height: 40px; margin: 0 0 15px; text-align: center; width: 120px; }
#A-goBack{ background: url(../images/tp.png) -395px -40px no-repeat; background-size: 415px; }
#Spa_ListSwitch{ background: #DDD; border: 1px solid #999; display: block; font-weight: bold; height: 35px; line-height: 35px; padding: 0 10px; position: absolute; top: 45px; width: 100%; max-width: 300px; z-index: 3; }
#Div_PointList{ background: #FFF; border: 1px solid #999; border-top: none; display: none; padding: 0 10px; position: absolute; top: 80px; width: 100%; max-width: 300px; z-index: 3; }
#Div_PointList > a{ border-bottom: 1px solid #999; display: block; line-height: 24px; padding: 5px 0; }
#Div_PointList > a:last-of-type{ border-bottom: none; }
#dituContent{ height:638px; width: 100%; }
#dituContent *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Hea-Dtop span{ line-height: 35px; }
#Spa-Download,#Div-Android,#Div-IOS{ display: none; }

/* SLIDECHANGE */
#Div_RollWrap{ overflow: hidden; position: relative; width: 100%; }
#Ul_TipsBtn{ bottom: 10px; position: absolute; }
#Ul_TipsBtn li{ background: #FFF; border-radius: 100%; display: block; float: left; height: 7px; margin: 0 5px; text-align: center; width: 7px; }
#Ul_TipsBtn .active{ background: #F60; }
.Div_clsRollArea div{ display: block; float: left; }
.Div_clsRollArea div img{ width: 100%; }
.TimeLine{ transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; -o-transition: all .5s linear; }








/*ny页面二级导航样式 start*/


div.shot_menu{
	min-height:25em;
}
.shot_menu a{
	display:block; background:url(../images/tp_point.png); background-position:right center; background-repeat:no-repeat; border-bottom:1px solid #ccbbbb;
}
.shot_menu a:hover{
	background-color:#efefef;
	text-decoration:none;
}
.shot_menu a div{
	height:3em; line-height:3em;
	padding:0em 0em 0em 2em;
}

/*ny页面二级导航样式 end*/






/*二级栏目样式 start*/

div.ny_list{
	padding:1em 1em 1em 1em;
	padding:1em 1em 0em 1em;
	background-color:#f0f0f0;
}
.ny_list a{
	display:block; float:left;
	margin:0em 1em 1em 0em;
	padding:0.3em 1em 0.3em 1em;
	background-color:#fff;
	border-radius:0.3em;
}
.ny_list a:hover{
	text-decoration:none;
	background-color:#0a80d2; color:#fff;/**/
}
a.list_sel{
	text-decoration:none;
	background-color:#0a80d2; color:#fff;/**/
}
.ny_list a div{
	text-align:center; padding:0px; width:auto;
}

div.clear{
	clear:both;
}

/*二级栏目样式 end*/






.pageNavi { PADDING-RIGHT:0px; PADDING-LEFT:0px; MARGIN:10px auto 0px; WIDTH:100%; PADDING-TOP:10px; TEXT-ALIGN:center ;  padding-bottom:1em;}
.wp-pagenavi { margin:0px auto; padding-top:15px; font-size:12px;}
.wp-pagenavi a { border-right:#ccc 1px solid; padding-right:8px! important; border-top:#ccc 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#ccc 1px solid; color:#333! important; padding-top:4px! important; border-bottom:#ccc 1px solid; text-decoration:none! important }
.wp-pagenavi a:link { border-right:#ccc 1px solid; padding-right:8px! important; border-top:#ccc 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#ccc 1px solid; color:#333! important; padding-top:4px! important; border-bottom:#ccc 1px solid; text-decoration:none! important }
.wp-pagenavi a:visited { border-right:#ccc 1px solid; padding-right:8px! important; border-top:#ccc 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#ccc 1px solid; color:#333! important; padding-top:4px! important; border-bottom:#ccc 1px solid; text-decoration:none! important }
.wp-pagenavi a:hover { font-weight:bold! important; color:#0b3779! important; background-color:#eee! important }
.wp-pagenavi a:active { border-right:#ccc 1px solid; padding-right:2px; border-top:#ccc 1px solid; padding-left:2px; padding-bottom:2px; margin:2px; border-left:#ccc 1px solid; padding-top:2px; border-bottom:#ccc 1px solid; text-decoration:none }

.wp-pagenavi span.pages { border-right:#ccc 1px solid; padding-right:8px! important; border-top:#ccc 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#ccc 1px solid; color:#454545! important; padding-top:4px! important; border-bottom:#ccc 1px solid }
.wp-pagenavi span.extend { border-right:#ccc 1px solid; padding-right:8px! important; border-top:#ccc 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#ccc 1px solid; color:#454545! important; padding-top:4px! important; border-bottom:#ccc 1px solid }
.wp-pagenavi span.current { border-right:#aaa 1px solid; padding-right:8px! important; border-top:#aaa 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#aaa 1px solid; color:#000! important; padding-top:4px! important; border-bottom:#aaa 1px solid; background-color:#eee! important }
.wp-pagenavi span.nolink{ border-right:#aaa 1px solid; padding-right:8px! important; border-top:#aaa 1px solid; padding-left:8px! important; padding-bottom:4px! important; margin:2px; border-left:#aaa 1px solid; color:#000! important; padding-top:4px! important; border-bottom:#aaa 1px solid; background-color:#eee! important }











/*首页*/

div.p_menu{
	margin:0px 0px 1px 0px;
}
.p_menu a{
	float:left;
	width:25%;
	color:#fff;
}
.p_menu a div{
	text-align:center;
	background-color:#313131;
	margin:1px 1px 1px 1px;
	padding:5px 0px ;
}