/*电话区域*/
#alltell .containerbig { max-width: 1300px; }
#alltell .alltellulbox { width: 100%; height: 500px; background: #FFFFFF; border: 1px solid #E2ECFF; box-shadow: 0px 10px 20px 0px rgba(0, 86, 255, 0.1); border-radius: 20px; margin-top: -250px; position: relative; z-index:100; overflow: hidden; }
#alltell .alltellulbox ul { display: block; overflow: hidden; height: 100%; }
#alltell .alltellulbox ul li { /*width: 16.666%;*/ width: 25%; float: left; height: 100%; text-align: center; padding: 120px 0 0 0; transition: all 0.3s; }
#alltell .alltellulbox ul li .titletell { display: block; overflow: hidden; }
#alltell .alltellulbox ul li .titletell h2 { font-size: 20px; font-weight: 400; color: #202020; line-height: 26px; position: relative; display: inline-block; }
#alltell .alltellulbox ul li .titletell h2 span { display: inline-block; position: relative; z-index: 100; }
#alltell .alltellulbox ul li .titletell h2 i { width: 100%; height: 6px; content: ' '; display: inline-block; background: #ffd380; position: absolute; left: 0; bottom: 0; z-index: 0; }
#alltell .alltellulbox ul li .titletell p { font-size: 16px; font-weight: 400; color: #666666; line-height: 26px; margin: 4px 0 36px 0; }
#alltell .alltellulbox ul li .dome { width: 160px; height: 40px; background: #e9f1fe; border-radius: 20px; font-size: 15px; font-weight: 400; color: #276AF2; line-height: 40px; margin: 0 auto; margin-bottom:10px; letter-spacing: -1px; clear: both; }
#alltell .alltellulbox ul li .dome i { width: 18px; height: 21px; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; background: url(../images/abouticon7.png) no-repeat center; background-size: contain; }
#alltell .alltellulbox ul li .dome:nth-child(3) i {
 background: url(../images/abouticon8.png) no-repeat center;
 background-size: contain;
}
#alltell .alltellulbox ul li .wxbox span { width: 160px; height: 40px; background: #e9f1fe; border-radius: 20px; display: inline-block; font-size: 15px; font-weight: 400; color: #276AF2; line-height: 40px; margin: 0 0 10px 0; letter-spacing: -1px; transition: all 0.3s; overflow: hidden; }
#alltell .alltellulbox ul li .wxbox .wx { width: 160px; background: #ffffff; border-radius: 10px; text-align: center; display: block; margin: 0 auto; padding: 0px 0 0px 0; height: 0px; transition: all 0.3s; overflow: hidden; }
#alltell .alltellulbox ul li .wxbox .wx img { width: 90px; margin: 18px 0 0 0; }
#alltell .alltellulbox ul li .wxbox .wx p { font-size: 14px; font-weight: 400; color: #666666; line-height: 16px; margin: 0px 0 4px 0; }
#alltell .alltellulbox ul li.active, #alltell .alltellulbox ul li:hover { padding: 80px 0 0 0; background: #f7f8fa; }
#alltell .alltellulbox ul li.active .dome, #alltell .alltellulbox ul li:hover .dome { background: #286af2; color: #ffffff; }
#alltell .alltellulbox ul li.active .titletell h2 span, #alltell .alltellulbox ul li:hover .titletell h2 span { font-weight: bolder; }
#alltell .alltellulbox ul li.active .dome i, #alltell .alltellulbox ul li:hover .dome i { background: url(../images/abouticon7H.png) no-repeat center; background-size: contain; }
#alltell .alltellulbox ul li.active .dome:nth-child(3) i, #alltell .alltellulbox ul li:hover .dome:nth-child(3) i {
 background: url(../images/abouticon8H.png) no-repeat center;
 background-size: contain;
}
#alltell .alltellulbox ul li.active .wxbox span, #alltell .alltellulbox ul li:hover .wxbox span { height: 0; }
#alltell .alltellulbox ul li.active .wxbox .wx, #alltell .alltellulbox ul li:hover .wxbox .wx { height: 140px; }
#alltell .bgboder { width: 246px; height: 456px; position: absolute; bottom: -180px; right: 80px; background: url(../images/indeximgdian.png) repeat 0 0; background-size: auto; }
/*公司简介*/
#say { padding: 220px 0 200px 0; margin: 0 0 0 0; display: block; background: url("../images/abouticon1.png") no-repeat left top; background-size: auto 100%; }
#say .containersmall { display: block; overflow: hidden; }
#say .leftbox { width: 600px; float: right; }
#say .leftbox .title-comtitle { text-align: left; padding: 0 0 20px 0; }
#say .leftbox .title-comtitle h5 { letter-spacing: -2px; display: block; z-index: 0; font-size: 54px; font-family: "微软雅黑"; font-weight: bold; color: #276AF2; opacity: 0.06; }
#say .leftbox .title-comtitle h3 { margin: -28px 0 0px -32px; }
#say .leftbox .title-comtitle h3 em { font-size: 18px; font-weight: 500; color: #333333; line-height: 27px; }
#say .leftbox .title-comtitle i { width: 100%; height: 1px; display: inline-block; margin: 0 0 0 0px; background: #a1befa; position: relative; }
#say .leftbox .title-comtitle i:after { width: 126px; height: 2px; display: inline-block; content: ' '; position: absolute; top: -1px; left: 0; background: #276AF2; }
#say .leftbox .textinfo * { font-size: 16px; font-weight: 400; color: #666666; margin: 0 0 10px 0; line-height: 28px; }
#say .leftbox .titlespan { margin: 60px 0 0 0; background: #276AF2; border-radius: 25px; padding: 10px 30px; font-size: 20px; font-weight: bold; color: #FEFEFF; line-height: 24px; display: inline-block; }
/*帮管客律所管理系统*/
#run { }
#run .allbox { display: block; padding: 100px 0; position: relative; }
#run .leftbox { width: 660px; }
#run .right { position: absolute; top: 0; right: -10%; }
#run .leftbox .title-comtitle { text-align: left; padding: 0 0 20px 0; }
#run .leftbox .title-comtitle h3 { margin: -28px 0 0px -32px; }
#run .leftbox .textinfo * { font-size: 16px; font-weight: 400; color: #666666; margin: 0 0 10px 0; line-height: 28px; }
#run .leftbox .titlespan { margin: 60px 0 0 0; background: #e3ebfe; border-radius: 25px; padding: 10px 10px; font-size: 18px; font-weight: bold; display: inline-block; color: #333333; line-height: 35px; text-align: center; }
/*专业级售后服务*/
#threeinstallbox { display: block; margin: 40px 0 0 0; padding:100px 0 0px 0; position: relative; background: url("../images/aboutbg1.jpg") no-repeat 0 0; background-size: 100% 100%; }
#threeinstallbox .containersmall .sanbox { display: block; overflow: hidden; }
#threeinstallbox .containersmall ul { display: block; overflow: hidden; margin: 40px -10px 0 -10px; padding: 0 0 0 0; background: url("../images/aboutbg2.png") no-repeat 0px 48px; background-size: 100%; }
#threeinstallbox .containersmall ul li { width: 25%; float: left; display: inline-block; padding: 0 10px; }
#threeinstallbox .containersmall ul li:nth-child(2n+1) {
 margin: 20px 0 0 0;
}
#threeinstallbox .containersmall ul li a { display: block; transition: all 0.3s; border: 1px solid transparent; border-radius: 20px; padding:10px 23px 20px 23px; }
#threeinstallbox .containersmall ul li a .imgicon { font-size: 0; position: relative; overflow: hidden; width: 90px; height: 90px; background: url(../images/aboutbg4.png) no-repeat 0 0; background-color: #f9faff; background-size: 100% 100%; padding: 13px 0 0 0; margin: 0 auto; display: block; text-align: center; }
#threeinstallbox .containersmall ul li:nth-child(2n) a .imgicon {
 background: url(../images/aboutbg3.png) no-repeat 0 0;
 background-size: 100% 100%;
 background-color: #f9faff;
}
#threeinstallbox .containersmall ul li:nth-child(2n) a .imgicon p:nth-child(1) {
 background: #ffab02;
}
 #threeinstallbox .containersmall ul li a .imgicon p:nth-child(1) {
 width: 60px;
 height: 60px;
 display: inline-block;
 line-height: 78px;
 background: #276AF2;
 box-shadow: 0px 4px 10px 0px rgba(39, 106, 242, 0.2);
 border-radius: 50%;
 text-align: center;
 transition: all 0.3s;
}
#threeinstallbox .containersmall ul li a:hover .imgicon p { transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ }
#threeinstallbox .containersmall ul li.active a, #threeinstallbox .containersmall ul li a:hover { /*box-shadow: 0px 12px 24px 0px rgba(0, 86, 255, 0.1);*/ /*border: 1px solid #E2ECFF;*/
    position: relative; z-index: 100; }
#threeinstallbox .containersmall ul li a .info { margin: 10px 0 0 0; }
#threeinstallbox .containersmall ul li a h4 { text-align: center; }
#threeinstallbox .containersmall ul li a h4 p { font-weight: bolder; color: #202020; text-align: center; margin:8px 0 10px 0; letter-spacing: 0; position: relative; display: inline-block; }
#threeinstallbox .containersmall ul li a h4 p span { display: inline-block; position: relative; z-index: 100; font-size: 20px; font-weight: bold; color: #333333; line-height: 26px; }
#threeinstallbox .containersmall ul li a p { letter-spacing: 0; text-align: center; font-size: 14px; font-weight: 400; color: #666666; line-height: 23px; }
 @media screen and (max-width: 1440px) {
 #run {
 display: block;
 overflow: hidden;
}
 #say {
 padding: 120px 0 100px 0;
}
}
