@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "微软雅黑";}

.in_ct{width:960px;height:auto;overflow:hidden;margin:0 auto;}
.in_ct1{width:960px;height:auto;overflow:hidden;}
.box li{ width:235px;height:500px;margin-left:5px;float:left;overflow:hidden;position:relative;}
.toll_img{ width:235px;height:500px;}
.toll_info{ height:500px;vertical-align:middle;display:table-cell;}
.box li .box1{ color:#666;text-decoration:none;position:absolute;top:0;left:0;cursor:pointer;}


.picbt { width:980px; margin:0 auto; overflow:hidden;}
.picbt img { width:980px; height:68px; margin-bottom:12px}

/*精彩图片css样式*/
.pictb { width:980px; margin:0 auto; overflow:hidden}
.pictb .tb_280 { width:280px; float:left}
.pictb .tb_685 { width:685px; float:left}
.pictb .tb_335 { width:335px; float:left}
.pictb .tb_410 { width:410px; float:left}
.pictb .tb_260 { width:260px; float:left}
.mr15 { margin-right:15px;}
.ml15 { margin-left:15px;}
.mt15 { margin-top:15px}
.mb15 { margin-bottom:15px}

.text-desc{position: absolute; left: 0; top: 0; background-color:#006397; height:60px; opacity: 0; width: 100%; }
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity: 0.7; top:60px; transition: 0.5s; line-height:60px; }
.port-1 .text-desc h3{ font-weight:bold; font-size:32px;}
.port-1 .text-desc h3 a { color:#FFF;  text-decoration:none}
.port-1 .image-box1 img { width:280px; height:335px}
.port-1 .image-box2 img { width:280px; height:170px}
.port-1 .image-box3 img { width:335px; height:240px}
.port-1 .image-box4 img { width:410px; height:265px}
.port-1 .image-box5 img { width:260px; height:265px}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);cursor:pointer;}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}