@charset "utf-8";
.clearfix{zoom:1}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both}
main,section{display:block}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.line1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.container-warp{width:100%;max-width:1640px;margin:0 auto;padding:0 20px}
.container{width:1220px;margin:0 auto;}
/*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{}
.proL{float:left;width:200px}
.proL li{margin-bottom:6px}
.proL a{display:block;line-height:44px;text-align:center;font-size:18px}
.proL li.on:hover,.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;opacity:0.5}
.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;}
.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}

@media screen and (max-width: 992px) {
	.container{width:100%;padding: 0 10px;}
	.inner-banner{}
	.main{}
	.title{
    margin: 20px 0;
}
	.title .en{}
	.title .cn{
    font-size: 20px;
}
	.title:after{}
	.about{}
	.about-img{}
	.about-img img{}
	.about-right{}
	.about-right h1{}
	.about-right .about-con{}
	/*about end*/
	
	/*productlist start*/
	.product-list-con{}
	.proL{}
	.proL li{}
	.proL a{}
	.proL li.on:hover,.proL li:hover{}
	.proR{}
	.prolist li{}
	.prolist a{}
	.prolist .pro-img{}
	.prolist .pro-img img{}
	.prolist .pro-name{}
	.prolist .pro-name p{}
	.prolist .pro-name span{}
	.prolist a:hover .pro-img img{}
	.prolist a:hover .pro-name{}
	.pages{
    width: 100%;
    padding: 10px 0;
    margin: 20px 0;
}
	.pages .page-pre{}
	.pages .page-pre a{}
	.pages .page-pre img{}
	.pages .page-numbar{}
	.pages .page-numbar a{}
	.pages .page-numbar .page-num-current{}
	.pages .page-next{}
	.pages .page-next a{}
	.pages .page-pre a:hover,.pages .page-next a:hover{}
	.pages .page-next img{}
	/*productlist end*/
	/*product start*/
	.product-img{}
	.product-img img{}
	.product-content{}
	.product-content h2{}
	.product-text{
    margin-top: 20px;
    line-height: 2;
    font-size: unset;
}
	.product-pages{
    margin: 20px auto;
    padding: 10px 10px;
}
	.product-pages .page-benye{}
	.product-pages .page-benye a{}
	/*product end*/
	/*case list start*/
	.case-list-con{}
	.caselist{}
	.caselist li{}
	.caselist a{}
	.caselist .case-img{}
	.caselist .case-img img{}
	.case-name{}
	.case-name b{}
	.case-name p{}
	.caselist a:after{}
	.caselist a:hover:after{}
	/*case list end*/
	/*newslist*/
	.news-list-con{
    margin: 0;
}
	.newslist{}
	.newslist li{
    padding: 0;
    margin-bottom: 10px;
}
	.newslist li:hover{}
	.news-img{
    display: none;
}
	.news-img a{}
	.news-img img{}
	.news-name{
    padding: 10px 10px;
    width: 100%;
}
	.news-name div{
    margin-bottom: 0;
}
	.news-name a{
    font-size: 16px;
}
	.newslist li:hover a{}
	.news-name p{
    margin-bottom: 0;
}
	.news-name span{
    float: none;
    display: block;
    font-size: 12px;
    line-height: 2;
}
}