@charset "utf-8";
.logo a{ width: 200px; height: 61px; }
.logo{ padding-top: 17px; }
.page b{ padding:0 10px;}
.myPhone{ display:none;}
.index-kehu ul li .bg:before{border-top: 2px solid #e15620;border-bottom: 2px solid #e15620;}
.index-kehu ul li .bg:after{border-right: 2px solid #e15620;border-left: 2px solid #e15620;}
.trans{ width:100%; height:100%;align-items: center; background-color: rgba(255,255,255,.8); justify-content: center;display: flex;opacity:0;}
.index-case ul li:hover .trans{ opacity:1;}
.index-ser ul{ margin-top:35px;}
.index-ser ul li{ margin-top:15px;}
.footer{ padding-bottom:10px;}
.kefu ul li .div-item{ height:auto;}
.serlist,.ser-bz{ max-width:1200px;}
.serlist ul li{ width:260px; height:260px; margin-top:10%; margin-right:50px; position:relative;}
.serlist ul li span{ display:block; width:100%; height:100%; background:url(../images/sanjiao.png) no-repeat center; background-size:100% 100%;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; position:absolute; left:0; top:0;}
.serlist ul li p{ width:60%; margin:0 auto; margin-top:96px; text-align:center;}
.serlist ul li:last-child{ margin-right:0;}
.serlist ul li:hover span{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);}
.ser-select{ width: 100%; overflow: hidden; }
.ser-select-lef{ width: 50%; height: 500px; overflow: hidden; float: left; padding: 60px; box-sizing: border-box; }
.ser-select-lef>span{ font-size: 14px; color: #999999; }
.ser-select-lef>h2{ font-size: 36px; color: #000;margin: 30px 0; }
.ser-sel-lefbox{ width: 100%; overflow: hidden; margin-bottom: 25px; }
.ser-sel-lefbox img{ display: block; float: left; margin-right: 20px; }
.ser-sel-lefbox span{ font-size: 16px; color: #333; margin-bottom: 5px; display: block; }
.ser-sel-lefbox p{ font-size: 14px; color: #999; }
.ser-sel-lefboxtext{ width: 80%;float: left; }
.about-box02 .about-xzwm .abul li .co{background-image: url(../images/aboutlogo.png);background-position: center;}
.about-box02 .about-xzwm .abul li:hover .co{  border-color: #fff; }
.about-box02 .about-xzwm .abul li:hover .c1{background-position: center;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position: center;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position: center;}
.about-box01 .IndexList{ width: 100%; }
.IndexList li{ width: 25%; }
.index-waper-box .IndexList li{ width: 33.33%; }
.ser-select-rig{width: 50%; height: 500px; overflow: hidden; float: left; }
.ser-select-rig img{ height: 500px; width: 960px; position: relative; left: 50%; margin-left: -480px; max-width:960px; }
.about-box03{background-color: #efefef;}
.about-box03 .about-xzwm{ max-width: 100%; }
.about-box03 .owl-theme .owl-controls .owl-buttons div{width: 50px;height: 50px;border-radius: 5px; opacity: 1;background-color: #fff;background-image: url(../images/indexbtn.png); background-position: 0 0;background-repeat: no-repeat;}
.about-box03 .owl-theme .owl-controls .owl-buttons div.owl-prev{background-position: 0 0;margin-right: 25px;}
.about-box03 .owl-theme .owl-controls .owl-buttons div.owl-next{background-position: -50px 0;margin-left: 25px;}
.about-box03 .owl-theme img{ display: block; width:100%; }
.about-box03 .owl-theme h2{padding: 15px 15px;min-height: 20px;position: relative; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; background: #fff;}
.about-box03 .owl-theme h2 span{ position: relative; z-index: 5; font-size: 16px; }
.about-box03 .owl-theme h2:before{content: "";position: absolute;z-index: 0;top: 0;left: 0; right: 0; bottom: 0;background-color: #e75921; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
.about-box03 .owl-theme .team-box:hover h2:before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.about-box03 .owl-theme .team-box{padding: 0; margin: 30px 3%!important; -webkit-transition: all .5s ease; transition: all .5s ease; margin-bottom: 0 !important;}
.about-box03 .owl-theme .team-box:hover span{ color: #fff; }
.team-box-open{position: absolute; width: auto;height: 0; margin-right: 3%;transition: all .5s ease; overflow: hidden;bottom: 54px;-webkit-backdrop-filter: blur(10px); -webkit-transition: all .3s ease;transition: all .3s ease; text-align: left;background-color: rgba(255,255,255,.8);}
.team-box-open p{padding: 5%; line-height: 150%;}
.about-box03 .owl-theme .team-box:hover .team-box-open{ height: 65%; }
.about-box03 .about-xzwm .h2{ margin-bottom: 8px; }
.about-box03 .about-xzwm .h3{ line-height: 25px; }
.about-wenhua-wrap{ width: 100%; padding: 120px 0; }
.about-wenhua{padding: 0 4%;}
.about-wenhua h2{font-size: 40px;color: #000; text-align: center; margin-bottom: 8px;}
.about-wenhua p{ font-size: 14px; text-align: center; }
.about-wh-item{ width: 100%; overflow: hidden; margin-top: 50px;}
.about-wh-list{ width: 25%; box-sizing: border-box; float: left; text-align: center; height: 180px;border-right: 1px solid #eeeeee;}
.about-wh-list h3{font-size: 22px;color: #000; font-weight: normal;margin-top: 10px;}
.about-wh-list h3:after{content: "";display: block;width: 45px;height: 2px;background: #333;margin: 10px auto;}
.about-wh-list p{font-size: 14px;color: #595959; line-height: 180%;}


.custom{
    width:100%;
    height:auto;
    background:rgba(255,255,255,1);
    opacity:1;
    overflow: hidden;
	padding-top:80px;
}
.custom .custom_part1{
    width: 100%;
    margin: 70px auto;
    display: -ms-flex;
	display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;

}
.custom .custom_part2{
    width: 100%;
    margin: 70px auto;
    display: -ms-flex;
	display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;
}
.custom .custom_part1 div{
    width: 23%;
    margin: 0 3%;
    height: 70px;
    background:rgba(255,255,255,1);
    border:12px solid rgba(248,248,248,1);
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:150px;
    padding: 0 5px;
    display: -ms-flex;
	display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;
    position: relative;
}
.custom .custom_part1 div p{
    width: 100%;
    text-align: center;
    font-size:18px;
    font-family:font_SNheiti;
    font-weight:bold;
    color:rgba(60,60,60,1);
    opacity:1;
}
.custom .custom_part1 div i{
    font-size:24px;
    font-family:font_SNheiti;
    font-weight:bold;
    color:rgba(231,89,33,1);
    opacity:1;
}
.custom .custom_part1 div span{
    width:40px;
    height:40px;
    background:rgba(231,98,33,1);
    border:10px solid rgba(231,98,33,1);
    border-radius:50%;
    opacity:1;
    display: block;
    position: absolute;
    left: -50px;
}
.custom .custom_part1 div .sp_1{
    background: rgba(231,89,33,1) url("../images/fivetwoicon5.png") no-repeat center;
}
.custom .custom_part1 div .sp_2{
    background: rgba(231,89,33,1) url("../images/fivetwoicon4.png") no-repeat center;
}
.custom .custom_part1 div .sp_3{
    background: rgba(231,89,33,1) url("../images/fivetwoicon3.png") no-repeat center;
}
.custom .custom_part2 div .sp_4{
    background: rgba(231,89,33,1) url("../images/fivetwoicon2.png") no-repeat center;
}
.custom .custom_part2 div .sp_5{
    background: rgba(231,89,33,1) url("../images/fivetwoicon1.png") no-repeat center;
}
.custom .custom_part2 div{
    width: 23%;
    margin: 0 3%;
    height: 70px;
    background:rgba(255,255,255,1);
    border:12px solid rgba(248,248,248,1);
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:150px;
    padding: 0 5px;
    display: -ms-flex;
	display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;
    position: relative;
}
.custom .custom_part2 div span{
    width:40px;
    height:40px;
    background:rgba(231,89,33,1);
    border:10px solid rgba(231,89,33,1);
    border-radius:50%;
    opacity:1;
    display: block;
    position: absolute;
    left: -50px;
}
.custom .custom_part2 div p{
    width: 100%;
    text-align: center;
    font-size:18px;
    font-family:font_SNheiti;
    font-weight:bold;
    color:rgba(60,60,60,1);
    opacity:1;
}
.custom .custom_part2 div i{
    font-size:24px;
    font-family:font_SNheiti;
    font-weight:bold;
    color:rgba(231,89,33,1);
    opacity:1;
}

