@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1400px; margin:0 auto;}
*{box-sizing:border-box}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px;  min-width: 1450px;background: #fff;min-height: 100%;  font-family:Microsoft YaHei; }
/*welcome*/
.welcome { height:35px; background:#2c5e83 url(../images/welcome-bg.jpg) no-repeat center center; }
.wel-left { float:left; color:#ffffff; font-size:14px; line-height:35px; }
.wel-right { float:right; color:#ffffff; font-size:16px; line-height:35px; }
.wel-right img { width:20px; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:20px; margin-top:-4px; }
/*header*/
.header { height:163px; position:relative; }
.header .logo { float:left; height:163px; width:27.5%; }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header .nav { float:right; margin-top:51px; }
.header .nav ul li { float:left; color:#000000; font-size:20px; line-height:60px;  margin-left:53px; position:relative; font-weight:bold; }
.header .nav ul li a { color:#000000; }
.header .nav ul li:nth-child(5) { color:#000000; }
.header .nav ul li:nth-child(5) a { color:#fd0505; }
.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:60px;z-index:30000; }
.header .nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:50px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal; background-color:#ffffff;}
/*banner*/
.banner { height:auto;}
.banner .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner img { width:100%;}
.banner .swiper-pagination-bullet-active { background-color:#2c5e83; }
/*linker*/
.linker { height:220px; background:#2c5e83 url(../images/linker-bg.jpg) no-repeat center center; background-size:cover; margin-top:30px; }
.linker-left { float:left; margin-left:78px; }
.linker-left .tit {color:#ffffff; font-size:40px; line-height:1.5; margin-top:47px; }
.linker-left .des {color:#ffffff; font-size:18px; line-height:1.5; margin-top:4px; }
.linker-left .more {color:#ffffff; font-size:26px; line-height:1.5; margin-top:4px; }
.linker-right { float:right; margin-right:70px; background:url(../images/tel.png) no-repeat left center; padding-left:70px; margin-top:75px; }
.linker-right .tit {color:#ffffff; font-size:20px; line-height:1.4; }
.linker-right .des {color:#ffffff; font-size:37px; line-height:1.4; font-family:Arial, Helvetica, sans-serif; }
/*tianmao*/
.tianmao  { height:220px; background:#3ab9b9 url(../images/tianmao-bg.jpg) no-repeat center center; background-size:cover; margin-top:30px; }
.tianmao-left { float:left; margin-left:78px;  }
.tianmao-left .pic { float:left; width:378px; margin-top:56px; }
.tianmao-left .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.tianmao-left .con { float:left; margin-left:25px; margin-top:64px; }
.tianmao-left .con .tit {color:#ffffff; font-size:40px; line-height:1.5; }
.tianmao-left .con .des { width:83px; height:25px; border-radius:12px; text-align:center; background-color:#FFF; color:#000000; font-size:20px; line-height:25px; }
.tianmao-right { float:right; margin-right:70px; }
.tianmao-right .pic { float:left; width:137px; margin-top:45px; }
.tianmao-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; border-radius:5px;}
.tianmao-right .con { float:left; margin-left:30px; margin-top:74px; color:#ffffff; font-size:26px; line-height:1.5;  }
/*public*/
.public { text-align:center; }
.public .tit { color:#282828; font-size:46px; line-height:1.5; font-weight:bold; }
.public .des { color:#484747; font-size:18px; line-height:1.5; margin-top:10px; }
.public.white .tit { color:#ffffff; }
.public.white .des { color:#ffffff; }
/*yewu*/
.yewu { padding-top:35px; padding-bottom:75px; }
.yewu-list { padding-top:20px; }
.yewu-list ul li { float:left; margin-top:20px; width:690px; height:380px; position:relative; border-radius:5px; overflow:hidden; }
.yewu-list ul li:nth-child(even) { margin-left:20px; }
.yewu-list ul li .pic { width:100%; height:100%; }
.yewu-list ul li .pic img { width:100%; height:100%; }
.yewu-list ul li .con { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/yewu-mask.png) no-repeat center center; background-size:cover; padding:290px 46px 0 46px; text-align:center;}
.yewu-list ul li .con .tit { color:#ffffff; font-size:40px; line-height:1.5; font-weight:bold; }
.yewu-list ul li .con .des { display:none; color:#ffffff; font-size:16px; line-height:30px; height:90px; overflow:hidden; margin-top:18px; }
.yewu-list ul li .con .more { display:none; color:#111111; font-size:18px; line-height:50px; width:300px; margin:0 auto; height:50px; background-color:#FFF; border-radius:25px; margin-top:30px; }
.yewu-list ul li:hover .con { background-color:#3ab9b9; background-image:none;  padding:60px 46px 0 46px;}
.yewu-list ul li:hover .con .des { display:block; }
.yewu-list ul li:hover .con .more { display:block; }
/*about*/
.about { background:#f1f1f1 url(../images/about-bg.jpg) no-repeat center center; background-size:cover; padding-top:50px; padding-bottom:55px; }
.about-des { color:#484747; font-size:18px; line-height:30px; text-align:center; margin-top:43px; padding:0 20px; }
.about-list { margin-top:30px; }
.about-list ul li { float:left; width:450px; height:410px; background-color:#FFF; border:#e5e5e5 solid 1px;  }
.about-list ul li:nth-child(3n+2) { margin-left:25px; }
.about-list ul li:nth-child(3n+3) { margin-left:25px; }
.about-list ul li .pic { height:260px; overflow:hidden; }
.about-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.about-list ul li .con { padding:30px 0 0 30px; position:relative; }
.about-list ul li .con:after{content:""; position:absolute; left:0; top:28px; width:3px; height:50px; background-color:#2c5e83; }
.about-list ul li .con .tit { color:#282828; font-size:30px; line-height:1.5; }
.about-list ul li .con .des { color:#686868; font-size:18px; line-height:1.5; margin-top:6px; }
/*rongyu*/
.rongyu { background:url(../images/rongyu-bg.jpg) no-repeat top center; background-size:100% 530px; padding-top:55px; }
.rongyu-box { margin-top:55px; background-color:#FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius:5px; padding-bottom:30px; }
.rongyu-box ul li { float:left; width:340px; margin-left:8px; margin-top:8px; text-align:center; }
.rongyu-box ul li .pic { height:240px; overflow:hidden; display: flex;  align-items: center; justify-content: center; }
.rongyu-box ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.rongyu-box ul li .tit { color:#333333; font-size:18px; line-height:50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.rongyu-box ul li:hover .tit { color:#2c5e83; }
/*news*/
.news { padding-top:40px; padding-bottom:40px; }
.news-list { padding-top:25px; }
.news-list ul li { float:left; width:690px; height:165px; background-color:#f8f7f7; margin-top:20px; }
.news-list ul li:nth-child(even) { margin-left:20px; }
.news-list ul li .riqi { float:left; width:110px; text-align:center; position:relative; margin-top:45px; font-family:Arial, Helvetica, sans-serif;}
.news-list ul li .riqi:after{content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#eeeeee; }
.news-list ul li .riqi-dd { color:#999999; font-size:44px; line-height:1; position:relative; font-weight:bold;  }
.news-list ul li .riqi-dd:after{content:""; position:absolute; left:50%; margin-left:-25px; bottom:-7px; width:50px; height:1px; background-color:#d7d7d7; }
.news-list ul li .riqi-yymm { color:#999999; font-size:14px; line-height:1; margin-top:19px; }
.news-list ul li .con { float:right; width:500px; margin-right:30px; margin-top:35px; }
.news-list ul li .con .tit { color:#333333; font-size:18px; line-height:1.5; font-weight:bold; }
.news-list ul li .con .des { color:#8a8989; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin-top:12px; }
.news-list ul li:hover .con .tit { color:#2c5e83; }
/*footer*/
.footer { background-color:#1d3d55; color:#ffffff; font-size:16px; line-height:36px; }
.footer a:hover { text-decoration:underline; }
.f-top { padding-bottom:50px; }
.f-left { float:left; width:684px; margin-top:70px; position:relative; }
.f-left:after{content:""; position:absolute; right:-120px; top:0; width:1px; height:100%; background-color:#4a6477; }
.f-logo { height:106px; }
.f-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-contact { margin-top:50px; }
.f-text { float:left; width:330px; }
.f-ewm { float:right; width:290px; margin-top:15px; }
.f-ewm ul li { float:left; width:45%; margin-right:5%; text-align: center; }
.f-ewm ul li img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-right { float:right; width:500px; margin-top:100px; }
.f-right dl { float:left; width:33.33%; text-align:center; }
.f-right dl dt { color:#f2efef; font-size:22px; line-height:60px; font-weight:bold; }
.f-copy { text-align:center; border-top:#4a6477 solid 1px; color:#ffffff; font-size:16px; line-height:30px; padding-top:25px; padding-bottom:25px; }
/*banner-n*/
.banner-n { width:100%; }
.banner-n img { width:100%; }
/*n-page*/
.n-page { padding-top:30px; padding-bottom:60px; color:#000000; font-size:16px; line-height:2; }
.n-page img{max-width: 100%;max-height: 100%;vertical-align: middle;}
/*pagination*/
.pagination { width:100%; display:block;  text-align:center; font-size:14px; color:#7b7b7b; padding-bottom:30px; padding-top:30px; }
.pagination a { color:#7b7b7b;  padding:5px 9px;border-radius:3px; border:#dddddd solid 1px; margin:0 6px; }
.pagination a:hover { background-color:#2c5e83; color:#FFF;border:#2c5e83 solid 1px;}
.pagination a.now{ background-color:#2c5e83; color:#FFF;border:#2c5e83 solid 1px;}
/*n-newshow*/
.n-newshow { padding-top:30px; padding-bottom:60px; }
.n-show {padding:20px 0; color:#000000; font-size:16px; line-height:2; min-height:400px; }
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-show table {border-collapse: collapse;}
.n-show table tr th {color: #000000; font-size: 16px; line-height: 2; font-weight: normal; background-color: #f9f8f8;padding: 10px;border:#eeeeee solid 1px;}
.n-show table tr td { line-height:2; border:1px solid #dddddd; padding:10px;}
.n-tit { font-size:24px; text-align:center; line-height:1.5; color:#333333; }
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#999999; }
.n-xian {border-bottom:#cccccc solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:20px 0; color:#666666; }
.n-other a:hover{ color:#2c5e83; } 
/*n-position*/
.n-position { border-bottom:#bfbfbf solid 1px; height:51px; }
.n-position .tit { float:left; color:#000000; font-size:20px; line-height:50px;  }
.n-position .tit span { display:inline-block; padding:0 30px; position:relative; }
.n-position .tit span:after{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#2c5e83; }
.n-position .more { float:right;  color:#111111; font-size:16px; line-height:50px; background:url(../images/home.png) no-repeat left center; padding-left:36px; }
.n-position .more a:hover { color:#2c5e83; }
/*n-main*/
.n-main { min-height:500px; }
/*main-list*/
.main-list { margin-top:10px; }
.main-list ul li{ color:#333333; font-size:16px; line-height:58px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom:#eeeeee solid 1px; }
.main-list ul li:last-child { border-bottom:none; }
.main-list ul li span{ float:right; font-size:16px; color:#999999; font-family:Arial, Helvetica, sans-serif; }
.main-list ul li:hover { color:#2c5e83; }
/*n-list*/
.n-list { margin-top:20px;}
.n-list ul li{ float:left; width:32%; text-align:center; }
.n-list ul li:nth-child(3n+2) { margin-left:2%;}
.n-list ul li:nth-child(3n+3) { margin-left:2%;}
.n-list ul li .pic { height:250px; overflow:hidden; border: #e4e4e4 solid 1px; display: flex;  align-items: center; justify-content: center; }
.n-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s;}
.n-list ul li .tit { color:#414141; font-size:16px; line-height:3; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;transition: all 0.4s; margin-bottom:15px;  }
.n-list ul li:hover .pic img {transform: scale(1.05);	transition: 0.5s;}
.n-list ul li:hover .tit { background-color:#2c5e83; color:#ffffff; }


@media(max-width:1550px){
.wrap { width:1200px;}
/* 初始化1450 */
body {min-width: 1200px;}
/*welcome1450*/
.welcome { height:30px; background-position:75% center; }
.wel-left {line-height:30px; }
.wel-right { font-size:14px; line-height:30px; }
.wel-right img { width:18px; margin-left:18px; }
/*header1450*/
.header { height:140px; }
.header .logo { height:140px; }
.header .nav {margin-top:45px; }
.header .nav ul li { font-size:18px; line-height:50px;  margin-left:45px; }
.header .nav ul li .sub { top:50px;}
/*linker1450*/
.linker { height:188px; margin-top:25px; }
.linker-left { margin-left:60px; }
.linker-left .tit {font-size:34px; margin-top:35px; }
.linker-left .des {font-size:16px; }
.linker-left .more {font-size:22px; }
.linker-right { margin-right:55px; padding-left:60px; margin-top:65px; background-size:50px auto; }
.linker-right .tit { font-size:18px; }
.linker-right .des { font-size:32px; }
/*tianmao1450*/
.tianmao  { height:188px; margin-top:25px; }
.tianmao-left {margin-left:60px;  }
.tianmao-left .pic { width:324px; margin-top:50px; }
.tianmao-left .con { margin-left:23px; margin-top:54px; }
.tianmao-left .con .tit {font-size:34px; }
.tianmao-left .con .des { width:70px; height:20px; font-size:18px; line-height:20px; }
.tianmao-right { margin-right:55px; }
.tianmao-right .pic { width:120px; margin-top:35px; }
.tianmao-right .con { margin-left:25px; margin-top:60px; font-size:22px; }
/*public1450*/
.public .tit { font-size:40px; }
.public .des { font-size:16px; margin-top:8px; }
/*yewu1450*/
.yewu { padding-top:30px; padding-bottom:65px; }
.yewu-list ul li {width:49%; height:325px; }
.yewu-list ul li:nth-child(even) { margin-left:2%; }
.yewu-list ul li .con { padding:240px 36px 0 36px; }
.yewu-list ul li .con .tit { font-size:34px; }
.yewu-list ul li .con .des { font-size:14px; line-height:26px; height:78px; margin-top:16px; }
.yewu-list ul li .con .more { font-size:16px; line-height:44px; width:260px; height:44px; border-radius:22px; margin-top:28px; }
.yewu-list ul li:hover .con { padding:50px 36px 0 36px;}
/*about1450*/
.about { padding-top:45px; padding-bottom:50px; }
.about-des { font-size:16px; line-height:26px; margin-top:36px; padding:0 10px; }
.about-list { margin-top:25px; }
.about-list ul li { width:32%; height:350px; }
.about-list ul li:nth-child(3n+2) { margin-left:2%; }
.about-list ul li:nth-child(3n+3) { margin-left:2%; }
.about-list ul li .pic { height:223px; }
.about-list ul li .con { padding:23px 0 0 26px; }
.about-list ul li .con:after{ top:23px; width:2px; height:40px; }
.about-list ul li .con .tit { font-size:26px; }
.about-list ul li .con .des { font-size:16px; }
/*rongyu1450*/
.rongyu { background-size:100% 453px; padding-top:50px; }
.rongyu-box { margin-top:50px; padding-bottom:25px; }
.rongyu-box ul li { width:24%; margin-left:0.8%; }
.rongyu-box ul li .pic { height:206px; }
.rongyu-box ul li .tit { font-size:16px; line-height:45px; }
/*news1450*/
.news { padding-top:35px; padding-bottom:35px; }
.news-list { padding-top:20px; }
.news-list ul li {  width:49%; height:140px; }
.news-list ul li:nth-child(even) { margin-left:2%; }
.news-list ul li .riqi { width:18%; margin-top:35px;}
.news-list ul li .riqi-dd { font-size:38px; }
.news-list ul li .riqi-dd:after{ margin-left:-23px; bottom:-5px; width:46px; }
.news-list ul li .riqi-yymm { margin-top:17px; }
.news-list ul li .con { width:72%; margin-right:2%; margin-top:30px; }
.news-list ul li .con .tit { font-size:16px; }
.news-list ul li .con .des { font-size:14px; line-height:24px; height:48px; margin-top:10px; }
/*footer1450*/
.footer { font-size:14px; line-height:30px; }
.f-top { padding-bottom:45px; }
.f-left { width:50%; margin-top:60px; }
.f-left:after{ right:-85px; }
.f-logo { height:96px; }
.f-contact { margin-top:45px; }
.f-text { width:47%; }
.f-ewm { width:47%; margin-top:10px; }
.f-right { width:39%; margin-top:80px; }
.f-right dl dt { font-size:18px; line-height:55px; }
.f-copy { font-size:14px; line-height:26px; padding-top:20px; padding-bottom:20px; }
.n-list ul li .pic { height:200px; }
}


@media(max-width:1300px){
.wrap { width:1000px; padding: 0 30px; }
/* 初始化1300 */
body {min-width: 1000px;}
/*welcome1300*/
.welcome { background-position:70% center; }
/*header1300*/
.header { height:110px; }
.header .logo { height:110px; }
.header .nav {margin-top:35px; }
.header .nav ul li { font-size:16px; line-height:40px;  margin-left:35px; }
.header .nav ul li .sub { top:40px;}
/*linker1300*/
.linker { height:150px; margin-top:20px; }
.linker-left { margin-left:40px; }
.linker-left .tit {font-size:26px; margin-top:25px; }
.linker-left .des {font-size:14px; }
.linker-left .more {font-size:18px; }
.linker-right { margin-right:40px; padding-left:50px; margin-top:50px; background-size:40px auto; }
.linker-right .tit { font-size:16px; }
.linker-right .des { font-size:25px; }
/*tianmao1300*/
.tianmao  { height:150px; margin-top:20px; }
.tianmao-left {margin-left:40px;  }
.tianmao-left .pic { width:250px; margin-top:45px; }
.tianmao-left .con { margin-left:21px; margin-top:44px; }
.tianmao-left .con .tit {font-size:27px; }
.tianmao-right { margin-right:40px; }
.tianmao-right .pic { width:100px; margin-top:25px; }
.tianmao-right .con { margin-left:21px; margin-top:50px; font-size:18px; }
/*public1300*/
.public .tit { font-size:30px; }
.public .des { font-size:14px; margin-top:6px; }
/*yewu1300*/
.yewu { padding-top:25px; padding-bottom:60px; }
.yewu-list ul li {height:260px; }
.yewu-list ul li .con { padding:200px 26px 0 26px; }
.yewu-list ul li .con .tit { font-size:26px; }
.yewu-list ul li .con .des { margin-top:14px; }
.yewu-list ul li .con .more { font-size:14px; line-height:35px; width:200px; height:35px; border-radius:18px; margin-top:26px; }
.yewu-list ul li:hover .con { padding:35px 26px 0 26px;}
/*about1300*/
.about { padding-top:40px; padding-bottom:45px; }
.about-des { font-size:14px; line-height:24px; margin-top:31px; padding:0; }
.about-list { margin-top:20px; }
.about-list ul li { height:280px; }
.about-list ul li .pic { height:177px; }
.about-list ul li .con { padding:21px 0 0 23px; }
.about-list ul li .con:after{ top:21px; width:1px; height:34px; }
.about-list ul li .con .tit { font-size:20px; }
.about-list ul li .con .des { font-size:14px; }
/*rongyu1300*/
.rongyu { background-size:100% 360px; padding-top:45px; }
.rongyu-box { margin-top:45px; padding-bottom:20px; }
.rongyu-box ul li .pic { height:160px; }
.rongyu-box ul li .tit { font-size:14px; line-height:40px; }
/*news1300*/
.news { padding-top:30px; padding-bottom:30px; }
.news-list { padding-top:15px; }
.news-list ul li {  height:120px; }
.news-list ul li .riqi { margin-top:30px;}
.news-list ul li .riqi-dd { font-size:30px; }
.news-list ul li .riqi-dd:after{ margin-left:-20px; bottom:-3px; width:40px; }
.news-list ul li .riqi-yymm { margin-top:15px; }
.news-list ul li .con { margin-right:25px; margin-top:20px; }
/*footer1300*/
.footer { line-height:26px; }
.f-top { padding-bottom:40px; }
.f-left { margin-top:50px; }
.f-left:after{ right:-65px; }
.f-logo { height:86px; }
.f-contact { margin-top:40px; }
.f-ewm { margin-top:8px; }
.f-right { margin-top:70px; }
.f-right dl dt { font-size:16px; line-height:50px; }
.f-copy { line-height:24px; padding-top:15px; padding-bottom:15px; }
.n-list ul li .pic { height:170px; }
}