@charset "utf-8"; 

/*=========================================全局共用属性CSS nie ===============================================*/



img{MAX-WIDTH:100%!important; HEIGHT:auto!important; }



/*==============顶部 end==============*/



/*==============关于我们 start==============*/

.aboutban{position:relative; }

.aboutban .aboutbanpic{clear:both; text-align:center; }

.aboutban .aboutbanpic img{width:100%; }

.aboutban .breadnav{position:absolute; top:0px; left:50%; margin-left:-50%; }

.aboutone{clear:both; padding:0px 0px 20px 0px; }

.aboutone .aboutonefl{float:left; width:100%; }

.aboutone .aboutonefl h3{font-family:"Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-size:32px; line-height:1; margin-bottom:5px; background-size:14px; padding-left:25px; }

.aboutone .aboutonefl h3 span{color:#c3311c; margin-right:10px; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#bf211d, #d3751b); }

.aboutone .aboutonefl p{clear:both; display:block; text-align:left; color:#0e0e0e; font-size:16px; line-height: 30px; padding:10px 0px 10px 0px; }

.aboutone .aboutonefr{float:right; width:36%; margin-right:16px; position:relative; margin-top: 16px;}

.aboutone .aboutonefr:after,.aboutone .aboutonefr:before{content:''; border-radius:10px; position:absolute; background:rgba(36, 31, 31, 0.4); left:0px; }

.aboutone .aboutonefr:after{right:-16px; z-index:1; bottom:23px; top:23px; }

.aboutone .aboutonefr:before{right:-8px; z-index:2; bottom:8px; top:8px; }

.aboutonefrbox{width:100%; overflow:hidden; position:relative; z-index:3; height:259px; }

.aboutonefrbox .hd{height:24px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.aboutonefrbox .hd ul{overflow:hidden; zoom:1; float:left; }

.aboutonefrbox .hd ul li{float:left; width:30px; height:24px; font-size:14px; border-radius:10px; overflow:hidden; line-height:24px; text-align:center; color:#fff; cursor:pointer; display:none; }

.aboutonefrbox .hd ul li.on{display:block; }

.aboutonefrbox .bd{position:relative; height:100%; z-index:0; }

.aboutonefrbox .bd li{zoom:1; vertical-align:middle; position:relative; }

.aboutonefrbox .bd li img{width:100%; }

.aboutonefrbox .bd li span{position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/aboutonebg.png) repeat-x center top; color:#fff; font-weight:bold; padding:25px 0px 10px; text-align:center; font-size:14px; }

.aboutonefrbox .prev,.aboutonefrbox .next{position:absolute; left:3%; top:50%; margin-top:-20px; display:block; width:40px; height:40px; border-radius:50px; }

.aboutonefrbox .next{left:auto; right:3%; background:url(../images/arrow03.png) no-repeat center center rgba(0, 0, 0, 0.4); background-size:16px; }

.aboutonefrbox .prev{left:3%; right:auto; background:url(../images/arrow02.png) no-repeat center center rgba(0, 0, 0, 0.4); background-size:16px; }

.aboutonefrbox .next:hover,.aboutonefrbox .prev:hover{background-color:rgba(255, 89, 81, 0.8); }

/**/

.abouttwo{background:url(../images/abouttwobg.jpg) no-repeat center top; padding-top:30px; position:relative; padding-bottom:35px; height:460px; }

.abouttwo .container{position:relative; z-index:3; }

.abouttwo:after{content:''; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/aboutthreebg01.png) no-repeat center bottom; background-size:100%; }

.abouttwo:before{content:''; position:absolute; left:70%; width:318px; height:393px; background:url(../images/abouttwoicon01.png) no-repeat center top; background-size:318px; margin-left:-50%; }

.abouttwo .abouttwopic{float:left; width:318px; position:relative; z-index:-1; }

.abouttwo .abouttwofl{float:left; width:360px; position:relative; color:#fff; margin-left:278px; padding-top:5px; }

.abouttwo .abouttwofl .abouttwotit{font-size:26px; position:relative; font-weight:bold; font-family:"Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; line-height:1; }

.abouttwo .abouttwofl .abouttwotit span{position:relative; z-index:2; }

.abouttwo .abouttwofl .abouttwotit:after{content:''; background:url(../images/abouttwoicon02.png) no-repeat center center; background-size:36px; height:40px; left:-26px; top:-19px; width:36px; position:absolute; }

.abouttwo .abouttwofl .abouttwobox p{clear:both; text-align:left; font-size:14px; line-height:20px; padding:15px 0px; }

.abouttwo .abouttwofl .abouttwobox p img{width:100px; }

.abouttwo .abouttwofl .abouttwobox p:nth-child(2){text-align:right; color:#f00; }

.abouttwo .abouttwofl .abouttwobox p:nth-child(3){text-align:right; }

.abouttwo .abouttwofrbox{float:right; padding:10px; width:325px; margin-right:15px; background:url(../images/homefivebg.jpg) repeat; border-radius:5px; }

.abouttwo .abouttwofr{background:#fff; padding:40px 20px 30px 20px; border-radius:5px; box-shadow:1px 2px 5px rgba(0, 0, 0, 0.2) inset; }

.abouttwo .abouttwofr p.abouttwofrtit{width:200px; padding:0px; text-align:center; margin:0 auto; border-radius:8px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1) inset; background:#f9f5f4; color:#ff4e24; font-family:"Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-weight:bold; margin-bottom:20px; }

.abouttwo .abouttwofr p.abouttwofrtit span{background:url(../images/abouttwoicon03.png) no-repeat left center; display:inline-block; line-height:40px; background-size:22px; padding-left:30px; }

.abouttwo .abouttwofr p{background:url(../images/prodot01.png) no-repeat left 14px; padding-left:20px; font-size:14px; color:#0e0e0e; padding:8px 0px 8px 20px; }

/**/

.aboutthree{background:url(../images/aboutthreebg.jpg) no-repeat center top; background-size:100%; position:relative; z-index:1; margin-top:-1px; padding:50px 0px; }

.abouttit{clear:both; text-align:center; }

.abouttit span{font-family:"Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; text-align:center; line-height:1; font-size:32px; margin-bottom:15px; color:#0e0e0e; }

.abouttit span:before{content:''; background:url(../images/homeoneicon01.png) no-repeat center center; background-size:18px; width:18px; height:18px; display:inline-block; margin-right:10px; vertical-align:top; margin-top:7px; }

.aboutthree .aboutthreetxt{clear:both; text-align:left; font-size:16px; line-height:30px; color:#333; padding:30px 0px; }

.aboutthree ul{clear:both; margin-left:-42px; }

.aboutthree ul li{float:left; position:relative; margin-left:45px; width:21%; border-radius:5px; overflow:hidden; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08); }

.aboutthree ul li .aboutthreebox{position:absolute; transition:all 0.5s linear; left:0px; top:0%; width:100%; height:100%; background:#fff; padding-top:44px; }

.aboutthree ul li .aboutthreebox i{clear:both; display:block; text-align:center; width:100px; margin:10px auto; }

.aboutthree ul li .aboutthreebox span{clear:both; display:block; text-align:center; font-size:16px; font-family:"Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-weight:bold; }

.aboutthree ul li .aboutthreepic{clear:both; display:block; }

.aboutthree ul li:hover .aboutthreebox{top:-100%; transition:all 0.5s linear; }

/**/

.aboutfour{padding:30px 0px 0px 0px; }

.aboutfour .aboutfourtxt{font-size:14px; line-height:24px; color:#0e0e0e; padding:30px 0px; }

.aboutfour ul li{float:left; width:50%; position:relative; }

.aboutfouritem01{clear:both; background:#4f3a34; height:303px; }

.aboutfouritem01 .aboutfouritem01fl{float:left; width:340px; position:relative; }

.aboutfouritem01 .aboutfouritem01fr{float:right; color:#fff; text-align:left; font-size:14px; padding:62px 25px 25px 0px; width:169px; }

.aboutfouritem01 .aboutfouritem01fr strong{clear:both; display:block; text-align:right; font-size:22px; padding-bottom:15px; }

.aboutfouritem01 .aboutfouritem01fl:after{position:absolute; right:-75px; height:132px; width:150px; background:url(../images/aboutfourpic01s.png) no-repeat center top; content:''; background-size:150px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

/**/

.aboutfouritem02{clear:both; position:relative; height:249px; overflow:hidden; }

.aboutfouritem02 .aboutfouritem02pic{clear:both; display:block; }

.aboutfouritem02 .aboutfouritem02pic img{width:100%; }

.aboutfouritem02 .aboutfouritem02box{position:absolute; padding:58px 45px 15px 45px; text-align:center; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/aboutfourpic05.png) repeat; background:rgba(255, 255, 255, 0.8); font-size:14px; }

.aboutfouritem02 .aboutfouritem02box strong{clear:both; display:block; font-size:20px; padding-bottom:15px; line-height:1; }

.aboutfouritem02 .aboutfouritem02box a{clear:both; display:block; color:#fff; background:#000; width:150px; margin:15px auto 0px; line-height:35px; }

.aboutfouritem03box{position:absolute; width:274px; height:235px; bottom:0px; right:0px; color:#fff; background:url(../images/aboutfourpic04.png) repeat; background:rgba(0, 0, 0, 0.8); padding:50px 20px 0px 50px; }

.aboutfouritem03box strong{clear:both; display:block; text-align:right; font-size:20px; padding-bottom:15px; }

/**/

.aboutfive{clear:both; padding:75px 0px 0px 0px; display:block; background:url(../images/aboutfivebg.jpg) no-repeat center bottom; background-size:100%; }

.aboutfive .aboutfivetxt{clear:both; font-size:16px; line-height:30px; padding:36px 0px; }

/*==============关于我们 end==============*/



.index_hezuo .abouttit{
    padding-bottom: 70px;
}

.aboutone.container .about_aboutone_left{
    width: 17%;
    float: left;
}

.aboutone.container .aboutonefl{
    width: 80%;
    float: right;
}


@media(max-width:1169px){
    .aboutone.container .aboutonefl,.aboutone.container .about_aboutone_left{
        width: 100%;
    }
}