@charset "utf-8";

/* CSS Document */

.lbt a.a_btn{ background:url(../images/ico.png) no-repeat;}



#banner{ position:relative; height:280px;}

#banner img{ display:block; width:100%; height:280px;}

#banner .curname{  top:50%; right:50%; margin-right:-564px; margin-top:-45px; position:absolute;}

#banner .curname .cname,#banner .curname .ename{ font-size:36px; color:#154fab; text-shadow:0.3px 0.3px 0.1px #154fab; height:45px; line-height:36px;}

#banner .curname .ename{ font-family:Arial; font-weight:normal; padding-left:100px; text-align:right;}



.left{ width:210px; float:left;}

.right{ width:870px; float:right; min-height:500px;}



.classname{ height:70px; background-color:#154fab; color:#fff; padding-left:15px; padding-top:20px; font-size:26px; text-shadow:0.3px 0.3px 0.1px #fff; letter-spacing:2px; border-top-left-radius:10px; border-top-right-radius:10px;}

.classname span{ display:block; font-size:16px; font-weight:normal; letter-spacing:normal; text-shadow:none;}



.leftnav li{ height:39px;  border-bottom:1px solid #bfbfbf; padding-left:15px; font-size:14px;}

.leftnav li a{ display:inline-block; background:url(../images/sj01.png) no-repeat right center; width:145px; height:39px;line-height:39px;}

.leftnav li.now{ background:url(../images/f_bg.png) repeat-x;}

.leftnav li.now a{ width:165px; background:url(../images/sj_on.png) no-repeat right center; color:#154fab; text-shadow:0.3px 0.3px 0.1px #fff;}
.leftnav li:nth-of-type(8){background: #164eab;}
.leftnav li:nth-of-type(8) a{color:#fff;font-weight: bold;font-size: 17px;background: none;}

.newsnav{ text-align:right; height:36px; border-bottom:1px solid #bfbfbf;}

.newsnav h3{ font-size:26px; font-weight:bold; color:#154fab; float:left;}

.newsnav .here{ float:right; line-height:32px;}

.newsnav a{ display:inline-block; margin:0 5px;}

.content{ padding:25px 0;}

.content blockquote{ color:#666666; line-height:30px; font-size:14px;word-break:break-all;}



/*----manage----*/

.glist li{ height:290px; padding:16px; background-color:#f7f7f7; margin-bottom:25px;}

.glist li .pic{ width:188px; float:left;}

.glist li .pic img{ width:188px; height:228px; border-radius:10px;}

.glist li .con{ width:620px; float:right;}

.glist li .con h3{ font-size:24px; height:36px; line-height:36px;}

.glist li .con h3 a{ color:#333333;}

.glist li .con span{ display:block; height:30px; line-height:30px; color:#888888; font-size:16px;}

.glist li .con p{ font-size:14px; line-height:30px; margin-top:10px;}



/*----expert----*/

.curintro{ font-size:18px; line-height:30px;}

.curintro b{ color:#154fab;}

.explist{ overflow:hidden;}

.explist ul{ width:110%;}

.explist li{ width:170px; padding:0 10px; height:315px; float:left; margin-right:30px; margin-bottom:40px; text-align:center;}

.explist li img{ width:170px; height:200px; border-top-left-radius:10px; border-top-right-radius:10px;}

.explist .intro{ height:81px; padding-top:5px 0 0;}

.explist li h3{ font-size:24px; color:#333; height:45px; line-height:45px;}

.explist li .job{ line-height:30px; color:#666; font-size:16px;}

.explist li:hover .intro{ background-color:#154fab;}

.explist li:hover h3,.explist li:hover .job{ color:#fff;}

.explist li a:hover{ color:#666;}





.bg{ position:absolute; left:0; right:0; bottom:-188px; height:138px; background:url(../images/h_logo.png) no-repeat center center #fff; opacity:0.8; filter:alpha(opacity=80);}





/*----zzry----*/

.rylist{ overflow:hidden;}

.rylist ul{ width:110%;}

.rylist li{ width:415px; float:left; margin-right:30px; margin-bottom:40px; position:relative;}

.rylist li img{ width:415px; height:273px;}

.rylist li h3{ height:50px; line-height:50px; text-align:center; font-size:16px; position:relative;}

.rylist li a:hover h3{ background-color:#154fab; color:#fff;}

.rylist li a:hover .bg{ bottom:50px;}



/*----case----*/

.case .casename{ height:30px; line-height:30px; background:url(../images/star.png) no-repeat left center; padding-left:35px; font-size:18px; color:#000;}

.caselist{ overflow:hidden;}

.caselist ul{ width:110%;}

.caselist li{ width:420px; float:left; margin-right:30px; margin-bottom:40px; position:relative;}

.caselist li img{ width:420px; height:236px;}

.caselist li h3{ height:50px; line-height:50px; font-size:16px; text-align:center;}

.caselist li a:hover h3{ background-color:#154fab; color:#fff; position:relative;}

.caselist li a:hover .bg{ bottom:50px;}





.rylist li .bg,.caselist li .bg{ transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;}



/*----newstext----*/

.casebody .title{ font-size:20px; color:#000; font-weight:bold; text-align:center; min-height:40px;}

.casebody .other{ text-align:center; height:40px; line-height:40px; font-size:14px; color:#666666; border-top:1px dashed #dddddd;border-bottom:1px dashed #dddddd; margin-bottom:20px;}

.casebody .other span{ margin:0 10px;}

.newstext{ border-bottom:1px dashed #dddddd; padding-bottom:20px;}



/*----share----*/

.share .jiathis_style{ float:right;}



/*----news----*/

.intro li{ margin-bottom:18px; border-bottom:1px solid #dfdfdf; padding-bottom:18px;}

.intro li .pic{ width:221px; float:left;}

.intro li .pic img{ width:221px; height:135px;}

.intro li .con{ width:605px; float:right;}

.intro li .con .time{ color:#989898;}

.intro li .con .title{ height:24px; font-size:14px;font-size:14px; font-weight:bold;}

.intro li .con .title a:link,.intro li .con .title a:visited{ color:#154fab;}

.intro li .con p{ font-size:13px; line-height:24px; color:#666666;}

a.see{ background-color:#154fab; border-radius:10px; display:inline-block; width:100px; height:20px; line-height:20px; float:right; text-align:center; color:#fff;}



.listinfo li{ height:34px; line-height:34px; border-bottom:1px solid #d3d3d3; font-size:14px; color:#333333;}

.listinfo li span{ float:right; font-size:13px;}

.listinfo li a:hover,.listinfo li a:active{ color:#154fab;}





/*----relation----*/

.relation_l{ width:560px; float:left;}

.relation_l li{ height:30px; line-height:30px; font-size:14px; color:#666666;}

.relation_l li a:link,.relation_l li a:visited{ color:#666666;}

.relation_l li a:hover,.relation_l li a:active{ color:#154fab;}

.relation .share{ width:180px; float:right;}

.relation .share div{ float:right;}



/*----contact----*/

.contact{ min-height:800px;}

.contact .name{ font-size:30px; color:#008e38;}

.contact .link li{ height:36px; line-height:36px; font-size:16px; color:#666666; padding-left:26px;}

.contact .link li.tel{ background:url(../images/tel.png) no-repeat left center;}

.contact .link li.fax{ background:url(../images/fax.png) no-repeat left center;}

.contact .link li.email{ background:url(../images/email.png) no-repeat left center;}

.contact .link li.web{ background:url(../images/web.png) no-repeat left center;}

.contact .link li.addr{ background:url(../images/addr.png) no-repeat left center;}



.contact .map{ height:365px;}



.webmap dl{ float:left; width:230px; margin-right:90px; min-height:240px; margin-bottom:30px;}

.webmap dl.even{ margin-right:0;}

.webmap dt,.webmap dd{ height:30px; line-height:30px; background-color:#154fab; padding-left:20px; color:#fff; font-size:14px; margin-bottom:3px;}

.webmap dt a{ color:#fff;}

.webmap dd{ background-color:#f2f2f2;}

.webmap dd a:hover{ color:#154fab;}