@charset "gb2312";
/* CSS Document */
.in_tit{text-align:center;letter-spacing:2px;margin:0 auto;padding-top:30px;font-size:36px;font-weight: bold;line-height:36px;color:#222;}
.in_tit span{width:55px;height:20px;border-bottom:solid 2px #e6212a;display:block;margin:0 auto;}
.in_tit p{margin:0 auto;width:50%;padding-top:20px;line-height:24px;font-weight:normal;}
/*banner*/
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
	
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
}
.c-banner .banner ul li .b_wenzi{position:absolute;color:#fff;font-size:36px;padding-top:12%;padding-left:10%; z-index:88;line-height:60px;}
.c-banner .banner ul li .b_wenzi span{font-size:48px;font-weight:bold;display:block;line-height:1.8;}
.c-banner .banner ul li .b_wenzi span.b_wz_da{font-size:100px;line-height:100px;}

.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	opacity: 0.2;
	border-radius: 5px;
	z-index: 89;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.9; cursor:pointer;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
}

.c-banner .jumpBtn ul li{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	background-color:white;
	opacity: 0.7;
	margin-left: 10px;
	cursor:pointer;
}
/*网站套餐*/
.ai_card{padding-top:40px;}
.ai_card h2.t {
	padding-top: 80px;
	font-size: 36px;
	text-align: center;
	font-weight: normal;
}

.ai_card p.sub_t {
	padding-top: 15px;
	font-size: 16px;
	text-align: center;
	padding-bottom: 60px;
}

.ai_card ul {
	padding-top: 70px;
}

.ai_card ul li {
	float: left;
	position: relative;
	width: 24.9%;
	height: 428px;
	margin-left: -1px;
	border: 1px solid #e7e7e7;
	z-index: 10;
	text-align:center;
}

.ai_card ul li:before {
	content: "";
	width: 0px;
	height: 2px;
	background: #e6212a;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 999;
	transition: 1s;
}

.ai_card ul li .info {
	position: absolute;
	top: 80px;
	left: 0;
	width:100%;
	transition: 0.5s;
}

.ai_card ul li .info .img {
	height: 90px;
	text-align: center;
}

.ai_card ul li .info h3 {
	color: #333;
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 24px;
	text-align: center;
}

.ai_card ul li .info p {
	width: 255px;
	height: 85px;
	line-height: 24px;
	margin: 0 auto;
	color: #73747b;
	font-size: 14px;
}
.ai_card ul li .btn{position: absolute;margin-left: -110px;left: 50%;bottom: 50px;opacity: 0;}
.ai_card ul li .btn a{border-radius: 2px;}
.btn a{
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: block;
	border: solid 1px #e6212a;color: #e6212a;
	border-radius: 30px;
	transition: 0.5s;
	font-size: 16px;margin:0 auto;
	text-align: center;padding:0 50px;}
.btn a:hover{background:#e6212a;color:#ffffff;}
.btn a .arrow-f{width:20px;height:12px;background:url(../images/more1.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.btn a:hover .arrow-f{transform:translate(10px,0);background:url(../images/more2.png);}
.ai_card ul li.active {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.ai_card ul li.active:before {
	width: 100%;
	height: 2px;
}

.ai_card ul li.active .info {
	top: 50px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	width:100%;
}

.ai_card ul li.active .btn {
	opacity: 1;
}
/* 案例鉴赏 */
.case_nav{text-align:center;padding-bottom:50px;}
.case_nav a{font-size: 16px;padding: 0 6px 15px 6px;margin-left: 70px;}
.case_nav a.on,.case_nav a:hover{color: #e6212a;border-bottom: 2px solid #e6212a;}
ul.caselist li{width: 32.5%;float: left;margin-right: 1.25%;margin-bottom: 20px;}
.mainbg ul.caselist li{width: 24%;margin-right: 1.33%;}
.mainbg ul.caselist li:nth-child(3n){margin-right: 1.33% !important;}
.mainbg ul.caselist li:nth-child(4n){margin-right: 0 !important;}
ul.caselist li:nth-child(3n){margin-right: 0;}
.g_animation.fade { opacity: 0; transition: 1s ease; }
.g_animation.translate { opacity: 0.2; transform: translateY(300px); transition: 1s ease; }
.g_animation.translatex { opacity: 0.2; transform: translateX(300px); transition: 1s ease; }
.g_animation.translate-x { opacity: 0.2; transform: translateX(-300px); transition: 1s ease; }
.g_animation.rotate { opacity: 0.2; transform: rotateY(-180deg) rotateZ(45deg); filter: blur(5px); transition: 0.5s ease; }
.g_animation.scale { opacity: 0.2; transform: scale(0.6,0.6); transition: 0.5s ease; }
.g_animation.reset { opacity: 1; transform: none; filter: none; }
ul.caselist li .c_box{position: relative;padding: 8px;background: #fff;border: 1px solid #eee;border-radius: 5px;transition: ease .3s;}
ul.caselist li .c_box:hover { box-shadow:0 0 15px 1px rgba(0,0,0,.1); }
ul.caselist li .c_box a{transition: 0.3s ease;}
ul.caselist li .c_box a.c_pic p.pic{margin-bottom: 20px;width: 100%;text-align: center;overflow:hidden;}
ul.caselist li .c_box a.c_pic p.pic img{width: 100%;max-width: 100%;display:block;margin:0 auto;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
ul.caselist li .c_box:hover a.c_pic p.pic img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
ul.caselist li .c_box a.c_pic p.name{padding: 0 10px;font-size: 16px;}
ul.caselist li .c_box .c_bottom{padding: 15px 10px;border-top: 1px solid #f6f6f6;}
ul.caselist li .c_box .c_bottom a{width:25px;height:10px;background:url(../images/icon20.png) no-repeat;display: inline-block;transition:.3s ease-out;margin-right:10px;}
ul.caselist li:hover .c_box .c_bottom a{transform:translate(10px,0);background:url(../images/icon21.png) no-repeat;}
ul.caselist li .c_box .c_bottom1{margin-top: 10px;margin-bottom:15px;clear: both;padding:0 10px;}
ul.caselist li .c_box .c_bottom1 .design { color: #ccc; }
ul.caselist li .c_box .c_bottom1 .design em { color: #999; }
ul.caselist li .c_box .c_bottom1 .tags { float: right; white-space: nowrap; font-size: 12px; }
ul.caselist li .c_box .c_bottom1 .tags em { float: left; display: inline-block; border: 1px solid #090; padding: 0 2px; line-height: 1.5em; color: #090; border-radius: 2px; margin-left: 5px; opacity: .6; transition: ease .3s; }
.c_more{margin-top: 50px;text-align:center;}
.more a { display: inline-block; font-size: 18px; background: #e6212a; color: #fff; padding: 13px 50px; border-radius: 30px; font-weight: lighter; transition: 0.3s ease;}
.more a:hover { box-shadow: 0 0 30px rgba(230,33,42,.7);color: #fff;}
/*解决方案*/
.fangan{background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
	background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
	background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
	background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
	background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );padding-bottom:70px;padding-top:40px;margin-top:70px;}
.solution-box{margin: 30px 0 0 0;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{color: #fff;}
.solution-box .fa-back{right: 100%; background:url(../images/arrow-left.png) no-repeat center;}
.solution-box .fa-more{left: 100%; background:url(../images/arrow-right.png) no-repeat center;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 56%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 47%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;opacity: 0;transition: .3s;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li:hover span{background: rgba(230, 33, 42, .85);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}

/* 我们的客户*/
.kehu_pj{background:#fafafa url(../images/case-bg.jpg) no-repeat center center;margin-top:70px;height:770px;width:100%;position: relative;overflow: hidden;}
.index-client-img {
	width:80%;
	position:relative;
	margin:0 auto;left:10%;}
.index-client-img .img {
	position:absolute;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	transition:all ease 1.5s;
	left:459px;
	top:20px;
	width:1px;
	height:1px;
	cursor:pointer;
	transform-origin: 50% 50%;
	-ms-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;

	-moz-transition: all .8s linear;
    -o-transition:  all .8s linear;
    transition: all .8s linear;
}
.index-client-img .img img {
	width:100%;
}
.index-client-img .img10 {
	z-index:2;
}
.index-client-img .img:hover {
	-webkit-transform:  scale(1.5) ; 
    -moz-transform: scale(1.5) ; 
    -ms-transform: scale(1.5);     
    -o-transform:  scale(1.5) ; 
    transform:  scale(1.5);
}
.index-client-img .img6:hover,.index-client-img .img7:hover,.index-client-img .img9:hover,.index-client-img .img11:hover    {
	-webkit-transform:  scale(1.3) ; 
    -moz-transform: scale(1.3) ; 
    -ms-transform: scale(1.3);     
    -o-transform:  scale(1.3) ; 
    transform:  scale(1.3);
}
.index-client-img .img10:hover {
	-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}

 .index-client-img .img1 {
	left:17px;
	top:87px;
	width:58px;
	height:58px;
}
.index-client-img .img2 {
	left:93px;
	top:100px;
	width:82px;
	height:82px;
}
.index-client-img .img3 {
	left:46px;
	top:237px;
	width:71px;
	height:71px;
}
.index-client-img .img4 {
	left:17px;
	top:390px;
	width:56px;
	height:56px;
}
.index-client-img .img5 {
	left:210px;
	top:0;
	width:82px;
	height:82px;
}
.index-client-img .img6 {
	left:244px;
	top:160px;
	width:96px;
	height:96px;
}
.index-client-img .img7 {
	left:177px;
	top:300px;
	width:91px;
	height:91px;
}
.index-client-img .img8 {
	left:164px;
	top:440px;
	width:82px;
	height:82px;
}
.index-client-img .img9 {
	left:400px;
	top:50px;
	width:105px;
	height:105px;
}
.index-client-img .img10 {
	left:389px;
	top:230px;
	width:135px;
	height:135px;
}
.index-client-img .img11 {
	left:325px;
	top:418px;
	width:100px;
	height:100px;
}
.index-client-img .img12 {
	left:591px;
	top:10px;
	width:82px;
	height:82px;
}
.index-client-img .img13 {
	left:583px;
	top:175px;
	width:96px;
	height:96px;
}
.index-client-img .img14 {
	left:553px;
	top:350px;
	width:100px;
	height:100px;
}
.index-client-img .img15 {
	left:782px;
	top:80px;
	width:65px;
	height:65px;
}
.index-client-img .img16 {
	left:755px;
	top:222px;
	width:82px;
	height:82px;
}
.index-client-img .img17 {
	left:900px;
	top:140px;
	width:82px;
	height:82px;
}
.index-client-img .img18 {
	left:700px;
	top:400px;
	width:67px;
	height:67px;
}
.index-client-img .img19 {
	left:867px;
	top:300px;
	width:65px;
	height:65px;
}
.index-client-img .img20 {
	left:827px;
	top:450px;
	width:64px;
	height:64px;
}

/* 我们的优势 */
.tedian > li { float: left; width: 17.9%; height: 290px; text-align: center; padding: 50px 3.5% 0; border: 1px solid #eee; border-right: 0; box-shadow: 0 0 20px rgba(0,0,0,0); overflow: hidden; transition: ease .3s;margin-left: -1px;margin-top: -1px;}
.tedian > li:hover { box-shadow: 0 0 30px rgba(0,0,0,.15); }
.tedian > li:nth-child(2n+4) { border-right: 1px solid #eee; }
.tedian > li .pic { display: inline-block; text-align: center; width: 100px;height:100px; line-height: 100px; background: #e6212a; border-radius: 50px; position:relative; }
.tedian > li .pic img { width: 60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px; }
.tedian > li .h1 { font-size: 16px; margin: 20px 0 10px; }
.tedian > li .h2 { color: #999; line-height: 1.5em; }
html.um .tedian > li { width: 50%; border: 1px solid #eee; border-right: 0; }
html.um .tedian > li:nth-child(2n+2) { border-right: 1px solid #eee; }
/* 电话*/
.in_tel{margin-top:100px;background: url(../images/in_tel.jpg) no-repeat center;padding-top: 65px;padding-bottom: 74px;text-align: center;font-size:30px;line-height:50px;color:#ffffff;}
/*新闻*/
.magic-tab{padding-top: 40px;}
.magic-tab-head{width: 610px;margin: 0 auto;}
.magic-tab-head ul li{padding-bottom: 15px;
    width: 70px;
    margin-left: 70px;
    color: #333;
    font-size: 18px;
    padding: 0 12px 15px 12px;
    line-height: 1;
    width: auto;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 33px;
    float: left;}
.magic-tab-head ul .on{color: #e6212a;border-bottom: 2px solid #e6212a;}
.tempWrap{padding-top:30px;}
.magic-tab-body ul li {
	float: left;
	padding-top:10px;
}

.magic-tab-body ul li.one {
	width: 32%;
	margin-right: 2%;
}

.magic-tab-body ul li.one a {
	width: 100%;
	height: 488px;
	overflow: hidden;
	display: block;
	position: relative;
}
.magic-tab-body ul li a .n_genduo{transition: .3s ease-out;}
.magic-tab-body ul li a:hover .n_genduo{transform:translate(10px,0);}
.magic-tab-body ul li.one a img {
	transform: scale(1);
	transition: all .4s;
	width: 100%;
	height:100%;
	display: block;
}

.magic-tab-body ul li.one .news-title {
	bottom: 50px;
	left: 35px;
	width: 100%;
	border-left: 1px solid #fff;
	padding-left: 20px;
	color: #fff;
	position: absolute;
}

.magic-tab-body ul li.one .news-title h5 {
	font-size: 28px;
	font-weight: 700;
	line-height:30px;
}

.magic-tab-body ul li.one .news-title p {
	font-size: 16px;
	letter-spacing: 2px;
}

.icon-news {
	background: url(../images/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}

.magic-tab-body ul li.one a:hover img {
	transform: scale(1.05);
}

.magic-tab-body ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}

.magic-tab-body ul li.two {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.magic-tab-body ul li.two a {
	padding: 38px 44px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	position: relative;
	background: #f4f4f4;
	transition: all 0.3s ease 0s;
}

.magic-tab-body ul li.two .top {
	width: 100%;
	float: initial;
	padding-left: 0;
}

.magic-tab-body ul li.two .top h5 {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 400;
}

.magic-tab-body ul li.two .top div.p {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 21px;
}

.magic-tab-body ul li.two .top div.p p {
	height: 45px;
	padding-top: 10px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.magic-tab-body ul li.two .top img {
	position: absolute;
	top: 50%;
	right: 67px;
	margin-top: 62px;
}

.magic-tab-body ul li.two .bottom {
	width: 100%;
	float: initial;
	border-right: none;
}

.magic-tab-body ul li.two .bottom h3 {
	padding-top: 20px;
	font-size: 32px;
	font-weight: 700;
	color: #999;
}

.magic-tab-body ul li.two .bottom h3:after {
	content: " ";
	display: block;
	border-bottom: none;
	width: 0;
	margin: 0;
}

.magic-tab-body ul li.two .bottom span {
	font-size: 14px;
	display: block;
	color: #999;
}

.magic-tab-body ul li.three {
	float: left;
	width:32%;
}

.magic-tab-body ul li.three a {
	padding: 38px 44px;
	margin-bottom: 10px;
	display: block;
	background: #f4f4f4;
	overflow: hidden;
	transition: all 0.3s ease 0s;
}

.magic-tab-body ul li.three a .left {
	width: 20%;
	border-right: 1px solid #eeeeee;
	float: left;
	height:80px;
}

.magic-tab-body ul li.three a .left h3 {
	font-size: 32px;
	color: #999;
	font-weight: 700;
	line-height: 32px;
    padding-top: 3px;
}

.magic-tab-body ul li.three a .left h3:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #ccc;
	width: 20px;
	margin: 10px 0;
}

.magic-tab-body ul li.three a .left span {
	font-size: 14px;
	display: block;
	color: #999;
}

.magic-tab-body ul li.three a .right {
	width: 73%;
	float: right;
}

.magic-tab-body ul li.three a .right h5 {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	height:43px;
}

.magic-tab-body ul li.three a .right img {
	padding-top: 20px
}

.magic-tab-body ul li.two a:hover,
.magic-tab-body ul li.three a:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}

/*联系我们*/
.i_lx{height: 666px;overflow: hidden;background: url(../images/i_bg7.jpg) no-repeat center top;margin-top:80px;}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:36px; color:#fff;  letter-spacing:2px;}
.i_contact_ul{ float:left; width:32%; max-width:418px; overflow:hidden; margin-top:80px; color:#fff;}
.i_contact_ul ul li{ display:block; border-bottom:1px solid #617e8c;}
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.i_contact_ul ul li:first-child{ padding-top:9px; height:97px; line-height:26px; font-size:24px;}
.i_contact_ul ul li:first-child a{ color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; font-family:"???????"; margin-top:3px;}
.i_contact_ul ul li:nth-child(2){ padding-top:40px; height:100px; line-height:60px;}
.i_contact_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; width:60px; height:60px; margin-right:30px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 203px;display: none; color: #363636;  text-align: center; padding-top: 215px;  position: absolute; left: -250px; top: -205px; background-image: url(../images/ewm.png); background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../images/ewm2.png);background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:17px; line-height:30px;}
.i_contact_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;}
.i_contact_r{ float:right; width:62%; overflow:hidden;margin-top:80px; background:#ffffff; height:506px; }
.i_contact_r .i_contact_t{ color:#000;}
.i_contact_r .i_contact_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{ height:68px; line-height:68px;float:left; width:100%; margin-bottom:20px;}
.i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; height:68px; text-indent:20px; background:none; color:#666666; font-size:18px; outline:none;}
.i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 68px;  display: block; background: #f67524; border: 1px #f67524 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
/* 友情链接 */
.i_link{padding-top:80px;padding-bottom:70px;}
.i_link .linktitle{font-size: 36px;line-height: 36px;color: #000000;}
.i_link p{padding-top:15px; margin:0 auto;line-height:30px; text-align:left;font-weight:bold;color:#dc4900;}
.i_link p a{color:#666666;font-weight:100;padding-right:10px;}
.i_link p a:hover{color:#e6212a;}
.foot04 span{background-color:#e6212a; border-radius: 6px 6px 0px 0px;display:inline-block; padding:5px 15px; font-size:14px; color:#FFFFFF; cursor:pointer; }

.network {
	background-color: #e6212a;
	min-width:1200px;
	display:none;
}
.netbox {
	padding:20px 0px;
	line-height:25px;
}
.netbox a{
	margin-right:10px; display:inline-block; color:#FFFFFF
}
.netbox a:hover{
	color:#15161D
}
/*内页banner*/
.ny_banner{height:540px;width:100%;position: relative;transition: all ease .5s;}
.ny_banner .img{width: 100%;height: 100%;position: absolute;overflow: hidden;left: 0;top: 0;}
.ny_banner .img img{width:100%;height: 100%;}
.ny_b_wenzi{position: relative;z-index: 2;padding-top: 275px;line-height:30px;}
.ny_b_wenzi h1{height:40px;line-height:40px;}
.ny_b_bot{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;background: rgba(0,0,0,.25);}
.ny_b_bot .ny_nav{padding-top:13px;}
.ny_b_bot .ny_nav a{font-size: 14px;color: #fff;line-height: 35px;padding: 0 20px;display: block;transition: all ease .3s;border-radius: 15px;margin-right:3px;float:left;}
.ny_b_bot .ny_nav a.on,.ny_b_bot .ny_nav a:hover,.ny_b_bot .ny_nav a.leftmenuon{color: #222;background: #fff;}
.ny_b_bot .mianbaoxie{line-height: 60px;font-size: 14px;color: #999;letter-spacing: 2px;padding-left: 25px;background: url(../images/icon23.png) left center no-repeat;}
.ny_b_bot .mianbaoxie a{color: #999;}
.ny_b_bot .mianbaoxie a:hover{color: #fff;}
/*响应式*/
@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1600px){.solution-cut{width: 1300px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px;}.index-client-img{left:0;}.c-banner .banner ul li .b_wenzi{padding-top:9%;font-size:30px;}}
@media(max-width:767px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}}
	
/*内页*/
.mainbg{width:100%;background:#f7f7f7;padding: 40px 0 80px;}
.ny_maincon{font-size:16px;line-height: 1.8em;min-height:500px;}
/*内页-解决方案*/
.case-list li {
    width: 32.5%;
    float: left;
    background: #fff;
    margin-right: 1.25%;
    margin-bottom: 20px;
    transition: all ease .5s;}
.case-list li:nth-child(3n) {
	margin-right:0;
}
.case-list li a {
    width: 100%;
    display: block;
}
.case-list li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.case-list li .img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon37.png) center center no-repeat;
    content: "";
    z-index: 3;
    opacity: 0;
    transition: all ease .5s;
}
.case-list li .img img {
    width: 100%;
    transition: all ease .5s;
}
.case-list li .img:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon40.png) center center no-repeat;
    content: "";
    z-index: 2;
    opacity: 0;
    transition: all ease .5s;
}
.case-list li .tbox {padding:30px;}
.case-list li .tbox .t1 {
	font-size:22px;
	line-height:24px;
	color:#222;
	margin-bottom:24px;
	transition:all ease .5s;
}
.case-list li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	height:48px;
	margin-bottom:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-list li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	background:url(../images/icon38.png) 68px center no-repeat;
	transition:all ease .5s;
}
.case-list li:hover {
	box-shadow:0 0 25px 0 rgba(0,0,0,.15);
}
.case-list li:hover .img:before {
	opacity:1;
}
.case-list li:hover .img:after {
	opacity:1;
}
.case-list li:hover .img img {
	transform:scale(1.1);
}
.case-list li:hover .tbox .t1 {
	color:#e6212a;
}
.case-list li:hover .tbox .t3 {
	color:#222;
	background:url(../images/icon39.png) 68px center no-repeat;}
.nyleft{width:68.75%;min-height:500px;}
.nyright{width:30%;}
.pt34plr30pb40{padding: 34px 30px 40px;}
.nyleft .nb1 h1 {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 300;
}
.nyleft .nb1 .info {
  padding-bottom: 20px;
  border-bottom: 1px solid #f7f7f7;
  font-size: 16px;
  font-weight: 300;
  color: #a3afb7;
}
.nyleft .nb1 .info span {
  padding-right: 10px;
}
.clickbox {
	width:100%;
	border-top:1px solid #eee;
	color:#999;
	line-height:30px;
	font-size:14px;
	position:relative;
	margin-top:34px;
	padding-top:20px;
}
.new_editor{font-size:16px;line-height: 1.8em;padding-top:25px;}
.new_editor img{ max-width:100%;}
.clickbox{color:#999;}
.clickbox a{color:#666;}
.clickbox a:hover{color:#222;}
.case-sj {
    padding: 24px 30px;
    margin-top: 10px;}
.case-sj .title {
    font-size: 18px;
    color: #999;
    line-height: 30px;
}
.case-sj .list {
    width: 100%;
    margin-top: 23px;
}
.case-sj .list li {
    float: left;
    width: 31.7%;
    margin-right: 2.45%;
    transition: all 0.5s linear;
}
.case-sj .list li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
}
.case-sj .list li:nth-child(3n) {
	margin-right:0;
}
.case-sj .list li a {
    width: 100%;
    display: block;
}
.case-sj .list li .img {
    width: 100%;
    overflow: hidden;
}
.case-sj .list li .img img {
	width:100%;
    transition: all 0.5s linear;
}
.case-sj .list li:hover .img img {
	transform:scale(1.05);
}
.case-sj .list li .title {
    font-size: 14px;
    line-height: 30px;
    color: #222;
    padding: 12px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.case-sj .list li .title em{display: inline-block;
    border: 1px solid #090;
    padding: 0 2px;
    line-height: 1.5em;
    color: #090;
    border-radius: 2px;
    margin-left: 5px;
    opacity: .6;
    transition: ease .3s;font-size: 12px;}
.news-tj {
    background: #fff;
    padding: 37px 30px 10px;
}
.news-tj .title {
    font-size: 18px;
    line-height: 24px;
    color: #c3c3c3;
}
.news-tj .list li {
	border-bottom:1px dashed #ccc;
	padding-bottom:25px;
	margin-bottom:13px;
}
.news-tj .list li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.news-tj .list li a {
	width:100%;
	display:block;
}
.news-tj .list li .t1 {
	font-size:16px;
	padding-bottom:15px;
	padding-top:10px;
	color:#222;
}
.news-tj .list li:hover .t1 {
	color:#000;
}
.news-tj .list li .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:8px;
}
.news-tj .list li .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	margin-top:7px;
}
.news-tj .list li .t3 .t_rq{background: url(../images/icon-time.png) no-repeat left center;padding-left:20px;}
.news-tj .list li .t3 .t_sf{background: url(../images/icon-ll.png) no-repeat left center;padding-left:20px;margin-left:10px;}
.info-img{max-width: 1200px;margin: auto;padding-top:46px;}
.info-img img{box-shadow: 0 0 15px 1px rgba(0,0,0,.2);border: 0;vertical-align: middle;max-width: 100%;}
.txt-box{padding-top:80px;}  

.case_server_tit{font-size: 18px;color: #999;line-height: 30px;}
.case_server_list ul li{float: left;width: 24%;margin-right: 1.33%;transition: all 0.5s linear;}
.case_server_list ul li:nth-child(4n){margin-right:0;}
.case_server_list ul li .img{width:100%;overflow:hidden;}
.case_server_list ul li .img img {width:100%;transition:all ease .5s;}
.case_server_list ul li:hover .img img{transform:scale(1.1);}
/*内页——新闻*/
.ny_news ul li{float: left;background: #fff;width: 32.5%;margin-right: 1.25%;margin-bottom: 20px;}
.ny_news ul li a{transition: all 0.3s ease 0s;position: relative;display: inline-block;width:100%;padding:30px 0;}
.ny_news ul li a:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.ny_news ul li a .top h5 {
    font-size: 16px;
    color: #000;
    font-weight: 400;}
.ny_news ul li a .top,.ny_news ul li a .bottom{padding:0 30px;}
.ny_news ul li a .top div.p {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 21px;}
.ny_news ul li a .top div.p p {
    height: 45px;
    padding-top: 10px;
    font-size: 14px;
    color: #999;} 
.ny_news ul li a .n_genduo {transition: .3s ease-out;}
.ny_news ul li a:hover .n_genduo{transform:translate(10px,0);}
.ny_news ul li a .top img {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: 62px;}
.ny_news ul li a .bottom h3 {
    padding-top: 20px;
    font-size: 48px;
    font-weight: 700;
    color: #999;
    line-height: 50px;
}
.ny_news ul li a .bottom span {
    font-size: 16px;
    display: block;
    color: #999;
    line-height: 20px;
}
/*内页-我们的客户*/
.ny_kehu ul li{float:left;width:9.11111%;padding:0 1%;margin-bottom:20px;}
.ny_kehu ul li img{max-width: 100%;border:solid 1px #eee;}
.ny_kehu ul li p{padding-top: 10px;}
/* 内页网站建设套餐 */
.con2_main{padding-top:40px;}
.con2_main li{width:16.4%;padding:0 1%;height:400px;margin-right:2%;float:left;border-radius:3px;background-color:#f3f3f3;transition: 0.3s ease;text-align:center;}
.con2_main li:nth-child(5n){margin-right:0;}
.con2_main li:hover{background-color:#e6212a;box-shadow: 0 0 10px rgba(230, 33, 42, 0.36);}
.con2_main li span{display:block;}
.con2_main li .xuhao{color:#cacaca;font-size:40px;font-family:Arial, Helvetica, sans-serif;padding-top:40px;}
.con2_main li:hover .xuhao,.con2_main li:hover h3,.con2_main li:hover p{color:#fcfcfc;}
.con2_main li h3{color:#3e4141;font-size:22px;font-weight:700;padding-top:40px;}
.con2_main li p{color:#999999;font-size:16px;padding-top:20px;height:85px;}
.con2_main li .con2_xian{width:13px;height:25px;margin:0 auto;border-bottom:solid 2px #e6212a;}
.con2_main li:hover .con2_xian{border-bottom:solid 2px #fff;}
.con2_main li .con2_icon{margin:20px auto 0 auto;background:url(../images/pro05.png) no-repeat 0 0;}
.con2_main li .con2_01{width:30px;height:29px;background-position:0 -138px;}
.con2_main li:hover .con2_01{background-position:-30px -138px;}
.con2_main li .con2_02{width:46px;height:28px;background-position:0 -110px;}
.con2_main li:hover .con2_02{background-position:-46px -110px;}
.con2_main li .con2_03{width:30px;height:27px;background-position:0 -83px;}
.con2_main li:hover .con2_03{background-position:-30px -83px;}
.con2_main li .con2_04{width:28px;height:27px;background-position:0 -56px;}
.con2_main li:hover .con2_04{background-position:-28px -56px;}
.con2_main li .con2_05{width:28px;height:28px;background-position:0 -28px;}
.con2_main li:hover .con2_05{background-position:-28px -28px;}
.cloud-product-wrapper{margin:0 auto;width:100%}
.cloud-product{position:relative;z-index:9;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:20px;margin-bottom:36px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
  .cloud-product-ul{width:100%;}
.cloud-product-ul li{position:relative;margin-left:1%;width:18%;height:522px;float:left;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:50px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}

.ny_case_banner{width:100%;background:url(../images/case-banner.jpg) no-repeat top center;color:#fff;}
.work_zi_l{width:60%;padding-top:120px;}
.work_zi_l h1{font-weight: bold;font-size: 36px;color:#fff;}
.work_zi_l .line {
    display: block;
    width: 45px;
    height: 4px;
    margin: 20px 0;
    background: #fff;
}
.work_zi_r{padding-top:200px;}
.work_zi_r .link {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 15px;
    border-radius: 100%;
}
.work_zi_r .link:before {z-index:1;}
.work_zi_r .link:before,
.work_zi_r .link:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    border-radius:100%;
    transition:all .5s ease-in-out;
}
.work_zi_r .link:after {background:#fff;transform:scale(0)}
.work_zi_r .link.on:after,
.work_zi_r .link:hover:after {transform:scale(1)}
.work_zi_r .link1:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon2b.png) no-repeat center center;}
.work_zi_r .link2:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon3b.png) no-repeat center center;}
.work_zi_r .link3:before {background:rgba(0,0,0,.2) url(../images/link.png) no-repeat center center;}
.work_zi_r .link1.on:before,
.work_zi_r .link1:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon2a.png) no-repeat center center;}
.work_zi_r .link2.on:before,
.work_zi_r .link2:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon3a.png) no-repeat center center;}
.work_zi_r .link3.on:before,
.work_zi_r .link3:hover:before {background:rgba(0,0,0,0) url(../images/link2.png) no-repeat center center;}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:80%;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#e6212a;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;background:#e6212a;}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:24%;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#f1676e}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#fff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#fff;color:#e6212a;text-align:center;cursor:pointer-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  .buy-link-btn:hover{background-color:#f0f0f0;color:#fff;}
  .service_list{ height:auto; overflow:hidden; padding:0px 0 106px;margin:0 1%;}
  .service_list li{width:14%; float:left; margin-bottom:20px;}
  .service_list li span{ display:block; cursor:pointer;}
  .service_icon{ display:block; background-image:url(../images/service_tipimg.png); width:100px; height:100px; margin:0 auto;}
  .service_icon1{ background-position:0 0;}
  .service_icon2{ background-position:-159px 0;}
  .service_icon3{ background-position:-317px 0;}
  .service_icon4{ background-position:-476px 0;}
  .service_icon5{ background-position:-635px 0;}
  .service_icon6{ background-position:-793px 0;}
  .service_icon7{ background-position:-952px 0;}
  .service_list li:hover .service_icon1{ background-position:0 -122px;}
  .service_list li:hover .service_icon2{ background-position:-156px -122px;}
  .service_list li:hover .service_icon3{ background-position:-317px -122px;}
  .service_list li:hover .service_icon4{ background-position:-476px -122px;}
  .service_list li:hover .service_icon5{ background-position:-635px -122px;}
  .service_list li:hover .service_icon6{ background-position:-793px -122px;}
  .service_list li:hover .service_icon7{ background-position:-952px -122px;}
  .service_name,.service_intro{ width:80%; text-align:center;margin:0 auto;}
  .service_name{ color:#333; font-size:16px;padding-top:10px;}
  .service_intro{ color:#484848; font-size:12px;}
  .service_list li:hover span{ color:#c70c1f;}

.ulfw{margin-top:40px;}
.ulfw ul li{float:left;width:22.75%;margin-right:3%;}
.ulfw ul li img{width:100%;}

.aboutmb{background:url(../images/bg2.jpg);margin-top:50px;background-attachment: inherit;background-size: cover;width:100%;height:500px;}
.aboutmb .fr{width: 50%;background: rgba(30,39,48,.8);padding: 90px 0 0 50px;height:410px;color: #fff;}
.aboutmb .fr .in_tit{padding-bottom: 30px; text-align:left;color:#fff;}
.aboutyoushi ul li{float:left;margin-right:3%;width:31.3333333333%;}
.aboutyoushi .single-item{
  margin-top: 50px;
  text-align: center;
}
.aboutyoushi .single-item .icon-box{
  width: 85px;
  height: 85px;
  margin: 0 auto;
  border: 1px solid #7b7a7a;
  background: #e6212a;
  transform: rotate(45deg);
  transition:.5s;
}
.aboutyoushi .single-item:hover .content-box a{

}
.aboutyoushi .single-item:hover .icon-box{border:1px solid #e6212a;background: #fff;}
.aboutyoushi .single-item:hover .icon-box i{
  color: #e6212a;
}

.aboutyoushi .single-item .icon-box i{
  line-height: 85px;
  color: #fff;
  font-size: 26px;
}
.aboutyoushi .single-item .icon-box i:before{
  margin: 0;
  font-size: 40px;
  transform: rotate(-45deg);
  display: block;
}
.aboutyoushi .single-item .content-box{
  margin-top: -43px;
  padding: 70px 15px 15px;
  border: 1px solid #e6212a;
  background: #fff;
  transition: .5s;
  height:130px;
}
.aboutyoushi .single-item .content-box:hover{
  box-shadow: 0px 10px 17px 3px rgba(0, 0, 0, 0.13);
  transition: .5s;
  
}

.aboutyoushi .single-item:hover .content-box{
  border: 1px solid #c21605;
  background: #c21605;
  transition: .5s;
}
.aboutyoushi .single-item .content-box h3{
  font-size: 20px;
  color: #222;
  font-weight: 600;
  transition: .5s;
}
.aboutyoushi .single-item:hover .content-box h3{
  color: #fff;
  transition: .5s;
}

.aboutyoushi .single-item .content-box p{
  margin-top: 10px;
  transition: .5s;
}
.aboutyoushi .single-item:hover .content-box p{
  color: #fff;
  transition: .5s;
}

.aboutyoushi .single-item .content-box a{
  font-size: 16px;
  margin-top: 18px;
  color: #c21605;
  text-transform: capitalize;
  font-weight: 600;
  transition: .5s;
}
.aboutyoushi .single-item:hover .content-box a{
  color: #fff;
  transition: .5s;
}

.aboutyoushi .single-item .content-box a:hover{
 color: #fff;
}
.aboutyoushi .single-item .content-box i{
    top: 1px;
    position: relative;
}
.aboutlx ul li{float:left;margin-right:3%;width:22.75%;text-align:center;}
.aboutlx ul li p{font-size:22px;line-height:45px;font-weight:bold;}