/*----------ARTICLE*/
#article{line-height:1.8em;padding:0 10px; color:#565656;font-size: 18px;}
.btm_global{background-color:#f3bd2e; color: #444444;padding: .5em 1em;font-size: 16px;line-height: 1.5em;}
@media screen and (min-device-width : 320px) and (max-device-width : 320px){/*iphone 纵向*/
    #article{font-size: 16px;}
    .btm_global{font-size: 14px;}
}

#article h1{font-size:3vmax; line-height:1.5em;font-weight: bold;text-align: center;padding: 20px 0;font-family: "Arial";}
#article hr{margin:.5em 0 1em 0;border-top: 1px solid #e0e0e0; border-bottom: none}
.article_info{color: #565656;text-align: center;font-size: .9em;}
.article_info a{color:#565656;}
#article h1 img{width: 1em; height: 1em; margin-right: 10px; vertical-align: middle; display: inline;position: relative;top:-.15ex;}
#article strong{ font-weight:bold}
#article p{ text-indent:2em;padding:.5em 0}
#article a{ color:#565656;}
#article h3{color: #ca5700;font-weight: bold}
#article h4{ padding:.5em 0; margin-left:2em;}
#article .center{ width:90%;margin:.8em auto;color: red;text-align: center;padding: 0}
#article .center img{display: block;border: 2px solid #4a5255}
#article p img.imgauto{ width:auto;}
#article table{margin: 0 auto;border-collapse:collapse}
#article table th,#article table td{border: 1px solid #a6958d;text-align: center}
#article table th{background-color: #755c4f;color: #FFF;}
#article table td{background-color: #d5ccc8;color: #755c4f}

/*----------颜色*/
#article p a{ color:#ca5700; text-decoration: underline;}
#article p .alight{ color:#f10d23}
/*----------FEATURE*/
#feature_num{top:100%}
.feature_text{ position:absolute; width:12%;right:10%; display:none}

/*PROFESSION*/
.profession_text{position:absolute; width:84.1%;top:63.9%;left:15.6%;z-index:10}
#profession_num{bottom:1%;top:auto;}
#profession_num #psn_1{margin-left:39.25%}

/*BACKGROUND*/
#background_text{ position:absolute;width:87.5%;left:6.25%; text-align:right}
#background_text img{width:14.2%; display:inline}

/*BACKGROUND*/
#background_text{ position:absolute;width:82%;left:0; top:8%; text-align:right;}
#background_text img{width:14.2%; display:inline}




/*slider*/
#slider{ position:absolute; top:39%;}
.swipe_wrap{ position:absolute;width:98%;top:0%;left:50%;margin-left:-49%; overflow:hidden;}
.feature .swipe_wrap {top:20%;}
.swipe_wrap ul{ overflow:hidden}
.swipe_wrap ul li{ width:100%; float:left; position:relative}
.swipe_position{ position:absolute; top:86%; width:100%; z-index: 2;}
.feature .swipe_position {top:80%;}
.swipe_position li{width:5.6%; float:left; margin-right:2%;}
.feature_slide_text{ position:absolute; width:12%;right:10%}
.profession_slide_num{ position:absolute;top:109%; width:100%; z-index: 2;}
.profession_slide_num li{width:5.6%; float:left; margin-right:2%;}
#psn_1{ background:url(../images/slider_num.png) no-repeat; background-size:cover;margin-left:31.5%}
.feature #psn_1 {margin-left:36%}
#psn_2{ background:url(../images/slider_num.png) no-repeat; background-size:cover}
#psn_3{ background:url(../images/slider_num.png) no-repeat; background-size:cover}
#psn_4{ background:url(../images/slider_num.png) no-repeat; background-size:cover}
#psn_5{ background:url(../images/slider_num.png) no-repeat; background-size:cover}
#psn_1.current,#psn_2.current,#psn_3.current,#psn_4.current,#psn_5.current{ background-position:0 bottom}
/*----------FEATURE*/
#feature_num{top:100%}
.feature_text{ position:absolute; width:12%;right:10%;display:none;}

/*PROFESSION*/
.profession_text{position:absolute; width:75%;height:20%; display:none; left:12%; top:76%;z-index:10}
#profession_num{bottom:1%;top:auto;}
#profession_num #psn_1{margin-left:39.25%}

.cycleTips {position:absolute; bottom: 2%;left:23.2%; width:53.125%; height:6%;
    animation: icon 2.4s linear infinite;
    -webkit-animation: icon 2.4s linear infinite
}
.feature .cycleTips {height:9%;}
@keyframes icon {
    0% {transform:
        rotate(0deg)
}
    5% {transform:
        rotate(10deg)
}
    10% {transform:
        rotate(-10deg)
}
    15% {transform:
        rotate(5deg)
}
    20% {transform:
        rotate(-5deg)
}
    30% {transform:
        rotate(0deg)
}
    100% {transform:
        rotate(0deg)
}
}
@-webkit-keyframes icon {
    0% {-webkit-transform:
        rotate(0deg)
}
    5% {-webkit-transform:
        rotate(10deg)
}
    10% {-webkit-transform:
        rotate(-10deg)
}
    15% {-webkit-transform:
        rotate(5deg)
}
    20% {-webkit-transform:
        rotate(-5deg)
}
    30% {-webkit-transform:
        rotate(0deg)
}
    100% {-webkit-transform:
        rotate(0deg)
}
}

.btm_global p{text-indent: 2em;}

/*----------LIST*/
#content {}
.news_t{ position: relative; width: 100%;z-index: 1;}
.news_t a{display: block; z-index: 10; position: absolute; top: 0; height: 100%; text-indent: -9999px;}
.news_t .list_01{left: 0%;width: 30%}
.news_t .list_02{left: 30%;width: 33%}
.news_t .list_03{left: 63%;width: 37%}
.newslist{border-top: 1px solid #bebebe;}
.newslist li{padding:0 10px; height:3.5em; line-height:3.5em;color:#444444; border-bottom: 1px solid #bebebe;background-color: #ffffff;}
.newslist li:active,.newslist li a:active{color:#b9341a}
.newslist li em{ float:left;margin-right:10px; margin-top:18px;width: 26%;height: 40%;}
.newslist li a{ color:#444444; display:block; width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left;font-size: 0.9em;}
.newslist li span{ float:right; color:#bebebe;font-size: 0.8em;}
.newslist li:after{clear: both;}
.listPage,.nextHtml{ display:none}
.ui-refresh-down{ text-align:center; color:#9a694f; line-height:3em; cursor:pointer}
.ui-refresh-down a{ color:#9a694f}
.ui-refresh-label {display:block; width:60%; height:2.5em; line-height:2.5em; border:2px solid #00a9bc; color:#00a9bc; border-radius:25px; margin: 0 auto;}
.green{ color:#00a9bc;}
/*分页*/
.page{line-height: 30px;text-align: center;padding: 15px 0;background-color: #ffffff;}
.page a{display: inline-block;width: 8%;text-align: center;line-height: 30px;border: 1px solid #47505b;color: #47505b;}
.page .cur{background-color: #2ddcf8;color: #ffffff;border: 1px solid #2ddcf8;}
/*faq*/
.kg_bg{background: #ffffff;}
.faq_title{width: 100%;padding: 10px 0;}
.faq_font1{width: 96%;margin: 0 auto;}
.faq_q{background-color: #3a9ec6;border: 3px solid #316a94;padding: 2% 2% 2% 10%;width: 88%;font-size: 1.0em;font-weight: bold;color: #ffffff;position: relative;margin: 20px 0;}
.faq_q:before{content: "";position: absolute;width: 0;height: 0;overflow: hidden;border: 0.4em solid  #ffffff;left: 2.5%;top: 30%;transform: rotate(0deg);transition: all .3s ease-in-out;}
.faq_q.on:before{transform: rotate(-135deg);transition: all .3s ease-in-out;}
.faq_a{color: #545f65;padding: 3% 2%;width: 96%;display: none;background-color: #ddf5ff;margin: 20px 0;}