*{ margin:0; padding:0 }body{ font:14px "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#333; background:#f1f1f1; }
img{ border:0; display:block }
ul, li{ list-style:none; }
a{ text-decoration:none; color:#333; }
a:hover{ color:#0052b1; text-decoration:none; }
h1{ font-size:28px }
h2{ font-size:18px }
h3{ font-size:16px }
i{ font-style:normal; }
.clear, .blank{ clear:both; width:100%; overflow:hidden; }
.blank{ height:20px }
.fl{ float:left }
.fr{ float:right }
.htitle{ text-align:center; font-weight:700; font-size:36px; margin:30px auto }
.box, article{ width:1250px; margin:auto; overflow:hidden }
.whitebg{ background:#fff; border:1px solid #eee; }
.plr20{ padding:0 20px }

/*header*/
.top{ padding:5px 0; font-size:13px; background:#eee; }
.top ul{ float:right; }
.top ul li{ float:left; }
header{ margin:0; width:100%; z-index:9; transition:all 0.4s; background:#fff; }
.logo-section{ padding:20px 0; }
.logo{ overflow:hidden }
.logo img{ max-height:86px; float:left; margin-right:10px }
.logo-title{ font-size:28px; color:#1066c9; }
.logo-text{ margin-top:5px; color:#888; }

/*search*/
.search{ float:right; margin-top:20px; border-radius:0 5px 5px 0; background-color:rgba(255,255,255,0.2); }
.search p{ margin-bottom:10px; }
.search input.input_submit{ border:0; background:url(../images/search.png) no-repeat left 10px center #1066c9; color:#fff; outline:none; line-height:36px; font-size:15px; width:60px; cursor:pointer; letter-spacing:5px; text-indent:1em; border-radius:0 5px 5px 0; }
.search input.input_text{ border:0; line-height:36px; height:36px; outline:none; width:240px; background:#eee; float:left; text-indent:1em; }
.blogs-box{ padding:30px 5% 10px 5%; }
.blogs-box .search{ float:none; margin:0 auto; margin-top:20px; }
.blogs-box .news-title h2{ background:#fff; color:#000; margin-top:-10px; }
.blogs-box .news-title h2:after{ background:none; }
.sea_sum{ float:left; margin:20px 0 0 10px; color:#666; }
.sea_sum b{ color:#f00; }

/* query */
.q_box{ padding:30px; }
.q_box .position{ border-bottom:none; padding:0 20px 0 20px; }
.q_box .news-title{ float:left; width:100%; border-bottom:1px dotted #ddd; margin-top:-30px;}
.q_box .news-title h2{ float:left; width:auto;padding:0 0 10px 0; margin-left:15px; background:none; border-bottom:2px solid #38a1f6; font-size:18px; }
.q_con{ background:url("../images/q_bg.jpg") no-repeat center; width:1025px; margin:0 auto; margin-top:50px; padding:50px 0;}
.query,.tips{ width:420px; border-radius:15px; margin:0 auto; background:rgba(255, 255, 255, 0.9); padding:20px; }
.query .ttl{float:left; width:100%; text-align:center; border-bottom:1px solid #ddd; padding-bottom:5px; font-size:18px; font-weight:bold; letter-spacing:1px; margin-bottom:15px;}
.query ul li{float:left; margin:10px 0 0 50px;}
.query ul li span,.query ul li input{ float:left; line-height:32px;}
.query ul li span{ width:80px; text-align:right; padding-right:10px; text-align:justify; text-align-last:justify;}
.query ul li input{ width:200px; }
.query ul li img{ height:32px;}
.query .btns{ float:left; width:100%; margin:20px 0;}
.query .btns li{ float:right; width:48%; text-align:left; margin:0;}
.query .btns li:first-child{ text-align:right; float:left;}
.query .btns li a{ background:#167AE0; color:#fff; padding:8px 20px; border-radius:5px; }
.query .btns li a.w{background:none; color:#333; border:1px solid #999;}
.query .btns li a:hover{ font-weight:bold;}
.q_box .tips{ margin-top:20px; background:rgba(255, 255, 255, 0.7); line-height:26px; }
/* query result */
.q_result{ width:90%; margin:0 auto; }
.q_result table{float:left; width:100%; border:1px solid #ddd; margin:20px 0 50px 0;}
.q_result table td{ padding:15px 5px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.q_result table tr:first-child td{border-top:none; background:#eee;}
.q_result table tr td:first-child{border-left:none;}

/*topnav*/
.topnav{ width:100%; background:#0052b1; }
.topnav h2{ color:#fff; position:fixed; top:0; padding-left:10px; font-weight:normal; height:50px; line-height:50px; display:none; }
.topnav h2 img{ height:90%; margin-top:2px; vertical-align:middle; }
.topnav:before{ display:table; content:" "; }
.topnav:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
nav{ text-align:center; line-height:50px; width:100%; }
nav #starlist{ margin:auto; width:1250px; }
#starlist li{ position:relative; display:inline; float:left; font-size:16px; font-weight:bold;}
#starlist li a{ display:inline; float:left; min-width:60px; padding:0 20px; color:#fff; }
#starlist li:hover{ background:rgba(0,0,0,0.1); }
#selected{ position:relative }
#starlist ul.sub{ width:145px; position:absolute; left:0; top:50px; background-color:rgba(0,82,177,0.8); z-index:9; display:none; }
#starlist ul.sub li{ height:34px; line-height:34px; margin-left:0; width:100%; font-size:14px; }
#starlist ul.sub li a{ padding:0; display:block; width:100%; }
#starlist ul.sub li:hover{ background:#0c67c5; }
#starlist li:hover ul.sub{ display:block }
.selected{ color:#D3FBF3;  }
/*.selected:before{ content:""; height:15px; width:15px; background:#1066c9; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); border-left:0; border-bottom:0; position:absolute; top:-8px; left:42%; }*/
#mnavh{ display:none; width:70px; height:40px; text-align:center; }
.navicon{ display:block; position:relative; width:30px; height:3px; background-color:#fff; margin-top:15px; float:left; margin-left:20px; }
.navicon:before, .navicon:after{ content:''; display:block; width:30px; height:3px; position:absolute; background:#fffefe; -webkit-transition-property:margin, -webkit-transform; transition-property:margin, -webkit-transform; transition-property:margin, transform; transition-property:margin, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; }
.navicon:before{ margin-top:-10px; }
.navicon:after{ margin-top:10px; }
.open .navicon{ background:none }
.open .navicon:before{ margin-top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.open .navicon:after{ margin-top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.open .navicon:before, .open .navicon:after{ content:''; display:block; width:30px; height:3px; position:absolute; background:#fff; }
.menu:after{ content:""; position:absolute; right:5px; top:24px; width:0; height:0; border-width:4px 4px 0; border-style:solid; border-color:#fff transparent transparent; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
.menu:hover:after{ transform:rotate(180deg) }
/*.is-fixed{ position:fixed; top:0; box-shadow:0px 1px 5px 1px rgba(0, 0, 0, 0.2); z-index:99; }*/
.sub_menu{ position:absolute; display:none; width:150px; margin-left:100px; }
.sub_menu li{ float:left; width:100%; background-color:rgba(61,167,165,0.8); }
#starlist ul.sub li:hover .sub_menu{ display:block; }
#starlist ul.sub .sub_menu li:hover{ background:#37c5c2; }

/*banner*/
.banner { width:100%; float:left; }
.swiper-slide { position:relative; font-size:14px; }
.swiper-slide span { position:absolute; right:0; font-size:12px; padding:2px 5px 2px 10px; top:10px; background:#0CF; color:#fff; border-radius:3px 0 0 3px }
.swiper-slide:nth-child(2) span { background:#F60 }
.swiper-slide:nth-child(3) span { background:#3C0 }
.swiper-button-next,.swiper-button-prev{ background-color:rgba(0,82,177,0.3); border-radius:30px; width:40px; height:40px; background-size:15px 15px; display:none; }
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ display:block; }
.swiper-pagination-bullet-active{ background:#1066c9; }

/*news*/
.roll_news{ float:left; width:100%; height:240px; }
.roll_news_image{width:100%; height:210px; overflow:hidden; text-align:center; }
.roll_news_image img{ height:100%; width:100%; display:none; }
.roll_news_index{ position:relative; top:-60px; margin-right:5px; float:right; }
.roll_news_index li{ list-style:none; float:left; font-size:10px;  width:18px; height:16px; line-height:16px; cursor:pointer; margin:0 3px; text-align:center; background-color:rgba(255,255,255,0.5); }
li.roll_news_index_hover{ background-color:rgba(180,0,0,0.9); color:#fff; font-size:12px;font-weight:bold; }
.roll_news_title{ position:relative; float:left; width:95%; padding:2px 2.5% 6px 2.5%; top:-52px; height:32px; line-height:32px; overflow:hidden; font-size:11px; font-weight:bold; background-color:rgba(255,255,255,0.8); }
.roll_news_title li{ float:left; width:95%; display:none; }


/*pic-list-img*/
.pic-list-img{ width:100%; white-space:nowrap; overflow:hidden; }
.pic-list-img img{ height:200px; vertical-align:middle; display:inline-block; transition:.5s; }
.pic-list-img img:hover{ transform:scale(1.2); }

/* con_banner */
.con_banner{ width:1248px; margin:0 auto; }
.con_banner img{ width:100%; }

/*headline-box*/
.headline-box{ width:38%; float:right; }
.headline-news{ overflow:hidden; padding:17px 31px 21px; }
.headline-news-title{ margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#0092d8; }
.headline-news-title a{ color:#1066c9; }
.headline-news-title span{ float:left; font-size:12px; font-weight:normal; border:#ff6600 1px solid; padding:0 5px; border-radius:3px; color:#ff6600; margin:4px 8px 0 0; }
.headline-news-smalltext{ line-height:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; height:60px; margin-bottom:10px; color:#888; }
.headline-news-list{ border-top:#ddd 1px solid; padding-top:10px; }
.headline-news-list li{ padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; position:relative }
.headline-news-list li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:15px; }

/*tab*/
.tab li{ cursor:pointer; display:inline-block }
.tab-content section{ display:none; }
.tab-content section:nth-child(1){ display:block }

/*tuijian-news*/
.tuijian-news{ position:relative }
.tab{ border-bottom:#e4e3e3 1px dotted; margin:20px; margin-top:10px; }
.tab li{ font-size:16px; margin-right:20px; padding:0 10px 10px; position:relative }
.tab li:hover:after, .tab li.tab-current:after{ opacity:1; width:100%; margin:auto; display:block; left:0; }
.tab li.tab-current,.news-title h2{ border-radius:10px 0 0 0; color:#0052b1; padding:10px 45px 10px 0; font-weight:bold; letter-spacing:1px; font-size:18px; }
.tab-a-more{ position:absolute; right:20px; top:18px; }
.tab-a-more a{ display:block; overflow:hidden; font-size:13px; color:#777; margin-top:3px; }
.tab-content{ margin:20px; height:220px; overflow:hidden; }
@keyframes bounce_fountainG{
	0%{transform:scale(1);}
	100%{transform:scale(.3);}
}
.tuijian-news-pic{ width:30%; float:left; overflow:hidden; }
.tuijian-news-pic i{ height:98px; width:100%; margin:auto; overflow:hidden; line-height:98px; position:relative }
.tuijian-news-pic i img{ width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.tuijian-news-pic i:hover img{ transform:scale(1.2); }
.tuijian-news-pic i span{ position:absolute; left:0; margin-top:10px; font-size:12px; padding:2px 5px 2px 10px; background:#fc6b31; color:#fff; border-radius:0 3px 3px 0; line-height:normal; }
.tuijian-news .tab-content section:nth-child(n) .tuijian-news-pic span{ background:#0CF; }
.tuijian-news .tab-content section:nth-child(2n) .tuijian-news-pic span{ background:#F60; }
.tuijian-news .tab-content section:nth-child(3n) .tuijian-news-pic span{ background:#3C0; }
.tuijian-news .tab-content section:nth-child(5n-1) .tuijian-news-pic span{ background:#0CF; }
.tuijian-news-pic h2{ color:#1066c9; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:10px 0; }
.tuijian-news-pic h2 a{ color:#1066c9 }
.tuijian-news-pic p{ color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; height:60px; line-height:20px; font-size:14px; }
.btn-blue-border{ width:60%; margin:16px auto 0; border:1px solid #ddd; color:#999; display:block; letter-spacing:2px; border-radius:2px; transition:all 0.3s; line-height:40px; text-align:center; }
.btn-blue-border:hover{ background:#1066c9; border-color:#37c5c2; color:#fff; }
.tuijian-news-list{ width:70%; float:right; }
.tuijian-news-list ul li{ width:100%; float:left; }
.tuijian-news-list ul li a{ display:block; margin:0 0 0 10px; border-bottom:#ddd 1px solid; padding:10px; padding-bottom:0; transition:all 0.5s; }
.tuijian-news-list ul li span{ width:70px; font-size:12px; text-align:center; overflow:hidden; color:#888; float:left; margin:0 10px 0 0; transition:all 0.5s; }
.tuijian-news-list ul li b{ display:block; font-size:16px; margin-top:16px; }
.tuijian-news-list ul li h3{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; margin-bottom:10px; }
.tuijian-news-list ul li p{ font-size:14px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; }
.tuijian-news-list ul li:hover span{ background:#1066c9; color:#fff; }

/*pics*/
.pics{ position:relative; margin-top:20px; }

/*pic-list-img*/
.pic-list-img li{ width:20%; overflow:hidden; float:left; text-align:center; }
.pic-list-img li a{ display:block; margin:10px; overflow:hidden; }
.pic-list-img li span{ color:#888; font-size:14px; display:block; margin-top:5px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.pic-list-img li i{ overflow:hidden; display:block; height:130px; line-height:130px; }
.pic-list-img li i img{ width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.pic-list-img li i:hover img{ transform:scale(1.2); }
.pic-list-img li:first-child{ width:40% }
.pic-list-img li:first-child i{ height:305px; line-height:305px; position:relative; }
.pic-list-img li a:hover span{ color:#1066c9 }
.pic-list-img li:first-child i em{ position:absolute; right:0; font-size:12px; padding:2px 5px 2px 10px; top:10px; background:#0cf; color:#fff; border-radius:3px 0 0 3px; line-height:normal; font-style:normal; }

/*news*/
.news{ position:relative }
.news-zuixin li{ width:48%; float:left; overflow:hidden; margin-bottom:20px; }
.news-zuixin li:nth-child(odd){ float:left }
.news-zuixin li:nth-child(even){ float:right }
.news-zuixin li section{ border-bottom:#eee 1px solid; overflow:hidden; }
.news-zuixin-pic{ display:block; overflow:hidden; width:100px; height:70px; line-height:70px; float:left; margin-right:10px; }
.news-zuixin li img{ width:100%; display:inline-block; vertical-align:middle; transition:.5s; }
.news-zuixin li:hover img{ transform:scale(1.2); }
.news-zuixin h2{ font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; margin:3px 0 5px 0; }
.news-zuixin li:hover h2 a{ color:#1066c9; }
.news-zuixin p{ font-size:14px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; }
.news-zuixin span{ width:100%; float:left; clear:both; font-size:12px; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:16px; line-height:16px; }
.news-zuixin span a{ display:block; float:left; margin-right:15px; position:relative; padding-left:10px; }
.news-zuixin span a:before{ position:absolute; content:""; width:3px; height:3px; background:#1066c9; left:0; top:8px; }
.list_two{ float:left; width:100%; }
.list_two li{ float:left; width:45%; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; padding-left:20px; }
.list_two li:nth-child(even){ float:right }
.list_two li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:10px; }
.list_two li span{ float:right; font-size:12px; color:#888 }

/*videos*/
.videos{ position:relative; margin-top:20px; }
.videos-list li{ width:25%; float:left; overflow:hidden; margin-bottom:10px; }
.videos-list li a{ overflow:hidden; display:block; margin:0 7px; border:#f1f1f1 1px solid; }
.videos-list li i{ height:150px; line-height:100%; overflow:hidden; }
.videos-list li i img{ width:100%; display:inline-block; vertical-align:middle; transition:.5s; }
.videos-list li i:hover img{ transform:scale(1.2); }
.videos-list li h2{ color:#333; padding:5px 10px 5px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; font-size:15px; background-size:20px; }
.videos-list li:hover h2{ color:#1066c9; }
.videos-list li p{ font-size:12px; color:#999; overflow:hidden; margin:5px 0; padding:0 10px; }
.videos-list .datetime{ float:left; font-weight:normal; }
.videos-list .viewd{ float:right; background:url(../images/view.png) no-repeat left center; padding-left:23px; }

/*ad*/
.ad{ margin:20px 0; background:#ccc; overflow:hidden; text-align:center; line-height:140px }
.ad-big{ width:830px; max-height:140px; }
.left-box .ad-big{ width:100% }
.ad-small{ width:320px; min-height:140px; }
aside .ad-small{ width:100% }
.ad img{ width:100% }

/*ziyuan*/
.wenzi{ position:relative; float:left; width:34.3%; margin-right:1.25%; margin-bottom:20px; }
.wenzi-right{ float:right; margin-right:0; }
.wenzi-list li{ margin-bottom:9px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; padding-left:15px; }
.wenzi-list li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:10px; }
.wenzi-list li span{ float:right; font-size:12px; color:#888; margin-left:15px; }

.f_col{ width:66%; margin-top:20px; }
.r_col{ position:relative; float:right; width:28%; }
.col_two{ float:left; width:49%; position:relative; }
.col_two:nth-child(odd){ float:right }

/* position */
.position{ margin:0 0 10px 10px; padding-bottom:10px; color:#666; font-size:13px; }

/*news-title*/
.news-title{ border-bottom:#e4e3e3 1px dotted; margin:0 0 5px 0; color:#666; }
.news-title h2 a{ color:#1066c9; }

/*tags*/
.tags{ position:relative; overflow:hidden; }
.tags ul{ margin:0 20px 20px; overflow:hidden }
.tags ul a{ display:block; float:left; font-size:12px; width:10%; text-align:center; height:16px; margin-bottom:4px; background-color:#f1f1f1; color:#615f5f; padding:10px 0; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tags ul a:after, .tags ul a:before{ content:""; background:#fff; top:0; width:2px; height:100%; position:absolute; }
.tags ul a:after{ right:0; }
.tags ul a:before{ left:0 }
.tags ul a:hover{ background:#1066c9; color:#fff; }

/*toolbar*/
.toolbar{ position:fixed; right:0; top:30%; z-index:999; background:#fff; width:40px; padding:25px 0; border-radius:5px 0 0 5px; transition:all 0.4s; box-shadow:-2px 3px 3px rgba(0,0,0,.1); }
.toolbar .toolbar-close span{ background:url(../images/right.png) no-repeat #333 center; background-size:16px; width:40px; height:40px; float:right; position:absolute; left:0; top:0; border-radius:5px 0 0 5px; }
.toolbar-open{ cursor:pointer; background:url(../images/left.png) no-repeat center #333; background-size:16px; width:0; height:40px; position:fixed; right:0; top:30%; border-radius:5px 0 0 5px; transition:all 0.4s; }
.closed{ width:40px; cursor:pointer; }
.openviewd{ width:0; transition:all 0.4s; }
#toolbar-menu>li i{ width:40px; height:40px; background-size:22px; display:block; }
#toolbar-menu>li{ border-top:#eee 1px solid; border-bottom:#ddd 1px solid; cursor:pointer; position:relative }
#toolbar-menu>li:first-child{ border-top:none }
#toolbar-menu>li:last-child{ border-bottom:none }
.toolbar-nav section{ display:none; position:absolute; right:40px; top:0; background:#fff; border:1px solid #eee; padding:30px; box-shadow:-5px 3px 3px rgba(0,0,0,.1); width:max-content; }
.toolbar-nav li:hover section{ display:block; }
.side-icon-user{ background:url(../images/icon-user.png) no-repeat center; }
.side-icon-qq{ background:url(../images/icon-qq.png) no-repeat center; }
.side-icon-weixin{ background:url(../images/icon-weixin.png) no-repeat center; }
.side-icon-phone{ background:url(../images/icon_phone.png) no-repeat center; }
.icon-top{ background:url(../images/istop.png) no-repeat center #fff; background-size:22px; width:40px; height:40px; position:fixed; right:0; bottom:10%; opacity:0; transition:all 0.3s; z-index:9999999; border:#ccc 1px solid; border-radius:100%; }
.icon-top.cd-is-visible{ visibility:visible; opacity:1; }
#toolbar-content{ position:absolute; right:40px; top:80px; box-shadow:-2px 2px 2px rgba(0,0,0,.1); }
.userinfo .inputText{ line-height:30px; text-indent:1em; border-radius:3px; border:#ddd 1px solid; width:200px; margin-bottom:20px; display:block; }
.userinfo .inputsub-dl{ display:inline-block; float:left; background:#2293f7; color:#fff; border:none; line-height:35px; width:45%; border-radius:3px; }
.userinfo .inputsub-zc{ text-align:center; display:inline-block; float:right; background:#02aeb1; color:#fff; border:none; line-height:35px; width:45%; border-radius:3px; }
.userinfo .logged{ text-align:center }
.userinfo .logged b{ color:#f00; font-size:14px; }
.userinfo .logged a{ display:block; width:100px; text-align:center; margin:10px auto; border:#ddd 1px solid; padding:5px 0; border-radius:5px; }
.weixin-section, .phone-section{ padding:10px !important }
.qq-section p{ text-align:center; font-size:10px; margin:10px 0; }
.qqinfo a{ display:block; text-align:center; margin:0 auto 10px; padding:5px 0; border-radius:5px; width:140px; color:#fff; background:linear-gradient(to right, #2e74e5 0%, #00c1de 100%); }
.qqinfo a:last-child{ margin-bottom:0 }
.qqinfo a{ display:block; color:#fff; font-size:14px; }
.weixin-info{ text-align:center }
.weixin-info img{ max-width:140px; margin:auto }
.weixin-info .text12{ font-size:12px; line-height:24px }
.phone-section{ width:150px; }
.phone-section p{ padding:0 10px 5px }
.phone-section ul{ text-align:center; }
.phone-section ul li{ display:inline-block; }
.phone-section ul li img{ width:140px !important; height:140px !important; }

/*links*/
.links{ padding:10px 20px; }
.links ul{ float:left; width:100%; overflow:hidden; }
.links ul li{ float:left; padding:15px 10px; }
.links ul li a:hover:after{ opacity:1; width:100%; margin:auto; display:block; left:0; }

/*footer*/
footer{ background:#005cbb; width:100%; padding:30px 0; color:#fff; position:relative; overflow:hidden; text-align:center; font-size:13px; line-height:24px; }
.wxbox{ overflow:hidden; float:left; margin-right:20px }
.wxbox li{ float:left; margin:0 10px; text-align:center }
.wxbox img{ height:100px }
.endnav b{ font-size:16px; color:#34aadc; margin-bottom:15px; display:block; }
.endnav p{ margin-bottom:5px }
.endnav a{ color:#777 }
.endnav a:hover{ text-decoration:underline }

/*pagelist*/
.pagelist{ text-align:center; color:#666; width:100%; clear:both; margin:0 0 10px; }
.pagelist a{ color:#666; padding:5px 8px; border:1px solid #ddd; display:inline-block; border-radius:3px; vertical-align:middle; }
.pagelist a:nth-child(1){ display:none }
.pagelist a:hover, .pagelist > b{ color:#3690cf; color:#FFF; background:#eee; border:1px solid #ccc; }
.pagelist > b{ padding:5px 10px; }
a.curPage{ color:#ffffff; font-weight:bold; background:#000; }
.pagelist input{ width:30px; padding:2px 3px; height:24px; line-height:24px; margin-top:-5px; border:1px solid #ddd; text-align:center; border-radius:3px; }
.pagelist input:hover{ border-color:#ccc; }
.p_f_ico,.p_pre_ico,.p_l_ico,.p_next_ico{ background:url(../images/page_icons.png) 0 0; background-size:40px 40px; width:20px; height:20px; overflow:hidden; vertical-align:middle; }
.p_f_ico{ background-position:0 0; }
.p_pre_ico{ background-position:-20px 0; }
.p_l_ico{ background-position:0 -20px; }
.p_next_ico{ background-position:-20px -20px; }

/*topnews*/
.topnews{ display:block; margin:20px 0; background:#000; position:relative; overflow:hidden; border-radius:3px; max-height:150px; }
.topnews img{ opacity:.7; transition:all 0.5s; width:100%; }
.topnews span{ bottom:0; position:absolute; bottom:30%; left:0; right:0; color:#FFF; text-align:center; font-size:15px; padding:0 40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:22px; }
.topnews:hover img{ opacity:.9; transform:scale(1.1); }
.right-box .news-title{ margin:0 }

/*side-title*/
.side-title{ font-size:16px; border-bottom:1px solid #eee; color:#484848; font-weight:normal; position:relative; margin-bottom:10px; padding-bottom:10px }
.side-title:after{ content:""; position:absolute; width:64px; height:2px; content:""; background:#000; left:0; bottom:-1px; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
.side-title:hover:after{ width:80px; }
.hnav{ float:right }
.hnav a{ display:block; margin-right:10px; padding-right:10px; float:left; position:relative }
.hnav a:after{ position:relative; content:"/"; right:-10px; bottom:0; color:#ccc }
.hnav a:last-child::after{ content:"" }

/*tuijian*/
.tuijian{ padding:20px; }
.tuijian ul{ overflow:hidden; padding-top:10px }
.tuijian li{ overflow:hidden; margin-bottom:10px; height:60px; }
.tuijian li i{ width:70px; height:70px; margin-right:10px; overflow:hidden; display:block; float:left; }
.tuijian li i img{ height:100%; max-width:100%; min-width:100%; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; transition:all 0.5s; }
.tuijian li p{ margin-top:10px; line-height:20px; max-height:40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; font-size:14px; }
.tuijian li:hover{ background:#f6f6f6; }
.tuijian li:hover img{ transform:scale(1.1); }

/*paihang*/
.paihang{ padding:20px }
.paihang ul{ overflow:hidden; }
.paihang ul li{ height:30px; line-height:30px; margin-bottom:10px; padding-left:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.paihang ul li i{ display:block; width:16px; height:16px; background:#B1B1B1; float:left; margin-top:8px; margin-right:10px; position:relative; font-style:normal }
.paihang ul li i::before{ position:absolute; left:0; top:0; font-size:9px; color:#fff; line-height:16px; width:16px; text-align:center }
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i{ background:#FF6600; }
.paihang ul li:first-child i::before{ content:"1"; }
.paihang ul li:nth-child(2) i::before{ content:"2"; }
.paihang ul li:nth-child(3) i::before{ content:"3"; }
.paihang ul li:nth-child(4) i::before{ content:"4"; }
.paihang ul li:nth-child(5) i::before{ content:"5"; }
.paihang ul li:nth-child(6) i::before{ content:"6"; }
.paihang ul li:nth-child(7) i::before{ content:"7"; }
.paihang ul li:nth-child(8) i::before{ content:"8"; }
.paihang ul li:hover{ -moz-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; }

/*cloud*/
.cloud{ padding:20px; overflow:hidden }
.cloud ul{ overflow:hidden; padding-top:10px }
.cloud ul a{ font-size:14px; line-height:24px; height:24px; display:block; background:#f1f1f1; float:left; padding:3px 10px; margin:10px 5px 0 0; border-radius:3px; transition:all .2s; color:#525252 }
.cloud ul a:hover{ background:#1066c9; color:#fff }

/*suiji*/
.suiji{ padding:20px; overflow:hidden }
.suiji ul{ overflow:hidden; padding-top:10px }
.suiji li{ line-height:22px; margin-bottom:10px; position:relative; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.suiji li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0px; top:10px; }

/*pics-list-box*/
.pics-list-box{ overflow:hidden; margin-top:-10px; }
.pics-list-box ul{ padding:0 10px }
.pics-list-box li{ width:25%; overflow:hidden; float:left; margin-bottom:20px; }
.pics-list-box li a{ display:block; margin:0 10px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.pics-list-box li i{ max-height:135px; line-height:135px; overflow:hidden; display:block; background:#eee; }
.pics-list-box li i img{ width:100%; display:inline-block; transition:.5s; vertical-align:middle; }
.pics-list-box li i:hover img{ transform:scale(1.2); }
.pics-list-box li h2{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:5px 0; font-weight:normal; padding:0 10px; text-align:center; }
.pics-list-box li p{ font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:10px 0; padding:0 10px; }
.btn_link{ position:absolute; z-index:1000; margin:65px 0 0 7px; padding:5px 10px; background:rgba(255, 255, 255, 0.8); color:#333; font-size:14px; border:1px solid #fff; border-radius:5px; }
.btn_link:hover{ background:rgba(255, 255, 255, 1); color:#222; }
.pics-list-box .news-title h2{ background:#fff; color:#000; }
.pics-list-box .news-title h2:after{ background:none; }

/*morepic-list*/
.morepic-list{ padding:0 20px; }
.morepic-list section{ clear:both; overflow:hidden; margin-bottom:30px; }
.mp-title{ font-size:16px; margin-bottom:10px; }
.mp-pics{ position:relative; }
.mp-pics ul{ overflow:hidden; }
.mp-pics ul li{ width:25%; float:left; }
.mp-pics ul li a{ display:block; height:120px; line-height:120px; overflow:hidden; margin:0 5px; background:#f1f1f1; }
.mp-pics ul li a img{ width:100%; min-height:100%; margin:auto; transition:.5s; display:inline-block; }
.mp-pics ul li a img:hover{ transform:scale(1.2); }
span.count{ position:absolute; right:8px; bottom:5px; background:rgba(20, 135, 244, .8); color:#fff; padding:0 10px; border-radius:5px; }
.mp-info{ color:#888; font-size:12px; margin-bottom:10px; }
.mp-info span{ display:inline-block; padding-left:20px; margin-right:20px; }
span.mp-timer{ background:url(../images/date.png) no-repeat left center; background-size:16px; }
span.mp-view{ background:url(../images/view.png) no-repeat left center; }

/*wztitle-list*/
.wztitle-list{ padding:0 10px 20px }
.wztitle-list li{ padding:5px 0 5px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; position:relative; border-bottom:1px dotted #eee; }
.wztitle-list li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:15px; }
.wztitle-list li:hover{ background:#efefef; }
.wztitle-list li span{ float:right; color:#888; font-size:12px; margin-right:10px; }
.wztitle-list li:nth-child(10n){ margin-bottom:20px; border-bottom:#eee 1px solid; padding-bottom:20px }

/*side-tab*/
.side-tab{ background:#fff; border:1px solid #eee; }
#sidetab{ border-bottom:#e4e3e3 1px solid; margin:20px 20px 0; padding-bottom:10px; overflow:hidden; }
#sidetab li{ font-size:16px; position:relative; cursor:pointer; display:inline-block; width:33.333%; float:left; text-align:center; }
#sidetab li:after{ content:""; background:#1066c9; background:linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width:20%; height:2px; position:absolute; bottom:-10px; left:40%; opacity:0; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
#sidetab li:hover:after, #sidetab li.sidetab-current:after{ opacity:1; width:100%; margin:auto; display:block; left:0; }
#sidetab li.sidetab-current{ color:#1066c9; }
#sidetab-content .topnews{ margin:0 0 10px; }
#sidetab-content .suiji{ padding:5px 20px }
#sidetab-content section{ display:none; }
#sidetab-content section:nth-child(1){ display:block }

/*newstext-box*/
.newstext-box{ padding:0 20px 20px; }
.news-title-h1{ font-size:22px; }
.keywords{ margin:15px 0; overflow:hidden; }
.keywords a{ display:block; float:left; border:#1066c9 1px solid; color:#1066c9; padding:2px 8px; margin-right:5px; border-radius:5px; }
.keywords a:nth-child(1), .keywords a:hover{ background:#1066c9; color:#fff }
.picview-other{ float:left; width:100%; text-align:center; overflow:hidden; color:#888; margin:10px 0 25px 0; }
.picview-other span{margin-right:15px; padding-left:20px; }
.smalltext{ margin-bottom:20px; background:#f1f1f1; padding:20px; color:#888; line-height:22px; }
.smalltext i{ background:url(../images/quote.png) no-repeat left center; width:24px; height:15px; background-position:0 0; float:left; }
.newstext{ line-height:24px; margin-bottom:20px; overflow:hidden; }
.newstext video{ margin:20px auto; display:block; max-width:100% !important; height:auto !important; z-index:0; }
.newstext p{ margin-bottom:20px; }
.newstext img{ max-width:100% !important; height:auto !important; margin:10px auto; }
.newstext table{ margin:auto !important }
.newstext iframe{ margin:auto !important }
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6{ font-size:16px; margin:20px 0; position:relative; padding-left:10px; }
.newstext h2:before, .newstext h3:before, .newstext h4:before, .newstext h5:before, .newstext h6:before{ position:absolute; content:""; background:#1066c9; width:3px; height:100%; left:0; bottom:0; }
span.po-from{ background:url(../images/icon-yonghu.png) no-repeat center left; background-size:16px; }
span.po-date{ background:url(../images/date.png) no-repeat center left; background-size:16px; }
span.po-classname{ background:url(../images/icon-lm.png) no-repeat center left; background-size:16px; }
span.po-view{ background:url(../images/view.png) no-repeat left center }
.share{ padding:10px 0; overflow:hidden; display:table; width:100%; margin:20px auto; line-height:24px; background:#f1f1f1; }
.share>div{ padding-right:20px; margin-top:16px; overflow:hidden; }
.share img{ width:100px; float:left; margin:0 20px; }
.share a{ color:#1066c9 }
.share a:hover{ text-decoration:underline }
.diggit{ display:block; width:160px; margin:20px auto; background:#ff5501; color:#fff; box-shadow:1px 2px 6px 0px rgba(0,0,0,.2); border-radius:3px; line-height:40px; text-align:center; }
.diggit a{ color:#fff }

/*info-pre-next*/
.info-pre-next{ overflow:hidden; margin:30px 0; }
.info-pre-next ul li{ width:50%; float:left; overflow:hidden; }
.info-pre-next ul li a{ display:block; overflow:hidden; color:#333; }
.info-pre-next ul li a:hover{ color:#000; }
.info-pre-next ul li:nth-child(1) a{ margin-right:10px; }
.info-pre-next ul li:nth-child(2) a{ margin-left:10px; }
.info-pre-next ul li i{ display:block; width:130px; height:38px; overflow:hidden; float:left; margin-right:10px; position:relative; }
.info-pre-next em{ position:absolute; left:0; top:0; font-style:normal; color:#ffffff; font-size:16px; width:100%; line-height:38px; text-align:center; background:#1066c9; z-index:1; }
.info-pre-next img{ width:100%; transition:.5s; }
.info-pre-next h2{ font-size:15px; line-height:38px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.info-pre-next p{ font-size:14px; margin-top:10px; line-height:20px; height:40px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; }
.info-pre-next li:hover img{ transform:scale(1.2); }

/*otherlink*/
.otherlink ul{ padding:0 20px 20px; overflow:hidden; }
.otherlink ul li{ position:relative; line-height:30px; width:48%; float:left; }
.otherlink ul li:nth-child(even){ float:right; }
.otherlink ul li a{ display:block; padding-left:15px; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.otherlink ul li:before{ position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0px; top:10px; }

/*pinglun*/
#plpost{ margin:0 20px 20px; }
.pinglun{ overflow:hidden; padding-bottom:20px; }
.saying{ line-height:30px; color:#a9a6a6; }
.saying span{ float:right }
.saying span a{ color:#de1513; }
.pl-name, .pl-yzm{ padding:5px; margin:10px 0 }
#plpost input[type="submit"]{ display:block; background:#303030; color:#fff; border:0; line-height:30px; padding:0 20px; border-radius:5px; float:right; }
textarea#saytext{ width:100%; }
.picview-box{ margin:0 20px; }

/*page*/
.page{ overflow:hidden; padding:20px; }
.page-title{ width:230px; float:left; background:#eee; border-radius:10px 10px 0 0; }
.page-title .name{ padding:13px 0; text-align:center; background:#1066c9; color:#fff; font-size:16px; font-weight:bold; }
.page-title li a{ display:block; text-align:center; padding:15px 0; border-bottom:1px dotted #dcdcdc; background:#f7f7f7; border-radius:0; }
.page-title li ul li{ width:80%; margin:0 auto; }
.page-title li ul li a{ border-radius:0 0 10px 10px; font-size:13px; }
#pagecurrent,.page-title li a:hover{ color:#1066c9; }
.page-title li a:hover{ background:#eee; }
.page-box{ width:910px; float:left; margin-left:30px; padding-left:30px; border-left:#eee 1px solid; min-height:500px; }
.page-box-title{ font-size:16px; border-bottom:1px solid #eee; position:relative; margin-bottom:20px; padding-bottom:10px; }
.page-box-title:hover:after{ width:80px; }
.page-box-content{ line-height:26px; }
.page-box-content p{ margin-bottom:15px; text-indent:30px; }
.page-box-content img{ max-width:100%; margin:10px auto }
.page-box h1{ text-align:center; margin-bottom:10px; }
.page-box-content h2, .page-box-content h3, .page-box-content h4, .page-box-content h5, .page-box-content h6{ font-size:16px; margin:20px 0; position:relative; }
.page-box-content h2:before, .page-box-content h3:before, .page-box-content h4:before, .page-box-content h5:before, .page-box-content h6:before{ position:absolute; content:""; background:#1066c9; width:3px; height:100%; left:-32px; bottom:0; }
.page-box-content a{ color:#39F }
.qq_join{ overflow:hidden }
.qq_join li{ float:left; width:33.333%; padding:10px; }
.qq_join li section{ margin:0 20px; box-shadow:#ccc 1px 1px 5px; padding:10px; display:block; overflow:hidden; transition:all 0.5s; }
.qq_join li img{ width:90%; margin:auto; background:-webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background:-o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background:linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7)); display:block; padding:5px; }
.qq_join li p{ margin:10px; }
.qq_join li b{ color:#019881; margin:0 5px; }
.qq_join li a{ color:#000 }
.qq_join li section:hover{ box-shadow:#6f6d6d 1px 1px 5px }

.content{ width:90%; margin:0 auto; font-size:16px; }
.content .news-title-h1{ float:left; width:100%; margin:20px 0 10px 0; text-align:center; }

/*sea-list*/
.sea-list{ margin:0 20px; }
.sea-list li{ overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #dcdcdc; }
.sea-list h3{ margin-bottom:15px; font-weight:normal; }
.sea-list i{ float:left; width:65px; height:65px; text-align:center; display:table; margin-right:10px; }
.sea-list i img{ max-width:65px; max-height:65px; vertical-align:middle; }
.sea-list p{ font-size:14px; color:#9b9b9b; height:43px; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; margin-right:100px; }
.sea-list span.sea-info{ font-size:12px; color:#9b9b9b; display:block; overflow:hidden; margin-top:10px; }
.sea-list h3 a{ text-decoration:underline; color:#1066c9; }
.sea-list h3 a span{ color:#f00; }
.sea-list .sea-info em{ font-style:normal; margin-right:20px }
.sea-list li h3 a:hover{ color:#1066c9; }

/*pics-list-price*/
.pics-list-price li{ width:25%; overflow:hidden; float:left; margin-bottom:20px; }
.pics-list-price li a{ display:block; margin:0 10px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.pics-list-price li i{ height:170px; line-height:170px; overflow:hidden; display:block; background:#fcfcfc; }
.pics-list-price li i img{ width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.pics-list-price li i:hover img{ transform:scale(1.2); }
.pics-list-price li h2{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:5px 0; font-weight:normal; padding:0 10px; }
.pics-list-price li p{ font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:10px 0; padding:0 10px; }
.pics-list-price span.price-area{ float:left; display:block; font-size:18px; color:#ff6600; padding-left:10px; }
.pics-list-price span.pics-btn{ float:right; background:#ff5522; border-radius:2px; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; margin-right:10px; }
.pics-list-price em{ font-style:normal; font-weight:normal; font-size:12px; }

/*shopview*/
.shopbox{ overflow:hidden }
.shopview{ width:40%; float:left; border:#f1f1f1 1px solid; padding:0 10px; margin:0 0 20px 20px; }
.shopview .swiper-container{ margin-bottom:0; padding-bottom:10px }
.product{ width:50%; float:right; margin-right:20px; }
.product h1{ font-size:18px; margin:20px 0 }
.product p{ margin:10px 0; }
.product span{ display:inline-block; }
.product-jianjie{ background:#f9f8f8; padding:10px; color:#555; }
.product-jianjie span{ font-weight:normal; color:#1066c9; }
.product-scj em{ text-decoration:line-through; color:#f00; font-style:normal; }
a.btn-add{ width:180px; color:#FFF; border-color:#F40; background:#F40; font-size:16px; line-height:38px; display:block; text-align:center; border-radius:5px; margin-top:30px; }
a.btn-add:hover{ border-color:#F22D00; background:#F22D00; }
.product-content{ padding:0 20px 20px 20px }
.product-content p{ margin-bottom:20px }
.product-content h2, .product-content h3, .product-content h4, .product-content h5, .product-content h6{ font-size:16px; margin:20px 0; position:relative; }
.product-content h2:before, .product-content h3:before, .product-content h4:before, .product-content h5:before, .product-content h6:before{ position:absolute; content:""; background:#1066c9; width:3px; height:100%; left:-10px; bottom:0; }
.product-content img{ max-width:100% !important; height:auto !important }

/*product-suiji*/
.product-suiji ul{ overflow:hidden; padding:0 10px; }
.product-suiji li{ width:25%; overflow:hidden; float:left; margin-bottom:20px; }
.product-suiji li a{ display:block; margin:0 5px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.product-suiji li i{ height:100px; line-height:100px; overflow:hidden; display:block; background:#fcfcfc; }
.product-suiji li i img, .product-love ul li img{ width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.product-suiji li i:hover img, .product-love ul li i:hover img{ transform:scale(1.2); }
.product-suiji li h2, .product-love ul li h2{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:5px 0; font-weight:normal; padding:0 10px; }
.product-suiji li p, .product-love ul li p{ font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:5px 0; padding:0 10px; }
.product-suiji span.price-area, .product-love ul span.price-area{ float:left; display:block; font-size:18px; color:#ff6600; padding-left:10px; }
.product-suiji span.pics-btn, .product-love span.pics-btn{ float:right; background:#ff5522; border-radius:2px; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; margin-right:10px; }
.product-suiji em, .product-love em{ font-style:normal; font-weight:normal; font-size:12px; }
.product-love{ padding:20px 20pxa 0 20px; overflow:hidden; }
.product-love ul{ overflow:hidden }
.product-love ul li{ width:100%; overflow:hidden; margin-bottom:20px; }
.product-love ul li a{ display:block; margin:0 5px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.product-love ul li i{ overflow:hidden; display:block; background:#fcfcfc; }

/*endmenu*/
.endmenu{ width:100%; position:fixed; height:50px; bottom:0; background:#f8f8f8; border-top:#ddd 1px solid; font-size:12px; display:none; }
.endmenu li{ width:25%; float:left; text-align:center }
.endmenu li a{ display:block }
.act a{ color:#09F }
.endmenu li i{ display:block; width:30px; height:22px; line-height:30px; margin:4px auto; font-size:22px; }
@font-face{ font-family:'iconfont'; src:url('../other/iconfont.eot'); src:url('../other/iconfont.eot?#iefix') format('embedded-opentype'), url('../other/iconfont.woff2') format('woff2'), url('../other/iconfont.woff') format('woff'), url('../other/iconfont.ttf') format('truetype'), url('../other/iconfont.svg#iconfont') format('svg'); }
.iconfont{ font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.icon-shouye:before{ content:"\e625"; }
.icon-fenlei:before{ content:"\e62f"; }
.icon-My:before{ content:"\e615"; }
.icon-navicon-wzgl:before{ content:"\e661"; }

/*fenlei-section*/
.fenlei-section{ background:#fff; margin:0 0 60px 0; }
.menu-t{ line-height:40px; border-top:#f1f1f1 solid 10px; padding-left:30px; position:relative; }
.menu-t a{ display:block }
.menu-t:before{ content:""; background:#0062ff; width:4px; height:24px; left:10px; top:10px; position:absolute; background:linear-gradient(to bottom, #0062ff 0%, #00a0ec 100%); border-radius:3px; }
.menu-sub{ overflow:hidden; }
.menu-sub li{ border-top:#f1f1f1 solid 1px; position:relative; }
.menu-t:after{ content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.menu-t:first-child{ border-top:0 }
.menu-sub li:after{ content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.phone-list{ background:#fff; overflow:hidden; padding:20px; margin:40px 0 20px 0; }
.phone-list li{ overflow:hidden; margin-bottom:10px; display:table; width:100%; border-bottom:#eee 1px solid; }
.phone-list li a{ display:block; overflow:hidden }
.phone-list h2{ font-size:16px; font-weight:normal; height:60px; padding-bottom:10px; display:table-cell; vertical-align:middle; }
.phone-list i{ width:60px; height:60px; float:right; margin-left:10px; }
.phone-list i img{ width:auto; height:100%; }

/*user-box*/
.user-box{ background:#1b82d1; overflow:hidden; padding:20px; color:#c2def3; }
.user-box p{ font-size:18px; margin-bottom:20px }
.user-box em{ font-style:normal; background:#2a8ad6; padding:3px 20px; border-radius:20px; border:#3898e4 1px solid; }
.avatar{ position:relative; float:left; width:70px; height:70px; border-radius:5px; border:#77b0da 4px solid; display:block; margin-right:20px; }
.avatar img{ width:100%; }
.avatar::after{ content:""; position:absolute; background:url(../images/v.png) no-repeat; background-size:24px; width:24px; height:24px; right:-15px; bottom:-8px; }
.user-section{ background:#fff; overflow:hidden; margin-bottom:60px; }
.user-section .line{ height:10px; background:#f1f1f1; overflow:hidden }
.user-section li{ line-height:40px; padding-left:20px; border-top:#f1f1f1 solid 1px; position:relative }
.user-section li:after{ content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.user-section li a{ display:block }

/* float ad */
#adfloat{ background:#000; position:fixed; left:0; top:0; z-index:1001; } 
#adfloat img{ height:160px; }
#close{ position:absolute; right:0; width:24px; height:24px; border-radius:3px; margin:3px 3px 0 0; cursor:pointer; background:url(../images/guanbi.png) no-repeat center center; background-size:14px 14px; background-color:rgba(0,0,0,.3); }
#close:hover{ background-color:rgba(0,0,0,.5); }

/* pic link list */
.pic_link_list{ float:left; width:100%; text-align:center; }
.pic_link_list li{ float:left; width:48%; margin:0 1% 7px 1%; background:#43a3fa; border-radius:5px; }
.pic_link_list li a{ float:left; width:94%; padding:15px 3%; text-align:center; color:#fff; }
.pic_link_list li a img{ height:52px; display:inline; }
.pic_link_list li a:hover img{ opacity:0.8; }
.pic_link_list li:nth-child(2){ background:#19c46d; }
.pic_link_list li:nth-child(3){ background:#00b289; }
.pic_link_list li:nth-child(4){ background:#25b9de; }
