@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0; border:0;}
table { border-collapse: collapse;}
i, cite, em, var, dfn, address {font-style: normal;}
a{color: #222; text-decoration: none;}
a:hover{text-decoration: none;}
a:active, a:focus{outline:none;}
strong{font-weight: 600;}
/*--------------------------------------------------------------------------------------------------------------------------*/
.awrap{ width:100%; margin:0 auto;}.bwrap,.container{ width:1200px; margin:0 auto;}
.hidden{display:none;}.show{display:block;}
.red{color:red;}
.fl{float:left}.fr{float:right}.fc{float:none}
.ma{ margin:0 auto;}.mt15{margin-top:15px}.mt20{margin-top:20px}.mr20{margin-right:20px;}
.alignc{text-align: center;}
.cut,.over_hid{overflow:hidden;}
.hidden,.none{display:none}
.block{display:block}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:before ,.clearfix:after{ display: block; height: 0; content: "."; clear: both; font-size: 0; visibility: hidden; overflow: hidden;}
p{font-size:14px}
span{font-size:14px}
/*-----------------------------------------    min width 1200px   -------------------------------------------------------------------------*/
body{min-width:1200px;background:#fff;font-size:14px; line-height: 160%; font-family: "微软雅黑";transition: 0.2s;font-weight: normal;}
.home_body{min-width:1200px}
/*--title h2--*/
.tit_h2{text-align: center;}
.tit_h2 h2{ font-size: 36px; color:#17588e; line-height: 60px; font-weight: normal;}
.tit_h2 p{font-size: 14px; color:#ff7a1b; line-height: 32px;}
/*----header logo&nav----*/
.home_top{ width: 100%; min-width: 1200px; height: 40px; background-color: #23313e;}
.home_top_box{width: 1200px; position: relative;}
.home_top_l,.home_top_r{position: absolute; font-size: 14px; line-height: 40px;}
.home_top_l{left:0; color:#F2F2F2;}
.home_top_r{right:0; padding-left: 25px ; background:url(../images/tel.png) left center no-repeat; color: #ff7a1b;}
.home_header{width:100%; min-width:1200px; height:100px; *position:fixed; z-index:99;}
.header_core{width:1200px; height:100px ;margin:0 auto}
.header_core .logo{display:block; float:left; width:174px; height:32px; margin-top:32px; background-image:url(../images/logo.png);background-size:174px 32px; text-indent:-99999px;}

.cate_l1{ float:right; max-width: 1020px; height:48px; margin-top: 25px;}
.cate_l1 li{float:left; height:48px; line-height:48px; text-align: center; position: relative;}
.cate_l1 li a{/* display:block; float: left; */ line-height: 48px; padding: 0 15px; font-size: 16px; color:#555;}
.cate_l1 li:after{position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background:#ff7a1b; content: ""; }
.cate_l1 li.active::after,.cate_l1 li:hover::after{ width: 70px; transform: translateX(-50%); transition: all .5s ease;}
.cate_l1 li:hover .cate_l2{display: block;}
.cate_l2{ display: none; position: absolute; top: 48px; left: 50%; width: 120px; margin-left: -60px; background: #fff; z-index: 10;}
.cate_l2 li{float:none; height: 47px; padding:0 5px; border-bottom: #EEE 1px solid; position: relative;}
.cate_l2 li a{/* display:block; float: left; */ line-height: 47px; padding: 0; font-size: 14px; color: #666; line-height: 47px; text-align: center;}
.cate_l2 li:hover .cate_l3{display: block;}
.cate_l3{ display: none; position: absolute; top:0; left:120px; width: 120px; background: #f9f9f9; z-index: 10;}
.cate_l3 li{float:none; }
.cate_l3 li a{padding:0; }

/* ----foot---- */
footer{font-size: 12px;padding: 40px 0 0;background: #327bc8 ;}
.footer_items{width: 1200px;margin: 0 auto;	white-space: nowrap;}
.footer_items li{ box-sizing: border-box; display: inline-block; vertical-align: top; text-align: left;}
.footer_items li.li_txt{padding: 30px 45px 0 72px; font-size: 14px; color:#EEE; line-height: 30px;}
.footer_items li.li_txt span{ font-size: 14px; color:#EEE; font-weight: bold; line-height: 25px;}
.footer_items li:nth-child(1){width: 280px; background: url(../images/foot_ico_1.png) left 30px no-repeat;}
.footer_items li:nth-child(2){width: 300px; background: url(../images/foot_ico_3.png) left 30px no-repeat;}
.footer_items li:nth-child(3){width: 440px; background: url(../images/foot_ico_2.png) left 30px no-repeat;}

.footer_items li.li_wechat{width:180px; text-align: center;}
.footer_items li.li_wechat img{ width: 100px; height: 100px; display: block; margin: 0 auto;}
.footer_items li.li_wechat span{color:#EEE;}

.footer_items_block.dot a{padding-left: 10px;position: relative;}
.footer_items_block.dot a::before{content: '';width: 1px;height: 1px;position: absolute;top: 50%;left: 0;background: #ABABAB;}
.copyright{  height: 40px; background: #1c2732; color: #ddd; text-align: center;clear: both; font-size: 12px; line-height: 40px; margin-top: 25px;}
.copyright a{color: #ddd;}

/*--------------------------index slide------------------------------------*/
.swiper-container{height:860px;margin: 0 auto; position: relative; overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-pagination { position: absolute; z-index: 999; bottom: 30px !important; left: 0; width: 100%; text-align: center;}
.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 4px!important;background:#fff;border-radius:10px;cursor:pointer;opacity:.8;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.swiper-pagination-bullet-active{width: 30px; background:#e43939; opacity: 1;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{display:none;margin-top:-35px;width:70px;height:70px;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{display:block}
.swiper-button-prev{background:url(../images/banner_arrow.png) no-repeat left top;}
.swiper-button-next{background:url(../images/banner_arrow.png) no-repeat left bottom;outline:0}

.gallery_core{padding-top:300px;margin:0 auto;text-align:center}
.gallery_core .gallery_tit{width:auto; *background: #000; *opacity: 0.3; font-size:42px; line-height: 160%; color:#00247a; padding:20px 50px; margin-bottom:10px;letter-spacing:6px;display:inline-block}
.gallery_core .gallery_des{color:#ff7a1b;letter-spacing:6px;font-size:18px}
.gallery_link,.home_block_0 .gallery_link{height:70px;line-height:70px;padding:0 90px;margin:55px auto 0;display:inline-block;box-sizing:border-box;border-radius:37px;color:#fff;font-size:20px;text-indent:-40px;position:relative;background:rgb(255, 84, 84);}
.home_block_0 .gallery_link:hover{background:#ff3636;}
.gallery_link::after{content:'';width:32px;height:32px;display:block;top:50%;right:0;margin:-16px 36px 0 0;position:absolute;}

/*------------------- index our service --------------------------------------*/
.ser_block{ padding:60px 0 100px 0;}
.ser_block_tit h2{color: #222;}
.ser_block_tit p{color: ;}
.ser_list{ width:1200px; padding-top:70px; margin:0 auto; }
.ser_list li{ float:left; width:386px; height:100px; padding:15px 20px; margin:0px 21px 30px 0px; display:inline-block; border:#eee 1px solid; transition: all 0.2s; border-radius: 10px; box-sizing: border-box; cursor: pointer; position: relative;}
.ser_list li:nth-child(3n){ margin-right: 0;}
.ser_list li i.s1,.ser_list li i.s2,.ser_list li i.s3,.ser_list li i.s4,.ser_list li i.s5,.ser_list li i.s6{ width: 70px; height: 70px; display: block; position: absolute; left: 40px; top: 15px; opacity: 1;}
.ser_list li:hover i{ opacity: .7;-webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    filter: grayscale(20%);}
.ser_list li .s1{background:url(../images/s1.png);}
.ser_list li .s2{background:url(../images/s2.png);}
.ser_list li .s3{background:url(../images/s3.png);}
.ser_list li .s4{background:url(../images/s4.png);}
.ser_list li .s5{background:url(../images/s5.png);}
.ser_list li .s5{background:url(../images/s5.png);}
.ser_list li .s6{background:url(../images/s6.png);}
.ser_list li .tit{ padding-left:126px; font-size: 20px; color: #333; line-height: 68px; letter-spacing: 0;}
.ser_list li .tit strong{ font-weight: 400}
.ser_list li .des{padding: 10px 16px 40px; font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px;}
.ser_list li .link{ padding: 6px 20px; border: 1px solid #ff1313; border-radius: 16px; font-size: 14px; color:#ff1313}
.ser_list li:hover{box-shadow:#c8c8c8 1px 2px 8px 2px;}
.ser_list li:hover .tit{font-size: 26px; color:#17588e;}



/* ---index news center--- */
.news_block{ padding: 60px 0 100px 0; background:url(../images/news-bg.jpg) center no-repeat; background-size: cover;}
.news_blocK_tit{ padding-bottom: 20px;}
.news_block_box{ display: flex;}

.news_block_l{ width:793px; margin-right: 21px;}
.news_block_r{ width: 386px;}
.news_gg_lb,.news_gs_lb{height: 361px; padding:20px; box-sizing: border-box; background: #fff; border:#eee 1px solid; border-top:none}

.news_gg{ height: 60px; background:#eee; position: relative;}
.news_gg li{float: left; padding: 0 60px; line-height: 60px; font-size: 16px; color: #666; border-right: #e7e7e7 1px solid; display: flex; cursor: pointer;}
.news_gg li:hover, .news_gg li.on{color: #fff; background:#135995;}
.news_gg li.on::before{ width: 2px; height: 18px; margin: 22px 10px 20px 0; content: ""; background:#F97200; display: block;}
.news_gg .more{ position: absolute; top: 0; right: 20px; font-size: 14px; color: #888; line-height: 60px;}
.gg_list_1{ padding:15px 20px; margin-bottom: 10px; background: #f7f7f7;}
.gg_list_1 .gg_tit{ font-size:18px; color:#195284; line-height: 42px;}
.gg_list_1 .gg_tit::after{ width: 100px; height: 2px; display: block; content: ""; background:#F97200;}
.gg_list_1 .gg_des{height: 48px; font-size: 12px; line-height: 24px; color: #888; overflow: hidden;}
.gg_list_1 .gg_date{ color: #999; line-height: 20px; margin-top: 8px;}
.gg_list_1:hover{background: #f2f2f3;}
.gg_list_t{ padding-left:15px; background:url(../images/news_ico.gif) left center no-repeat; color:#444; line-height:48px; position: relative; border-bottom: dashed 1px #e4e4e4;}
.gg_list_t a{color:#444;}
.gg_list_t span{position: absolute; right: 0; top: 0; color:#999; line-height: 48px;}
.gg_list_t:hover a{color:#195284;}

.news_gs{ height: 60px; padding: 0 20px; background:#135995; display: flex; font-size: 16px; line-height: 60px; color:#fff; position: relative;}
.news_gs .more{ position: absolute; top: 0; right: 20px; font-size: 14px; color: #FFF; line-height: 60px;}
.news_gs::before{ width: 2px; height: 18px; margin: 22px 10px 20px 0; content: ""; background:#F97200; display: block;}
.news_gs_list li{ height: 50px; padding: 10px 10px 10px 80px; margin-bottom: 10px; background: #f4f6f9; position: relative;}
.news_gs_list li a{color:#555; line-height: 180%;}
.news_gs_list li span{display: block; text-align: center;}
.news_gs_list li .gs_date{ width: 70px; height: 70px; background: #e3f2ff; position: absolute; left: 0; top: 0;}
.news_gs_list li .gs_date_r{ margin-top: 10px; font-size: 30px; line-height: 36px;}
.news_gs_list li .gs_date_n{ font-size:12px; line-height: 24px;}
.news_gs_list li:hover{background: #2080c4; cursor: pointer;}
.news_gs_list li:hover a{color:#fff;}
.news_gs_list li:hover .gs_date{ background:#2080c4;}
.news_gs_list li:hover span{ color:#fff;}


/*---- index case block ----*/
.case_block{ padding:60px 0 50px; text-align:center;}
.case_block_ul{width:1200px; margin:30px auto 0;}
.case_block_ul li{display: inline-block; float:left; width:386px; padding-bottom:30px; margin-right:21px; margin-bottom:20px; background:#fff; border: #efefef 1px solid; box-sizing: border-box;}
.case_block_ul li:nth-child(3n){margin-right:0;}
.case-img-block{ width: 382px; height: 286px; margin:1px 1px; background: rgba(255,255,255,0.9); transition: all 0.2s; opacity: 1; overflow: hidden;}
.case-img-block img{ width: 382px; height: 286px;}
.case-txt-block{ width: 90%; margin:0 auto; text-align: left}
.case-txt-block h3{ font-size: 14px; color:#333; line-height: 50px;}
.case-txt-block h3::after{ width: 100px; height: 2px; display: block; content: ""; background:#F97200;}
.case-txt-block p{font-size: 12px; color:#909090; line-height: 22px; word-break:break-all;}
.case-txt-block p i{margin-right:10px; color:#a1a1a1;}
.case-txt-block p span{ font-size:12px; line-height: 21px;}
.case_block_ul li:hover .case-img-block{opacity:0.5}

/* ---index our about--- */
.about_block{padding:60px 0 100px 0; background: #F8FAFB; }
/* .about_block_tit h2::after{ display: block; width: 50px; height: 2px; margin: 0 auto; background:#F97200; content: "";} */
.about_block_con{ width:1200px; height: 390px; margin:0 auto; margin-top:20px; background: #fff; display: flex; box-shadow: #f2f2f2 0px 6px 10px 5px;}
.about_block_con:hover{box-shadow: #ccc 0px 6px 12px 6px;}
.about_c_l{width: 600px;}
.about_c_r{width: 600px;; padding:15px 30px; box-sizing: border-box;}
.about_c_r p{color:#666; font-size:14px; line-height: 36px; text-align: justify;}



/*---- link friendly ----*/
.linkfr{ margin: 20px auto;}
.linkfr-list { font-size:14px; line-height: 24px;}
.linkfr-list .linkfr-tit{ color: #222; font-weight:bold;}
.linkfr-list a { display: inline-block; margin-left: 10px; color:#888;}

/*-----------------------------------------------------
----------------------内页通用样式----------------------
-------------------------------------------------------*/
.c_c_bg{background: #f6f6f6;}
#container{ margin: 0;}
.left,.right{ background:#fff; box-sizing: border-box;}
.left{ float:left; width: 800px; padding:20px 30px;}
.right{ float:right; width:280px; padding:20px 25px;}
/*----listpages----*/
.pagination{}
.pagination ul{ overflow: hidden;}
.pagination ul li{float:left; height: 30px; line-height: 30px; margin-right:12px; background: #fff;}
.pagination ul li a{padding:0 12px; color:#656565; line-height: 30px; text-decoration: none}
.pagination ul li:hover,.pagination ul li.active{ background: #E51A1A;}
.pagination ul li:hover a,.pagination ul li.active a{ color:#fff;}
.page_group{}
/*-----prev&next----*/
.pnbox{ margin-top: 30px; overflow: hidden;}
.prev,.next{width:48%; font-size:16px; line-height: 24px; color:#888; overflow: hidden;}
.prev a,.next a{line-height: 24px; color:#333;}
.prev a:hover, .next a:hover{color:#FF1115}
/*-----position-----*/
#position{ height: 32px; line-height:32px; margin: 20px auto 10px; color:#545454; font-size: 14px; border-bottom: #f2f2f2 1px solid;}
#position i{margin-right:10px; color:#b9b9b9;}
#position a{ line-height:32px; color:#545454; font-size: inherit;}
#position a:hover{color:#E51A1A;}

/*----full page----*/
.page-banner{ height:399px;  background-size: cover; position: relative;}
.page_content{font-size:14px; line-height: 24px;}
.fullnav{width: 1200px; height: 100px; margin: 0 auto; position: relative; background: #f4f4f4;}
.topcate{position: absolute; left: 0; top: 0; width: 200px; height: 100px; background: #2773C4; text-align: center; font-size: 24px; line-height: 100px; color:#fff;}
.p_cate{position: absolute; left: 300px; top: 0; width: 900px; height: 100px; }
.p_cate li{display:inline-flex; height: 100px; padding: 0 30px; font-size: 16px; line-height: 100px; position: relative; box-sizing: border-box;}
.p_cate li a{ font-size: 16px; color:#555; line-height: 100px; font-weight: 500}
.p_cate li:hover,.p_cate li.hover{background:#FFF; color:#fff;}
.p_cate li:hover::after,.p_cate li.hover::after{ position: absolute; left: 50%; bottom: 10px; margin-left: -30px; display: block; width: 60px; height: 2px;  background: #ff7a1b; content: "";}
.p_cate li:hover a,.p_cate li.hover a{color:#222;}

.fullcon{ padding: 30px 0;}


/*---------------------------------case list page----------------------------------*/
.casebanner{height:399px;  background-size: cover; position: relative;}
.casebox{ padding: 40px 0 50px; clear:both; overflow:hidden;}
.case_cate_t{font-size: 14px; color:#222;}
.case_lcon{ margin-top:15px;}
.caselist{ overflow: hidden;}
.caselist li{ float:left; width:350px; height: 330px; margin-right:25px; margin-bottom:30px;}
.caselist li:nth-child(3n){ margin-right:0;}
.caselist .c_imgbox{ width:350px; height: 220px; overflow: hidden;}
.caselist .c_imgbox img{width:350px; height: 220px; -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.caselist .c_txtbox{ height: 110px; padding:20px 20px 0; border-top:#e6e6e6 1px solid; background: #fff; box-sizing: border-box;}
.case_l_tit{line-height:42px; font-size: 14px; color:#363636; font-weight: bold;}
.case_l_ser{border-top:#e0e0e0 1px solid; line-height:40px; font-size:12px; color:#9e9e9e;font-family: '黑体';}
.caselist li:hover .case_l_tit{ color:#FF1115}
.caselist li:hover .c_imgbox img{ -webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/*------------------------------case show page------------------------------------*/
.case_show_txt,.case_show_img,.case_related{padding:30px; background:#fff; box-sizing: border-box; overflow: hidden; box-shadow: 0 1px 3px rgba(26,26,26,.2);}
/*case txt*/
.case_show_txt_tit{height: 45px; margin-bottom: 15px; font-size: 24px; color:#333;  border-bottom: #ccc 1px solid;}
.case_show_txt_l{ float:left; width:660px; font-size: 12px; line-height:24px; color:#777;}
.case_show_txt_r{ float:right; width:300px; text-align: right; font-size: 12px; color:#444; line-height:24px;}
.case_show_txt_r p{font-size: 12px;}
.case_show_txt_r a{font-size: 12px; color:#565959; }
/*case img*/
.case_show_img{ margin-top:20px;}
.case_show_img img{ width:auto !important; max-width: 1040px !important;}
/*case related*/
.case_related{margin:30px 0;}
.case_related .related_box{}
.case_related .related_tit{height: 30px; font-size: 16px; font-weight: 500;}
.case_related .related_list{ margin-top:10px;}
.case_related .related_list li{ float:left; width:calc((1140px - 50px)/6); margin-right:10px; margin-bottom:20px;}
.case_related .related_list li:nth-child(6n){ margin-right:0;}
.case_related .related_list li img{ width:100%; height:113.85px;}
.case_related .related_list li a{display: block; text-align: center; color:#333; line-height: 27px;}
/*------------------news center--------------------*/
.newsC_list{}
.newsC_list li{height: 56px; padding: 0 10px; border-bottom: #EEE 1px dashed;}
.newsC_list li a{display: block; color: #333; line-height: 56px; position: relative;}
.newsC_list li a span.class_name{ margin-right: 10px; color:#E51A1A;}
.newsC_list li a span.date{ position: absolute; top: 0; right: 0; }
.newsC_list li:hover{ background: #2773C4;}
.newsC_list li:hover a{ color:#fff;}

/* ------------------------------news list page----------------------------------- */
.newsbanner{ height:399px; background: url(../images/list-banner.jpg) no-repeat center center; background-size: cover; position: relative;}

.news_container{ padding:5px 0 40px;}
.newslbox{}
.news_l{}
.newslist{ padding:30px 20px; background:#fff;}
.newslist li{ height:180px; margin-bottom:20px;  border-bottom:#f2f2f2 1px solid; overflow: hidden;}
.newslist li:hover{}
.list_dbox{ float:left; width:244px; height: 180px;}
.list_dbox img{ height: 180px; width: 244px; }
.list_tbox{ float:right; width:896px; height: 180px; padding:20px; box-sizing: border-box;}
.list_tbox .l_tit{ font-size: 18px; color:#222;transition: margin 0.4s ease-in-out;-webkit-transition: margin 0.4s ease-in-out;-moz-transition: margin 0.4s ease-in-out;-ms-transition: margin 0.4s ease-in-out;}
.newslist li:hover .l_tit{color: #E51A1A; margin-left: 10px}
.list_tbox .l_des{ margin-top:15px; height: 66px; line-height: 22px; font-size: 14px; color:#656565;}
.list_tbox .l_info{margin-top:10px; font-size:12px; color:#999;}
.list_tbox .l_info a{font-size:12px; color:#999;}
.list_tbox .l_info a:hover{color: #E51A1A;}
/* -----------------------------news show page-------------------------------- */
.news_conbox,.news_related{background:#fff; box-sizing: border-box; }
.news_conbox{padding:40px 0px 20px 0px;}
.news_title{ color: #333; font:28px/60px "Microsoft YaHei"; text-align: center;}
.news_info{ height: 36px; padding: 0 20px; font-size:14px; color:#888; line-height: 36px; text-align: center;}
.news_info a{ font-size: 14px; line-height: 50px; color:#888;}
.news_content{padding-top:20px; font-size:16px; line-height: 185%; color:#333;}
.news_content img{ max-width:1020px !important; height: auto;}
.news_content table,.news_content th,.news_content tr,.news_content td{border:1px solid}
.news_content a{color:#525252; text-decoration:underline ;}
.news_content a:hover{ color:#ff5959; font-weight: 500}
/*news others*/
.con_tags{font-size:14px; line-height:50px; color: #960000;}
.con_tags a{color: #444; margin-right: 8px;}
.con_tags a:hover{color: #c80000;}
.con_other{background: #f8f8f8;padding: 1em 1.5em;font-size:14px;color: #555;line-height: 28px;border-left:2px solid #ff5959; box-shadow: 0 1px 3px rgba(26,26,26,.2);}
.con_other strong{font-weight: 700;color:#333;}
.con_other a{color:#555;}
.con_other a:hover{color:#ff0000;}
/*news related*/
.news_related{ padding:20px; margin:20px 0; background:#f9f9f9;box-shadow: 0 1px 3px rgba(26,26,26,.2);}
.news_related .related_tit{height: 30px; font-size: 14px; font-weight: 700; border-bottom:#ddd 1px solid;}
.news_related .related_list{margin-top: 10px;}
.news_related .related_list li{ float:left; width: 48%; height:30px; margin-right:2%; line-height: 30px;}
.news_related .related_list li a{ color:#333;}
/*--------------------------page about--------------------------------*/
.aboutbanner{ height:399px;  background-size: cover; position: relative;}
.page_content{padding: 80px 0 120px;}
.page_content h2{font-size: 30px; color: #222; text-align: center;}
.page_content p{line-height:24px;}
.about_des{width:1000px;margin:0 auto;padding:50px 0;text-align: center;}
.about_des .h2{font-size: 48px;color: #222;}
.about_contact{ width:1000px;margin:0 auto;padding:50px 0;}
.about_contact .h2{line-height:80px;}
.about_contact .qq{font-size: 1.5em; color:#ff6000;}
.about_hz{padding:50px 0;text-align: center;}
.about_join{padding:50px 0;text-align: center;}
.about_join .h2{line-height:80px;}
.about_join .link{width:131px;height:55px;line-height:55px;border-radius:27px;background:#e14f16 ;display:block;margin:40px auto 0;text-align:left;padding-left:35px;font-size:14px;font-weight:700;color:#fff}

/*---tags page---*/
.tags-body{margin:30px 0 50px 0;}
.tags-title{}
.tags-title h2{font-size:18px; line-height: 36px; color:#222;}
.tags-title p{font-size:13px; color:#888;}
.tags-list{padding:20px 0px;}
.tags-list a:hover{border-color:#eee;}
.tags-list a{font-size: 14px; opacity: 0.7; display: inline-block; margin: 0 10px 10px 0; padding: 5px 10px; line-height: 21px; border-radius: 4px; text-decoration: none;}
.tags-list a{background: #888;color: #FFF;}
.tags-list a{background: #01a0ee;color: #FFF;}
.tags-list a:hover,.tags-list a:hover,.yxyhbs a:hover{ opacity: 1;}
.tags-list a:nth-child(2n+0) { background: #68A2D5; }
.tags-list a:nth-child(3n+0) { background: #7DC67D; }
.tags-list a:nth-child(4n+0) { background: #E17572; }
.tags-list a:nth-child(5n+0) { background: #7898AA; }
.tags-list a:nth-child(6n+0) { background: #C35CFF; }
.tags-list a:nth-child(7n+0) { background: #33BCBA; }
.tags-list a:nth-child(8n+0) { background: #C28F5C; }
.tags-list a:nth-child(9n+0) { background: #FF8533; }
.tags-pages{}

/*-- online server --*/
.suspend{position:fixed;right:1%;bottom:50%; z-index: 100; margin-top: -90px;}
.suspend li{position:relative;width:42px;height:42px;margin:3px;line-height:42px;font-size:14px;text-align:center;color:#eee;background:#ff9447;border-radius:50%;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.suspend li a{color:#f1f1f1}
.suspend li a:hover{color:#fff}
.suspend li:hover{color:#fff;background:#ff7a1b}
.suspend li:hover .more{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.suspend .more{position:absolute;display:block;visibility:hidden;opacity:0;top:0;right:50px;height:42px;padding:0 10px;line-height:42px;white-space:nowrap;background:rgba(0,0,0,.8);border-radius:2px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.suspend .more::after{content:'';position:absolute;display:block;top:calc(50% - 5px);right:-4px;border-top:5px solid transparent;border-left:5px solid rgba(0,0,0,.8);border-bottom:5px solid transparent}
.suspend .more.weixin{width:100px;height:100px;top:calc(50% - 50px);padding:5px}
.suspend .more img{width:100%;height:100%;object-fit:cover}
.back-top{visibility:hidden;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.back-top.show{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}