@charset "utf-8";

/**************************** 整体风格，根据需要增删改模块 ****************************/
.fh {
    float: right;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 160px;
    color: #fff;
    font-size:18px;
    padding-left: 50px;
    background: #fff url(http://119.36.213.238:81/pub/zjt/material/images/jgj_images/jgj_btn.png) 100% no-repeat;
}
.fh:hover{
	color: #fff;
}
.tab {
    height: 46px;
    margin-bottom: 14px;
    line-height: 0;
    font-size: 0;
}

.tab a {
    display: inline-block;
    min-width: 5em;
    border: 1px dashed #ccc;
    margin-right: -1px;
    padding: 0 20px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
}

.tab a.current {
    position: relative;
    border-color: #37e;
    background-color: #37e;
    color: #fff;
}
.grid .list-t li {
    font-size: 16px;
}

.grid .list-t li a:hover {
    font-weight: bold;
    color: #333;
}
.w590{
	width: 590px;
}
.w600{
	width: 600px;
}

/* 焦点图 */

.focus {
    position: relative;
    overflow: hidden;
    display: block;
    width: 590px;
    height: 400px;
   
}

.focus .slide,
.focus .slide>div {
    position: relative;
    overflow: hidden;
    display: block;
    width: 590px;
    height: 360px;
}

.focus .pic {
    display: block;
    position: relative;
    overflow: hidden;
    width: 590px;
    height: 330px;
}

.focus .pic img {
    width: 590px;
    min-height: 330px;
}

.focus .title {
    display: block;
    position: relative;
    border-top: 6px solid #f80;
    margin: -60px 30px 0;
    padding: 15px 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-color: rgba(247, 247, 247, .85);
}

.focus .prev,
.focus .next {
    position: absolute;
    top: 138px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.focus .prev {
    transform: translate(-50px, 0);
    left: 0;
}

.focus .next {
    transform: translate(50px, 0);
    right: 0;
}

.focus:hover .prev,
.focus:hover .next {
    opacity: 1;
    transform: translate(0, 0);
}

.focus .navi {
    float: left;
    position: relative;
    left: 50%;
    margin-top: 20px;
}

.focus .navi li {
    float: left;
    position: relative;
    right: 50%;
    width: 40px;
    height: 10px;
    margin: 0 2px;
    font: 0/0 lx;
    background-color: #e9e9e9;
    color: transparent;
    transition: all .3s;
}

.focus .navi li.on {
    background-color: #37e;
}

.banner li {
    position: relative;
    overflow: hidden;
    width: 590px;
    height: 80px;
}
.banner li+li{
    margin-left: 20px;
}
.banner li a img,.banner02 li a img,.banner03 li a img,.banner04 li a img  {
    display: block;
    transition: all .3s;
}

.banner li a:hover img,.banner02 li a:hover img,.banner03 li a:hover img,.banner04 li a:hover img {
    transform: scale(1.08, 1.08);
}
.banner02 li {
    position: relative;
    overflow: hidden;
    width: 290px;
    height: 70px;
}
.banner03 li {
    position: relative;
    overflow: hidden;
    width: 190px;
    height: 80px;
}
.banner04 li {
    position: relative;
    overflow: hidden;
    width: 290px;
    height: 80px;
}
.banner02 li+li,.banner03 li+li,.banner04 li+li{
    margin-left: 10px;
}

.gallery {
    position: relative;
}

.gallery .scroll {
    width: 1190px;
    margin: 0px 20px;
    overflow: hidden;
}

.gallery li {
    width: 290px;
    height: 180px;
    margin: 0px 10px;
    overflow:hidden;
}

.gallery li a {
    display: block;
    width: 290px;
    height: 180px;
    margin: 0 auto;
    position: relative;
}

.gallery li img {
    width: 290px;
    transition: transform .3s;
}
.gallery li:hover img{
    transform: scale(1.1,1.1);
}
.gallery li a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 270px;
    padding: 0px 10px;
    line-height: 34px;
    display: inline-block;
    font-size: 16px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
}

