body { font-size: 13px; line-height: 22px; font-family: "PT Sans",sans-serif; }
.container { position: relative; width: 1200px; margin: 0 auto; }
img { vertical-align: top; }
.h-title { font-size: 32px; font-weight: 700; text-align: center; color: #474650; line-height: 40px; margin-bottom: 38px; }
.more { text-align: center; }
.more a { display: inline-block; width: 178px; height: 38px; color: #2c9cd8; border: 1px solid #2c9cd8; line-height: 38px; }

#header { height: 100px; background-color: #fff; }
.logo { position: absolute; top: 9px; left: 0; }
/* nav */
.top-nav { float: left; margin-left: 240px; }
.layui-nav { background-color: transparent; height: 100px; padding: 0; }
.layui-nav .layui-nav-item { height: 100px; line-height: 120px; }
.layui-nav .layui-nav-item a { font-size: 16px; color: #666 }
.layui-nav .layui-this>a
,.layui-nav .layui-nav-item a:hover { color: #006cb8 }
.layui-nav .layui-nav-more { right: 15px; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 3px; background-color: #006cb8; }
.layui-nav-child { top: 100px; }
/* top contact */
.top-contact { float: right; margin-top: 18px; line-height: 30px; color: #666; font-size: 16px; }
.top-contact-list .iconfont { color: #ff6716; }
/* banner */
#banner { height: 600px; }

/* search products */
.search-products { padding: 60px 0; }
.search-products h2 { color: #474650; font-size: 30px; text-align: center; font-weight: 700; margin-bottom: 30px; }
.search-box { width: 880px; height: 55px; margin: 0 auto; }
.search-input { float: left; width: 778px; padding: 0 15px; height: 53px; background-color: #f8f8fa; border: 1px solid #cecece; }
.search-btn { float: left; border: 0; width: 70px; height: 55px; background-color: #ff5900; cursor: pointer; }
.search-btn .iconfont { font-size: 24px; color: #fff; }
/* features */
.site-box { padding: 0 15px; margin-bottom: 60px; text-align: center; }
.site-box .ico { height: 80px; line-height: 80px; }
.site-box .iconfont  { font-size: 80px; color: #343434; }
.site-box h3 { font-size: 20px; font-weight: 700; color: #474650; margin: 30px 0 20px; }
.site-box p { color: #474553; }

/* home products */
.home-products { background-color: #f8f9f9; padding: 60px 0; }
.home-product-list { margin: 0 -15px 30px; }
.home-product-item { position: relative; float: left; width: 380px; height: 285px; background-color: #aaa; margin: 0 15px 30px; overflow: hidden; }
.home-product-item img { width: 380px; height: 285px; }
.hover-bg { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(44,156,216,0); transition: background-color .3s }
.home-product-name { position: absolute; font-size: 22px; top: -40px; left: 0; right: 0; color: #fff; text-align: center; transition: top .5s }
.home-product-item:hover .hover-bg { background-color: rgba(44,156,216,.6); }
.home-product-item:hover .hover-bg:after { position: absolute; content: '+'; font-size: 24px; right: 0; bottom: 0; padding-left: 20px; width: 20px; height: 38px; line-height: 46px; background: url(../images/pro_detail_bg.png) no-repeat; }
.home-product-item:hover .home-product-name { top: 125px; }

/* home about */
.home-about { background: url('../images/about_bg.png') no-repeat center 60px; padding: 120px 0 60px; }
.home-about-box { text-align: center; padding: 30px 0; width: 1200px; margin: 0 auto }
.home-about-box p { margin-bottom: 5px; }
.about-feature-box { width: 1000px; margin: 0 auto; }
.about-feature { text-align: center; margin: 30px 0 60px; }
.about-feature i { font-size: 38px; font-weight: 700; font-style: normal; color: #2c9cd8; }
.about-feature p { color: #666; font-size: 16px; margin-top: 10px; }

/* home news */
.home-news { background-color: #f8f9f9; padding: 60px 0; }
.home-news-list { margin-bottom: 60px; height: 150px; }
.home-news-item { float: left; width: 570px; background-color: #fff; height: 150px; }
.home-news-item.mr-60 { margin-right: 60px; }
.home-news-item img { float: left; width: 200px; height: 150px; background-color: #666; }
.home-news-info { float: left; width: 310px; padding: 20px 30px 15px; }
.home-news-info i { color: #2c9cd8; font-size: 16px; font-style: normal; }
.home-news-info h3 { margin: 10px 0; }
.home-news-info p { color: #666; }

/* customer */
.home-partner { padding: 60px 0; }
.home-partner-box { width: 1200px; overflow: hidden; }
.home-partner-item { float: left; width: 178px; border: 1px solid #eee; margin-right: 24px; }
.home-partner-item img { max-width: 100%; }

/* ===================== page style ======================== */
.page-content { background-color: #f8f8f8; }

.page-banner { height: 210px; padding-top: 150px; text-align: center; background: url('../images/banner_page.jpg') no-repeat center top; background-size: cover; font-size: 58px; color: #252525; }
.page-banner small { color: #666; font-size: 26px; display: block; margin-top: 30px; }
.page-breadcrumb { height: 60px; line-height: 60px; background-color: #fff; border-bottom: 1px solid #eee; text-align: center; }
.page-info { padding: 30px 0 60px; line-height: 24px; }

/* page side */
.page-side { float: left; width: 280px; }
.side-menu, .side-contact { margin-bottom: 30px; background-color: #fff; padding: 15px 30px 50px; border-radius: 5px; }
.side-menu ul li a { display: block; border-bottom: 1px solid #e5e5e5; padding: 6px 10px }
.side-menu ul li ul { padding-left: 15px; display: none; }
.side-menu ul li.active>a { color: #296df4 }
.side-menu ul li.active>ul { display: block; }
.side-contact-block dt { margin-top: 20px; font-size: 16px; }
.side-contact-block dd { margin-top: 8px; margin-bottom: 20px; color: #666; line-height: 1.5; }

/* page content */
.page-con { float: right; width: 810px; padding: 40px; border-radius: 5px; background-color: #fff; }
.page-tit { font-size: 28px; margin-bottom: 30px; }
.page-desc p { margin-bottom: 10px; }

/* products */
.page-product-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; }
.page-product-item-thumb { float: left; width: 200px; margin-right: 60px; }
.page-product-item-thumb img { border: 1px solid #eee; padding: 5px; max-width: 100%; }
.page-product-item-info { float: left; width: 500px; }
.page-product-item-tit { color: #333; font-size: 18px; font-weight: 700; margin: 15px 0; }
.page-product-item-desc { color: #999 }

/* newslist */
.news-item { border-bottom: 1px solid #e5e5e5; padding: 15px 0 20px; }
.news-item-title { color: #000; margin-bottom: 15px; font-size: 18px; }
.news-item-thumb { float: left; width: 200px; padding-right: 15px; }
.news-item-thumb img { width: 100%; height: auto; }
.news-item-date { color: #999; }
.news-item-desc { color: #666; margin-top: 10px; }

/* imglist */
.img-list { margin: 0 -30px 0 0; }
.img-item { position: relative; float: left; width: 280px; background-color: #fff; margin-right: 30px; margin-bottom: 40px; transition: all .36s ease-out; }
.img-item .img-item-thumb { position: relative; width: 280px; height: 210px; 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; }

/* customer */
.customer-box { width: 800px; overflow: hidden; }
.customer-list { margin: 0 -30px; }
.customer-item { float: left; width: 202px; margin: 0 30px 30px; }
.customer-item img { width: 200px; height: 80px; border: 1px solid #eee; }

/* show */
.show-title { font-size: 20px; }
.show-para { color: #ccc; border-bottom: 1px solid #eee; padding: 15px 0 10px; }
.show-content { padding: 15px 0; }
.show-content img { max-width: 100%; }

/* tide-table */
.tide-table { border-collapse: collapse }
.tide-table tr th,
.tide-table tr td { white-space: nowrap; padding: 5px 30px 5px 0; text-align: left; line-height: 20px; }
.tide-table tr th span { display: inline-block; background-color: #eee; padding: 3px 15px; }

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

.footer { background-color: #262626; border-top: 3px solid #ff5900; color: #fff; }
.footer a { color: #9c9c9c; }
.footer-info { padding: 60px 0; line-height: 30px; }
.foot-logo { float: left; width: 240px; }
.foot-tit { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.foot-products-cate { float: left; width: 480px; padding: 15px 58px 15px 70px; border-left: 1px solid #474650; border-right: 1px solid #474650; }
.foot-products-cate-list li { float: left; width: 160px; }
.foot-add { float: right; width: 260px; padding: 15px 0 15px 80px; }
.foot-contacts-add { color: #9c9c9c; }

.footer-copyright { background-color: #1c668a; color: #ebeff2; line-height: 50px; text-align: center; }