#articleStyle27{
    overflow: hidden;
    margin-bottom: 0;
}
#articleStyle27 .serviceae{overflow: hidden;}
#articleStyle27 img{width: 100%;}
#articleStyle27 .classPictype{float: left;width: 450px;position: relative;padding: 15px;margin-top: -135px;}

#articleStyle27 .classtxttype .smalldes{margin: 45px 0 30px 20%;padding: 30px 20px 0;padding-left: 270px;overflow: hidden;}
#articleStyle27 .classtxttype .smalldes span{font-size: 1rem;}
#articleStyle27 .classtxttype .smalldes h3{color: #040404;line-height: 120%;font-size: 1.5rem;margin: 10px 0 0;font-weight: bold;color: #000000;font-size: 28px;font-weight: normal;float: left;}
#articleStyle27 .classtxttype .smalldes h3 b{
    display: block;
    font-size: 20px;
    text-align: start;
    text-indent: 0px;
    line-height: normal;
    -webkit-text-emphasis: none;
}
#articleStyle27 .classtxttype2 p{
    padding: 25px 2% 25px 32%;
    line-height: 170%;
    font-size: 16px;
    text-align: justify;
}
#articleStyle27 .classtxttype .smalldes p{font-size: 16px;line-height: 180%;border: solid 1px #D4D9DC;border-radius: 4px;float: right;font-size: 90%;font-weight: bold;margin: 30px 0 0 0;padding: 1px 6px 0;width: 123px;text-align: center;color: #FFF;position: relative;background: #cb3340;}
#articleStyle27 .classtxttype{/* width: calc(100% - 295px); *//* float: right; *//* margin-left: -40px; */background-color: #f1f1f1;border-bottom: 6px solid #cecece;}
#articleStyle27 .classtxttype .form-box{border: 1px solid #d4d4d4;padding: 50px 80px;}
#articleStyle27 .classtxttype .form-box ul{list-style: none;margin-bottom: 15px;}
#articleStyle27 .classtxttype .form-box ul li{overflow: hidden;border-bottom: 1px solid #d4d4d4;padding: 20px 0;}
#articleStyle27 .classtxttype .form-box ul li h4{
    float: left;
    font-size: 1.02rem;
}
#articleStyle27 .classtxttype .form-box ul li h4 b{display: inline-block;width: 7px;height: 7px;background: #69a77f;border-radius: 50%;margin-right: 5px;}
#articleStyle27 .classtxttype .form-box ul li p{float: right;font-size: 1.02rem;color: #69a77f;}
#articleStyle27 .classtxttype .form-box ul li span{vertical-align: baseline;font-size: 0.8rem;margin-right: 5px;}
#articleStyle27 .classtxttype .form-box >p{font-size: 0.9rem;}
#message{display: block;margin: 20px 0 50px;}
#message h2 {
    box-sizing: border-box;
    display: table;
    padding: 8px 10px;
    width: 100%;
    min-height: 48px;
    background-color: #f1f1f1;
    color: #000000;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}
#message h2:before {
    content: "";
    display: table-cell;
    margin: 0;
    border-bottom: 12px solid #000000;
    width: 5px;
    height: auto;
    background-color: #cb3340;
    vertical-align: middle;
}
#message h2 > span {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
    font-size: 20px;
}
#message h2 span.money{
    color: #cb3340;
    text-align: end;
    font-size: 24px;
    padding-right: 10px;
}

span.money {}
#message h2 span.money b{
    color: #333333;
    font-size: 20px;
}
#message .staff-data {
    margin: 20px 20px 0;
}
#message .staff-row {
    margin: 0 -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#message .staff-col-text {
    box-sizing: border-box;
    padding: 0 10px;
    width: 138%;
}
#message .staff-text:first-child {
    margin-top: 0;
}
#message .staff-text p{
    padding: 0;
    font-size: 15px;
}
.staff-col-image {
    box-sizing: border-box;
    padding: 0 10px;
    width: 58%;
}
#message .staff-text:first-child .data-list > li:first-child {
    border-top: 1px solid #cccccc;
}
#message .staff-text:first-child .data-list{}

#companyy{}
#companyy .itom{
    display: inline-block;
    vertical-align: top;
    width: calc((100%/2) - 70px);
    margin: 30px;
    border: solid 3px #EEEEEE;
    padding: 60px 0;
}
#companyy .itom:hover{border: solid 3px #cb3340;}
#companyy .itom p{
    text-align: center;
}
#companyy .itom article{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #cb3340;
}