.gallery .prev,
.gallery .next {
    position: absolute;
    top: 60%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.gallery .prev {
    transform: translate(-50px, 0);
    left: 0px;
}

.gallery .next {
    transform: translate(50px, 0);
    right: -20px;
}

.gallery:hover .prev,
.gallery:hover .next {
    opacity: 1;
    transform: translate(0, 0);
}


.grid.p3 .tab-pane{

width: 580px;
float: left;
padding: 0 10px;

}



.p3{ 
    width:100%; 
    height:260px; 
    background:url(/images/bgmg.jpg) center  repeat-x;
}
.p3 ul{ 
    width:1200px; 
    margin:0 auto; 
    overflow:hidden;
    /*display:flex;flex-direction: row;align-items: center;; justify-content:space-around;*/ 
    height:260px;
}
.p3 ul li{
     overflow:hidden; 
     color:#1d499e; 
     cursor:pointer; 
     width:25%; 
     height:115px;
      margin-top:72.5px; 
      float:left;
    }
.p3 ul li span{ 
    display:block; 
    width:115px;
     height:115px; 
     float:left; 
     margin-right:15px; 
     margin-left:30px;
    }
.p3 ul li h2{ 
    width:130px; 
    height:30px; 
    font-size:22px; 
    line-height:22px; 
    float:left; 
    margin-top:25px;
    color:#1d499e;
}
.p3 ul li p{
     width:130px;
     font-size:14px; 
     line-height:20px;
      float:left;
      color:#1d499e;
    }
    .p3 ul li p a,
    .p3 ul li h2 a  {

         color:#1d499e;
       }
.gh1 span{  background:url(/images/ic1.png) center no-repeat;}
.gh2 span{ background:url(/images/ic2.png) center no-repeat;}
.gh3 span{ background:url(/images/ic3.png) center no-repeat;}
.gh4 span{ background:url(/images/ic4.png) center no-repeat;}

.gh1:hover span{ background:url(/images/ic1_1.png) center no-repeat;}
.gh2:hover span{ background:url(/images/ic2_1.png) center no-repeat;}
.gh3:hover span{ background:url(/images/ic3_1.png) center no-repeat;}
.gh4:hover span{ background:url(/images/ic4_1.png) center no-repeat;}
.gh1:hover h2 a,
.gh1:hover p a,
.gh2:hover h2 a,
.gh2:hover p a,
.gh3:hover h2 a,
.gh3:hover p a,
.gh4:hover h2 a,
.gh4:hover p a{
    color:#9c2624;
}


.p4{ width:100%; height:400px; background:url(../images/bgmg1.jpg) center repeat-x;}
.gui{width:590px;position:relative;padding:0 10px;float:left;background:#fff;}
.gui3{ margin-right:0 !important;}

.gui .title h2{ color:#1d499e; width:80px; text-indent:0;}
.gui2 ul{ width:100%; position:relative; overflow:hidden; margin-top:15px;}
.gui2 ul li{ width:100%; margin-bottom:20px; position:relative; font-size:14px; line-height:22px;}
.gui2 ul li span b{ font-size:16px; font-weight:500; line-height:30px; color:#9c2624}
.gui2 ul li i{ font-style:normal;}


.guili1{ position:relative; margin-top:15px; margin-bottom:15px;}
.guili1 img{ width:100%; position:relative; height:240px; vertical-align:top;}
.guili1 h2{ position:absolute; left:0; bottom:0;  background-color: rgba(0, 0, 0, .5);; text-align:center; color:#fff; font-size:14px; height:30px; line-height:30px; width:100%;}
.guili2 img{ width:20%; height:75px; float:left; margin-right:5px;}
.guili2 h2{ width:77%; float:left; font-size:16px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.guili2 p{ font-size:14px; line-height:22px; overflow:hidden; width:77%; float:left; height:45px;}

.zt-slide li{
height:100px;
}