@charset "utf-8";
/* CSS Document */
/*初始化*/
*{margin:0;	padding:0;	}
body{font-family:"微软雅黑"; font-size: 16px; color: #333;	}
.main{width: 100%; height: 100%; margin:0 auto; font-size: 16px;}
/**首页修改**/
.main .right{float: right;width:125px;margin-top:15.3%;margin-right:10%;border-color: green;border-style:solid}
.main .right .es{border-color: red;border-style:solid;}
.main .right .es2{border-color: red;border-style:solid; margin-top: 15px}
.main .tu001{background: url("../images/lk_icon.png") ;}
.main .tu002{background: url("../images/dt_iconh.png");}
.main .tu003{background: url("../images/ly_icon.png");}
.main .tu004{background: url("../images/tq_icon.png");}

.main  .r_tubiao{ height:100px;margin-top: 5px; }
.main  .r_tubiao li{float:left; text-align:center; }
.main  .r_tubiao li div:first-child{display: block;margin:0 auto;width:125px; height: 37px}

.m_tubiao li:hover .m_font2,
.m_tubiao li:hover .m_font2,
.m_tubiao li:hover .m_font2,
.m_tubiao li:hover .m_font2{ color: #3b6ea1}

.m_font2{ text-align:center; color:#333; font-size:18px; margin-top:5px; }
.m_font2  a:hover {color: #3b6ea1;text-decoration:none;}
.m_font2  a {color: #000;text-decoration:none;}
/*******/
.head{ background-color:#f3f3f3; border-bottom:1px solid #e1e1e1;}
.m_head{height: 50px; width: 100%; margin: 0 auto;background-color:rgba(0,0,0,.3);}
.table1{ padding:0 14% 5px; color: #333; }
.table1 a{text-decoration:none;color: #fff;	}
.table1 a:hover{text-decoration:none; color: #fff;	}
.head1{/* height: 355px; */  /* border-bottom:1px solid #e1e1e1 */width: 100%}
.head1 .logo{ width: 1200px; margin: 0 auto; padding-top: 35px;}
.main1{ width: 1200px; margin: 0 auto}
.right{width:30px;margin:15% 15% 0 65% }
.notice{height: 120px; text-align: center; }
.notice span{font-size: 16px}
.notice a{text-decoration:none;color: #333;	}
.notice a:hover{text-decoration:none; color: #333;	}
.notice h2{ font-size: 35px; color: #3b6ea1; padding: 20px 0; font-weight: bold;}
.project1{height: 410px; margin-top: 30px; }
.picture{width: 710px; height: 410px; float: left;}
.project4{margin-top: 30px;}

.list{width: 489px; height: 408px; float: right; border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc; background-color: #fff;}
.list a, a:hover { text-decoration: none; color:#333;}
.list ul, li { list-style: none; }
.mt-tabpage {width: 489px;}
.mt-tabpage-title {width: 440px;height: 50px;font-size:18px;margin-left:30px;border-bottom: 1px solid #ccc;cursor:pointer}
.mt-tabpage-title .mt-tabpage-item {display: inline-block;width: 130px;height: 50px;line-height: 50px;text-align: center;color: #333;font-size: 18px;}
.mt-tabpage-title .mt-tabpage-item:hover{color: #3b6ea1;}
.mt-tabpage-title .mt-tabpage-item-cur {color: #3b6ea1;height: 46px;font-size: 18px;border-bottom: 4px solid #3b6ea1;font-weight: bold;}
.mt-tabpage-count {position: relative;width: 480px;height: 350px;overflow: hidden;}
.mt-tabpage-cont__wrap {position: absolute;}
.mt-tabpage-count .mt-tabpage-item {width: 480px;height: 350px;line-height: 350px;}



/*tab选项卡结束*/
.project2{height:320px; margin-top: 10px; }
.L_k{ width: 580px;height:290px; float: left;font-weight: bold;}
.Lbt_k{width: 690px; border-bottom: 1px solid #ccc; margin-left: 10px; height: 60px; font-size: 18px;line-height: 60px;}
.m_tubiao{ height:100px;margin-top: 5px; }
.m_tubiao li{float:left; width:26%; text-align:center; margin-top:32px;margin-right: 27px;}
.m_tubiao li div:first-child{display: block;margin:0 auto;width: 37px; height: 37px}
.m_font1{ text-align:center; color:#333; font-size:18px; margin-top:5px; }
.m_font1  a:hover {color: #3b6ea1;text-decoration:none;}
.m_font1  a {color: #000;text-decoration:none;}

.title{ width: 120px; height:56px;text-align: center;border-bottom: 4px solid #3b6ea1; color: #3b6ea1;font-weight: bold;}
.title a{color: #3b6ea1;}
.R_k{ width: 530px; float:right;height:290px; margin-right: -69px;}
.Rbt_k{width: 460px; border-bottom: 1px solid #ccc; margin-right: 10px; height: 60px; font-size: 18px;line-height: 60px;}

.R_k_box{ width: 530px; float:right;height:290px;margin: -20px 0px 30px 30px}
.Rbt_k_box{width: 460px; border-bottom: 1px solid #ccc; margin-right: 10px; height: 60px; font-size: 18px;line-height: 60px;}

.R_k_box2{ width: 530px; float:right;height:290px;margin: -18px 10px 30px 1px}
.Rbt_k_box2{width: 520px; border-bottom: 1px solid #ccc; margin-right: 10px; height: 60px; font-size: 18px;line-height: 60px;}

.project3{height:140px; margin-top: 10px; }
.project5{height:290px; margin-top: 10px; }
.P4{ width: 1190px; height:60px;text-align:left;color: #3b6ea1;margin-left: 10px;font-size: 18px;line-height: 60px;font-weight: bold;}
.table2{width:958px; height:130px}
.table2 td{ padding:5px;}


.weibudi{width:100%;background:#f3f4f8;height: 280px;}
.weibudi_nr{ width:1200px; margin: 0 auto; padding-top: 50px;}
.weibudi a{    color: #333333;text-decoration: none;}
.nr_ul {height: 50px; width:1200px; margin: 0 auto}
.nr_ul li{list-style:none;text-align:center;line-height:50px;float: left;  width: 180px; height: 50px; background-color: #fff; margin:auto 10px; }
.nr_ul li img{ margin-left: 10px;}
.nr_lj {height: 140px; width:100%; padding-bottom: 20px;}
.nr_lj li{list-style:none;text-align:center;line-height:30px; height: 30px;font-size: 16px; color: #666;}


.liebiao1 a, a:hover{color: #3b6ea1;}
.liebiao2 a, a:hover{color: #3b6ea1;}
.liebiao3 a, a:hover{color: #3b6ea1;}
.liebiao4 a, a:hover{color: #3b6ea1;}
.liebiao5 a, a:hover{color: #3b6ea1;}
.liebiao7 a, a:hover{color: #3b6ea1;}
.liebiao8 a, a:hover{color: #3b6ea1;}

.liebiao1,.liebiao2,.liebiao4,.liebiao5,.liebiao7{width:440px;height:40px;line-height: 40px;margin-left:30px;margin-top:4px;}
.liebiao7{width:520px;}
.liebiao3{width:440px;height:40px;line-height: 40px;;margin-top:4px;}
.liebiao6{width:440px;height: 100px;margin-left: 10px}
.liebiao4{margin-top:6px;}
.liebiao6 .icon{float:left;width:116px; height:80px;border:0px solid #999;margin-top: 1px;}
.liebiao6 .time{width:80px; height:100px;float:left;margin-left:8% ; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display:inline-block;}


.liebiao1 .icon,.liebiao2 .icon,.liebiao3 .icon,.liebiao4 .icon,.liebiao5 .icon,.liebiao7 .icon{float:left;width:8px; height:8px;border:2px solid #999;border-radius:10px;margin-top: 15px;}
.liebiao1:hover .icon,.liebiao2:hover .icon,.liebiao3:hover .icon,.liebiao4:hover .icon,.liebiao5:hover .icon,.liebiao7:hover .icon{float:left;width:8px; height:9px;border:2px solid #3b6ea1;background: #3b6ea1;margin-top: 15px;}
.liebiao1 .p,.liebiao2 .p,.liebiao3 .p,.liebiao4 .p,.liebiao5 .p,.liebiao7 .p{width:350px; float:left;margin-left:10px ; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display:inline-block;}
.liebiao7 .p{width:370px;}
.liebiao1 .p:hover,.liebiao2 .p:hover,.liebiao3 .p:hover,.liebiao4 .p:hover,.liebiao5 .p:hover,.liebiao7 .p:hover{color: #3b6ea1}
.liebiao1 .time,.liebiao2 .time,.liebiao3 .time,.liebiao4 .time,.liebiao5 .time,.liebiao7 .time{width:50px;height:40px;line-height: 40px;float:right;text-align: right; color: #999;}
.liebiao1:hover .time,.liebiao2:hover .time,.liebiao3:hover .time,.liebiao4:hover .time,.liebiao5:hover .time,.liebiao7:hover .time{color: #999}

/*.liebiao8{width:310px;height:40px;line-height: 40px;margin-left:15px;margin-top:4px;}*/
.liebiao8{width:325px;height:40px;line-height: 40px;margin-left:15px;margin-top:4px;}
.liebiao8 .icon{float:left;width:18px; height:18px;;margin-top: 15px;}

/*.liebiao8 .p{width:200px; float:left;margin-left:10px ; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display:inline-block;}*/
.liebiao8 .p{width:160px; float:left;margin-left:10px ; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display:inline-block;}
.liebiao8 .p:hover{color: #3b6ea1}
/*.liebiao8 .time{width:80px;height:40px;line-height: 40px;float:right;text-align: left; color: #999;}*/
.liebiao8 .time{width:120px;height:40px;line-height: 40px;float:right;text-align: left; color: #999;}
.liebiao8:hover .time{color: #999}

.liebiao4 {width:530px; margin-left: 10px}
.liebiao5 {width:1160px; margin-left: 10px}
.title_box{width: 120px;height: 30px;text-align: left;border-bottom: 2px solid #3b6ea1;color: #3b6ea1;font-weight: bold;margin-left: 10px}
.liebiao5 .p {width:500px; color: #333;}
.liebiao4 .p{width:456px;color: #333;}
.tu01{background: url("../images/lk_iconh.png") }
/* .tu02{background: url("../images/dt_iconh.png")} */
.tu02{background: url("../images/etch.png")} 
.tu03{background: url("../images/ly_iconh.png")}
.tu04{background: url("../images/tq_iconh.png")}
.tu05{background: url("../images/phoneh.png")}
.tu06{background: url("../images/dt_icon.png")}
.m_tubiao li:hover .tu01{background: url("../images/lk_iconh.png")}
.m_tubiao li:hover .tu02{background: url("../images/etch.png")}
.m_tubiao li:hover .tu03{background: url("../images/ly_iconh.png")}
.m_tubiao li:hover .tu04{background: url("../images/tq_iconh.png")}
.m_tubiao li:hover .tu05{background: url("../images/phoneh.png")}
.m_tubiao li:hover .tu06{background: url("../images/dt_icon.png")}
.m_tubiao li:hover .m_font1,
.m_tubiao li:hover .m_font1,
.m_tubiao li:hover .m_font1,
.m_tubiao li:hover .m_font1,
.m_tubiao li:hover .m_font1,
.m_tubiao li:hover .m_font1{ color: #3b6ea1}


.index-nav{width: 100%;border-bottom: 1px solid #eeeeee;height: 50px;box-sizing: border-box;}
.index-nav-frame{width: 1200px;margin: 0 auto; /* margin-left: 10% */ text-align: center;}
.index-nav-frame-line{margin: auto 10px; width: 140px; color: #333;background: white;float: left;position: relative;display: block;outline: none;cursor: pointer;min-width: 125px; padding:0 30px 0 10px;line-height: 50px;text-align: center;}

.index-nav-frame-line-center{ left:0px; opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;text-align: center;background: white;color: #666;left: 0;font-size: 15px;line-height: 30px;}
.index-nav-frame-line-li:hover{background: #3b6ea1;color: white; font-size: 15px;}
.index-nav-frame-line-li:hover a{background: #3b6ea1;color: white;font-size: 15px;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
    .index-nav-frame-line-li a{display: block;color: white;}
    .nav-line{display: block;border-bottom: 1px solid #eeeeee;}
    .nav-small{display: block;}
    .nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
    .nav-small:focus .nav-small-focus{display: block;}
    .index-nav-frame{width: 100%;}
    .index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
    .index-nav-frame-line-center{position: relative;background: #3b6ea1;}
    .index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
    .index-nav-frame-line-li{border-bottom: 1px solid #3b6ea1;color: #d9d9d9;background: #444359;}
    .index-nav-frame-line-li:hover{background: #b63b4d;}
    .index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
    .index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
    .index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
    .index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
    .index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}

}



/*新闻页面*/
.daohangbg{ background-color:#3b6ea1; height:50px;}
.daohang{list-style:none;height:50px;line-height:50px; width: 1230px;text-align: center; margin: 0 auto ; font-size: 18px ;}
.daohang li{float:left; width:100px;}
.daohang a{display:inline-block;font-size:18px;color:#fff;width:100px;height:70px;text-align:center;text-decoration:none;}
.li-a a:hover{color:#fff;line-height:50px;height:50px;width: 100px;  background-color:#0071d3; }
.t-title{list-style:none;height:40px;line-height:40px; width: 1160px; margin: 40px auto 20px  auto; font-size: 16px ;background-color: #f4f4f4; color: #3b6ea1; padding: 0 20px;}
.content{width: 1180px;margin: 0px auto 40px  auto;min-height:800px;border: 1px solid #e1e1e1; background-color: #fff;padding: 15px 10px; }

/*页码*/
.pageListTab a{text-decoration:none;outline:none;border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;color:#333; font-size:16px;}
.pageListTab{overflow:hidden; margin:20px 0; width: 600px; margin: 0 auto; margin-top: 20px;}
.pageListTab .pageLt{float:left; font-size:12px;}
.pageListTab .pageLt span{display:inline-block;}
.pageListTab .pageLt a{display:inline-block; border:1px solid #ddd; background:#fff; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; margin:0 5px;}
.pageListTab .pageRt{float:right; font-size:12px; text-align:right; margin-top:3px;}	
.pageListTab .pageRt a{display:inline-block; border:1px solid #ddd; background:#fff; padding:0 10px; height:24px; line-height:24px; text-align:center; font-size:12px; margin:0 5px;}
.pageListTab .pageRt input{border:1px solid #ddd; height:24px; line-height:24px; width:45px; text-align:center;}
.pageListTab .pageLt .active{background:#3b6ea1; border:1px solid #3b6ea1; color:#fff;}	
.pageListTab .pageRt .active{background:#3b6ea1; border:1px solid #3b6ea1; color:#fff;}	


/*专题专栏*/
.content1{width: 1200px;margin: 0px auto 40px  auto;min-height:800px;border: 1px solid #e1e1e1; }
.content2{width: 1200px;margin: 0px auto 40px  auto;border: 1px solid #e1e1e1;min-height: 800px }
img,.searchtxt,.searchbtn,.pinglun input.submit{border:0;}
ol,ul,li{list-style:none;}
dl,dt,dd,ul,li{margin:0;padding:0;}
input,textarea{outline:none;}
html,body,form,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; font-weight:normal;}
.common{margin:0 auto; width:1200px; position:relative;}
.common ul li{margin-left:30px;}
.clear{clear:both;}
.summary{background:#333;}
.listbox{float:left; margin-top:40px; padding:10px; _padding:10px 10px 8px 10px ;background:#f2f9fe; width:240px; height:200px; position:relative;border:1px solid #e5f2fe;border-radius:10px;-moz-border-radius:10px; }
.listimg{float:left; width:240px; height:165px; position:relative; overflow:hidden;}
.listimg img{background:#333; width:240px; height:165px; top:0; left:0; position:absolute;}
.listinfo{_margin-bottom:3px;width:240px; line-height:30px; font-size:16px; text-align: center;}
.listinfo a{font-size:16px;color:#333;text-decoration:none;}
.listtitle{float:left; margin-top:8px; _margin-top:-2px; width:240px; font-size:16px;text-align: center;}
.listtitle a{font-size:16px;}
.listtitle a:hover{color:#3b6ea1;}



.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}


.o-m{width:590px;margin:20px auto;}
.o-m .ul-o{float:left;width:150px;position:relative;background:#f0f0f0;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../img/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li p{float:left;line-height:68px;color:#6a6a6a;font-size:16px;;width:150px;border-bottom:1px solid #FFFFFF;text-align: center;}
.o-m .ul-o li .tabp{color: #ffffff}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../img/n-qyjz-39.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:165px;height:68px;/* background:url(../img/n-qyjz-57.png) no-repeat; */background:url(../images/jiantou.png) no-repeat; }
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{width:300px;float:left;height:300px;}
.o-m .ul-t li{list-style-type:none;position:absolute;height:300px;display:none;}
.o-m .ul-t .li-top{ padding:0px 0 0 10px;float: left;}
.o-m .ul-t .li-qywh{ padding:0px 0 0 10px;float: left;; width: 1030px;height: 130px;margin-left: 15px;margin-top: 10px}
.o-m .ul-t .li-qywh img{height: 120px}
.o-m .ul-t .li-qywh p{font-size: 16px}
.o-m .ul-t .qywh1{float: left;margin-left: 30px;margin-top: 20px}
.o-m .ul-t .fontTitle{color:#00BFFF;font-size: 16px;font-weight:bold}

/*.o-m .ul-t .li-top1{ padding:0px 0 0 10px;float: left;margin-left: 20px}*/
.o-m .ul-t .li-top1{ padding:0px 0 0 10px;float: left}
.o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}

.liebiao6 .time .timep {color: #999;font-size: 22px;line-height: 15px;margin-bottom:3px; margin-top: 15px;letter-spacing:1px}
.liebiao6 .time .timen {color: #999;font-size: 15px;line-height: 22px;margin-bottom: 5px;margin-top: 5px}
.liebiao6 .p .ptitle{font-size:16px;font-weight:bold;}
.liebiao6 .p .pconten{text-indent:28px;margin-top: 5px}

.liebiao7 .time .timep {color: #999;font-size: 22px;line-height: 15px;margin-bottom:3px; margin-top: 15px;letter-spacing:1px}
.liebiao7 .time .timen {color: #999;font-size: 15px;line-height: 22px;margin-bottom: 5px;margin-top: 5px}

/**视频播放**/

.videolist { position:relative; float:left; width:500px; height:200px; margin-right:50px; margin-top:5px; margin-bottom:5px; margin-left:4%;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.video{margin: 15px 0 0 20px}
/* .videolistZq { position:relative; float:left; width:240px; height:200px; ; margin-top:30px; margin-bottom:5px; margin-left:4%;background:#f2f9fe;} */

.videolistZq {float:left; margin-top:30px; padding:10px; _padding:10px 10px 8px 10px ;background:#f2f9fe; width:240px; height:200px; position:relative;border:1px solid #e5f2fe;border-radius:10px;-moz-border-radius:10px;margin-left:30px}
.videoedZq { display:none; width:50px; height:50px; position: absolute; left:40%; top:33%; z-index:99; border-radius:100%; } 


.title2{width: 120px;height: 30px;text-align: center;border-bottom: 2px solid #3b6ea1;color: #3b6ea1;font-weight: bold;margin-left: 10px}

a{text-decoration: none;color: #3b6ea1}
a:HOVER{text-decoration: none}


/**企业文化**/
.main_qywh span,.main_qywh1 span{color: #396B9F;font-weight: 600;}
.main_qywh{border:solid red 0px ; width: 1150px;height: 300px;margin:20px 0 0 15px;}
.main_qywh2{border:solid red 0px ; width: 1150px;height: 300px;margin:20px 0 0 15px;}
.main_qywh img{float: right;}


.main_qywh_con{float: right; margin: 20px 35px 0 20px}
.main_qywh_con_p {width: 520px;font-size:16px;line-height: 2;}
.main_qywh_con_font{line-height: 3;font-size: 22px;font-weight: bold;width: 520px}

.main_qywh_top{float: left; margin: 10px 0 0 30px}
.main_qywh_top_p {width: 520px;font-size:16px;line-height: 2;}
.main_qywh_top_p2{width: 900px;font-size:16px;line-height: 2;text-align: center;margin-left: 70px}
.main_qywh_top_font{line-height: 3;font-size: 22px;font-weight: bold;}

.main_qywh_top_font2{width: 900px;line-height: 3;font-size: 22px;font-weight: bold;text-align: center;margin-left: 70px}
.main_qywh_bottom_p{width: 1000px;font-size:16px;line-height: 2;text-align: left;margin-left: 70px;text-indent: 2em}
.main_qywh1{border:solid red 0px ; width: 1150px;height: 300px;background-color: #F4F4F4;margin:20px 0 0 15px;}

.hd img{height: 40.41%;}
.pf  img{transform: scale(1,1); transition: all 0.6s;} 
.pf:hover img{transform: scale(1.1,1.1);}