@charset "utf-8";
@media only screen and (min-width:1200px){
	
}
@media only screen and (min-width:993px) and (max-width:1201px){
.f12{padding: 0;flex: 0 0 480px;max-width: 480px;margin-left: auto;}
}
@media only screen and (max-width:993px){
body{ font-size: 13px;}
a{ font-size: 13px;}

a.ck_gd{background: url(bjt.png) no-repeat  105px #000000;width: 150px;height:40px;border:1px solid #ddd;padding-left: 10px;text-transform:uppercase;font-size: 13px;color: #fff;line-height:40px;display:block;position:relative;}
a.ck_gd i{padding-left:10px;}

.header{ margin-bottom:0px;}
.header .an{display:block;}
.menu{width: 100%;padding:15px 5%;background-color:#000;height:100%;position:fixed;top: 78px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu{width:100%;}
.menu i{display:block;}
.menu ul li{width:100%; height:auto; font-size:15px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}
.menu ul li a.o_lm{color:#aaa;font-size: 14px;line-height: 40px;padding: 0;}
.menu ul li:hover a.o_lm{background:none;}
.menu ul li.on a.o_lm{background:none; color:#fff;}
.menu .e_j{background:none;position:relative;padding-left: 15px;display:none;padding-bottom:10px;}
.menu .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.menu .e_j a:hover{background:none;}
.menu ul li:hover .e_j{display:none;}
.head_h{display:block;}

.navbar-brand{ padding: 15px 0;}
.navbar-brand img{ height: 48px;}

.n1{margin: 30px 0;}
.n11{height: 30px;margin-bottom: 10px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.n11 img{ height: 100%; width: auto;}
.n12 p{line-height: 22px;color: #333333;font-size: 13px;}

.n2{margin-top: 30px;margin-bottom: 30px;}
.t1{ text-align: center;}
.t1 h1{line-height: 30px;font-size: 16px;color: #1e1f20;font-weight: bold;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.t1 h1:hover{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.t1 h2{line-height: 22px;font-size: 12px;color: #9e9e9e;text-transform: uppercase;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.t1 h2:hover{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.n2b{max-width: 986px;margin: auto;margin-top: 30px;}
.n2b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.n2b ul li{ padding: 0;}
.n2b ul li h1{margin-top: 10px;margin-bottom: 0px;line-height: 30px;font-size: 15px;color: #333333;text-align: center;}
.n2b ul li h1 a{display: block;font-size: 15px;color: #333333;font-weight: bold;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.n2b ul li h1 a:hover{ color: #1489FF; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.n2b ul li p{line-height: 25px;font-size: 13px;padding-left: 15px;padding-right: 30px;}

.n3{margin-top: 30px;margin-bottom: 30px;}
.n3b{margin-top: 15px;}
.n3b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.n3b ul li{text-align: center;padding: 0; margin-top: 15px;}
.n31{height: 80px;}
.n31 img{ height: 100%; width: auto;}
.n3b ul li img{ transition:width 2s, height 2s;-moz-transition:width 2s, height 2s, -moz-transform 2s; -webkit-transition:width 2s, height 2s, -webkit-transform 2s; -o-transition:width 2s, height 2s, -o-transform 2s;}
.n3b ul li img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.n32 h1{line-height: 28px;margin-top: 10px;margin-bottom: 5px;text-align: center;font-size: 15px;color: #333333;font-weight: bold;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.n32 h1:hover{ color: #1489FF; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.n32 p{line-height: 22px;font-size: 13px;}

.n4{background: #f5f5f5;padding: 30px 0;}
.n4b ul li{ width: 30%; margin-top: 15px;}

.f1{background: #232526;padding: 30px 0;}
.f11{padding: 0;flex: 0 0 100%;max-width: 100%;}
.f11 h1{line-height: 30px;font-size: 15px;color: #fff;}
.f11 h2{line-height: 30px;margin-bottom: 6px;color:#fff;font-size: 20px;font-family:Arial, Helvetica, sans-serif;}
.f11 p{line-height: 23px;color:#dddddd;}
.f12{ display: none;}
.f13{padding: 0;flex: 0 0 130px;max-width: 130px;margin-left: 0;margin-right: 0;margin-top: 15px;}
.f13 h1{margin-bottom: 15px;line-height: 30px;font-size: 15px;color: #fff;}
.f13 h1::after{ display: block; background: #42566f; width: 20px; height: 2px; content: '';}
.f13 img{ max-width: 100%;}
.f13 p{margin-top: 5px;line-height: 26px;text-align: center;color: #fff;}
.f2{background: #232526;padding: 10px 0;border-top:1px solid #2e2e2e;color:#ccc;line-height: 23px;text-align: center;}

/* 智能客服机器人 */
.cp11{padding-top: 30px;padding-bottom: 30px;}
.t2 h1{line-height: 30px;text-align: center;font-size: 16px;color: #1e1f20;font-weight: bold;}
.t2 h1::after{display: block;background: #19308f;width: 30px;height: 2px;margin: auto;content: '';}
.cp11b{margin-top: 15px;}
.cp11b ul{width: 100%;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;}
.cp11b ul li{width: 32%;padding: 15px 0;border: 1px solid #dcdcdc;border-radius: 6px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp11b ul li div{height: 54px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.cp11b ul li img{ max-height: 100%; width: auto;}
.cp11b ul li h1{margin-top: 10px;margin-bottom: 0;line-height: 30px;font-size: 14px;color: #1e1f20;font-weight: bold;text-align: center;}
.cp11b ul li p{line-height: 22px;text-align: center;font-size: 13px;}

.cp12{background: #f2f2f2;padding: 30px 0;}
.cp12b{margin-top: 15px;}
.cp12b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp12b ul li{-webkit-transition: all .2s linear;transition: all .2s linear;margin-top: 15px;}
.cp12b ul li div{height: 31px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.cp12b ul li img{ max-height: 100%; width: auto;}
.cp12b ul li h1{margin-top: 10px;margin-bottom: 5px;line-height: 30px;font-size: 15px;color: #333333;font-weight: bold;text-align: center;}
.cp12b ul li p{line-height: 23px;text-align: center;font-size: 13px;}

.cp13{padding: 30px 0;}
.cp13b{margin-top: 15px;}
.cp13b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp13b ul li{width: 48%;margin-top: 15px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp13b ul li div{height: 66px;text-align: center;}
.cp13b ul li div img{ max-height: 100%; width: auto;}
.cp13b ul li p{margin: auto;margin-top: 15px;line-height: 22px;font-size: 13px;color: #333333;text-align: center;}
.cp13b ul li:nth-of-type(1) p{max-width: 100%;}
.cp13b ul li:nth-of-type(2) p{max-width: 121px;}
.cp13b ul li:nth-of-type(3) p{max-width: 122px;}
.cp13b ul li:nth-of-type(4) p{max-width: 78px;}
.cp13b ul li:nth-of-type(5) p{max-width: 77px;}

.cp14{background: #f2f2f2;padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
.cp14b{margin-top: 15px;}
.cp14b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp14b ul li{width: 33%;margin-top: 15px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp14b ul li div{height: 59px;text-align: center;}
.cp14b ul li div img{ max-height: 100%; width: auto;}
.cp14b ul li h1{line-height: 35px;font-size: 16px;color: #333333;font-weight: bold;text-align: center;}
.cp14b ul li p{margin: auto;line-height: 23px;font-size: 13px;text-align: center;}

/* 话务外包服务 */
.cp21{padding-top: 30px;padding-bottom: 30px;}
.cp21b{margin-top: 15px;}
.cp21b ul{width: 100%;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;}
.cp21b ul li{width: 32%;padding: 15px 0;border: 1px solid #dcdcdc;border-radius: 6px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp21b ul li div{height: 54px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.cp21b ul li img{ max-height: 100%; width: auto;}
.cp21b ul li h1{margin-top: 10px;margin-bottom: 0;line-height: 30px;font-size: 14px;color: #1e1f20;font-weight: bold;text-align: center;}
.cp21b ul li p{line-height: 22px;text-align: center;font-size: 13px;}

.cp22{background: #f2f2f2;padding-top: 30px;padding-bottom: 30px;}
.cp22b{margin-top: 15px;}
.cp22b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp22b ul li{width: 48%;margin-top: 15px;text-align: center;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp22b ul li div{height: 40px;margin-bottom: 15px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.cp22b ul li img{ max-height: 100%; width: auto;}
.cp22b ul li p{line-height: 22px;font-size: 13px;}

.cp23{padding-top: 30px;padding-bottom: 10px;}
.cp23b{margin-top: 30px;}
.cp23b ul{ width: 100%; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between;}
.cp23b ul li{width: 49%;margin-bottom: 15px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cp231{ width: 31.6%;}
.cp231 img{ max-width: 100%;}
.cp232{ width: 65%;}
.cp232 h1{line-height: 30px;margin-bottom: 5px;font-size: 16px;color: #333333;font-weight: bold;}
.cp232 p{line-height: 23px;font-size: 13px;color: #333333;}

.tit strong{ font-size:16px; line-height:30px;}
}
@media (min-width:993px){
.menu{min-width: 444px;}
.menu .e_j{display:none !important;}
.menu ul li:hover .e_j{display:block !important;}

.n3b ul li{ flex: 0 0 22%; max-width: 22%;}

.n4b ul li{ width: 18.4%; margin-top: 25px;}

.cp12b ul li{ flex: 0 0 19%; max-width: 19%;}
}
@media only screen and (min-width: 768px){
	.n2b ul li{ flex: 0 0 45%; max-width: 45%;}
	.n22{ margin-left: auto;}
}
@media only screen and (max-width: 767px){
.n1 ul li{width: 30%;margin-bottom: 15px;border-right: 1px solid #EEEEEE;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.n1 ul li:nth-of-type(2){/* border: none; */}
.n1 ul li:nth-of-type(4){ border: none;}

.n2b{ margin-top: 15px;}
.n2b ul li{ margin-top: 15px;}


}
@media only screen and (min-width: 768px) and (max-width: 993px){
    
}
@media only screen and (min-width: 576px) and (max-width: 768px){
    
}
@media only screen and (max-width: 576px){
    .n4b ul li{ width: 48%; margin-top: 15px;}
	
	.cp11b ul li{ width: 49%; margin-top: 15px;}
	
	.cp14b ul li{ width: 48%;}
	
	.cp21b ul li{ width: 49%; margin-top: 15px;}
	.cp21b ul li:nth-of-type(1) p{max-width: 190px;}
	.cp21b ul li:nth-of-type(2) p{max-width: 160px;}
	.cp21b ul li:nth-of-type(3) p{max-width: 150px;}
	
	.cp23b ul li{ width: 100%;}
	.cp231{width: 22%;}
	.cp231 img{max-width: 80px;}
	.cp232{width: 75%;}
}