body { font-size: 14px; line-height: 22px; }
.container { position: relative; width: 1200px; margin: 0 auto; }
img { vertical-align: top; }

#header { height: 110px; background-color: #fff; }
.logo { position: absolute; top: 25px; left: 0; }

.top-contact-nav { float: right; font-size: 16px; }
.top-contact-list { height: 60px; line-height: 60px; overflow: hidden; padding-right: 20px; }
.top-contact-list li { float: right; margin-left: 15px; }
.top-contact-list li i.iconfont { color: #296df4; }

.layui-nav { background-color: transparent; height: 50px; padding: 0; }
.layui-nav .layui-nav-item { height: 50px; line-height: 30px; }
.layui-nav .layui-nav-item a { font-size: 16px; color: #666 }
.layui-nav .layui-this a
,.layui-nav .layui-nav-item a:hover { color: #000 }
.layui-nav .layui-nav-more { right: 15px; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 3px; }
.layui-nav-child { top: 50px; }
.layui-nav .layui-nav-item .layui-nav-child a { font-size: 14px; }

#banner { height: 636px; }

/* products */
#products { padding: 60px 0; }
#products .more,
#news .more { display: block; width: 200px; height: 46px; background-color: #133984; color: #fff; font-weight: 700; text-align: center; line-height: 46px; margin: 0 auto; }
.products-tit { font-size: 36px; font-weight: 700; text-align: center; }
.products-list { position: relative; width: 1200px; height: 372px; margin-bottom: 50px; padding-top: 120px; overflow: hidden; }
.product-item { float: left; margin-right: 32px; width: 274px; height: 370px; border: 1px solid #eee; background-color: #f3f3f3; }
.product-item-thumb { height: 206px; padding: 34px 0; overflow: hidden; }
.product-item-thumb img { max-width: 100%; }
.product-item-tit { height: 48px; padding: 24px 15px; font-size: 16px; background-color: #fff; color: #666; text-align: center; }
.products-btn { position: absolute; top: 30px; left: 50%; width: 103px; height: 36px; margin-left: -51px; background: url('../images/product_btn.gif') no-repeat; }
.products-btn .prev,
.products-btn .next { position: absolute; top: 0; width: 31px; height: 36px; cursor: pointer; }
.products-btn .prev { left: 0; }
.products-btn .next { right: 0; }

/* pic link */
#pic_link { padding-bottom: 60px; height: 355px; }
.pic_link_item { display: block; float: left; }
.pic_link_mr_40 { margin-right: 40px; }

/* about */
#about { background: url('../images/about_bg.jpg') no-repeat center top; height: 360px; padding-top: 170px; }
.about-box { position: relative; height: 360px; padding: 0 50px 0 630px; background-color: #2a65b2; color: #fff; }
.about-img { position: absolute; top: -50px; left: 50px; }
.about-tit { font-size: 24px; padding-top: 45px; }
.about-desc { text-align: justify; margin-top: 20px; }
.about-desc p { margin-bottom: 15px; }
.about-company-name { color: #f0b900; font-size: 18px; margin-bottom: 30px !important; }
.about-info a.more { position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background-color: #0c3468; color: #fff; font-size: 40px; text-align: center; line-height: 50px; }

/* news */
#news { padding: 60px 0; }
.news-tit { font-size: 36px; font-weight: 700; text-align: center; }
.news-tit span { color: #c7c6cb; font-size: 14px; font-weight: normal; display: block; margin-bottom: 15px; }
.i-news-list { border-top: 1px solid #e6e3e3; margin: 50px 0; }
.i-news-item { display: block; height: 140px; padding: 30px 0; border-bottom: 1px solid #e6e3e3; }
.i-news-thumb { float: left; width: 300px; }
.i-news-thumb img { width: 240px; height: 140px; background-color: #eee; }
.i-news-info { float: right; width: 900px; }
.i-news-date { color: #133984; margin: 10px 0; }
.i-news-tit { color: #333; margin-bottom: 5px; }
.i-news-desc { color: #999; }

/* sales area */
#sales-area { padding: 60px 0; background-color: #f8f9f9; }
.sales-area-tit { font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 80px; }
.sales-area-info { display: block; background: url('../images/world_map.png') no-repeat right top; height: 400px; }
.sales-area-info-cn { background: url('../images/world_map_cn.png') no-repeat center top; }
.sales-area-param li { float: left; margin-right: 42px; }
.sales-area-param li img { vertical-align: middle; margin-right: 5px; }
.sales-area-desc { padding: 80px 0; font-size: 16px; line-height: 33px; }
.sales-area-info .more { display: block; width: 200px; height: 46px; background-color: #133984; color: #fff; font-weight: 700; text-align: center; line-height: 46px; }
.sales-area-con { height: 30px; text-align: center; }
.sales-area-con li { position: relative; display: inline-block; margin: 0 30px; padding: 0 24px; font-size: 16px; }
.sales-area-con li:before { position: absolute; top: 2px; left: 0; content: ''; width: 17px; height: 17px; background-color: #133984 }

/* customer */
#customer { padding: 60px 0; }
.customer-tit { font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 50px; }
.customer-con { width: 1200px; overflow: hidden; }
.icustomer-item { float: left; width: 178px; border: 1px solid #eee; margin-right: 24px; }
.icustomer-item img { max-width: 100%; }
#customer .more { display: block; width: 200px; height: 46px; background-color: #fff; color: #666; font-weight: 700; text-align: center; line-height: 46px; margin: 30px auto 0; border: 1px solid #eee; }

/* video */
#video { padding: 60px 0; background-color: #f8f9f9; }
.video-tit { font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 30px; }
.video-con { text-align: center; }

/* ===================== page style ======================== */
.page-breadcrumb { height: 60px; line-height: 60px; background-color: #f8f8f8; }
.page-info { padding: 50px 0; line-height: 24px; }

/* page side */
.page-side { float: left; width: 265px; background-color: #fff; }
.side-menu { margin-bottom: 30px; }
.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-tit { font-size: 18px; color: #296df4; margin-bottom: 10px; }
.side-contact-info p { margin-bottom: 10px; }
/* page content */
.page-con { float: right; width: 900px; }
.page-tit { font-size: 28px; margin-bottom: 30px; }
.page-desc p { margin-bottom: 10px; }

/* products */
.page-product-list { margin: 0 -30px 0 0; }
.page-product-item { position: relative; float: left; width: 280px; height: 367px; border: 1px solid #eee; background-color: #f3f3f3; box-sizing: border-box; margin-right: 30px; margin-bottom: 40px; }
.page-product-item-thumb { height: 209px; padding: 30px 0; overflow: hidden; }
.page-product-item-thumb img { max-width: 100%; }
.page-product-item-tit { height: 48px; padding: 24px 15px; font-size: 16px; background-color: #fff; color: #666; text-align: center; }

/* newslist */
.news-list { border-top: 1px solid #e5e5e5; }
.news-item { border-bottom: 1px solid #e5e5e5; padding: 15px 0 20px; }
.news-item-title { color: #000; margin-bottom: 15px; }
.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; }

/* about product history */
.product-history { margin-top: 60px; }
.product-history-name { font-size: 24px; margin-bottom: 30px; }
.product-history-year-list { float: left; width: 160px; border-left: 1px dashed #c3d0e0; }
.product-history-year-item { position: relative; line-height: 36px; color: #c3d0e0; cursor: pointer; }
.product-history-year-item.is-selected { color: #133984; font-weight: 700; }
.product-history-year-item span { display: inline-block; margin-left: 15px; }
.product-history-year-item:before { position: absolute; content: ""; height: 1px; width: 10px; background-color: #c3d0e0; }
.product-history-con { float: left; width: 640px; }
.product-history-tit { font-size: 36px; font-weight: 700; margin: 30px 0; }
.product-history-desc { font-size: 16px; line-height: 36px; }

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

/* page sales area */
.dealer-select { border: 1px solid #ccc; padding: 5px; margin-bottom: 15px; }
.dealer-box { padding-bottom: 30px; }
.dealer-item { position: relative; padding: 0 15px 15px; border-bottom: 1px solid #f5f5f5; margin-top: 15px; }
.dealer-logo { position: absolute; top: 20px; left: 550px; }
.dealer-name { color: #000; font-weight: 700; }
.dealer-contacter { color: #da251d; font-weight: 700; }
.dealer-add { padding: 5px 0; }
.dealer-contact-item span { display: inline-block; width: 80px; color: #000; }
.dealer-contact-item a { color: #666; }

/* show */
.show-title { font-size: 20px; }
.show-para { color: #ccc; border-bottom: 1px solid #eee; padding: 15px 0 10px; }
.show-content { line-height: 30px; 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: #2d2d2d; color: #9b9b9b; }
.footer a { color: #9b9b9b; }
.footer-info { padding: 60px 0; }
.foot-contacts { float: left; width: 440px; margin-right: 220px; }
.foot-tit { font-size: 16px; color: #fff; margin-bottom: 15px; }
.foot-contacts-desc p { margin-bottom: 10px; }
.foot-contacts-desc p .iconfont { float: left; width: 30px; }
.foot-contacts-email,
.foot-contacts-email a { color: #3ca8d3; }
.foot-contacts-add span { float: left; width: 400px; }
.foot-products-cate { float: left; margin-right: 220px; }
.foot-about-cate { float: left; }
.foot-cate li { position: relative; margin-bottom: 10px; padding-left: 15px; }
.foot-cate li:before { position: absolute; top: 6px; left: 0; content: ''; width:0; height:0; border-width: 4px 0 4px 4px; border-style:solid; border-color:transparent transparent transparent #7e7e7d; }
.footer-copyright { background-color: #232323; color: #9b9b9b; line-height: 50px; text-align: center; }