/* TAG STYLE & BOOTSTRAP STYLE */
*{ margin: 0; padding: 0 }
*:focus{ outline: none; }
html{ height: 100%; overflow-y: scroll; }
a{ color: inherit; text-decoration: none; }
a:visited,a:hover,a:active,a:focus{ text-decoration: none; }
body{ background: #333; font: 15px Microsoft YaHei; height: 100%; margin: 0 auto; max-width: 720px; }
h2,h3,h4,h5,h6{ margin: 0; }
h2,h3{ font-size: 21px; }
input{ -webkit-appearance: none; border: none; border-radius: 0; font-size: 17px; }
input:focus{ outline: none; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #DDD; font-size: 15px; line-height: 22px; }
li{ list-style: none; }
mark{ background: #FFF; color: #F33; clear: both; display: block; font-size: 13px; padding: 7px 0 10px 15px; }
textarea{ -webkit-appearance: none; resize: none; }
ul{ margin-bottom: 0; }
video{ margin: 20px 1% 0; width: 98%; }
.btn{ border-radius: 0; }
.row{ margin: 0; }
@media (min-width: 768px) { .container { width: 720px; } }

/* INCLUDE DOCUMENT */
/* CLASS STYLE */
.Div_ProPicList{ margin: 15px 0 0; padding: 0 0 30px; }
.Div_ProPicList > a{ color: #444; }
.Div_ProPicList > a:nth-of-type(2n-1){ padding: 0 5px 0 15px; }
.Div_ProPicList > a:nth-of-type(2n){ padding: 0 15px 0 5px; }
.Div_ProPicList img{ width: 100%; }
.Div_ProPicList h6{ font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; }
.Img_FocusPic{ width: 100%; }
.Div_FillTopSpace{ height: 50px; }
.Div_FillBottomSpace{ height: 60px; }
.Div_norMask{ background: rgba(0,0,0,.7); color: #666; height: 100%; position: fixed; top: 0; max-width: 720px; width: 100%; z-index: 15; }
.A_norButton{ border: 1px solid #E90314; border-radius: 3px; color: #E90314; display: block; height: 30px; line-height: 28px; margin: 5px 0 0; }
.Div_Submitted{ background: #555; color: #FFF; display: none; height: 40px; line-height: 40px; top: 50%; left: 50%; margin: -20px -75px; position: fixed; width: 150px; }
.TimeLineFlew{ transition: transform 0.39s ease-in-out; -webkit-transition: -webkit-transform 0.39s ease-in-out; }
/* ID STYLE */
#Div_Wrap{ background: #FFF; margin: 0; min-height: 100%; padding: 0; overflow: hidden; position: relative; }
#Hea_FixTop{ background: #F9F9F9; border-bottom: 1px solid #DDD; color: #444; padding: 0 50px; position: fixed; top: 0; max-width: 720px; width: 100%; z-index: 10; }
#Hea_FixTop > h2, #Hea_FixTop h3{ height: 50px; line-height: 50px; overflow: hidden; }
#Hea_FixTop > a{ background-image: url("../images/public.png"); background-size: 430px; display: block; height: 30px; position: absolute; top: 10px; width: 20px; }
#Hea_FixTop > a:nth-of-type(1){ background-position: -9px -160px; left: 17px; }
#Hea_FixTop > a:nth-of-type(2){ right: 16px; width: 35px; }
#A_SwiSlide{ background-position: -153px -159px; }
#A_DisFunction{ background-position: -45px -161px; }

/* ASIDE */
/* CLASS STYLE */
.Asi_ShowMenu{ transform: translate(-100%,0); -webkit-transform: translate(-100%,0); }
/* ID STYLE */
#Div_MenuMask{ background: rgba(0,0,0,.7); display: none; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
#Asi_AsideMenu{ background: #FFF; height: 100%; padding: 0 0 10000px; position: absolute; right: -61.8%; top: 0; width: 61.8%; transition: transform 0.39s ease-in-out; -webkit-transition: -webkit-transform 0.39s ease-in-out; }
#Asi_AsideMenu > ul{ margin: 50px 0 0; }
#Asi_AsideMenu > ul > li{ border-bottom: 1px solid #EEE; box-sizing: border-box; height: 40px; line-height: 40px; overflow: hidden; padding: 0 15px; }
#Asi_AsideMenu > ul > ul{ display: none; padding: 10px 0 0; }
#Asi_AsideMenu > ul > ul > li > a{ color: #777; font-size: 14px; line-height: 30px; padding: 0 0 0 17px; }
#Asi_AsideMenu a{ color: #555; display: block; }

/* INPUT GROUND */
.Art_norArticle{ color: #666; line-height: 24px; }
.Art_norArticle img{ width: 100%; }
.Div_PerInput{ position: relative; }
.Div_PerInput > input{ border-bottom: 1px solid #DDD; color: #444; height: 30px; overflow: hidden; padding: 0 23px 0 15px; position: relative; }
.Div_PerInput > span{ border: 1px solid #DDD; border-bottom: none; border-top: none; display: block; height: 5px; position: absolute; top: 25px; }
.Div_PerInput > .Spa_ClearInput{ background: url("../images/public.png") -430px -10px; background-size: 500px; border: none; display: none; height: 15px; right: 15px; top: 9px; width: 15px; }

/* TOP MENU */
#Ul_disFunction{ background: #FFF; display: none; position: absolute; right: 7px; top: 50px; }
#Ul_disFunction > li{ border: 1px solid #DDD; border-bottom: none; height: 50px; line-height: 50px; padding: 0 5px; }
#Ul_disFunction > li:last-of-type{ border-bottom: 1px solid #DDD; }
#Ul_disFunction span{ display: inline-block; vertical-align: middle; }
#Ul_disFunction span:nth-of-type(1){ background-image: url("../images/public.png"); background-size: 500px; height: 20px; margin: 0 3px 0 0; width: 20px; }
#Ul_disFunction > li:nth-of-type(1) > span:nth-of-type(1){ background-position: -247px -188px; }
#Ul_disFunction > li:nth-of-type(2) > span:nth-of-type(1){ background-position: -306px -188px; }

/* BOTTOM MENU */
#Foo_fooMenu{ background: #FFF; border-top: 1px solid #D9D9D9; bottom: 0; height: 60px; font-size: 13px; position: fixed; max-width: 720px; width: 100%; z-index: 10; }
#Foo_fooMenu > a{ color: #666; display: block; float: left; width: 25%; }
#Foo_fooMenu span{ background-image: url("../images/public.png"); background-size: 500px; display: block; height: 35px; margin: 3px auto 0; width: 33px; }
#Foo_fooMenu > a:nth-child(1) > span{ background-position: -127px -187px; }
#Foo_fooMenu > a:nth-child(2) > span{ background-position: -65px -9px; }
#Foo_fooMenu > a:nth-child(3) > span{ background-position: -182px -8px; }
#Foo_fooMenu > a:nth-child(4) > span{ background-position: -243px -7px; }

/* ARTICLE MORE */
.DIV_PrevNext{ color: #FFF; line-height: 23px; }
.DIV_PrevNext p{ display: block; margin: 0; }
.DIV_PrevNext > a{ color: #FFF; display: inline-block; height: 45px; position: relative; max-width: 49.9%; }
.DIV_PrevNext a > span{ background: url("../images/public.png"); background-size: 300px; background-size: 300px; display: block; float: left; height: 16px; position: absolute; top: 15px; width: 8px; }
.DIV_PrevNext a > div{ padding: 0 20px; }
.DIV_PrevNext div > p:first-of-type{ font-size: 17px; }
.DIV_PrevNext div > p:last-of-type{ font-size: 14px; }
.DIV_NewsMessage{ margin: 1px 0 0; }
.DIV_NewsMessage > a{ color: #FFF; display: inline-block; height: 45px; line-height: 45px; max-width: 49.9%; }
.DIV_NewsMessage > a:first-of-type,.DIV_PrevNext > a:last-of-type{ background: #F60; }
.DIV_NewsMessage > a:last-of-type,.DIV_PrevNext > a:first-of-type{ background: #F93; }
.DIV_NewsMessage span{ display: block; border: 6px solid transparent; border-bottom: 6px solid #FFF; height: 0; margin: -12px auto 0; width: 0; }
#A_NextNews{ text-align: right; }
#A_PrevNews > span{ background-position: -186px -4px; }
#A_NextNews > span{ background-position: -202px -4px; right: 15px; }
#Ul_MoreMessages{ color: #666; }
#Ul_MoreMessages > li{ border-bottom: 1px solid #DBDBDB; line-height: 20px; padding: 10px; }
#Ul_MoreMessages p{ max-height: 40px; margin: 0; overflow: hidden; }
#Ul_MoreMessages time{ color: #AAA; display: block; font-size: 13px; margin: 3px 0 0; }

/* MASK MENU */
.Div_TextSizeMenu{ color: #666; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; font-size: 17px; line-height: 50px; }
.Div_TextSizeMenu > div{ background: #FFF; border-radius: 5px; padding: 5px 15px; max-width: 445px; }
.Div_TextSizeMenu header{ font-size: 20px; height: 30px; line-height: 30px; margin: 5px 0 0; text-align: center; }
.Div_TextSizeMenu li{ border-bottom: 1px solid #EEE; }
.Div_TextSizeMenu li:last-of-type{ border: none; }
.Div_TextSizeMenu li > span{ height: 55px; display: none; float: right; width: 25px; }
.Div_TextSizeMenu .Act > span{ background: url("../images/public.png") -368px -170px; background-size: 500px; display: block; }
.Div_ShareMenu > div{ background: #FFF; bottom: 0; box-sizing: content-box; height: 260px; padding: 0 0 100px; position: absolute; max-width: 720px; width: 100%; transform: translate(0,390px); -webkit-transform: translate(0,390px); }
.Div_ShareMenu > .Act{ transform: translate(0,100px); -webkit-transform: translate(0,100px); }
.Div_ShareMenu header{ border-bottom: 1px solid #EEE; color: #BABABA; font-size: 17px; height: 35px; line-height: 35px; }
.Div_ShareMenu li{ margin: 17px 0 0; }
.Div_ShareMenu a{ color: #666; display: block; }
#Div_QrWrap{ background: rgba(0,0,0,.7); color: #666; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; box-orient: vertical; -webkit-box-orient: vertical; position: fixed; top: 0; max-width: 720px; width: 100%; z-index: 15; }
#Div_CodeCanvas{ background: #FFF; height: 330px; width: 300px; }
#Div_CodeCanvas > p{ border-bottom: 1px solid #EEE; margin: 0 0 15px; padding: 10px 20px; }
#Div_CodeCanvas > canvas{ margin: 0 20px; }

/* HOME DOCUMENT */
/* CLASS STYLE */
.Hea_HomeColName{ border-bottom: 1px solid #A3A3A3; color: #505050; height: 18px; position: relative; }
.Hea_HomeColName > h3{ font-size: 16px; position: absolute; text-align: center; top: 8px; }
.Hea_HomeColName span{ background: #FFF; display: inline-block; padding: 0 10px; }
.TriRightDown{ border: 5px solid transparent; border-left: 5px solid #666; height: 0; position: absolute; right: 0; top: 20px; width: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.TriLeft{ border: 6px solid transparent; border-right: 6px solid #555; display: none; height: 0; left: -12px; position: absolute; top: 12px; width: 0; }
/* ID STYLE */
#Hea_IndexTop{ background: #FFF; height: 50px; }
#Hea_IndexTop > div{ display: block; height: 50px; padding: 5px 0; width: 170px; }
#Hea_IndexTop img{ height: 40px; }
#Hea_IndexTop a{ background: url("../images/public.png") -8px 1px; background-size: 550px; display: block; height: 50px; margin: 0 10px 0 0; width: 25px; }
#Spa_SwiSearch{ background: url("../images/public.png") -367px 5px; background-size: 500px; display: block; height: 50px; width: 25px; }
#Div_SearchMenu{ color: #666; display: none; }
#Div_SearchMenu > div{ background: #FFF; height: 50px; position: absolute; top: 0; max-width: 720px; width: 100%; transform: translate(0,-50px); -webkit-transform: translate(0,-50px); }
#Div_SearchMenu > .Act{ transform: translate(0,0); -webkit-transform: translate(0,0); }
#Div_SearchArea{ padding: 13px 15px 0; }
#Div_SearchArea > .Div_PerInput{ padding: 0; }
#Div_SearchArea > .Div_PerInput > span:nth-of-type(1){ border-right: none; }
#Div_SearchArea > .Div_PerInput > span:nth-of-type(2){ background: url("../images/public.png") -743px -5px; background-size: 400px; height: 17px; right: 0; top: 7px; width: 20px; }
#Div_SearchArea button{ background: url("../images/public.png") -368px -5px; background-size: 500px; border: none; height: 30px; margin: 0 0 0 5px; width: 23px; }
#Div_SearchArea input::-webkit-input-placeholder{ color: #DDD; font-size: 15px; }
#Div_SearchType{ border-bottom: 1px solid #DDD; height: 30px; line-height: 30px; position: relative; width: 80px; }
#Div_SearchType > span:nth-of-type(2){ border-right: 1px solid #DDD; bottom: 0; display: block; height: 5px; left: 0; position: absolute; width: inherit; }
#Div_SearchType > span:nth-of-type(3){ border-left: 1px solid #DDD; bottom: 5px; display: block; height: 15px; left: 3px; position: absolute; width: inherit; }
#DIV_HomeColBlock{ text-align: center; }
#DIV_HomeColBlock > ul{ display: inline-block; margin: 7px 0; }
#DIV_HomeColBlock li{ display: inline-block; margin: 7px 0; padding: 0; }
#DIV_HomeColBlock a{ color: #FFF; border-radius: 7px; display: inline-block; height: 100px; padding: 10px 0; width: 100px; }
#DIV_HomeColBlock span{ background: url("../images/public.png"); background-size: 600px; display: inline-block; height: 63px; width: 63px; }
#DIV_HomeColBlock li:nth-of-type(1) > a{ background: #73B645; }
#DIV_HomeColBlock li:nth-of-type(2) > a{ background: #386ECE; }
#DIV_HomeColBlock li:nth-of-type(3) > a{ background: #F95E1B; }
#DIV_HomeColBlock li:nth-of-type(4) > a{ background: #e08503; }
#DIV_HomeColBlock li:nth-of-type(5) > a{ background: #F1043C; }
#DIV_HomeColBlock li:nth-of-type(6) > a{ background: #1FC3ED; }
#DIV_HomeColBlock li:nth-of-type(1) span{background-position: -7px -76px; }
#DIV_HomeColBlock li:nth-of-type(2) span{  background: url("../images/publics.png"); background-size: 600px; display: inline-block; height: 63px; width: 63px;background-position: 695px 600px; }
#DIV_HomeColBlock li:nth-of-type(3) span{  background: url("../images/publics.png"); background-size: 600px; display: inline-block; height: 63px; width: 63px;background-position: 808px 600px; }
#DIV_HomeColBlock li:nth-of-type(4) span{ background-position: -227px -80px; }
#DIV_HomeColBlock li:nth-of-type(5) span{ background-position: -299px -72px; }
#DIV_HomeColBlock li:nth-of-type(6) span{  background: url("../images/publics.png"); background-size: 600px; display: inline-block; height: 63px; width: 63px;background-position: 860px 600px;  }
#DIV_HomeColBlock h3{ font-size: 13px; line-height: 20px; }
#SEC_HomeProduct{ margin: 10px 0 20px; }
#SEC_HomeProduct > header{ margin: 0 10px 30px; }
#DIV_ProductColPicture{  overflow: hidden; padding: 0 10px; }
#DIV_ProductColPicture img{ display:block; margin:0 auto; max-width:200px}
#DIV_ProductColNav{ color: #777; }
#DIV_ProductColNav div{ margin: 0 0 13px; position: relative; }
#DIV_ProductColNav div:last-of-type{ margin: 0; }
#DIV_ProductColNav li{ border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; height: 36px; line-height: 34px; padding: 0 10px; overflow: hidden; text-align: center; }
#DIV_ProductColNav .Act li{ border: none; color: #FFF; line-height: 36px; background: #555; }
#DIV_ProductColNav .Act .TriLeft{ display: block; }
#SEC_HomeNews{ font-size: 14px; margin: 0 0 15px; }
#SEC_HomeNews > header{ margin: 0 10px 25px; }
#SEC_HomeNews > ul{ margin: 0 10px; border:1px solid #666; border-radius:10px }
#SEC_HomeNews li{ position: relative; }
#SEC_HomeNews li > span{ background: #777; border-radius: 100%; display: block; height: 5px; position: absolute; top: 12px; width: 5px; }
#SEC_HomeNews a{ color: #777; display: inline-block; padding: 0 0 0 15px; }
#SEC_HomeNews p{ line-height: 28px; margin: 0; }
#SEC_HomeNews time{ color: #B7B7B7; display: block; font-size: 12px; margin: 0 0 5px; }
#Div_DownLoadTips{ background: rgba(34,34,34,.75); display: none; position: fixed; height: 100%; top: 0; max-width: 720px; width: 100%; z-index: 10; }
#Div_DownLoadTips > div{ background: url("../images/public.png") -860px -140px; margin: 60px auto 0; height: 165px; width: 70px; }
#Div_DownLoadTips > a{ background: #F90; color: #FFF; display: block; font-size: 22px; height: 55px; line-height: 55px; margin: 20px auto; width: 250px; }
#Div_DownLoadTips > span{ color: #FFF; font-size: 18px; }

/* ORDER DOCUMENT */
/* ID STYLE */
#For_Order{ padding: 10px 15px 50px; }
#For_Order > div{ padding: 23px 0 0; }
#For_Order input{ border: 1px solid #DFDFDF; display: inline-block; height: 35px; padding: 0 5px; }
#For_Order input::-webkit-input-placeholder{ font-size: 15px; }
#For_Order textarea{ border: 1px solid #DFDFDF; height: 150px; padding: 5px; }
#For_Order img{ float: left; margin: 0 0 0 10px; }
#For_Order span{ color: #F50; display: inline-block; height: 35px; line-height: 35px; margin: 0 0 0 10px; vertical-align: middle; }
#A_Submit{ background: #0C3; color: #FFF; display: block; font-size: 17px; height: 35px; line-height: 35px; text-align: center; }

/* INTRODUCE DOCUMENT */
/* ID STYLE */
#Div_intContainer > span{ color: #0C3; font-size: 16px; margin: 7px 0 0; }
#Art_intArticle{ padding: 10px 15px; }

/* MESSAGE DOCUMENT */
/* CLASS STYLE */
.Div_MessageList{ border-top: 1px solid #E9E9E9; padding: 20px 17px 0; }
.Div_MessageList > div{ border-bottom: 1px solid #E9E9E9; line-height: 20px; margin: 0 -17px 17px; padding: 0 17px 13px; }
.Div_MessageList > div:last-of-type{ border: none; }
.Div_MessageList header{ color: #666; padding: 0 0 0 20px; position: relative; }
.Div_MessageList header > span{ background: url("../images/public.png") -127px -233px; background-size: 500px; display: block; height: 17px; left: -5px; position: absolute; top: 2px; width: 20px; }
.Div_MessageList > div > span{ color: #BBB; display: inline-block; font-size: 12px; margin: 0 0 0 20px; }
.Div_MessageList span > span{ margin: 0 17px 0 0; }
.Div_MessageList footer{ border: 1px solid #DDD; border-radius: 10px; margin: 3px 27px; padding: 5px 13px; position: relative; }
.Div_MessageList footer > span{ background: url("../images/public.png") -184px -241px; background-size: 500px; display: block; height: 10px; left: -10px; position: absolute; top: 5px; width: 10px; }
.Div_MessageList > div > p{ color: #F33; font-size: 12px; margin: 7px 0 0 20px; }
.Div_MessageList footer > p{ color: #888; line-height: 24px; font-size: 13px; margin: 0; }
/* ID STYLE */
#A_GoMessage{ color: #E90314; margin: 23px auto 20px; width: 85%; }
#A_GoMessage > span{ background: url("../images/public.png") -430px -190px; background-size: 500px; display: inline-block; height: 20px; margin: 0 10px 0 0; vertical-align: -4px; width: 20px; }
#Div_Feedback{ display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; font-size: 16px; }
#Div_Feedback > form{ background: #FFF; border-radius: 5px; color: #666; padding: 15px 17px; max-width: 445px; width: 95%; }
#Div_Feedback p{ margin: 0 0 3px; }
#Div_Feedback textarea{ border: 1px solid #CCC; border-radius: 2px; height: 50px; margin: 0 0 10px; padding: 3px 7px; }
@media(min-height: 360px)
{
    #Div_Feedback textarea{ height: 90px; }
}
#Div_Feedback textarea:focus{ border: 1px solid #18A7FE; }
#Div_Feedback input{ border-radius: 3px; height: 35px; }
#Div_Feedback input[type="text"]{ border: 1px solid #CCC; margin: 0 0 10px; padding: 0 7px; }
#Div_Feedback input:focus{ border: 1px solid #18A7FE; }
#Div_Feedback input::-webkit-input-placeholder{ font-size: 15px; }
#Div_Feedback img{ height: 35px; display: inline-block; margin: 0 0 0 10px; vertical-align: top; width: 60px; background: #777; }
#Inp_VerCode{ width: 70px; }
#INP_Submit{ background: #777; color: #FFF; display: block; margin: 5px 0 0; width: 100%; }

/* DISPLAY PRODUCT DOCUMENT */
#Img_DisplayPic{ width: 100%; }
#Art_proArticle{ margin: 10px 0 15px; }
#DIV_ProductFunction{ padding: 17px 20px; }
#DIV_ProductFunction > a{ color: #FFF; display: inline-block; height: 35px; line-height: 35px; padding: 0 5px; width: 49.5%; }
#DIV_ProductFunction > a:first-of-type{ background: #3C0; }
#DIV_ProductFunction > a:last-of-type{ background: #F33; }
#DIV_ProductFunction span{ background: url("../images/public.png"); background-size: 800px; display: inline-block; height: 25px; margin: 0 5px 0 0; vertical-align: middle; width: 25px; }
#DIV_ProductFunction > a:first-of-type > span{ background-position: -111px -207px; }
#DIV_ProductFunction > a:last-of-type > span{ background-position: -16px -207px; }

/* DISPLAY NEWS DOCUMENT */
/* CLASS STYLE */
.Div_disContainer header{ border-bottom: 1px solid #EAEAEA; padding: 22px 15px; }
.Div_disContainer h5{ color: #555; font-size: 20px; margin: 0 0 7px; }
.Div_disContainer time{ color: #BBB; font-size: 13px; font-style: italic; }
.Div_disContainer > span{ border-bottom: 1px solid #EAEAEA; color: #666; font-size: 20px; display: block; height: 40px; line-height: 40px; padding: 0 0 0 15px; }
/* ID STYLE */
#Art_newArticle{ margin: 17px 0 15px; }

/* PRODUCT DOCUMENT */
.Div_InsideSearch{ margin: 25px 20px 10px; }
.Div_InsideSearch input{ border: 1px solid #DDD; border-right: none; border-radius: 5px 0 0 5px; height: 30px; padding: 0 10px; }
.Div_InsideSearch input::-webkit-input-placeholder{ font-size: 14px; }
.Div_InsideSearch button{ background: #F7F7F7; border: 1px solid #DDD; border-radius: 0 5px 5px 0; color: #888; height: 30px; line-height: 28px; width: 70px; }
/* ACCORDION */
#Div_Accordion{ padding: 0 0 100px; }
#Div_Accordion header{ padding: 0 0 0 20px; }
#Div_Accordion .Act{ color: #18A7FE; }
#Div_Accordion a{ color: inherit; display: inline-block; margin: 0 0 0 17px; }
#Div_Accordion h4{ border: none; border-bottom: 1px solid #EEE; color: #888; font-size: 16px; height: 60px; line-height: 60px; overflow: hidden; padding: 0 13px 0 10px; }
#Div_Accordion h4 > img{ display: inline-block; height: 45px; margin: 0 0 0 9px; width: 45px; }
#Div_Accordion h5{ border-bottom: 1px solid #DEDEDE; color: #777; height: 40px; line-height: 40px; margin: 0 -5px; overflow: hidden; padding: 0 13px 0 67px; }
#Div_Accordion h4 > span { background: url("../images/public.png"); float: right; height: 8px; margin: 26px 10px 0 0; width: 14px; }
.Div_proColOpt{ background: #ECECEC; display: none; padding: 0 5px; }
.Spa_Rotate{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }

/* NEWS DOCUMENT */
.HEA_ListHeader{ border-bottom: 1px solid #EEE; color: #F66; font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; }
#Div_NewsList{ line-height: 20px; margin: 10px 0 0; }
#Div_NewsList > header{ padding: 0 15px; }
#Div_NewsList section{ border-bottom: 1px solid #E5E5E5; padding: 13px 15px 10px; }
#Div_NewsList div{ display: inline-block; width: 90%; }
#Div_NewsList h5{ color: #666; font-size: 15px; line-height: 20px; }
#Div_NewsList p{ color: #AAA; font-size: 12px; margin: 5px 0 0; }
#Div_NewsList span{ background: url("../images/public.png") -10px -232px; background-size: 500px; display: inline-block; float: right; height: 16px; margin: 3px 0 0; width: 10px; }

/* ALBUMCOLUMN DOCUMENT */
.Div_AlbumColumn{ padding: 10px 0 0; }
.Div_AlbumColumn > a{ display: block; }
.Div_AlbumColumn img{ padding: 0 15px; width: 100%; }
.Div_AlbumColumn > p{ padding: 0 15px; font-size: 17px; height: 35px; line-height: 40px; margin: 0; overflow: hidden; text-align: center; }
.Div_AlbumColumn > span{ color: #AAA; display: block; font-size: 12px; }

/* MORE DOCUMENT */
.Div_MoreContainer{ font-size: 18px; }
.Div_MoreContainer > header{ color: #666; }
.Div_MoreContainer > div{ border-bottom: 1px solid #EEE; height: 70px; line-height: 70px; padding: 0 15px; }
.Div_MoreContainer a{ color: #777; display: block; }
.Div_MoreContainer .Act{ background: url("../images/public.png") -367px -175px; background-size: 500px; display: inline-block; float: right; height: 40px; margin: 13px 0 0; width: 30px; }
.Div_ServiceContainer{ color: #777; }
.Div_ServiceContainer > header{ border-bottom: 1px solid #A7A7A7; color: #555; font-size: 19px; height: 55px; line-height: 55px; padding: 0 15px; }
.Div_ServiceContainer .col-xs-3,.Div_ServiceContainer .col-xs-9{ padding: 0; }

/* PHONE DOCUMENT */
.Div_decLine{ background: #EEE; height: 100%; left: 35px; position: absolute; width: 1px; }
#Div_PhoneArea{ font-size: 16px; position: relative; min-height: inherit; }
#Div_PhoneArea a{ color: #666; }
#Div_PhoneArea > ul{ padding: 20px 0 20px 60px; }
#Div_PhoneArea li{ line-height: 30px; margin: 0 0 20px; position: relative; }
#Div_PhoneArea span{ border-radius: 100%; display: block; position: absolute; }
#Div_PhoneArea li > span{ background: #FFF; border: 2px solid #DADADA; height: 15px; left: -32px; top: 8px; width: 15px; }
#Div_PhoneArea span > span{ background: #DADADA; left: 2px; height: 7px; top: 2px; width: 7px; }

/* DOWNLOAD DOCUMENT */
/* CLASS STYLE */
.Spa_VerSign{ background: url("../images/public.png"); background-size: 500px; display: block; float: left; height: 40px; margin: 2px 5px 0 60px; vertical-align: middle; width: 40px; }
/* ID STYLE */
#Div_Download{ padding: 30px 0 100px; }
#Div_Download h6{ color: #555; font-size: 20px; margin: 13px 0 0; }
#Div_Download > section > span{ background: url("../images/public.png") 10px -313px; background-size: 600px; display: block; height: 100px; margin: 0 auto; width: 100px; }
#Div_Download > div{ border-top: 1px solid #DFDFDF; margin: 37px 0 0; }
#Div_Download a{ border: 1px solid #888; border-radius: 4px; color: #444; display: block; font-size: 17px; height: 46px; line-height: 46px; margin: 45px auto 5px; width: 250px; }
#Div_Download p{ font-size: 12px; color: #999; text-align: center; }
#Spa_Ios{ background-position: -185px -128px; }
#Spa_Android{ background-position: -125px -127px; }

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

/* TOUCH NAV */
.TimeLineNav{ transition: all .24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -moz-transition: all .24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -webkit-transition: all .24s cubic-bezier(0.7, 0.15, 0.15, 0.7); -o-transition: all .24s cubic-bezier(0.7, 0.15, 0.15, 0.7); }
#Div_TouchNav{ position: relative; }
#Div_TouchArea img{ width: 100%; }
#Div_TouchArea h6{ border-bottom: 1px solid #D7D7D7; color: #936; font-size: 19px; line-height: 26px; overflow: hidden; padding: 13px 20px; }
#Div_TouchArea article{ color: #777; font-size: 13px; line-height: 20px; padding: 17px 20px; }
#SPA_CountTips{ color: #9F9F9F; font-size: 14px; display: inline-block; margin: 0 0 0 10px; }

/* MAP */
#dituContent{ height: 480px; width: 100%; }

/* SHARE STYLE */
.bds_weixin,.bds_tsina,.bds_tqq,.bds_more{ color: #666 !important; float: none !important; height: 85px !important; margin: 3px auto !important; padding: 60px 0 0; text-align: center; text-indent: 0 !important; width: 80px !important; }
.bds_weixin{ background-image: url("../images/public.png") !important; background-size: 600px !important; background-position: -145px -365px !important; }
.bds_tsina{ background-image: url("../images/public.png") !important; background-size: 600px !important; background-position: -220px -365px !important; }
.bds_tqq{ background-image: url("../images/public.png") !important; background-size: 600px !important; background-position: -290px -365px !important; }
.bds_more{ background-image: url("../images/public.png") !important; background-size: 600px !important; background-position: -360px -365px !important; }
.bd_weixin_popup{ height: auto !important; }
.bdshare_popup_box{ display: none !important; }