/*顶部开�?/
#top {width:100%; height:35px; background:#333; }
#top .search {float:left;}
#top .search .search_input {height:23px; border:none; margin:5px 0 0 150px;}
#top .search .search_sub {width:50px; height:23px; padding-top:6px;}
#top .top_main {width:1000px; height:35px; margin:0 auto;  font-size:16px; color:#eee; overflow: hidden;}
#top .top_left {width:200px; height:35px; line-height:35px; float:left; padding:0 0 0 30px; background:url(../images/phone.png) no-repeat -107px center; }
#top .top_right {width:150px; height:35px; line-height:35px; float:right; }
#top .top_right .top_login, #top .top_right .top_register {width:75px; text-align: center; float:right; }
#top .top_right a { color:#eee; display: block; text-align: center;}
#top .top_right a:hover { background:#4f982f; }
/*顶部结束*/

/*广告开�?/
#banner {width:100%; overflow:hidden;  }
#banner #center_main3 {width:1000px; position:relative; height:400px; margin:0 auto;}
#banner #center_main3 .autoSwitchAllScreen-main {position:absolute; width:10000px; top:0px; left:0px; }


#banner #center_main3 .autoSwitchAllScreen-main li img {display:block; margin:0 auto; }
.allScreen-icon {width:1000px; height:43px; position:absolute;  margin:0 auto;}
.allScreen-icon li {float:left; width:18px; height:25px; background: url(../images/pagination3.png) no-repeat 0 12px; margin-top:0px; cursor: pointer; }

#banner .login-box { width: 348px; height: 382px; box-shadow: 0 1px 10px rgba(1, 1, 1, 0.5); position: absolute; top:7%; left:5px; z-index:99;}
#banner .login-box .login-welcome{ width: 348px;height: 92px; padding-top:34px; border-bottom: solid 1px #d7dbde; background: url("../images/banner/login-welcome.png") no-repeat; float: left; text-align: center; *height:90px; }
#banner .login-box .login-welcome h2{color: #6582ad; font-size: 24px; line-height: 24px; margin-bottom: 17px;}
#banner .login-box .login-welcome h2.wel{font-size: 30px; line-height: 30px; margin-bottom: 6px;}
#banner .login-box .login-welcome h3 {color: #6582ad; font-size: 20px; line-height: 20px;}
#banner .login-box .login-welcome h3.wel{font-size: 24px;}
#banner .login-box .login-form{ margin:0!important; width: 300px; height: 160px; border: solid 1px #fff; background: url("../images/banner/index_login_form_bg.png") repeat; padding: 23px; float: left; position: relative; *width:300px; }
#banner .login-box .login-form .imsg {position: absolute; bottom: 5px; left: 22px; display: block; background: #d8ecf5; width: 300px; padding: 2px; display: none;}
#banner .login-box .login-form .tips{clear: both; position: absolute; top: 2px; }
#banner .login-box .login-form .tips .alert{padding: 0; border: none; background: none; margin: 0;}
#banner .login-box .login-form .input-box{ width: 246px; float: left; }
#banner .login-box .login-form  .input-l{ width: 5px; height: 44px; background: url("../images/banner/login-input-l.jpg") no-repeat; float: left; }
#banner .login-box .login-form  .input-r{ width: 5px; height: 44px; margin-top: 0px; background: url("../images/banner/login-input-r.jpg") no-repeat; float: left; }
#banner .login-box .login-form .input-box input{ width: 246px; height: 44px; border: none; border-top: solid 2px #a9afb3; margin: 0; padding: 0; float: left; background: url("../images/login_input_bg.png") repeat; outline: none; }
#banner .login-box .login-form .form-input{ margin-bottom: 13px; float: left; }
#banner .login-box .login-form .user-icon{ width: 44px; height: 44px; background: url("../images/banner/login_input_bg.png") repeat; border: none; border-top: solid 2px #a9afb3; float: left; }
#banner .login-box .login-form .user-icon span{ display: block; width: 22px; height: 22px; margin: 0 auto; margin-top: 11px; background: url("../images/banner/login_icon.png") top no-repeat; }
#banner .login-box .login-form .pass-icon{ width: 44px; height: 44px; background: url("../images/banner/login_input_bg.png") repeat; border: none; border-top: solid 2px #a9afb3; float: left; }
#banner .login-box .login-form .pass-icon span{ display: block; width: 22px; height: 22px; margin: 0 auto; margin-top: 11px; background: url("../images/banner/login_icon.png") bottom no-repeat; }
#banner .login-box .login-form .login-btn-box{ width: 300px; float: left;}
#banner .login-box .login-form .login-btn-box .forget{ font-size: 14px; color: #6683ae; display: block; float: left; margin-top: 12px; text-decoration: underline; }
#banner .login-box .login-form .login-btn-box .login-btn{ display: block; width: 138px; height: 45px; background: url("../images/banner/index-_login_btn.png") top no-repeat; float: right; cursor: pointer; text-align: center; line-height: 45px; color: #eff4f8; font-size: 18px; border: none; outline: none; }
#banner .login-box .login-form .login-btn-box .login-btn:hover{ background: url("../images/banner/index-_login_btn.png") bottom no-repeat; }
#banner .login-box  .bottom-reg{ width: 350px; height: 48px; background: #398D3D; float: left; text-align: center; line-height: 48px; margin-left:-1px;}
#banner .login-box  .bottom-reg a{ font-size: 24px; color: #fff; }
/*广告开�?/

#sm_banner {width:100%; height:200px; background:#0083d5;}
#sm_banner #sm_banner_main {width:1200px; height:200px; overflow: hidden; margin:0 auto; position:relative;}
#sm_banner #sm_banner_main .sm_banner_text {width:450px; height:200px; position:absolute; top:0; left:21%;}
#sm_banner #sm_banner_main img {}
#sm_banner #sm_banner_main .sm_banner_text dt {text-align:center; height:65px; line-height:65px; color:#fefefe; font-weight:700; font-size:32px; border-bottom:2px solid #fefefe;}
#sm_banner #sm_banner_main .sm_banner_text dd {text-align:center; height:40px; line-height:40px; color:#fefefe; font-weight:700; font-size:18px; }


.webProIntro { width: 100%; height: 230px; margin: 0 auto; text-align: center; background: #88B439 url(../images/home_like.jpg) center no-repeat; }

.share-box{ width: 100%; background: #ffffff; margin: 0 auto; padding-bottom:20px; }
.content{ padding: 0 0; }
.share-box.last .share-l, .share-box.last .share-c, .share-box.last .share-r{border-top: none;}
.share-box.last .content{ padding: 0 0 42px 0; }
.share-box .share-l{ width: 331px; height: 600px; /*border: solid 1px #cdd2d4;*/ float: left; padding-top: 29px; }
.share-box .share-c{ width: 330px; height: 525px; border: solid 1px #cdd2d4; border-left: none; border-right: none; float: left; padding: 2px; }
.share-box .share-r{ width: 331px; height: 568px; box-shadow:0px 0px 30px 0px #e5e5e5;border:none; float: left; overflow: hidden;background:#fff;margin-top:20px;}
.share-box .share-c .share-center{ width: 330px; height: 556px; background: #eef0f1; padding-top: 27px; }
.share-box .top{ width: 282px; height: 154px; border: solid 1px #cdd2d4; padding: 5px; margin: 0 auto; position: relative; }
.share-box .top .free{ position: absolute; bottom: -8px; right: -8px; }
.share-box .center{ width: 280px; padding: 20px 0 11px; height: 162px; margin: 0 auto; border-bottom: solid 1px #cdd2d4; }
.share-box .center .title{ font-size: 24px; color: #4b6c8f; margin: 0; }
.share-box .center .text{ display: block; font-size: 13px; color: #aaaaaa; line-height: 20px; padding-top: 17px; }
.share-box .share-c .share-center .text{ font-size: 13px;  line-height: 20px; }
.share-box .bottom{ width: 280px; margin: 0 auto; margin-top: 20px; }
.share-box .bottom ul.list li{ width: 280px; height: 20px; float: left; font-size: 14px; color: #797979; padding-left: 25px; margin-bottom: 13px; }
.share-box .more-btn{display: block;width: 283px;height: 42px;margin: 0 auto;background: url("../images/more_btn.png") top no-repeat;float: left;text-align: center;line-height: 39px;color: #fff;font-size: 18px;}
.share-box .more-btn:hover{background: url("../images/more_btn.png") bottom no-repeat;}
.share-box .share-center .more-btn{}
.share-box .share-c .share-center .bottom ul.list li{color: #6c6d6d;}

.share-box.last .share-l, .share-box.last .share-c, .share-box.last .share-r{border-top: none;}
.share-box.last .content{ padding: 0 0 42px 0; }
.share-box .share-l{ width: 331px; height: 600px; /*border: solid 1px #cdd2d4;*/ float: left; padding-top: 29px; }

.share-box .first_text {width:100%; height:195px; margin:0 0 10px 0;}
.share-box .first_text h3 {font-weight:bold; height:40px; line-height:40px;}
.share-box .first_text h3 a { color:#333;}
.share-box .first_text h3 a:hover {text-decoration: underline;}
.share-box .first_text_left {width:242px; height:150px; float:left; overflow:hidden; margin:0 0 0 0px;}
.share-box .first_text_right {width:330px; height:150px; float:right; overflow:hidden;}
.share-box .first_text_right p {color:#999; line-height:26px; }


.web_news_box{ width:618px!important;margin-right: 8px; padding:0px 20px 20px 0px!important;*width:600px!important;*padding-bottom:0px!important;}
.web_news_box span{ display:inline-block;}
.web_news_box span.line{ height:16px; width:380px; margin:0 10px; background:url(../images/web_home_news_line.png) repeat-x;}
.web_news_box span a{ color:#333;}
.web_news_box .news_box{ width:600px; margin:0 15px 15px 0; border-bottom: 1px dashed #CCC; }
.web_news_box .news_box dt{ font-weight:bold; margin: 5px 0 5px 0;}
.web_news_box .news_box dt a{ color:#333; font-size:14px; font-weight: bold;}
.web_news_box .news_box dt a:hover {text-decoration: underline;}
.web_news_box .news_box dd{ color:#999; line-height:165%; padding:0 0 2px 0;}
.web_news_box .news_box dd a{ color:#999;}
.web_news_box .news_box dd a:hover { color:#88B439;}



.web_home_link_box dt {
    color: #999999;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.web_home_link_box dd {
    padding: 8px;
    background: #ffffff;
}

.artical-title {height:50px; line-height:50px; color:#88B439; font-size:20px; font-weight:bold; text-align:center;}

#creat_plug {width:100%;}
#creat_plug #plug {width:1000px; margin:0 auto;}
#plug li {width:195px; height:50px; line-height:50px; float:left; text-align:left; overflow:hidden;}
#plug li a {color:#333; }
#plug li a:hover {color:#88B439; }


.web_home_link_box dd img {
    display: inline-block;
    margin: 10px;
}

ul, ol { padding: 0;}
.banner { width:100%; overflow: hidden;  position: relative;  text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner .flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:400px}
.banner .flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.banner .flashBox ul li{width:100%;height:400px;position:absolute;top:0;left:0;display:none;}
.banner .flashBox ul li:first-child{display:block}
/**/
.banner .flashBox ul li a,.flashBox ul li>div{width:100%;height:400px;display: block; background-size: cover; background-position: bottom center;}
.banner .flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.banner .flashBox ol li{width:15px;height:15px;margin:0 2px;display:inline-block;background:#fff;color:#dd1827;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;}
/*background: url("../images/www/sprite.png") no-repeat 0px -1000px;text-indent: -99999px;}*/
.banner .flashBox ol li{*display:inline}
/*.banner .flashBox ol .active{background:url("../images/www/sprite.png") no-repeat -20px -1000px;color:#fff;}*/
.banner .flashBox ul li .warp{position: relative;height: 400px}
.banner .flashBox ul li .warp img{position: absolute}

.banner .login-box { width: 348px; height: 382px; box-shadow: 0 1px 10px rgba(1, 1, 1, 0.5); position: absolute; top:5%; left:5px; z-index:99;}
.banner .login-box .login-welcome{ width: 348px;height: 92px; padding-top:34px; border-bottom: solid 1px #d7dbde; background: url("../images/banner/login-welcome.png") no-repeat; float: left; text-align: center; *height:90px; }
.banner .login-box .login-welcome h2{color: #6582ad; font-size: 24px; line-height: 24px; margin-bottom: 17px;}
.banner .login-box .login-welcome h2.wel{font-size: 30px; line-height: 30px; margin-bottom: 6px;}
.banner .login-box .login-welcome h3 {color: #6582ad; font-size: 20px; line-height: 20px;}
.banner .login-box .login-welcome h3.wel{font-size: 24px;}
.banner .login-box .login-form{ margin:0!important; width: 300px; height: 160px; border: solid 1px #fff; background: url("../images/banner/index_login_form_bg.png") repeat; padding: 23px; float: left; position: relative; *width:300px; }
.banner .login-box .login-form .imsg {position: absolute; bottom: 5px; left: 22px; display: block; background: #d8ecf5; width: 300px; padding: 2px; display: none;}
.banner .login-box .login-form .tips{clear: both; position: absolute; top: 2px; }
.banner .login-box .login-form .tips .alert{padding: 0; border: none; background: none; margin: 0;}
.banner .login-box .login-form .input-box{ width: 246px; float: left; }
.banner .login-box .login-form  .input-l{ width: 5px; height: 44px; background: url("../images/banner/login-input-l.jpg") no-repeat; float: left; }
.banner .login-box .login-form  .input-r{ width: 5px; height: 44px; margin-top: 0px; background: url("../images/banner/login-input-r.jpg") no-repeat; float: left; }
.banner .login-box .login-form .input-box input{ width: 246px; height: 44px; border: none; border-top: solid 2px #a9afb3; margin: 0; padding: 0; float: left; background: url("../images/login_input_bg.png") repeat; outline: none; }
.banner .login-box .login-form .form-input{ margin-bottom: 13px; float: left; }
.banner .login-box .login-form .user-icon{ width: 44px; height: 44px; background: url("../images/banner/login_input_bg.png") repeat; border: none; border-top: solid 2px #a9afb3; float: left; }
.banner .login-box .login-form .user-icon span{ display: block; width: 22px; height: 22px; margin: 0 auto; margin-top: 11px; background: url("../images/banner/login_icon.png") top no-repeat; }
.banner .login-box .login-form .pass-icon{ width: 44px; height: 44px; background: url("../images/banner/login_input_bg.png") repeat; border: none; border-top: solid 2px #a9afb3; float: left; }
.banner .login-box .login-form .pass-icon span{ display: block; width: 22px; height: 22px; margin: 0 auto; margin-top: 11px; background: url("../images/banner/login_icon.png") bottom no-repeat; }
.banner .login-box .login-form .login-btn-box{ width: 300px; float: left;}
.banner .login-box .login-form .login-btn-box .forget{ font-size: 14px; color: #6683ae; display: block; float: left; margin-top: 12px; text-decoration: underline; }
.banner .login-box .login-form .login-btn-box .login-btn{ display: block; width: 138px; height: 45px; background: url("../images/banner/index-_login_btn.png") top no-repeat; float: right; cursor: pointer; text-align: center; line-height: 45px; color: #eff4f8; font-size: 18px; border: none; outline: none; }
.banner .login-box .login-form .login-btn-box .login-btn:hover{ background: url("../images/banner/index-_login_btn.png") bottom no-repeat; }
.banner .login-box  .bottom-reg{ width: 350px; height: 48px; background: #398D3D; float: left; text-align: center; line-height: 48px; margin-left:-1px;}
.banner .login-box  .bottom-reg a{ font-size: 24px; color: #fff; }

.banner .banner-text {width:500px; height:300px; position:absolute; top:18%; left:11%; color:#fefefe; text-align: left;}
.banner .banner-text h3 { font-size:55px; text-shadow: #000 0 0px 0;  font-weight: 700;}
.banner .banner-text dl dt {  font-size:32px; font-weight:700; margin:6px 0 25px 0; text-shadow: #000 0 0px 0; }
.banner .banner-text dl dd { font-size:16px; font-weight:700; line-height: 185%; text-shadow: #000 0 0px 0;}
.banner .banner-text dl dd a { color:#fefefe; text-shadow: #000 0 0px 0; font-size:28px; font-weight: 700; display: block; margin-top:15px;}

.first_text_right a {
    color : #999;
}

.first_text_right a:hover {
    color : #88B439;
}

.share-box .share-r .share-top{
    height:50px;
    border-bottom:10px solid #f5f5f5;
}

.share-box .share-r .share-title{
    text-indent: 2px;
    font-size:18px;
    line-height:50px;
    margin-left:30px;
}
.share-box .share-r .share-info{
    height:80px;
    border-bottom:1px solid #f3f5ea;
}
.share-box .share-r .share-info img{
    margin-top:15px;
    margin-left:20px;
    float:left;
    border-radius:17px;
    box-shadow:1px 1px 3px 3px #ddd;
}
.share-box .share-r .share-names{
    float:left;
    margin-left:20px;
    color:#806F01;
    font-size:20px;
    font-family:tahoma;
    font-weight:bold;
    line-height:44px;
    margin-top:20px;
}
.share-box .share-r .share-more{
    margin-top:5px;
    margin-left:5px;
    color:#000;
}
.share-box .share-r .share-content{
    height:444px;
    border:1px solid #F1F1F1;
    width:90%;
    margin:0 auto;
    overflow:scroll;
}
.share-box .share-r .share-content ul li{
    display:block;
    overflow:hidden;
    border-bottom:1px solid #f1f1f1;
    padding:8px 2px 0 2px;
    line-height:160%;
    word-break:break-all;
    word-wrap:break-word;
}
.share-box .share-r .share-content ul li a{
    color:#000000;
    text-decoration:none;
    font-size:12px;
}
.tweetinfo{
    color:#a3a3a3;
    height:auto;
    padding:3px;
    font-size:12px;
}
.addlisten{
    width:78px;
    height:21px;
    display:block;
    background:url(http://mat1.gtimg.com/app/vt/images/show/listen.png) no-repeat;
    margin-top:-3px;
}

#article-model{
    height:auto;
    width:1000px;
    margin:0 auto;
}
#article-model .article-category{
    overflow:hidden;
}
#article-model .article-category li{
    width:30%;
    height:270px;
    float:left;
    padding:0px 30px 20px 0px;
}


#reason{
    height:auto;
}
#reason .content{
    min-height:auto;
}
#reason .content .text{
    width:1200px;
    height:150px;
    margin:0 auto;
    padding-top:70px;
}
#reason .content .text .title{
    font-size:28px;
    width:240px;
    margin:0 auto;
}
#reason .content .text .more p{
    text-align:center;
}
#reason .content .text .more{
    font-size:16px;
    color:#818588;
    margin-top:25px;
}
#reason .content .category{
    margin: 0 auto;
    height:570px;
    box-shadow:0px 0px 30px 0px #e5e5e5;
}
#reason .content .category ul{
    margin-top:20px;
    overflow:hidden;
}
#reason .content .category ul li{
    width:308px;
    float:left;
    height:284px;
    border-right:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
#reason .content .category ul li:nth-child(2){
     border-right:none;
 }
#reason .content .category ul li:nth-child(3){
    border-bottom:none;
}
#reason .content .category ul li:last-child{
    border:none;
}
#reason .content .category ul li:hover{
    box-shadow:6px 5px 30px -2px #73eca7;
}
#reason .content .category ul li img{
    margin-left:105px;
    margin-top:12px;
    width:100px;
    height:80px;
}

#reason .content .category ul li .title{
    text-align:center;
    font-size:20px;
    font-weight:bolder;
    margin-bottom:10px;
}
#reason .content .category ul li .more{
    text-align:center;
    font-size:14px;
    width:80%;
    margin:0 auto;
    color:#818588;
    min-height:57px;
}
#reason .content .category ul li .button{
    width: 272px;
    height:50px;
    border-radius:5px;
    background:#26ad60;
    margin:0 auto;
    margin-top:20px;
    overflow:hidden;
}
#reason .content .category ul li .button a{
    display:inline-block;
    width:50%;
    text-align:center;
    float:left;
    line-height:50px;
    font-size:14px;
    color:#fff;
}
#reason .content .category ul li .button a:hover{
    background:#1c9e55;
}
#reason .content .category ul li .once a{
    width:100%;
    margin:0 auto;
    text-align:center;
}
#reason .content .category ul li .once img{
    padding-left:67px;
}
#reason .content .category ul li .two a:first-child{
    width:49%;
    border-right:1px solid #51bd80;
}
#reason .content .category .button img{
    margin:7px 0px 0px 16px;
    float:left;
    width:35px;
    height:35px;
}
#reason .content .category .button p{
    margin:0px;
    float:left;
}
#reason .content .next{
    margin-top:90px;
}
#reason .content .next .title{
    font-size:28px;
    text-align:center;
}
#article-model .category-title{
    width:95%;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:20px;
}
#creat_plug .category-title{
    clear:both;
    overflow:hidden;
    width:300px;
    margin:0 auto;
}
#creat_plug .category-title .line{
    float:left;
    width:30%;
    height:16px;
    border-bottom:1px solid #E0E0E0;
}
#creat_plug .category-title .category-name{
    float:left;
    width:40%;
    text-align:center;
    font-size:20px;
    color:#88B439;
    font-weight:bold;
    text-align:center;
}
#article-model .category-title .line{
    float:left;
    width:20%;
    height:16px;
    border-bottom:1px solid #E0E0E0;
}

#article-model .category-title .category-name{
    float:left;
    width:60%;
    text-align:center;
    font-size:20px;
    color:#88B439;
    font-weight:bold;
    text-align:center;
}

#article-model .category-main li{
    height:30px;
    list-style:none outside none;
    text-align:left;
    overflow:hidden;
    width:95%;
    padding:0px;
    margin:0 auto;
}
#article-model .category-main li a{
    display:block;
    font-size:14px;
    padding-left:15px;
    color:#000;
    background:url("/style_sb/images/v2/spot.jpg") no-repeat left center;
    width:170px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    float:left;
}
#article-model .category-main li:nth-child(1){
    height:50px;
    margin-bottom:10px;
    background:url("/style_sb/images/v2/cb.jpg");
}
#article-model .category-main li:nth-child(1) p{
    font-size:17px;
    font-weight:bold;
    color:#fff;
    line-height:50px;
    text-align:center;
    letter-spacing:8px;
    text-shadow:1px 1px 1px #333;
}
#article-model .category-main li a:hover{
    text-decoration: none;
    color:#88B439;
    outline:0;
}
#article-model .category-main li span{
    float:right;
    font-size:10px;
    display:inline-block;
    line-height:15px;
}