﻿/*网站专题*/
.pt30{ padding-top: 30px;}
.w710{ width:710px; padding-right: 19px; border-right: 1px solid #d3d3d3;}
.titleHead{ position: relative; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px;}
.titleHead h2{ font-size: 20px; font-weight: normal; color: #333; line-height: 22px;}
.titleHead h2 a{color: #333;}
.titleHead h2 i{ width:3px; height: 17px; display: inline-block; font-style: normal; background-color: #0078d7; margin-right: 10px;}
.more{ line-height: 22px; font-size: 12px; color: #0078d7; position: absolute; top: 30px; right: 0;}
.more:hover{ color: #333;}

.special{ margin-top: 10px; margin-right: -10px; margin-bottom: 10px;}
.col-md-brands{ width:230px; height: 110px; float: left; margin-right: 10px; overflow: hidden;}
.col-md-brands a.inner{display: block;vertical-align: bottom;z-index: 7;position: relative;text-align: left; color: #fff; height: 110px; }
.brand_wrapper { display: table; background-color: #3a3b42; position: relative; overflow: hidden;}
.brand_wrapper .under_line{ width: 100%;background-color: #2080cb; height: 100%; position: absolute; left: 0; bottom: 0; right: 0; z-index: 8; display: block; opacity: 0; filter: alpha(opacity=100); -webkit-transition: .2s all; -moz-transition: .2s all; -ms-transition: .2s all; -o-transition: .2s a; transition:.2s all;}
.brand_wrapper .inner .txt{ display: block; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; transition: .4s all;    word-break: break-all;}
.brand_wrapper .inner .prHd {position: absolute;top: 80px;left:0; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width:210px; height:30px; background: rgba(0,0,0,0.4); padding: 0 10px; line-height: 30px;}
.brand_wrapper .prTt {opacity: 0;position: relative; filter: alpha(opacity=0);max-height: 100px; overflow: hidden; text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;position: absolute; top: 50%; left: 15%; margin-top: -20px; width:70%; z-index: 9; color: #fff;}
.bgPic{ background: url(../images/z-01.png) no-repeat;}
.brand_wrapper:hover .under_line{ height: 100%; opacity: .8; filter: alpha(opacity=80);}
.brand_wrapper:hover .prTt {opacity: 1; filter: alpha(opacity=100);}
.brand_wrapper:hover .prHd{ opacity: 0;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .brand_wrapper .inner .prHd{
    background-color:#000000;
    filter:Alpha(opacity=40);
    position:static;  /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
}

.slBox{ background-color: #fff; padding: 10px 0px;  box-shadow: 0 4px 4px #ddd; position: relative; z-index: 2; background-image: url(../images/bgArr.png); background-position: right bottom; background-repeat: no-repeat;}
.w345{ width: 345px; padding-left: 10px; padding-bottom: 28px; padding-top: 10px;}
.w344{width: 344px; padding-left: 10px;padding-bottom: 28px;padding-top: 10px;}
.border{ border-right: 1px solid #d3d3d3;}
.box-4{ display: block; overflow: hidden;}
.box-4 li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;margin-top: 8px;}
.box-4 li a{ color: #333; clear: both; overflow: hidden;}
.box-4 li .cont{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 300px;  float: left;}
.box-4 li .cont:hover{color: #0066cc;}
.box-4 li .time{float: right;color: #666;}
.point{ width: 4px;height: 4px; display: inline-block; overflow: hidden; background: #0066cc;  margin: 10px 16px 0 0; float: left;}

/*子网站*/
.webSon ul{ margin-right: -10px;}
.webSon ul li{width: 350px; height: 117px; float: left; box-shadow: 0 4px 5px #e8e7e7; margin-top: 10px; margin-right: 10px; background-color: #fff;}
.webSon ul li a{ display: block;}
.webSon ul li .photo{width: 350px; height: 77px; overflow: hidden;}
.webSon ul li .photo img{ width: 100%; height: 100%; transition: 300ms;}
.webSon ul li .phTxt{  padding: 0 10px; height: 40px; line-height: 40px; color: #666; text-align: center;}
.webSon ul li:hover .photo img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90);}

/*分支机构网站*/
.w230{ width: 230px;}
.fastHd{ border-bottom: 1px solid #d3d3d3; position: relative;}
.fastHd span{ font-size: 20px; color: #075da0; border-bottom: 3px solid #8ec0e7; line-height: 22px; padding-bottom: 7px; display: inline-block; position: relative; top: 2px;}
.sonOne{ width: 230px; height: 64px; display: block; overflow: hidden; margin-top: 10px;}
.sonOne a{ display: block;}
.sonOne img{ width: 100%; height: 100%; transition: 300ms;}
.sonOne:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90);}

.sonSecond{width: 230px; height: h2px; display: block; overflow: hidden; margin-top: 10px;}
.sonSecond a{ display: block;}
.sonSecond img{ width: 100%; height: 100%; transition: 300ms;}
.sonSecond:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90);}


.fjjgul{}
.fjjgul li{line-height:40px;white-space:nowrap;border-bottom:1px dashed #d3d3d3;background:url(../../images/point.png) no-repeat 5px 18px;padding-left:15px;}
.fjjgul li:hover{background-color:#0078d7;color:#fff;}
.fjjgul li a{color:#666;}
.fjjgul li a:hover{color:#fff;}
.fjjgul li a div{color:#666;width:100%;height:100%;}
.fjjgul li a div:hover{color:#fff;}


