/* ======    ====== */
.inliner-banner { width: 100%; position: relative; overflow: hidden }
.inliner-banner .flex-control-nav { position: absolute; bottom: 0; left: 0; z-index: 4 }
.inliner-banner .flex-control-paging li a { background: 0; border: 1px solid #fff; opacity: .3; filter: alpha(opacity=70); box-shadow: none }
.inliner-banner .flex-control-paging li a.flex-active { background: #fff; opacity: 1; filter: alpha(opacity=100) }
.inliner-banner img { width: 1920px; position: relative; left: 50%; margin-left: -960px }
.inliner-banner .con { display: block; width: 37%; position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -35% }
.inliner-banner h2 { font-size: 32px; color: #fff; line-height: 52px }
.inliner-banner .font { font-size: 20px; color: #fff; line-height: 36px }
.inliner-banner .more { width: 127px; height: 38px; text-align: center; line-height: 38px; border-radius: 4px; background: #FF8800; color: #fff; font-size: 14px; margin-top: 40px }
.inliner-banner .slides li { width: 100%; overflow: hidden; position: relative }
 @media(max-width:1024px) {
.inliner-banner .con { width: 50%; margin-left:-45%; }
}
@media(max-width:768px) {
.inliner-banner img { width: 1200px; margin-left: -600px }
}
@media(max-width:500px) {
.inliner-banner .font { font-size: 12px; line-height: 22px }
.inliner-banner h2 { font-size: 16px; line-height:30px; }
.inliner-banner img { width: 1000px; margin-left: -500px; max-width: 1000px }
.inliner-banner .more { width: 100px; height: 32px; line-height: 32px; font-size: 12px; margin-top: 29px }
.inliner-banner .con { margin: -70px 0 0 -43% }
.inliner-banner .flex-control-nav { bottom: -8px }
.now { right: -8px; top: -31px }
}
/* ======  简介  ====== */

.company { padding: 98px 0 103px; background: #fff; width: 100% }
.company .right { width: 50%; float: right; }
.company .right img { width: 100%; margin-top: 10px; }
.company .left { width: 44%; float: left; position: relative }
.company .left h2 { font-size: 36px; color: #010101; }
.company .left .font-hei { margin-top: 12px; }
.company .left .font-hei p { font-size: 16px; color: #333; float: none; margin-bottom: 10px; line-height: 1.5; }
 @media(max-width:1024px) {
.company .left { width: 48% }
.company .left h2 { font-size: 28px; line-height: 34px }
.company .left p { font-size: 14px; line-height: 24px }
.company { padding: 35px 0 50px }
}
 @media(max-width:768px) {
.company .left { width: 100%; margin-bottom: 10px }
.company .right { width: 100% }
}
/* ======  产品分类  ====== */

.pn-title { position: fixed; top: 50%; left: 0; z-index: 9; background: #FF8800; color: #fff; font-size: 16px; text-align: center; box-shadow: inset 0 0 30px rgba(0,0,0,.2); line-height: 26px; width: 45px; padding: 10px 0; cursor: pointer; border-radius: 0 10px 10px 0; margin-top: -62px; }
.pn-title span { display: block }
.pn-list { position: fixed; top: 50%; left: -305px; z-index: 10; background: #fff; width: 305px; height: 500px; margin-top: -250px; overflow: auto; transition: left .5s; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 0 10px 10px 0; }
.pn-list.on { left: 0 }
.pn-list ul { width: 100% }
.pn-list li { width: 100 }
.pn-list li .pn-tit-one { display: block; width: 100%; height: 50px; line-height: 50px; color: #010101; font-size: 16px; padding: 0 2% 0 15%; background: #fff url(../images/pro01.png) no-repeat 6% center; transition: background .3s }
.pn-list li .pn-con-one { display: none }
.pn-list li .pn-tit-one.cut { background: #FF8800 url(../images/pro01_h.png) no-repeat 6% center; color: #fff }
.pn-list li .pn-tit-two.cur,
.pn-list li .pn-tit-three.cut,
.pn-list li .pn-tit-four.cur,
.pn-list li .pn-tit-five.cur { color: #FF8800 }
.pn-list li .pn-con-two { display: none; background: #fafafa; }
.pn-list li .pn-tit-two { width: 100%; height: 50px; line-height: 50px; overflow: hidden; display: block; font-size: 14px; color: #666; padding: 0 2% 0 15%; border: 1px solid #e6e6e6; transition: color .3s }
.pn-list li .pn-con-two { width: 100%; padding: 16px 2% 20px 15%; display: none }
.pn-list li .pn-tit-three { display: block; width: 100%; font-size: 13px; color: #666; line-height: 30px; height: 30px; overflow: hidden }
.pn-list::-webkit-scrollbar {
width:4px;
background-color:#FF8800border-radius:50px;
}
.pn-list::-webkit-scrollbar-track {
border-radius:50px;
background-color:#FF8800
}
.pn-list::-webkit-scrollbar-thumb {
border-radius:50px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#fff
}
.pn-list li .font-blod { font-weight: bold; }
.pn-list li .pn-con-three { width: 100%; padding: 8px 0; display: none; }
.pn-list li .pn-tit-four { display: block; width: 100%; font-size: 12px; color: #666; /*padding: 0 0 0 8px;*/ /*background: url(../img/111_h.png) no-repeat left center;*/
background-size: 4px !important; line-height: 30px; height: 30px; overflow: hidden; }
.pn-list li .pn-con-four { width: 100%; display: none; padding: 0 }
.pn-list li .pn-tit-five { display: block; width: 100%; font-size: 11px; color: #666; /*    padding: 0 0 0 8px;
    background: url(../img/111_h.png) no-repeat left center;*/ background-size: 4px !important; line-height: 25px; height: 30px; overflow: hidden; }

.contact li .link:hover { padding-left: 35px }
.pn-list li .pn-tit-one:hover { background: #FF8800 url(../images/pro01_h.png) no-repeat 6% center; color: #fff }
.pn-list li .pn-tit-two:hover,
.pn-list li .pn-tit-three:hover { color: #FF8800; }
.pn-list li .pn-tit-four:hover,
.pn-list li .pn-tit-five:hover { color: #FF8800; }

@media(max-width:1430px) {
.pn-list { height: 500px; margin-top: -250px; }
}
@media(max-width:1024px) {
.pn-list { width: 70%; height: 350px; margin-top: -175px; left: -70% }
.pn-list li .pn-tit-one,
.pn-list li .pn-tit-two { padding: 0 2% 0 12%; height: 40px; line-height: 40px }
.pn-list li .pn-tit-one { font-size: 13px }
.pn-list li .pn-tit-two { font-size: 12px }
.pn-list li .pn-con-two { padding: 8px 2% 10px 12% }
.pn-list li .pn-tit-three { font-size: 12px; line-height: 25px }
}
@media(max-width:500px) {
.pn-list { width: 92%; left: -92%; }
}


/* ======  产品展示  ====== */

.product-list { padding: 19px 0 0px }
.product-list .form { width: 185px; float: right; height: 34px; line-height: 34px; border-radius: 15px; border: 1px solid #e9eaeb; padding: 0 16px 0 18px; transition: border .3s }
.product-list .text { background: 0; border: 0; font-size: 12px; color: #999; height: 34px; line-height: 34px; float: left; width: 80% }
.product-list .submit { float: right; width: 13px; height: 34px; line-height: 34px; background: url(../images/pro22.png) no-repeat center; border: 0 }
.product-list-b { width: 100%; padding-top: 65px }
.product-list-b ul { width: 100% }
.product-list-b li { width: 30.6%; margin: 0 1.2%; background: #fff; border: 1px solid #eee; float: left; margin-bottom: 35px }
.product-list-b li.on { margin-right: 0 }
.product-list-b li .pic { width: 100%; position: relative; overflow: hidden; height: 250px; border-bottom: 1px solid #eee }
.product-list-b li img { max-width: 100%; transition: all .3s }
.product-list-b li .con { width: 100%; padding: 21px 6% 23px; display: block }
.product-list-b li h3 { font-size: 16px; color: #999; line-height: 36px; height: 36px; overflow: hidden }
.product-list-b li .font { font-size: 16px; color: #333; line-height: 27px; height: 54px; overflow: hidden }
.product-list-b li .more { width: 127px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px }
.product-list-b li:hover img { transform: scale(1.1) }
.product-list-b li:hover .more { background: #FF8800; border-color: #FF8800; color: #fff }
 @media(max-width:1300px) {
.product-list-b li .pic { height: 17.5vw }
}
@media(max-width:1024px) {
.product-list-b li .pic { height: 17.5vw }
.product-list-b li .con { padding: 15px 3% 15px }
.product-list-b li h3 { font-size: 14px; line-height: 28px; height: 28px }
.product-list-b li .font { font-size: 13px; line-height: 24px; height: 48px }
.product-list-b li .more { width: 90px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 13px }
}
@media(max-width:768px) {
.product-list-b li { width: 47.0%; margin-bottom: 15px; }
.product-list-b li.cur { margin-right: 0 }
.product-list-b li .pic { height: 26.5vw }
}
@media(max-width:500px) {
.product-list-b li { width: 100%; margin: 0; margin-bottom: 15px; }
.product-list-b { padding-top: 97px }
.product-list-b li .pic { height: 26.5vw }
}
/* ======  产品详情  ====== */


.product-info { padding: 95px 0 105px; background: #fafafa; width: 100%; position: relative }
.product-info .info-pic { width: 50%; height: 340px; float: left; overflow: hidden; position: relative; text-align:center; background-color:#FFF; }

.product-info .info-font { width: 42%; padding-right: 5% }
.product-info .info-font h2 { font-size: 36px; color: #000; line-height: 55px; font-weight: bold }
.product-info .info-font h3 { font-size: 24px; color: #333; line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0 }
.product-info .info-font .font { padding: 20px 0 25px; border-bottom: 1px solid #e0e0e0 }
@media(max-width:1024px) {
.product-info .info-pic { width: 50% }
.product-info .info-font h2 { font-size: 30px; line-height: 45px }
.product-info .info-font h3 { font-size: 18px; line-height: 28px; padding-bottom: 15px }
.product-info .info-font .font { padding: 20px 0 25px }
}
@media(max-width:768px) {
.product-info .info-pic { width: 100%; margin-bottom: 29px }
.product-info .info-font { width: 80%; padding: 0 10%; }
.product-info { padding: 40px 0 55px }
}

.product-info-b { background: #fff; width: 100%; padding-bottom: 90px; position: relative }
.product-info-b .return-b { width: 62px; position: absolute; top: 0; left: 0; height: 89px; border-right: 1px solid #f2f2f2; background: url(../images/pro30.png) no-repeat center; transition: background .3s }
.product-info-b .return-b:hover { background: #FF8800 url(../images/pro30_h.png) no-repeat center }
.product-info-list { width: 100%; height: 89px; border-bottom: 1px solid #f2f2f2 }
.product-info-list .product-itit{ text-align: center; line-height: 89px; position: relative; font-size: 20px; color: #333; border-bottom:2px #FF8800 solid; }

.bout { padding:45px 0 }
.bout p { padding-bottom: 10px; overflow: auto; }
.bout table { width: 100%; }
.bout td { border: 1px #DDDDDD solid;}
.bout h2 { padding:20px 0 10px; font-weight:bold; }

/* ======  新闻资讯  ====== */

.news-list-bot ul { width: 100%; margin-top: 50px; }
.news-list-bot li { width: 30.3%; margin: 0 1.5% 55px; float: left; transition: box-shadow .3s }
.news-list-bot li a { display: block; width: 86%; border: 1px solid #e6e6e6; padding: 10px 7% 26px }
.news-list-bot li a h2 { font-size: 24px; color: #333; line-height: 44px; overflow: hidden; height: 44px; transition: color .3s }
.news-list-bot li a .time { color: #999; line-height: 26px; font-size: 14px; padding-left: 30px; background: url(../images/case31.png) no-repeat left center }
.news-list-bot li a .font { font-size: 14px; color: #666; line-height: 24px; margin-top: 14px; height: 48px; overflow: hidden }
.news-list-bot li a .more { width: 127px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px }
.news-list-bot li a:hover .more { background: #FF8800; color: #fff }
@media(max-width:1430px) {
.news-list-bot li .pic { height: 14.875vw }
}
@media(max-width:1024px) {
.news-list-bot li { margin-bottom: 20px; }
.news-list-bot li .con { width: 94%; padding: 15px 3% 25px }
.news-list-bot li h2 { font-size: 16px; line-height: 26px; height: 26px }
.news-list-bot li .font { font-size: 12px; color: #666; line-height: 20px; margin-top: 4px; height: 40px }
.news-list-bot li .pic { height: 13vw }
}
@media(max-width:768px) {
.news-list-bot li { width: 47%; }
}
@media(max-width:500px) {
.news-list-bot li { width: 100%; margin: 0 0 15px; }
.news-list-bot li .pic { height: 48vw }
}
/* ======  新闻资讯详情  ====== */
.news-info-box { width: 100%; background: #fff; padding: 102px 0 125px }
.news-info-box .left { width: 64%; padding: 0 3%; background: #fff; float: left }
.news-info-box .left h2 { font-size: 30px; color: #000; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; padding-right: 85px; position: relative; margin-bottom: 30px }
.news-info-box .left .time { font-size: 14px; color: rgba(51,51,51,.5); line-height: 30px; position: absolute; top: 0; right: 0 }
.news-info-box .left p { font-size: 18px; color: #666; line-height: 36px; margin-bottom: 30px }
.news-info-box .left img { max-width: 100%; margin-bottom: 35px; height: auto!important }
.news-info-box .right { width: 26%; float: right; padding: 0 2% }
.news-info-box .right h2 { font-size: 22px; color: #333; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px }
.news-info-box .right a { display: block; width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); width: calc(100% - 15px); font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 15px; background: url(../images/case23.png) no-repeat left 17px; transition: background .3s, color .3s }
.news-info-box .right a.link { width: 85%; height: 55px; line-height: 55px; background: #FF8800 url(../images/news04.png) no-repeat 80% center; color: #fff; font-size: 18px; padding: 0 0 0 15%; transition: background .3s, color .3s, padding .3s; margin-top: 30px }
.news-info-box .right a.link:hover { background: #FF8800 url(../images/news04.png) no-repeat 85% center; color: #fff; }
 @media(max-width:1024px) {
.news-info-box { padding: 65px 0 60px }
.news-info-box .left h2 { font-size: 22px; padding-bottom: 15px; margin-bottom: 15px }
.news-info-box .left p { font-size: 15px; line-height: 28px; margin-bottom: 20px }
.news-info-box .left img { margin-bottom: 20px }
.news-info-box .right { width: 24.8% }
.news-info-box .right h2 { font-size: 20px; line-height: 20px; padding-bottom: 15px; margin-bottom: 9px }
.news-info-box .right a { font-size: 14px; line-height: 22px; background: url(../images/case23.png) no-repeat left 15px }
.news-info-box .right a:hover { background: url(../images/case23_h.png) no-repeat left 15px; color: #FF8800 }
.news-info-box .right a.link { font-size: 16px }
}
@media(max-width:768px) {
.news-info-box .left { padding: 0; width: 100% }
.news-info-box .right { width: 100%; padding: 0; margin-top: 30px; }
.news-info-box .left h2 { width: 100%; padding: 0 }
}
.info-page { width: 92.8%; float: left; padding: 17px 3.6%; background: #fff; margin-top: 29px; text-align: center }
.info-page.on { box-shadow: 0 0 10px rgba(0,0,0,.2) }
.info-page a { display: inline-block; font-size: 16px; line-height: 36px; color: #666; transition: color .3s }
.info-page a.prev { float: left }
.info-page a.next { float: right }
.info-page a.return { padding: 0 15px 0 45px; background: url(../images/news11.png) no-repeat 15px center; transition: background .3s, color .3s }
.info-page a.return:hover { background: #FF8800 url(../images/news11_h.png) no-repeat 15px center; color: #fff }
/* ======  分页  ====== */
.news-page { width: 100%; height: 40px; text-align: center; padding: 30px 0 50px; }
.news-page a { font-size: 14px; line-height: 40px; width: 40px; height: 40px; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s }
.news-page.new a { background: #fff }
.news-page a.active,
.product-list .news-page a.active,
.news-page.on a.active,
.news-page.new a.active { color: #fff; background: #FF8800 }
.news-page a.btns { font-family: '宋体' }
.product-list .news-page a { background: #fff }

/* ======  联系我们  ====== */
.contact { padding: 60px 0 0; width: 100%; background: #fff }
.contact .cont-tit { width: 100%; line-height: 38px; padding-bottom: 22px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #666 }
.contact ul { width: 100% }
.contact li { float: left; width: 45%; padding: 60px 2.0% 0; border-left: 1px solid #e5e5e5; min-height: 410px }
.contact li:first-child { border-left: none }
.contact li img { margin-bottom: 15px }
.contact li h2 { font-size: 30px; color: #000; line-height: 48px; margin-bottom: 12px }
.contact li p { font-size: 16px; color: #333; line-height: 36px }
.contact li dl { width: 100%; padding-top: 20px }
.contact li dd { float: left; width: 50% }
.contact li img { max-width: 100%; margin-bottom: 5px }
.contact li dd p { font-size: 14px; color: #000; line-height: 35px; padding-left: 5% }
@media(max-width:1024px) {
.contact li { padding: 19px 2% 0; min-height: 480px }
.contact li h2 { font-size: 22px; line-height: 32px; margin-bottom: 6px }
.contact li p { font-size: 13px; line-height: 22px }
.contact li dl { padding-top: 20px }
.contact .cont-tit { line-height: 22px; padding-bottom: 12px; font-size: 13px }
.contact { padding: 20px 0 50px }
}
@media(max-width:768px) {
.contact li { width: 100%; border-left: none; border-bottom: 1px solid #eee; min-height: auto; padding: 19px 2% 30px }
}

/* ======  地图  ====== */
.map { width:100%; height:400px; }
@media (max-width: 500px) {
.map { height:300px; }
}