#message .staff-text:first-child .data-list li{
    display: table;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
#message .staff-text:first-child .data-list li p{
    display: table-cell;
    padding: 10px 0;
    line-height: 1;
    font-size: 16px;
}
#message .staff-text:first-child .data-list li span{
    float: right;
    padding: 10px 0;
}
#message .staff-text:first-child .data-list li span a{
    font-size: 13px;
}
#message .staff-photo img {
    /* width: 256px; */
    vertical-align: top;
    margin-left: 6%;
}
#message .comment{
    margin: 10px 0 10px 13px;
    padding: 20px 0;
    border: 3px solid #eeeeee;
}
#message .comment > div{
    margin-left: -13px;
    margin-bottom: 15px;
}
#message .comment .label{
    position: relative;
    padding: 5px 30px;
    background-color: #004066;
    color: #ffffff;
    font-size: 18px;
}
#message .comment .label:before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #002337;
    border-right: 5px solid #002337;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    }
#message .comment .label font{}
#message .comment .name{
    margin-left: 5px;
    color: #000000;
    font-size: 18px;
    }
#message .comment .text{
    padding: 0 40px 0;
    color: #545454;
}
#message .comment .text font{
    font-size: 15px;
}
#companyy p{
    padding: 10px 0;
    font-size: 16px;
    line-height: 200%;
    text-align: justify;
}
#message .photooo ul {
	margin-bottom: 20px;
	min-height: 500px;
	text-align: center;
}
#message .photooo ul li {
	padding: 15px;
	width: calc((100%/3) - 45px);
	display: inline-block;
	border: 1px #ccc solid;
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
}
#message .photooo ul li.focus {
	/* padding: 55px 25px; */
	/* background: #caa34b; */
	border-color: #cb3340;
	color: #242425;
}
#message .photooo ul li h3 {
	font-size: 20px;
}
#message .photooo ul li h5 {
	font-size: 16px;
	color: #caa34b;
}
#message .photooo ul li.focus h5 {
	color: #fff;
}
#message .photooo ul li p.photo {
	/* margin: 15px 0; */
	margin: 0;
	padding: 0;
}
serviceeitem{}
#servicee ul{}
#servicee ul li{
    display: inline-block;
    vertical-align: top;
    width: calc((100%/2) - 60px);
    margin: 0 10px;
    border-bottom: 1px dotted #e0e0e0;
    padding: 15px 15px;
    font-size: 16px;
}
#servicee ul li b{
    color: #cb3340;
}
#serviceeitem img{
    margin: 20px a;
    width: 60%;
}
#serviceeitem ul li{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 10px;
    border-bottom: 1px dotted #e0e0e0;
    padding: 15px 15px;
}
#serviceeitem ul li h3{}
#serviceeitem ul li p{
    padding: 0 0;
    font-size: 14px;
    padding-left: 25px;
    color: #8c8c8c;
    width: 90%;
}
#serviceeitem ul li p a{
    color: black;
}
#serviceeitem ul li p a:hover{
    color: #3F51B5;
}
#teamm{
    margin-top: 20px;
}
#teamm .photoBox{
}
#teamm .photoBox > div {
	overflow: hidden;
	margin: 5px 5px 25px;
	float: left;
	width: calc((100%/3) - 10px);
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
}
#teamm .photoBox > div:hover img {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}
#teamm .photoBox .wow span{
    font-size: 13px;
    color: #cb3340;
}
#teamm .photoBox .wow p{
    padding: 5px 0;
    font-size: 16px;
}
#casee{}
#casee ul{
    margin: 20px 0;
    overflow: hidden;
}
#casee ul li{
    border: solid 3px #EEEEEE;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    width: calc((100%/2) - 60px);
    margin: 10px 10px;
    overflow: hidden;
}
#casee ul li .photo{float: left;width: 30%;}
#casee ul li .text{
    float: left;
    width: 65%;
    margin-left: 5%;
}
#casee ul li .text p{
    padding: 0 0;
}
#casee ul li .text h3{
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 145%;
}
#casee ul li .text p a{
    color: #cb3340;
    font-size: 20px;
    font-weight: bold;
    line-height: 145%;
}
#casee ul li .text p.more{
    text-align: right;
    margin-top: 75px;
}
#casee ul li .text p.more a{
    font-size: 14px;
    color: #5d5757;
}
#casee ul li .text p.more a:hover{color: #cb3340;}
#casee2 ul{margin: 20px 0;overflow: hidden;}
#casee2 ul li{
    border: solid 3px #EEEEEE;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    /* width: calc((100%/2) - 60px); */
    margin: 10px 10px;
    overflow: hidden;
}
#casee2 ul li .photo{
    float: left;
    width: 25%;
}
#casee2 ul li .text{
    float: left;
    width: 70%;
    margin-left: 28px;
    }
