@charset "utf-8";
/*about start*/
.inner-banner{height:300px}
.main{
}
.title{text-align:center;margin: 65px 0;}
.title .en{font-size:20px;font-weight:bold;color:#B3B3B3}
.title .cn{font-size: 50px;font-weight:bold;}
.title:after{display:block;content:'';width:40px;height:5px;background:#FF9700;margin:24px auto}
.about{margin-bottom:47px}
.about-img{width:788px}
.about-img img{display:block;max-width:100%}
.about-right{width:400px;padding:61px 0 0}
.about-right h1{font-size:39px;line-height:70px;display:inline-block;background:#FF9D0B;margin-left:-217px;padding:0 58px}
.about-right .about-con{margin-top:40px;font-size:14px;line-height:22px;color:#666}
.number{padding:50px 0 38px;background:#F7F7F7}
.number ul{}
.number li{text-align:center}
.number .num{display:flex;justify-content:flex-start;color:#666}
.number .num span{font-size:48px;color:#012B77;font-weight:bold;margin-right:2px;line-height:55px}
.number .num i{position:relative;display:inline-block;line-height:44px;height:44px}
.number .num i:before,.number .num i:after{display:block;content:'/';font-size:16px;transform:rotate(30deg);position:absolute;left:4px}
.number .num i:before{top:-16px}
.number .num i:after{bottom:-18px}
.number .en{font-size:8px;color:#666;margin:4px 0 10px}
.number .cn{font-size:14px;color:#444}
.foot{color:#eee;padding:40px 0;background:#212121}
.foot p{font-size:20px;font-weight:bold;margin-bottom:27px}
.foot ul div:last-child{width:425px}
.foot li{line-height:26px;font-size:16px}
/*about end*/

/*contact start*/
.contact{position:relative;margin-bottom:70px}
.map{height:440px;width:100%}
.contact-con{position:absolute;right:63px;top:44px;width:344px;background:rgba(0,0,0,0.5);padding-bottom:40px}
.contact-con dt{text-align:center;font-size:28px;font-weight:bold;line-height:68px;background:#FD9800;margin-bottom:35px}
.contact-con dd{color:#eee;padding:0 25px;line-height:48px}
/*contact end*/

/*productlist start*/
.product-list-con{
    margin-bottom: 50px;
}
.proL{float:left;width:200px}
.proL li:nth-child(odd) {
    background: #EEEEEE;
}
.proL li:nth-child(even) {
    background: #DADADA;
}
.proL a{display:block;line-height:44px;text-align:center;font-size:16px}
.proL li.on,.proL li:hover{background:#FFAF00}
.proR{width:970px;float:right}
.prolist li{margin-bottom:20px}
.prolist a{display:block;position:relative}
.prolist .pro-img{overflow:hidden;width:310px}
.prolist .pro-img img{display:block;max-width:100%;transition:0.5s all;height:285px;}
.prolist .pro-name{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center;padding-top:92px;font-size:20px;background:rgba(255,175,0,0.5);opacity:0}
.prolist .pro-name p{width:100%;text-align:center;margin-bottom:27px}
.prolist .pro-name span{display:block;width:140px;line-height:36px;border:2px solid;border-radius:5px;margin:0 auto}
.prolist a:hover .pro-img img{transform:scale(1.1)}
.prolist a:hover .pro-name{opacity:1}
.pages{margin: 60px auto 60px;box-shadow:0 0 5px #999;max-width:840px;padding:13px 18px;}
.pages .page-pre{padding:0 20px;border-right:2px solid #E7E7E7}
.pages .page-pre a{color:#999}
.pages .page-pre img{margin-right:10px}
.pages .page-numbar{}
.pages .page-numbar a{margin:0 5px;display:inline-block;width:24px;line-height:24px;text-align:center;border-radius:50%;font-size:14px}
.pages .page-numbar .page-num-current{background:#FEAE02;color:#fff}
.pages .page-next{padding:0 20px;border-left:2px solid #E7E7E7}
.pages .page-next a{color:#999}
.pages .page-pre a:hover,.pages .page-next a:hover{}
.pages .page-next img{}
/*productlist end*/
/*product start*/
.product-img{}
.product-img img{display:block;margin:0 auto;max-width:100%;border:1px solid #FD8A00}
.product-content{}
.product-content h2{font-size:38px;margin-top: 40px;}
.product-text{font-size:18px;line-height:31px;margin-top: 40px;}
.product-pages{width:415px}
.product-pages .page-benye{}
.product-pages .page-benye a{color:#999}
/*product end*/
/*case list start*/
.case-list-con{}
.caselist{}
.caselist li{width:390px;margin-bottom:36px}
.caselist a{position:relative;display:block}
.caselist .case-img{}
.caselist .case-img img{width:100%;height:261px}
.case-name{padding:13px 10px 7px;border:1px solid #DADADA;border-top:0}
.case-name b{font-size:19px}
.case-name p{line-height:20px;margin-top:15px;font-size:17px;color:#333}
.caselist a:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,152,0,0.8) url(../images/page/fangda.png) no-repeat center;opacity:0}
.caselist a:hover:after{opacity:1}
/*case list end*/
/*wangluo start*/
.wangluo{margin-bottom:140px}
.wangluo-img{}
.wangluo-img img{display:block;margin-left:50px}
.wangluo-table{margin-top:102px}
.wangluo-table table{border-collapse:collapse;width: 600px;}
.wangluo-table tr{}
.wangluo-table td{border:1px solid #E5E5E5;width:139px;line-height:53px;text-align:center}
.wangluo-table td:hover{box-shadow:0 0 3px #999}
/*wangluo end*/
/*newslist*/
.news-list-con{margin-top:-13px}
.newslist{}
.newslist li{display:flex;justify-content:space-between;padding:0 20px 0 0;margin-bottom:27px;background:#F8F8F8}
.newslist li:hover{box-shadow:0 0 5px #999}
.news-img{width:133px}
.news-img a{display:flex;justify-content:center;align-items:center;height:110px}
.news-img img{}
.news-name{width:1065px;padding:25px 0 34px 30px;border:1px solid #F1F1F1;background:#F8F8F8}
.news-name div{margin-bottom:16px}
.news-name a{font-size:18px;font-weight:bold;color:#333}
.newslist li:hover a{color:#FF9700}
.news-name span{float:right;font-size:20px;color:#999}
.news-name p{color:#666;height:21px;overflow:hidden}

.preview-container{position:relative;width:450px;background:#fff;padding-bottom:1px;margin: 0 auto;}
.preview-container .small-box{position:relative;width:450px;/* height:450px; */border-bottom:1px solid #eee;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#fff;}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #eee;display:none}
.preview-container .thumbnail-box{margin:20px 0;position:relative;width:100%;box-sizing:border-box;background:#fff}
.preview-container .thumbnail-box .list{width:390px;margin:0 auto;position:relative;overflow: hidden;}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex;padding:2px 0}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;overflow:hidden;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%;display:block}
.preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid #0078d7}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#fff;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-10px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat;background-position:10px 0;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;background-position:10px 0;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;background-size:10px;cursor:not-allowed}

.proL li {
    /* border: 1px solid #1C2A57; */
    margin-bottom: -1px;
}