@charset "utf-8";
/* CSS Document */
/*案例列表页170407*/
.al-pic{ width:695px; height:580px; position:relative; margin-bottom:20px; overflow:hidden}
.al-sjs{ position:absolute; bottom:0px; left:0px; background:url(../images/al-03.png) no-repeat bottom; width:695px; height:145px; overflow:hidden}
.sjs-Introduction-img{ width:77px;/* height:77px; border-radius:50%;*/}
.head_yuan{border-radius: 50%;width: 77px;height:77px;overflow: hidden;}
.al-sjs-xm{ width:77px; height:30px; overflow:hidden; line-height:30px; color:#333333; font-size:16px; text-align:center; margin-top:5px;}
.sjs-Introduction{ width:77px; margin-left:10px;}
.al-Introduction{ width:518px; padding-left:30px; padding-top:46px;}
.al-p2,.al-p1{ width:50%; height:30px; line-height:30px; overflow:hidden; float:left; padding-bottom:5px;}
.al-p1 a{ color:#333; font-size:18px;}
.al-p2{color:#999999}
.al-p2 a{ font-size:14px; color:#666}
.al-p3,.al-p4{ width:100%; height:40px; line-height:20px; overflow:hidden; font-size:16px; color:#023E86}
.al-p4{ text-align:left; width:814px !important; margin-left:90px; }
.al-h{ padding-top:20px; margin-right:0px;}
.al-h,.deital-pic-hover{opacity:0;margin-right:0px; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.al-pic:hover .al-h,.detial-pic:hover .deital-pic-hover{ opacity:1; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out; margin-right:20px;}
/*案例详情页170407*/
.al-detail-left{ width:1020px; text-align:center}
.detail-h2{ width:100%; height:40px; font-size:30px; color:#333; line-height:40px;}
.detail-p{ text-align:center; color:#999; font-size:14px; line-height:24px; padding-top:10px;}
.detail-p,.detail-p1,.detail-p2{ width:100%;}
.detail-p1{ font-size:20px; color:#333; line-height:50px;}
.detail-p2{ font-size:14px; color:#666; line-height:25px}
.detail-p2 span{ padding:0px 15px 0px 6px;}
.detail-p2 span a{ color:#666666; font-size:14px;}
.detail-p3{ font-size:18px; color:#666666; line-height:45px;}
.detial-pic{ position:relative; width:466px; height:293px; cursor:pointer;}
.detial-pic{ margin-top:40px;}
.deital-pic-hover{ width:200px; height:46px; position:absolute; left:133px; top:123px; text-align:center;display:block; font-size:14px; line-height:46px;}

/*170421LT*/
.al-detail-left img{max-width: 1020px !important;height: auto !important;}
/*分享170605*/
.detail_al-fx{ width:39px !important; height:38px !important; display:block !important; text-indent:-9999px; margin: -5px 0px 0px 10px !important;padding-left: 0px !important;}
.detail_al-fx1{ background:url(../images/fx-li-01.png) no-repeat center !important;opacity:1 !important;}
.detail_al-fx2{ background:url(../images/fx-li-02.png) no-repeat center !important;opacity:1 !important;}
.detail_al-fx3{ background:url(../images/fx-li-03.png) no-repeat center !important;opacity:1 !important;}
.detail_al-fx1:hover{ background:url(../images/fx-li-01h.png) no-repeat center !important;}
.detail_al-fx2:hover{ background:url(../images/fx-li-02h.png) no-repeat center !important;}
.detail_al-fx3:hover{ background:url(../images/fx-li-03h.png) no-repeat center !important;}
.detail_al-p1{ width:200px;font-size:14px; text-align:center; color:#333}
.detail_al-p1 font{ font-size:14px;color: #666;}
.mgl_35{margin-left: 95px;}
.mgl_25{margin-left: 25px;}
.detail_al_des{font-size: 16px !important;color: #333333 !important;font-weight: bold;margin-bottom: 5px;}