#casee2 ul.ttext{
    margin: 10px 0;
}
#casee2 ul.ttext li{
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
#casee2 ul.ttext li:first-child{
    background-color: whitesmoke;
}
#casee2 ul.ttext li article{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: calc((100%/3) - 15px);
    margin: 0;
    border-right: 1px dotted #e4e2e2;
    padding: 5px;
}
#casee2 ul.ttext li article:last-child{border-right:0}
#casee2 ul.ttext li article.namee{
    text-align: center;
}
#casee2 ul.ttext li .reddd{
    color: #cb3340;
    text-align: center;
} 
#casee2 ul li .text p{
    padding: 0;
}
#casee2 ul li .text h3{
    font-size: 14px;
    margin: 5px 0;
    line-height: 145%;
}
#casee2 ul li .text p a{
    color: #cb3340;
    font-size: 20px;
    font-weight: bold;
    line-height: 145%;
}
#casee2 ul li .text p.more2{
    text-align: right;
}
#casee2 ul li .text p.more2 a{
    font-size: 14px;
    color: #5d5757;
}
#processs{}
#processs ul{
    padding: 25px;
}
#processs ul li{
    overflow: hidden;
    margin: 30px 0;
    transition: all 0.3s;
}
#processs ul li p{
    display: block;
    float: left;
    width: 15px;
    margin-right: 10px;
}
#processs ul li b{
    float: left;
    margin: 0 !important;
    width: calc(100% - 25px);
    font-weight: normal;
}
#processs ul li:hover{
    margin-left: 1%;
}
#contact{
    padding: 20px;
}
#contact .left{
    width: 51%;
    float: left;
    background-color: #eeeeee;
    padding: 15px 0 15px 35px;
}
#contact .left h3{
    font-size: 20px;
}
#contact .left p{
    margin: 10px 0;
}
#contact .right{
    float: left;
    width: 40%;
    border: 5px solid #eeeeee;
    padding: 67px 25px;
}
#contact .right p{
    line-height: 170%;
    text-align: center;
}
#contact .right p b{
    font-size: 40px;
    margin-left: 10px;
    color: #cb3340;
}
.wow {
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}
#process{
    padding: 30px 45px;
}
#process ul li {
	overflow: hidden;
	color: #333;
	position:relative;
}
#process ul li .bgset{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
}
#process ul li .bgset img{
	width:100%;
	height:100%;
	object-fit: cover;		
}
#process .tit {
	margin: 45px 20px 10px;
	transition: all 0.4s ease-in-out 0s;
}

#process ul li:hover .tit {
}

#process .tit i ,
#process .tit h4 {
	display: inline-block;
	font-size: 22px;
}

#process .tit i {
	margin-right: 10px;
	font-size: 40px;
	vertical-align: inherit;
}

#process article {
	margin: 10px 25px;
	font-size: 15px;
	line-height: 170%;
}

#process article span{line-height: 17px;}


#process ul li:first-child .info {
	padding: 20px 2%;
	width: 46%;
	background: rgba(255,255,255,0.7);
	position: relative;
    z-index: 2;
}

#process ul li:first-child .info  .tit {
	margin-top: 0;














}

#process ul li:first-child:hover .tit {
}

#process ul li:first-child .info  .tit i {
	font-size: 70px;
}

#process ul li:first-child .info h2 {
	font-size: 48px;
	line-height: 45px;
}

#process ul li:first-child .info h2 b {
	font-size: 30px;
	display: block;
}

#process ul li:first-child .info .info article {
	margin: 30px 10px 0 90px;
}

#process ul li .wow {
	overflow: hidden;
	float: left;
	width: 50%;
}

#process ul li .leftBox {
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}

#process ul li .rightBox {
	animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}

#process ul li .photoBox img {
	transition: all 0.4s ease-in-out 0s;
	transform:scale(1,1);
}

#process ul li:hover .photoBox img {
	transform:scale(1.05);
}
#seooo .article9-item .article9-cotent .article9-first-box {
    overflow: hidden;
    margin-bottom: 40px;
}

