.dyui-main { width: 1200px; margin: 0 auto; }

#header { position: relative; width: 100%; height: 70px; }
.logo { float: left; width: 260px; margin-top: 15px; }

/* dyui-nav */
.dyui-nav { float: right; }
.layui-nav { background-color: transparent; padding: 0; }
.layui-nav .layui-nav-item {  line-height: 70px; margin-right: 5px; }
.layui-nav .layui-nav-item a { color: #333; color: rgba(0,0,0,.7); }
.layui-nav .layui-nav-item a:hover {color: #999;}
.layui-nav-bar,
.layui-nav .layui-this:after { height: 3px; background-color: #0f87da; }
.layui-nav-child { top: 70px; }
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color: #0f87da; }

/* banner */
#banner .carousel-item { background-position: center; }

/* dyui-title */
.dyui-title { margin-bottom: 40px; }
.dyui-title p.title { display: inline-block; font-size: 20px; margin-right: 10px; }
.dyui-title p.subtitle { display: inline-block; color: #bbb; }

/* isolution */
#isolution { position: relative; padding: 80px 0 100px; }
.isolution-content { width: 1200px; overflow: hidden; }
.isolution-list { width: 1230px; }
.isolution-item { float: left; width: 380px; margin-right: 30px; transition: all 0.36s ease; }
.isolution-item-thumb { width: 380px; height: 200px; overflow: hidden; }
.isolution-item-thumb img { max-width: 100%; height: auto; transition: all 0.36s ease; }
.isolution-item-info { position: relative; padding: 25px 30px 0 20px; transition: all 0.3s ease-out 0s; }
.isolution-item-info:after { content: ""; position: absolute; z-index: 99; left: 0; bottom: 72px; display: block; width: 100%; height: 1px; background-color: #ebebeb; transition: all 0.36s ease; }
.isolution-item-info p.title { font-size: 16px; color: #333; line-height: 30px; transition: all 0.36s ease; }
.isolution-item-info p.description { height: 52px; overflow: hidden; font-size: 13px; color: #999; line-height: 26px; margin: 10px 0 25px 0; transition: all 0.36s ease; }
.isolution-item-info p.more { display: inline-block; padding: 0 20px; font-size: 14px; color: #999; line-height: 30px; border: 1px solid rgba(170, 170, 170, 0.2); margin: 20px 0; transition: all 0.36s ease; }

.isolution-item:hover { background-color: #0A6CB7; }
.isolution-item:hover .isolution-item-thumb img { transform: scale(1.1); }
.isolution-item:hover .isolution-item-info { padding: 25px 20px 0 30px; }
.isolution-item:hover .isolution-item-info:after { background-color: rgba(255,255,255,.4); }
.isolution-item:hover .isolution-item-info p.title { color: #fff; }
.isolution-item:hover .isolution-item-info p.description { color: #d6e7fb; }
.isolution-item:hover .isolution-item-info p.more { padding: 0 25px; color: #666; border-color: #fff; border-radius: 30px; background-color: #fff; }

.isolution-btn { text-align: center; margin-top: 30px; }
.isolution-btn li { display: inline-block; width: 9px; height: 9px; border-radius: 10px; border: 1px solid #0A6CB7; background-color: #fff; margin: 0 8px; cursor: pointer; }
.isolution-btn li.on { background-color: #0A6CB7; }

/* iabout */
#iabout { width: 100%; height: 330px; padding-top: 200px; background: url('../images/iabout_bg.jpg') no-repeat center top; }
.dyui-about { height: 330px; background-color: #fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, .06); }
.iabout { float: left; width: 650px; padding-left: 75px; padding-top: 60px; }
.iabout-title { margin-bottom: 15px; }
.iabout-title p.title { display: block; font-size: 20px; line-height: 30px; color: #0f87da; }
.iabout-title p.subtitle { display: block; font-size: 14px; color: #bbb; line-height: 26px; }
.iabout-content { font-size: 14px; color: #999; line-height: 2em; }
a.iabout-more { display: block; width: 118px; height: 38px; border: 1px solid #ebebeb; font-size: 14px; color: #999; line-height: 38px; text-align: center; transition: all ease .5s; margin-top: 25px; }
a.iabout-more::after { content: ""; display: block; width: 0; height: 38px; background-color: #0f87da; margin-top: -38px; transition: all ease .5s; }
a.iabout-more:hover::after { width: 118px; }
a.iabout-more:hover { color: #fff; border: 1px solid #0f87da; }

.italents { float: right; width: 280px; height: 100%; padding-left: 40px; background-color: #0A6CB7; }
.italents>a { display: block; width: 100%; height: 100%; }
.italents-info { padding-top: 60px; }
.italents-info p.title { font-size: 36px; color: #fff; letter-spacing: 6px; }
.italents-more { margin-top: 160px; line-height: 50px; }
.italents-more i { float: left; font-size: 50px; color: #fff; }
.italents-more p { float: right; padding-right: 40px; font-size: 14px; color: #fff; }

/* inews */
#inews { padding: 120px 0 50px; }
.inews-content { margin: 40px 0 85px; }
.inews-tj-list { float: left; width: 480px; }
.inews-tj-item-thumb { width: 480px; height: 270px; overflow: hidden; }
.inews-tj-item-thumb img { width: 480px; height: 270px; transition: all 0.36s ease; }
.inews-tj-item-info { width: 420px; height: 130px; padding: 30px 30px 0; background-color: #0f87da; }
.inews-tj-item-info .date { float: left; width: 70px; font-family: Arial; text-align: center; margin-top: 5px; }
.inews-tj-item-info .date p.dd { font-size: 36px; color: #fff; }
.inews-tj-item-info .date p.yyyy-mm { font-size: 14px; color: rgba(255,255,255,.7); }
.inews-tj-item-txt { float: right; width: 320px; }
.inews-tj-item-txt p.title { font-size: 16px; color: #fff; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.5); }
.inews-tj-item-txt p.description { font-size: 14px; color: #fff; line-height: 24px; margin-top: 10px; }

.inews-tj-item:hover { box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); }
.inews-tj-item:hover .inews-tj-item-thumb img { transform: scale(1.1); }

.inews-list { float: right; width: 640px; }
.inews-item { margin-top: 50px; }
.inews-item:first-child { margin-top: 15px; }
.inews-item-txt { float: left; width: 550px; }
.inews-item-txt p.title { font-size: 16px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #eee; transition: all 0.36s ease; }
.inews-item-txt p.description { font-size: 14px; color: #999; line-height: 24px; margin-top: 15px; }
.inews-item .date { float: right; width: 65px; font-family: Arial; text-align: center; margin-top: 20px; }
.inews-item .date p.dd { font-size: 36px; color: #666; }
.inews-item .date p.yyyy-mm { font-size: 14px; color: #999; }

.inews-item:hover .inews-item-txt p.title { color: #0f87da; padding-left: 15px; }

a.inews-more { display: block; width: 118px; height: 38px; border: 1px solid #ccc; font-size: 14px; color: #666; line-height: 38px; text-align: center; margin: 0 auto; transition: all ease .5s; }
a.inews-more::after { content: ""; display: block; width: 0; height: 38px; background-color: #0f87da; margin-top: -38px; transition: all ease .5s; }
a.inews-more:hover::after { width: 118px; }
a.inews-more:hover { color: #fff; border: 1px solid #0f87da; }

/* page */
#page-banner { height: 350px; background-position: center top; background-repeat: no-repeat; }

.page-breadcrumb { line-height: 36px; background-color: #fff; padding: 50px 0 }
.navname { font-size: 30px; text-align: center; }
.navname+.submenus { margin-top: 20px; }
.submenus { height: 36px; text-align: center; }
.submenus li { display: inline-block; padding: 0; margin: 0; background-color: #333; }
.submenus li a { display: block; padding: 0 15px; font-size: 12px; color: #fff; }
.submenus li.active a { background-color: #116cb7; }
.breadcrumb { float: right; }

.page-info { line-height: 30px; background-color: #f5f5f5; padding-top: 50px; }

/* newslist */
.news-list { width: 100%; padding-bottom: 50px; }
.news-item { position: relative; }
.news-item a { display: block; background-color: #fff; padding: 15px 30px; border-bottom: 1px solid #eee; }
.news-item a span { float: right; color: #999; }

.news-item .news-info { background-color: #fff; border-radius: 3px; padding: 50px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); transition: all .36s ease; }
.news-item .news-info p.title { font-size: 15px; color: #666; line-height: 30px; padding-left: 26px; transform: translateX(-27px); transition: all .36s ease; }
.news-item .news-info p.date { font-size: 14px; color: #999; font-family: Arial; line-height: 30px; transition: all .36s ease; }
.news-item .news-info p.description { height: 52px; overflow: hidden; margin-top: 10px; font-size: 13px; color: #999; line-height: 26px; transition: all .36s ease; }
.news-item:hover .news-info { background-color:#0A6CB7; color: #fff; }
.news-item:hover .news-info p.title { color:#fff; transform:translateX(-17px) }
.news-item:hover .news-info p.date { transform:translateX(10px); color: #fff; }
.news-item:hover .news-info p.description { transform:translateX(10px); color: #fff; }
.news-item:hover a.details:before { left: 30px; opacity: 0; }
.news-item:hover a.details:after { left: 15px; opacity: 1; }

/* imglist */
.img-item { position: relative; }
.img-item .img-item-thumb { position: relative; width: 380px; height: 285px; overflow: hidden; }
.img-item .img-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
.img-item .img-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.img-item:hover .img-item-thumb img { transform: scale(1.1, 1.1); }
.img-item:hover .img-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.img-item .img-item-info { text-align: center; height: 60px; line-height: 60px; background-color: #0A6CB7; }
.img-item .img-item-info p.title { color: #fff; }

/* shownews */
.show-title { font-size: 18px; line-height: 30px; text-align: center; margin: 0; }
.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
.show-content { line-height: 30px; padding: 15px; }

/* showproduct */
.pro-content { float: left; width: 820px; line-height: 30px; }
.pro-info { float: right; width: 340px; }
.pro-info>p.title { font-size: 19px; color: #444; margin-bottom: 10px; }
.pro-info>p.description { font-size: 13px; color: #999; line-height: 28px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.1); }
.re-pro-list { margin: 30px -5px 0; }
.re-pro-list li { float: left; width: 165px; height: 140px; margin: 0 5px 20px; }
.re-pro-list li img { width: 100%; }
.re-pro-list li p.title { font-size: 13px; color: #333; margin: 10px 0 5px; }
.re-pro-list li p.description { font-size: 12px; color: #b7b7b7; }

/** 表格 **/
.hzih-table { width: 100%; margin: 10px 0; color: #666; border-collapse: separate; border-spacing: 2px }
.hzih-table tr { transition: all .3s; -webkit-transition: all .3s; }
.hzih-table thead tr { background-color: #0f87da; color: #fff; }
.hzih-table th, .hzih-table td { position: relative; padding: 15px; min-height: 20px; line-height: 30px; }
.hzih-table tr { background-color: #fff; }
.hzih-table tr:nth-child(even) { background-color: #f9f9f9; }

/* contacts */
.contact-item { text-align: center; }
.contact-item .layui-icon { color: #666; font-size: 100px; line-height: 120px; }
.contact-item h3 { font-size: 24px; font-weight: 700; }
.contact-item dl dd em { color: #f00; font-style: normal; }

/* pagination */
.pagination { padding: 30px 0 50px; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block; font-family: Microsoft Yahei; padding: 3px 15px; background-color: #fff; border-radius: 3px; }
.pagination li a:hover { color: #0A6CB7; }
.pagination li.active span { background-color: #0A6CB7; color: #fff; }

/* footer */
#footer { font-family: "Microsoft Yahei"; background-color: #252525; }
.footer-content { padding: 45px 0 70px; }
.footer-logo { float: left; margin-right: 100px; text-align: center; }
.footer-logo p { color: #fff; margin: 8px 0 20px; }
.footer-contact { position: relative; float: left; }
.footer-contact:before { content: ''; position: absolute; z-index: 99; top: 0; left: -15px; display: block; width: 1px; height: 30px; background-color: #7f7f7f; }
.footer-contact p { color: #7f7f7f; line-height: 24px; }
.footer-contact p.tel { font-size: 18px; }
.footer-contact p.tel span { font-size: 30px; color: #29a9ff; font-weight: 700; line-height: 60px; }
.footer-contact p.shares { color: #fff; margin-bottom: 25px; }
.footer-nav { float: right; width: 200px; }
.footer-nav p.title { font-size: 18px; color: #fff; }
.footer-nav ul { width: 240px; }
.footer-nav ul li { float: left; width: 80px; margin-right: 40px; margin-top: 20px; }
.footer-nav ul li a { color: #7f7f7f; }
.copyright { color: #7f7f7f; text-align: center; padding: 20px 0; line-height: 30px; border-top: 1px solid #333; }