@charset "utf-8";
.about{overflow: hidden;height: 409px;background: #FFAB17;}
.aboutL{width: 640px;padding: 30px 40px 0 0;float: left;}
.title{position: relative;padding: 25px 0;margin-bottom: 30px;}
.title .cn{background:url(../images/index/icon-tit-b.png) no-repeat 0 5px;padding-left:15px;font-weight:bold;font-size:19px}
.title .en{font-size:8px;color:#fff;padding-left:15px;margin-top:7px;opacity:0.5;font-weight: bold;}
.title .en:before{display:block;content:'';width:25px;height:2px;background:#fff;float:left;margin-top:3px;margin-right:10px}
.title:after{display:block;content:'';width:445px;height:4px;background:url(../images/index/icon-left-w.png);position:absolute;bottom:0;left:-367px}
.about-con{font-size:14px;color:#444444;line-height:1.6;padding:3px 0 0}
.about-con p{text-indent:2em}
.more{background:url(../images/index/icon-more-w.png) no-repeat center left;margin:28px 0 0 0;display:inline-block;width:130px;height:16px;font-size:12px;padding-left:4px;color:#666}
.more span{}
.aboutR{float:left;width:580px}
.aboutR img{display:block;max-width:unset}
.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}

.product{padding: 15px 0 36px 0;}
.product .title{padding-bottom:38px;margin-bottom:36px}
.product .title .cn{background-image:url(../images/index/icon-tit-y.png)}
.product .title .en{}
.product .title a{float:right;display:block;width:108px;line-height:40px;background:#FFAF00;text-align:center;font-size:14px;color:#333}
.product .title a:hover{color:#fff;background:#333}
.product .title:after{background-image:url(../images/index/icon-left-b.png)}
.proL{float:left;width:160px}
.proL li{}
.proL a{display:block;line-height:40px;text-align:center;font-size:14px}
.proL li:nth-child(odd){background: #EEEEEE;}
.proL li:nth-child(even){background: #DADADA;}
.proL li:hover{background:#FFAF00}
.proR{width:995px;float:right}
.proR li{margin-bottom:8px;width: 317px;}
.proR a{}
.proR .pro-img{overflow:hidden}
.proR .pro-img img{display:block;max-width:100%;transition:0.5s all}
.proR a:hover .pro-img img{transform:scale(1.1)}
.proR .pro-name{line-height:44px;font-size:14px;padding:0px 3px 0 5px;overflow:hidden}
.proR .pro-name span{display:block;width: 15px;height:15px;margin-top:14px;background: url(../images/index/icon-more-b2.png) no-repeat center;}
.proR a:hover .pro-name{color:#FFAF00}
.proR a:hover .pro-name span{background-image: url(../images/index/icon-more-w2.png);}

.case{background:#FAFAFA;box-shadow:0 0 7px 7px #FAFAFA;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;padding:14px 0 34px 0}
.case .title{padding-bottom:37px;margin-bottom:40px}
.case .title .cn{background-image:url(../images/index/icon-tit-y.png)}
.case .title .en:before{background:#666}
.case .title .en{color: #666;}
.case .title:after{background-image:url(../images/index/icon-left-b.png)}
.case-box .hd{float:right}
.case-box .prev,.case-box .next{display:block;width:90px;height:37px;float:left;background-size:6px auto;background-color:#2b2a28;background-repeat:no-repeat;background-position:center}
.case-box .prev{background-image:url(../images/index/prev.png);background-color:#FFAF00}
.case-box .next{background-image:url(../images/index/next-b.png)}
.case-box{overflow:hidden;position:relative;margin-bottom:37px}
.case-box .case-bd{}
.case-box .case-bd ul{overflow:hidden;zoom:1}
.case-box .case-bd ul li{float:left;_display:inline;overflow:hidden;margin:0 3px;width:299px;height:218px}
.case-box .case-bd a{display:block;position:relative}
.case-box .case-img{}
.case-box .case-img img{display:block}
.case-box .case-name{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/index/case-hover-bg.png) no-repeat center;background-size:100% 100%;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;opacity:0;transition:0.5s all}
.case-box .case-name span{height:40px;line-height:40px}
.case-box .case-bd a:hover .case-name{opacity:1}
.more2{font-size:12px;color:#555;background:url(../images/index/icon-tit-y.png) no-repeat 0 1px;padding-left:15px;font-weight:bold}
.more2 span{display:inline-block;width:60px;height:10px;background:url(../images/index/icon-more-b.png);margin-left:5px}

.news{}
.news .title{padding-bottom:37px;padding-top: 69px;margin-bottom:40px;}
.news .title .cn{background-image: url(../images/index/icon-tit-y.png);}
.news .title .en:before{background: #D6D6D6;}
.news .title .en{color: #444;}
.news .title:after{background-image:url(../images/index/icon-left-b.png)}
.news .title a{float:right;display:block;width:108px;line-height:36px;background:#FFAF00;text-align:center;font-size:14px;color:#333}
.news1{}
.news1 li{width:338px}
.news1 .news-tit{font-size:19px;color:#666;font-weight:bold;display:block;line-height:40px;height:40px;overflow:hidden}
.news1 .news-text{font-size:16px;margin:20px 0 28px 0;color:#666;text-indent:2em;height:42px;overflow:hidden}
.news1 .news-img{}
.news1 .news-img img{display:block;max-width:100%;transition: 0.5s all;}
.news1 li div{line-height:50px;margin-top:20px}
.news1 li div span{color:#979797;font-size:16px}
.news-more{float:right;color:#979797;font-size:13px}
.news1 li:hover img{
    transform: scale(1.1);
}
.news1 li:hover .news-tit{color:#FFAF00}
.news2{}
.news2 li{width:610px;padding:24px 15px}
.news2 li:nth-child(1){border:1px solid #F0F0F0;border-left:0}
.news2 li:nth-child(2){border:1px solid #F0F0F0;border-left:0;border-right:0}
.news2 li:nth-child(3){border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0}
.news2 li:nth-child(4){border-bottom:1px solid #F0F0F0}
.news2 .news-img{width:207px;height:132px;float:left;overflow:hidden;display:flex;justify-content:center;align-items:center}
.news2 .news-img img{display:block;transition: 0.5s all;}
.news2 li:hover img{
    transform: scale(1.1);
}

.newsR{float:right;width:348px}
.newsR .news-tit{font-size:19px;color:#666;font-weight:bold;display:block;line-height:40px;height:40px;overflow:hidden}
.newsR .news-text{font-size:16px;margin:4px 30px 21px 0;color:#666;text-indent:2em;height:42px;overflow:hidden}
.newsR span{color:#979797;font-size:16px;margin-left:18px}
.news2 li:hover .news-tit{color:#FFAF00}
.contact{padding:45px 0 45px 0;overflow:hidden}
.contact .title{margin-bottom:60px}
.contact .cn{background-image:url(../images/index/icon-tit-y.png)}
.contact .title .en:before{background: #D6D6D6;}
.contact .title .en{color: #444;}
.contact .title a{float:right;display:block;width:108px;line-height:36px;background:#FFAF00;text-align:center;font-size:14px;color:#333}
.contact .title a:hover{background:#333;color:#fff}
.contact .title:after {background-image: url(../images/index/icon-left-b.png);}
.contactL{}
.contactL img{}
.contactR{width:665px;margin-top:41px}
.contact-tit{background:#FFAF00 url(../images/index/lxwm-tit-bg.jpg);font-size:31px;padding:27px 0 30px 22px}
.contact-text{padding:30px 23px 67px 23px;background:#F0F0F0;position:relative}
.contact-text h1{font-size:20px;font-weight:bold;color:#050505;margin-bottom:26px}
.contact-text:after{display:block;content:'';background:#212121;width:960px;height:247px;position:absolute;z-index:-1;left:163px;top:0}
.contact-text ul{}
.contact-text li{line-height:40px;color:#666}
.link{
    background: #eee;
    line-height: 40px;
}
.link span{
    font-weight: bold;
}
.link a{}
.link a:hover{
    text-decoration: underline;
}