#seooo .article9-item .article9-cotent .article9-first-box .img {
    float: left;
    width: 49%;
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    overflow: hidden;
}
#seooo .article9-item .article9-cotent .article9-first-box .img img, #seooo .article9-item .article9-cotent .article9-second-box img {
    transition: all ease-in-out 0.5s;
}
#seooo .article9-item .article9-cotent .article9-first-box .txt {
    float: right;
    width: 47%;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
}
#seooo .article9-item .article9-cotent .article9-first-box .txt h5 {
    font-size: 36px;
}
#seooo .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art {
    font-size: 14px;
    line-height: 200%;
}
#seooptimization {
	overflow: hidden;
	margin: 15px;
}
#seooptimization p{padding: 10px 30px;font-size: 16px;line-height: 200%;border-bottom: 1px dotted #dadada;}
#seooptimization h6{
    font-size: 18px;
    font-weight: normal;
    margin: 15px 35px;
}
#seooptimization h6 b{
    font-weight: normal;
    color: #cb3340;
}
#seooptimization .row {
	float: left;
	width: 45%;
	padding: 20px 29px;
	border-bottom: 1px dotted #dadada;
}
#seooptimization .row h3 {
	font-size: 40px;
	color: #001e61;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	line-height: 170%;
}
#seooptimization .row h3:after {
	margin-bottom: 30px;
	width: 100px;
	height: 5px;
	background: #fa1e37;
	display: block;
	content: "";
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#seooptimization .row h3:hover:after {
	width: 95%;
}
#seooptimization .row article {
	animation-name: fadeInRight;
	-webkit-anaimation-name: fadeInRight;
	font-size: 16px;
}
#seooptimization .row h4 {
	font-size: 25px;
	color: #004066;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	margin-bottom: 10px;
}
#seooptimization .row h4 b{
    font-size: 18px;
    margin-left: 5px;
    color: #525252;
    font-weight: normal;
}
#seooptimization .row:nth-child(2) {border-right: 1px dotted #dadada;}
#seooptimization .row .topBox {
	overflow: hidden;
}
#seooptimization .row p {
	margin: 0 2% 0 0;
	float: left;
	width: 48%;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}
#seooptimization .row p:nth-child(2) {
	margin: 0 0 0 2%;
	animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}
#seooptimization .row img {
	margin: 20px 0;
	-webkit-box-shadow: 0 0 12px #5d5d5d;
	-moz-box-shadow: 0 0 12px #5d5d5d;
	box-shadow: 0 0 12px #5d5d5d;
}
#seooptimization .row img:hover {
	transform: scale(0.9);
}
#seooptimization .row .downBox {
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}
#seooptimization .row .txt{
    overflow: hidden;
}
#seooptimization .row .txt .left, #seooptimization .row .txt .right{
    float: left;
    width: 46%;
    border: 4px solid #f1f1f1;
    margin: 15px 5px;
    padding: 15px 0;

}
#seooptimization .row .txt .left:hover, #seooptimization .row .txt .right:hover{ border: 4px solid #cb3340;}
#seooptimization .row .txt .left p, #seooptimization .row .txt .right p{
    float: none;
    width: 90%;
    padding: 0;
    border-bottom: 0;
    margin: 0 20px;
}
#seooptimization .row .txt .left p b, #seooptimization .row .txt .right p b{
    color: #cb3340;
    font-size: 50px;
} 
#seooptimization .row .txt .right{
}
#seooptimization .row .txt .right p{}
#seooptimization .row .txt .right p b{}
#googleeee{margin: 30px 45px;}
#googleeee p{
    padding: 0;
}
#googleeee .bottomBox{}
#googleeee .bottomBox h3{    margin: 10px 0;}
#googleeee .bottomBox article{line-height: 200%;font-size: 16px;margin: 10px 0;}
#googleeee .bottomBox article b{
    color: #cb3340;
}
#googleeee .bottomBox ul {
	overflow: hidden;
	position: relative;
	margin: 10px 0;
	padding: 50px 0 35px;
	border: 3px #f1f1f1 solid;
	z-index: 1;
}
#googleeee .bottomBox .imggg{
    overflow: hidden;
}
#googleeee .bottomBox .imggg .leftimg{
    float: left;
    width: 69%;
    margin-right: 10px;
}
#googleeee .bottomBox .imggg .rightimg{
    float: left;
    width: 30%;
}
#googleeee .bottomBox ul li {
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	display: inline-block;
	vertical-align: top;
	width: calc((100%/3) - 25px);
	margin: 0 10px;
}
#googleeee .bottomBox ul li .item {
	padding: 20px 30px;
}
#googleeee .bottomBox ul li:nth-child(2) .item, #googleeee .bottomBox ul li:nth-child(5) .item {
	border-left: 1px #e2e2e2 solid;
	border-right: 1px #e2e2e2 solid;
}
#googleeee .bottomBox ul li .item .circle {
	position: relative;
	margin: 0 auto 15px;
	width: 114px;
	height: 114px;
	border: 1px rgba(23, 23, 23, 0.5) solid;
	font-family: 'Archivo Black',sans-serif;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	font-size: 55px;
	line-height: 114px;
}
#googleeee .bottomBox ul li .item:hover .circle {
	animation: flipInX 1.5s both;
	-webkit-animation: flipInX 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}
