@charset "utf-8";
/*全局样式
   Create by:  http://www.fenghuangyun.com
   Modify by:  QQ1076551905 wechat1076551905
---------------------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a,img, ins,strong, dl, dt, dd, ol, ul, li,table,
tbody, th, article, aside, nav, center, section, summary, time {
    margin: 0;
    padding: 0;
	font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";}
ins { text-decoration: none; }
li { list-style: none; }
a img, img { -ms-interpolation-mode: bicubic; border:none;}
img{vertical-align:middle;}
body{background-color: #eafcfe;}
.clear {clear:both;height:0px; overflow:hidden;}
.blank5{height:5px;overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
.blank15{height:15px;overflow:hidden;}
.blank20{height:20px;overflow:hidden;}
.blank30{height:30px;overflow:hidden;}
.blank40{height:40px;overflow:hidden;}
.blank60{height:60px;overflow:hidden;}
h1,h2{ font-weight: normal; }
.text_14{ font-size: 14px; line-height: 150%; }
.bt_18{ font-size: 18px; line-height: 150%; color: #c62e3a; }
/* 公用导航样式*/
.h20 {height: 22px;clear: both;overflow: hidden;}
.h15 {height: 15px;clear: both;overflow: hidden;}
.h5{height: 5px;clear: both;overflow: hidden;}
.mt20{ margin-top: 20px}
.fengye { font-size: 12px; width: 600px; margin-right: 15px; }
iframe { height: 400px; width: 500px; }
a{color:#333;text-decoration:none}
a:hover{ color: #c62e3a; text-decoration: none;text-decoration:none;}
a,a:active,a:focus,input{outline:none}
.container{width:1200px;margin:0 auto;height:auto;zoom:1}
.container:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.mod-sitemap-user,.head-top-rk,.mod-sitemap-wecome,.mod-sitemap-order{display:inline-block;*zoom:1;*display:inline;float:left; }
.cell, .cell2, .cell3{border-collapse:collapse;border-spacing:0;}
.fl{float:left;}
.fr{float:right;}
.ct_box img{width: 600px;}
.clearheight{width:100%;height:1px;overflow:hidden;}

.w-1000{ width:1200px; margin:0 auto; position:relative;}
.w-1005{ width:1205px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
.fixer{ position:fixed; left:0px; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:9999;}



/* 导航部分 */
.nav{ height:41px; line-height:41px; overflow:hidden; background: url("/statics/css/img/nav.jpg") repeat-x;}
.nav .menu{margin:0px auto;	width:1200px;font-size:16px;padding-left:10px;color: #FFF;font-weight: bold;	text-decoration: none;}
.menu ul li{ float:left; font-size:16px;background:url("/statics/css/img/menuli.png") no-repeat right 11px;}
.menu ul li a{ color:#fff;font-size:16px;display:block; padding:0px 24px;}
.menu ul li a:hover{ background:url("/statics/css/img/menu.png");text-decoration: none;}
.menu ul li.currclass a{background:url("/statics/css/img/menu.png")}

/*顶端黑色*/
.top_bg{min-width:1200px;height:30px; background-color:#222;border-bottom:1px solid #FFF;}
.top_center{ width:1200px; height:30px; line-height:30px; margin:0 auto; color:#CCC; overflow:hidden;}
.top_center .top_link{ float:right; height:30px; line-height:30px; padding-right:12px; width:450px; text-align:right;}
.top_center .top_link a{ color:#ddd; padding:0 15px;}
.top_center .top_link a:hover{ color:#fa0669}

/*LOGO条*/
.top_logo{ min-width:1200px;height:90px; background-color:#ececec; position:relative;}
.top_logoinfo{ height:90px; width:1200px; margin:0 auto; position:relative;}
.top_logoinfo .logo{ width:250px; height:60px; position:absolute; top:15px; left:20px;}
.top_logoinfo .dianhua400{ width: 260px; height: 60px; background-image: url("/statics/css/img/400.png"); position: absolute; top: 20px; right: 20px; }

/*主菜单*/
.droplinebar{max-width: 2600px; margin: 0 auto; height:50px;padding:10px 0 0 0;background: url("/statics/css/img/bg_cdall.png") no-repeat center top; min-width:1200px;}
.droplinebar ul{margin:0 auto;padding: 0 0 0 0; width:100%; font-size:16px; font-weight:bold;text-align:center;height:50px;}
.droplinebar ul li{display: inline;}
.droplinebar ul li a{float: left;display: block;color:#666;padding:15px 25px;text-decoration: none; line-height:20px; height:20px;}
.droplinebar ul li .hover{color:#fff;padding:15px 25px; background-color:#0a96d3; line-height:20px; height:20px;}
.droplinebar ul li .active{color:#333;padding:15px 25px;line-height:20px;height:20px;background: url("/statics/css/img/menu_active.png") repeat-x left top;}
.droplinebar ul li ul{position: absolute;z-index: 98;padding:0;margin:0;visibility: hidden; height:40px; line-height:40px;background-color: #0a96d3;}/*下拉框*/
.droplinebar ul li ul li a{padding:0 20px;margin: 0 0 0 0; color:#efefef; font-size:14px; line-height:40px; border:none; float:left; display:inline-block;}
.droplinebar ul li ul li a:hover{background: #333; padding:10px 20px; display:inline; line-height:20px; left:0; border:none;}
.droplinebar .test{width:1200px; margin:0 auto;}
.droplinebar .test1{width:1200px; margin:0 auto;}
.droplinebar .test1 li{ width:122px; height:150px; float:left; position:relative; margin:0 0 0 18px;}
.droplinebar .test1 li:hover{}
.droplinebar .test1 li .pic{ width:122px; height:82px; position:absolute; top:20px; left:0px; overflow:hidden;}
.droplinebar .test1 li .pic a{ border:1px solid #0a96d3; margin:0; padding:0; display:block; width:120px; height:80px;}
.droplinebar .test1 li .pic a:hover{ border:1px solid #F00; margin:0; padding:0;}
.droplinebar .test1 li .title{ height:20px; line-height:20px; width:122px; left:0px; top:110px;color:#FFF; font-size:14px; font-weight:normal; position:absolute; overflow:hidden; padding:0; margin:0; text-align:center;}

/*主菜单阴影兼职定位辅助*/
.cd_shadow{ min-width: 1200px; height:10px; position:relative;top:0px; width:100%;z-index:9;background: url("/statics/css/img/bg_cdshadow.png") no-repeat center top;}
.cd_shadow .wz_home{ width:1200px; background-color:#f60; margin:0 auto; position:relative;}
.button_home{width:78px;height:64px;position:absolute;z-index:101;background-image: url("/statics/css/img/button_home.png");background-repeat: no-repeat;background-position: left top;top:-59px; left:10px;}


/*nav*/
s.con-boxIndex{margin:0 auto;padding:0;width:1200px;_margin-bottom:-6px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{height:1%}
.clearfix{display:block}


/** banner START**/
.flexslider {max-width: 2600px;margin: 0 auto; position: relative; min-width:1200px; height: 400px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;margin-top:-25px;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.slides .lik { width: 1200px; height: 400px; margin-right: auto; margin-left: auto; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
/** banner end**/

/* scrollmarquee */
.scrollleft{ width: 1180px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 5px; padding-bottom: 0px; }
.scrollleft li{width: 212px; height: 253px; overflow: hidden; float: left; display: inline; padding: 10px; text-align: center; }
.scrollleft li a { display: block; background-color: #FFF; border: 1px solid #FFF; text-decoration: none; }
.scrollleft li a:hover { display: block; background-color: #f3fcf5; border: 1px solid #cbdae4; }
.scrollleft li a img{padding: 0px; height: 210px; width: 210px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #e6e6e6;}
.scrollleft li a span { width: 152px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

.footerwarp{min-width: 1200px; background-color:#363636;padding:40px 0 0;width:100%;font-size:12px;letter-spacing:normal;}
.footerwarp .footer{border-bottom:1px solid #5a5a5a;}
.footerwarp .footer dt{color:#fff}
.footerwarp .footer dd{color:#aaa}
.footer{width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}
.footer dl dt{font-size:16px;font-weight:500;margin:10px 0}
.footer dl dd{line-height:25px}
.footer dl dd a{color:#aaa}
.footer dl{float:left;box-sizing:border-box;padding:0 15px;margin-bottom:20px}
.footer .col{width:94px;}
.footer .col1{width:87px;}
.footer .col2{width:105px;}
.footer .col3{width:135px;}
.footer .col4{width:520px;}
.footer .col5{padding-left:90px;}
.footer .col5 dd{text-align:center;padding-top:30px;width:124px;line-height:15px;}
.footer .col5 dd img{margin-bottom:4px;display:inline-block;width:134px;height:134px;vertical-align:top}
.justify{width:450px;margin-top:15px}
.justify .beianmid{display:inline-block;float:left;position:relative;background-color:#3e3e3e;height:54px;}
.justify .beianmid img{position:absolute;left:5px;top:6px;width:30px;height:30px;margin-top:5px}
.justify .beianmid .beiantitle{position:absolute;top:2px;left:44px;margin-top:5px}
.justify .beianmid .beianct{position:absolute;top:20px;left:44px;margin-top:4px}
.justify .beiana{width:42%;margin-right:4%}
.justify .beianb{width:52%}
.copyright{text-align:center;background-color:#363636;color:#aaa;font-size:12px;padding-top:25px;padding-bottom:30px;letter-spacing:normal;}
.copyright a{color:inherit;text-decoration:none}
/*footer end*/

/*weixin end*/
.contEr .wei{ float: left; display: block; width: 32px; height: 27px; line-height: 400px; overflow: hidden; margin-left: 8px; background-image: url(../images/wxicoa.png); background-repeat: no-repeat; }
#QQIco{ background-position:0px -5px;}
#weixinIco{ background-position:-45px -5px;}
#weiboIco{ background-position:-85px -5px;}
#QQIco:hover,#weiboIco.cur{ background-position:0px -36px;}
#weixinIco:hover,#weixinIco.cur{ background-position:-45px -36px;}
#weiboIco:hover,#QQIco.cur{ background-position:-85px -36px;}
.erweimaBox{ padding:4px; background:#fff; border:1px solid #ccc; position:absolute; z-index:999; left:10px; top:1110px; text-align:center; color:#999; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; display:none; width:90px;}
.erweimaBox img{ width:180px; height:180px;}
.erweimaBox .t{ padding-bottom:8px;}
/*weixin end*/

/*文章列表内容系统开始*/
.newsnav{width:1200px;margin:0 auto;height:35px;margin-top:20px; border:#dbf2f2 solid 1px; }
.newsnav ul li{padding:0px 25px; float:left; height:35px; line-height:35px;}
.newsnav ul li:hover{ background:#fafafa;}
.newsnav ul li a{color:#777;font-size:14px;}
.newsnav ul li a:hover{ color:red}
.newsnav ul li.curr{}
.newsnav ul li.curr a{ color:#3C8BCC; font-weight:bold }

.common_newsmain .left{width:290px; float:left;}
.common_newsmain .left h4{ height: 40px; line-height: 40px; border-bottom: 1px solid #dbf2f2; color: #fff; padding-left: 12px; padding-right: 12px; background-image: linear-gradient(to right , #00c2c3, #1d89ec); font-weight: normal; }
.common_newsmain .left h4 a{ font-size: 18px; color: #fff; }
.common_newsmain .left h4 a:hover{ color: #fff; }
.common_newsmain .left h4 span{ float: right; font-size: 14px; }
.common_newsmain .left h4 span em{ font-style: normal; font-size: 14px }
.common_newsmain .left h4 span a{color:#fff; font-size:12px; padding-right:3px;}
.common_newsmain .left h4 span a:hover{ color: #fff; font-size: 12px; padding-right: 3px; }
.common_newsmain .left .info{ border: 1px solid #dbf2f2; background-image: url(/statics/images/sina.png); background-position: bottom; background-repeat: no-repeat; background-color: #FFF; height: 1200px; }
.common_newsmain .left .info ul{ padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.common_newsmain .left .info ul li{ height:35px; line-height:35px;border-bottom:1px dotted #d5d5d5; overflow:hidden}
.common_newsmain .left .info ul li a{font-size:14px;}
.common_newsmain .left .info ul li span{ float:right;color:#999;font-size:11px;}
.common_newsmain .left .info ul li em{width:16px; height:16px;font-size:11px; float:left; background:#EEE; line-height:16px; margin:10px 10px 0px 2px;color:#333; text-align:center; font-style:normal; border:#CCC solid 1px;}
.common_newsmain .left .info ul li em.em01{ background:#059FE5; color:#FFF; border:none;width:17px; height:17px;}

.common_newsmain .left .infohome{ border: 1px solid #dbf2f2; background-image: url(/statics/images/sinahome.png); background-position: bottom; background-repeat: no-repeat; background-color: #FFF; height: 612px; }
.common_newsmain .left .infohome ul{ padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.common_newsmain .left .infohome ul li{ height:35px; line-height:35px;border-bottom:1px dotted #d5d5d5; overflow:hidden}
.common_newsmain .left .infohome ul li a{font-size:14px;}
.common_newsmain .left .infohome ul li span{ float:right;color:#999;font-size:11px;}
.common_newsmain .left .infohome ul li em{width:16px; height:16px;font-size:11px; float:left; background:#EEE; line-height:16px; margin:10px 10px 0px 2px;color:#333; text-align:center; font-style:normal; border:#CCC solid 1px;}
.common_newsmain .left .infohome ul li em.em01{ background:#059FE5; color:#FFF; border:none;width:17px; height:17px;}

.newscontent{width:1200px;margin:0 auto;margin-top:5px;}
.newscontent .right{background-color: #FFF; width: 893px; float: right; overflow: hidden; border: 1px solid #dbf2f2; }
.newscontent .right h1{ font-size: 26px; text-align: center; line-height: 200%; font-weight: normal; margin-top: 10px; }
.newscontent .right h2{ font-size: 18px; height: 40px; line-height: 40px; border-bottom: 1px solid #dbf2f2; color: #fff; padding-left: 12px; padding-right: 12px;background-image: linear-gradient(to right, #00c2c3, #1d89ec);}
.newscontent .right h2 span{ float: right; font-size: 12px; }
.newscontent .right h2 span em{ font-style: normal; font-size: 12px }
.newscontent .right h2 span a{ color: #fff; font-size: 12px; padding-right: 3px; text-decoration: none; }
.newscontent .right h2 span a:hover{ color: #fff; font-size: 12px; padding-right: 3px; text-decoration: none; }

.newscontent .right .dp{ width: 100%; text-align: center; line-height: 30px; color: #666; border-bottom: #dbf2f2 1px solid; font-size: 12px; }
.newscontent .right .dpa{ width: 100%; line-height: 20px; color: #666; border-bottom: #eee 1px solid; font-size: 12px; }
.newscontent .right .dp a{ font-size: 12px; }
.newscontent .right .dp font{font-size:12px;color:#CC0000}
.newscontent .right .dp span{padding-left:10px}
.newscontent .right .ct{line-height:30px;font-size:16px;color:#333; padding:25px 20px;}
.newscontent .right .ct .ct_box p{}
.newscontent .right .ct .ct_box img{ text-align:center;margin:0px;max-width:750px}
.newscontent .right .ct_mood{border-top:1px solid #dbf2f2;margin-top:20px;}
.Dg{ width: 1200px; margin: 0 auto; height: 35px; line-height: 35px; margin-top: 10px; color: #666; font-style: normal; font-size: 12px; }
.Dg a{margin:6px;color:#666}

.newscontent .right li{ line-height: 40px; padding-left: 10px; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: bottom;  padding:0px 15px;}
.newscontent .right li em{ width: 16px; height: 15px; font-size: 11px; float: left; line-height: 16px; margin: 12px 5px 0px 2px; color: #fff; text-align: center; font-style: normal; background-image: url(../images/title.png); }
.newscontent .right a{ font-size: 16px; color: #333; text-decoration: none; line-height: 180%; }
.newscontent .right a:hover{ font-size: 16px; color: #C00; line-height: 180%; text-decoration: none; }
.newscontent .right span#date{ float: right; color: #666; font-size: 12px;}
/*文章列表内容系统结束*/

/* cppic */
.newscontent .right .cppic{ width: 95%; position: relative; margin: 10px auto;}
.newscontent .right .cppic li{ width: 252px; height:220px; overflow: hidden; float: left; display: inline; padding: 15px; text-align: center; }
.newscontent .right .cppic li a { display: block; background-color: #f6f5f5; border: 1px solid #e6e6e6; }
.newscontent .right .cppic li a:hover { display: block; background-color: #fff1f4; border: 1px solid #ff8fa1; }
.newscontent .right .cppic li img {height: 188px; width: 250px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; }
.newscontent .right .cppic li .txt { margin: 0 auto; padding: 5px; width: 238px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-align: center;
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* cppic */
.newscontent .right .prpic{ width: 100%; position: relative; margin-right: auto; margin-left: auto; padding-left: 5px; }
.newscontent .right .prpic li{ width: 188px; height: 180px; overflow: hidden; float: left; display: inline; padding: 15px; text-align: center;}
.newscontent .right .prpic li a { display: block; background-color: #f6f5f5; border: 1px solid #e6e6e6; }
.newscontent .right .prpic li a:hover { display: block; background-color: #fff1f4; border: 1px solid #ff8fa1; }
.newscontent .right .prpic li img { padding: 0px; height: 140px; width: 186px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; }
.newscontent .right .prpic li .txt {margin: 0 auto; width: 180px; padding: 5px; height: 25px; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; 
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

/* news */
section { width: 780px; float: right; }
.contbox01,.contbox02{ border: 1px solid #dbf2f2; border-top: none; border-top: 0px; width: 430px; float: left; background-color: #FFF; }
.contbox02{float:left;}
.title05{ font-size: 16px; height: 42px; line-height: 42px; overflow: hidden; zoom: 1; background-image: url(../images/line_on.jpg); background-repeat: repeat-x; }
.title05 .strong001{border-right:1px solid #dbf2f2;width:100px;text-align:center;color:#3d5240;font-weight:normal;float:left;display:inline;height:42px;}
.title05 .strong001w{width:120px;}
.title05 span{float:right;}
.title05 span i{font-style:normal;}
.title05 a:hover{text-decoration:none;}
.title05 .strongH02{ cursor: pointer; background-repeat: repeat-x; background-color: #fffcfc; border-top-width: 1px; border-top-style: solid; border-top-color: #dbf2f2; }
.title05 em{float:right;font-size:12px;margin-right:10px;font-style:normal;}
.title05 em a{ font-weight: normal; color: #3d5240; font-size: 12px; }
.title05 em a:hover{text-decoration:underline;}
.title05 a:hover{ color: #c62e3a; }
.dl03{ margin: 12px 0 0 12px; overflow: hidden; zoom: 1; height: 115px; background-image: url(../images/line.gif); background-position: bottom; background-repeat: repeat-x; }
.dl03 dt{float:left;width:150px;}
.dl03 dt a img { height: 104px; width: 150px; }
.dl03 dd{ float: left; width: 245px; margin-left: 9px; line-height: 21px; color: #979797; font-size: 14px; }
.dl03 dd a:hover{ color: #c62e3a; }
.dl03 dd strong a{font-size:16px;color:#323232;}
.dl03 dd a{ color: #c62e3a; }
.dl03 dd a.a101{color:#627465;}
.ul14{clear:both;margin:0px 0 12px 0;width:405px;overflow:hidden;zoom:1;}
.ul14w{width:305px;}
.ul14ww{width:860px;}
.ul14 li{ margin-left: 5px; line-height: 38px; overflow: hidden; zoom: 1; padding-left: 10px; height: 38px; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: bottom; }
.ul14 li em{ width: 14px; height: 15px; font-size: 11px; float: left; line-height: 16px; margin: 12px 5px 0px 2px; color: #fff; text-align: center; font-style: normal; background-image: url(../images/title.gif); }
.ul14 li a{ font-size: 16px; color: #323232; text-decoration: none; line-height: 180%; }
.ul14 li a:hover{ font-size: 16px; color: #c62e3a; line-height: 180%; text-decoration: none; }
.ul14 li span#date{ float: right; color: #3d5240; font-size: 12px;}
.co { float: right; width: 875px; }
.cob{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dbf2f2; border-right-color: #dbf2f2; border-bottom-color: #dbf2f2; border-left-color: #dbf2f2; }

/*文章样式*/
#fenye{ line-height:22px;color:#666; padding:15px;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #dbf2f2;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#fenye a.next,#fenye a.prev{width:60px;}
#fenye a.curr{ background:#f2625a;border:1px solid #d43f3a;color:#fff;}
#pagelist a:hover{background:#f2625a;border:1px solid #d43f3a;color:#fff; text-decoration:none}
#fenye a img{ display:block;margin:0 auto;margin-top:12px;}
#fenye span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#fenye span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}

/* 业务范围 */
.area_listbox {overflow: hidden; padding: 50px 0 65px;}
.area_list {margin: 0 -55px;}
.area_list .li {float: left; width: 33.33%; box-sizing: border-box; padding: 55px;}
.area_list .area_a {box-sizing: border-box; display: block;}
.area_list .area_icon {width: 60px; height: 60px; line-height: 60px;}
.area_list .area_icon img {max-width: 100%; max-height: 100%;}
.area_list .area_tit {font-size: 24px; line-height: 36px; padding: 12px 0 7px; border-bottom: 1px solid #d4dbe4;}
.area_list .area_intro {color: #666; font-size: 16px; line-height: 24px; height: 72px; margin: 10px 0 20px; overflow: hidden;}
.area_list .area_link {width: 140px; line-height: 32px; text-align: center; font-weight: bold; border: 1px solid #d4dbe4; transition: all 0.4s; -webkit-transition: all 0.4s;border-radius: 20px; }
.area_list .area_a:hover .area_link {background-color: #c7161c; color: #fff; border-color: #c7161c;}
.social_btmbox {box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover; height: 300px;}
.social_btm {display: table; width: 100%; box-sizing: border-box; height: 260px; padding: 20px 0;}
.social_btmtit {display: table-cell; vertical-align: middle; line-height: 24px;}
.social_btmtit h2 {font-size: 48px; line-height: 60px; font-weight: lighter; margin: 20px 0;}
.social_btmtit strong {display: inline-block; padding-right: 96px; overflow: hidden; position: relative;}
.social_btmtit strong::after {content: ""; position: absolute; top: 50%; background-color: #666; width: 80px; height: 1px; margin-left: 16px;}



.wrapper{position:relative;max-width:1200px;padding-left:10px;padding-right:10px;margin: 0 auto;}
/*背景*/
.specialty{background:url(/statics/images/son/support-service-specialty-pc.jpg) no-repeat;background-size:cover;padding-bottom:50px}
/*大标题*/
.support-title{padding-top:50px;padding-bottom:30px;text-align:center}
.support-title h1{font-size:36px;color:#252B3A;line-height:48px}
/*列表*/
.specialty-slide:before,.specialty-slide:after{content:" ";display:table}
.specialty-slide:after{clear:both}
.specialty-slide li{width:25%;float:left;text-align:center;padding:45px 0;position:relative;z-index:2;cursor:pointer}
.specialty-slide li a.list{display: inline-block;width: 100%;}
.specialty-slide li:after{content:"";width:1px;background:#ddd;position:absolute;right:0;top:35%;bottom:35%}
.specialty-slide li:nth-child(4n):after{width:0}
.specialty-slide li:last-child{cursor:auto}
.specialty-slide li:last-child h1{color:#252B3A}
.specialty-slide li i{width:47px;height:47px;display:inline-block;background-size:cover;background-position:center;margin-bottom:25px}
.specialty-slide li h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px}
/*反面*/
.specialty-slide .specialty-content{position:absolute;top:100%;left:-1px;background:#FFFFFF url(/statics/images/son/support-service-resources-hover.png) no-repeat;background-position:right bottom;border-radius:2px;padding:0 30px;overflow:hidden;line-height:190px;transition:all 0.5s,border 0s;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);height:0}
.specialty-slide .specialty-content a{display:inline-block;line-height:190px;vertical-align:middle}
.specialty-slide .specialty-content h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px;margin-bottom:10px;transition:all 0.3s}
.specialty-slide .specialty-content h1:hover{color:#f66f6a}
.specialty-slide .specialty-content p{font-size:12px;color:#666A75;text-align:center;line-height:20px}
li:hover:after{opacity:0}
li:hover .specialty-content{height:190px;top:0;border-top:4px solid #1893e5}
/*li:last-child:hover .specialty-content{top:100%;height:0;border:none}/*最后一个不显示*/