@keyframes flipInX{
	0%{ transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity:0; }
	40%{ transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
	60%{ transform: perspective(400px) rotateX(10deg); opacity: 1; }
	80%{ transform: perspective(400px) rotateX(-5deg); }
	to{ transform:perspective(400px); }
}
@-webkit-keyframes flipInX{
	0%{ -webkit-transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; opacity:0; }
	40%{ -webkit-transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; }
	60%{ -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; }
	80%{ -webkit-transform: perspective(400px) rotateX(-5deg); }
	to{ -webkit-transform:perspective(400px); }
}
#googleeee .bottomBox ul li .item .circle:before {
	position: absolute;
	width: 124px;
	height: 124px;
	border: 2px rgba(0, 0, 0, 0.8) solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	left: -6px;
	top: -6px;
	z-index: -1;
	content: "";
}
#googleeee .bottomBox ul li .item p {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}
#googleeee ul.item2{}
#googleeee ul.item2 li{
    display: inline-block;
    vertical-align: top;
    width: calc((100%/2) - 80px);
    margin: 10px;
    border: 4px solid #f1f1f1;
    padding: 20px;
}
#googleeee ul.item2 li:hover{ border: 4px solid #cb3340;}
#googleeee ul.item2 li p{
    padding: 16px;
}
#googleeee ul.item2 li p img{
    width: 40px;
}
#googleeee ul.item2 li h3{
    margin: 10px 0;
}
#googleeee ul.item2 li article{
    line-height: 170%;
} 
@media screen and (max-width: 1440px) {
	#casee ul li .text p{height: 58px;}
	#casee ul li .text p.more {
		margin-top: 0;
		height: auto;
	}
	#seooptimization .row {
		/* margin: 0 15px; */
	}
	#seooptimization .row .txt .left, #seooptimization .row .txt .right {
		float: none;
		width: 90%;
	}
}
@media screen and (max-width: 1366px) {
	#message .photooo ul li{width: calc((100%/2) - 55px);margin: 3px 0;}
	#message .photooo ul li:nth-child(3){width: 94%;}
}
@media screen and (max-width: 1280px) {
	#message .photooo ul li:nth-child(3){width: 95%;}
	#casee ul li .text p.more {
		margin-top: 35px;

	}
	#seooptimization .row {
		padding: 20px 27px;
	}
}
@media screen and (max-width: 1024px) {
	section{
		width: 90%;
	}
	#message .photooo ul li:nth-child(3) {
		width: 94%;
	}
	#casee ul li .photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#casee ul li .text {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#casee ul li .text p {
		height: auto;
	}
	#process ul li:first-child .info {
		width: 50%;
	}
	#process article {
		margin: 20px 10px 0 20px;
	}
	#seooptimization .row{    width: 43%;}
}
@media screen and (max-width: 768px) {
	#articleStyle27 .classPictype{
		width: 30%;
	}
		#articleStyle27 .classtxttype{
		width: 100%;
		margin: 20px 0 0;
		float:none;
	}
	#googleeee .bottomBox ul li {
		float: none;
		width: 100%;
	}
	#googleeee .bottomBox ul li:nth-child(2) .item{border-left: 0;
    border-right: 0;}
	#googleeee .bottomBox article {
		text-align: left;
	}
	#articleStyle27 .classPictype:after{
		bottom: 50px;
	}
	#articleStyle27 .classtxttype .smalldes{
		margin: 30px 0;
	}
	#articleStyle27 .classtxttype .form-box{
		padding: 30px 50px;
	}
	#process ul li {
		padding-bottom: 15px;
		border-bottom: 1px #ccc solid;
	}
	#process ul li:first-child {
		/* padding-bottom: 0; */
		/* border-bottom: 0; */
	}
	#process ul li:first-child .info {
		width: 70%;
	}
	#process ul li .wow {
		width: 100%;
	}
	#process ul li:nth-child(3) {

		background-position: right 50%;
	}
	#process ul li:nth-child(5) {
		background-position: right bottom;
	}
	#process ul li:nth-child(2) .rightBox, #process ul li:nth-child(3) .leftBox, #process ul li:nth-child(4) .rightBox, #process ul li:nth-child(5) .leftBox, #process ul li:nth-child(6) .rightBox, #process ul li:nth-child(7) .leftBox {
		display:none;
	}
	#seooptimization .row ,
	#seooptimization .row:nth-child(2) {
		margin-bottom: 15px;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	#articleStyle27 .classtxttype .form-box{
		padding: 15px 30px;
	}
	#message .photooo ul li,
	#message .photooo ul li:nth-child(3) {
		width: calc(100% - 55px);
		margin-bottom: 10px;
	}
	#message .photooo ul li.focus {
		padding: 25px;
		width: calc(100% - 55px);
	}
	#articleStyle27 .classtxttype2{padding-left: 15%;}
	#casee ul li .text p {
		height: 58px;
	}
	#casee ul li .text p.more {
		margin-top: 0;
	}
}
@media screen and (max-width: 640px) {

	#teamm .photoBox > div{    width: calc((100%/2) - 10px);}
	#process ul li:first-child .info {
		width: 80%;
	}
	#casee2 ul li .photo, #casee2 ul li .text {
		float: none;
		width: 100%;
		margin: 0;
	}
	#message .photooo ul{display: none;}
}
@media screen and (max-width: 480px) {
	#message .photooo ul li {
		margin-bottom: 10px;
		width: calc(100% - 55px);
	}
	#articleStyle27 .classPictype {
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 0;
	}
	#articleStyle27 .classtxttype .smalldes{    padding: 10px 25px;}
	#articleStyle27 .classtxttype .smalldes {
		margin: 0;
	}
	#articleStyle27 .classtxttype2 p{    padding: 15px 0;}
	#articleStyle27 .classtxttype2{padding: 0;}
	.staff-col-right.staff-col-image{    display: none;}
	#servicee ul li{width: 100%;margin: 0;padding: 15px 0;}
	#casee ul li {
		width: calc(100% - 60px);
	}
	#serviceeitem ul li p {
    width: 90%;
    padding-left: 18px;
}
#process ul li:first-child .info {
		width: 100%;
	}
	#seooptimization .row h3 {
		font-size: 35px;
	}
	#googleeee ul.item2 li{    width: calc(100% - 60px);}
	#seooptimization .row .txt .left p b, #seooptimization .row .txt .right p b {
		font-size: 30px;
	}
	#casee2 ul.ttext li article{    font-size: 12px;}
	#process, {
		padding: 30px 0;
	}
	#seooptimization p{    padding: 10px 0;}
	#seooptimization .row, #seooptimization .row{padding: 10px 0;}
	#seooptimization h6 {
		margin: 0;
	}
	#message h2 > span {
		display: block;
	}
	#companyy .itom p {    width: 60%;    margin: 0 auto;}
	#companyy .itom{    width: 98%;   margin: 10px 0;}
	#googleeee {    margin: 30px 0;}
	#googleeee .bottomBox .imggg .leftimg, #googleeee .bottomBox .imggg .rightimg {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#message .staff-col-text{padding: 0;}
	#message .staff-data {    margin: 20px 0 0;}
	#message .staff-row{ margin: 0;}
	#message .staff-text:first-child .data-list li p{font-size: 14px;}
	#message .staff-text:first-child .data-list li span a {    font-size: 12px;}
	#process {    padding: 25px 0;}
	#serviceeitem ul li {    margin: 0;    padding: 15px 0;}
	#seooptimization {    margin: 15px 0;}
}
@media screen and (max-width: 450px) {
	#process ul li:first-child {
		background-size: cover;
	}
	#process ul li:first-child .info .tit i {
		font-size: 50px;
	}
	#process ul li:first-child .info .tit {
		margin: 0;
	}
	#process ul li:first-child .info h2 {
		font-size: 30px;
		line-height: 30px;
	}
	#process ul li:first-child .info h2 b {
		font-size: 25px;
	}
	#process ul li:nth-child(2) ,
	#process ul li:nth-child(3) ,
	#process ul li:nth-child(4) ,
	#process ul li:nth-child(5) {
		background: none;
	}
	#process {
		/* padding: 0 25px; */
	}
}