﻿.gg2{
    text-align: center;
margin-bottom:2%;
}
.gg2 h2{
    font-size: 28px;
    letter-spacing: 2px;
    color: #777777;
    font-family: '微软雅黑';

}
.gg2 h3{
    font-size: 22px;
    color: #777777;
    font-family: '微软雅黑';
}
.gg{
    width: 80%;
    height: auto;
    margin: 0 auto 0.5cm;
    text-align: center;
}
.gg span:nth-child(1) ,
.gg span:nth-child(4){
    display: inline-block;
    width: 100px;
   border: 1px solid #ccc; 
   text-align: center;
   margin:  24px 0;
            vertical-align: middle;
}
.gg img{
    width: 40px;
    margin:1px 2% 1px 3%;
            display: inline-block;
            vertical-align: middle;
}
.gg span:nth-child(3){
    text-align: center;
    font-size: 34px;
    font-family: '微软雅黑';
    line-height: 50px;
    padding-right: 3%;
    vertical-align: top;
    letter-spacing: 1px;
    vertical-align: middle;
}
.gg h2{
    text-align: center;
    color: #999999;
    font-size: 22px;
    font-weight: 500;
    font-family: '微软雅黑';
    line-height: 20px;
}
.main1 .gg{
    margin: 1.5cm auto 1.5cm;
}

.main2 .gg{
color: white;
}

.main3 .gg{
padding:1.5cm  0;
margin: 0 auto;
}
.main4 .gg{
padding:1.5cm  0 1%;
margin-bottom: 0;
height: auto !important;
}
.main4 .gg2{
padding-top:1%;
}

.main5 .gg{
padding:1.5cm 0 0;
}
.main6 .gg{
padding:1.5cm 0 0;
}

.main6 .gg img{
    width: 50px;
    margin:5px 2% 5px 3%;
}
.png{
    background-image: url(../images/banner2.png);
    background-size: 100% 100%;
}
.png h2{
    text-align: center;
    font-size: 34px;
    	letter-spacing: 10px;
    color: white;
    padding: 4.5% 0;
font-family: 思源宋体 CN;
}
/* 我们的优势 */
.main12 ,
.main13 ,
.main14 {
    float: left;
    box-sizing: border-box;
}
.main12 {
    width: 38%;
}
.main112{
    width: 62.5%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 0.5cm;
}
.main13 {
    width: 31%;
}
.main14 {
    width: 31%;
    padding-left: 3%;
    box-sizing: border-box;
}
.main122{
    padding-bottom: 1cm;
}
.main122 img {
    float: left;
    width: 25%;
}
.main12:nth-of-type(1) .main122 img {
    float: left;
    width: 20%;
}

.main1222 {
    float: left;
    box-sizing: border-box;
    width:75%;
    padding-left: 4%;
}

.main1222 h2 {
    font-size: 26px;
    color: #411b1b;
    padding-bottom: 3%;
}

.main1222 span {
    font-size: 24px;
    color: #e60012;
    font-weight: 600;
}

.main1222 p {
    font-size: 15px;
    color: #727171;
    font-weight: 600;

    word-wrap:break-word;  
    word-break:break-all;  
    overflow: hidden;  
}

/* 我们的优势 */

/* 公司简介 */
.main2 {

    padding: 1.5cm 0;
    background-color: black;
    background-size: 100% 100%;
}

.main2 p {
    color: #dcdddd;
    padding: 1% 0 0;
    letter-spacing: 2px;
    box-sizing: border-box;
    font-family:"微软雅黑";
    font-size: 16px;
    text-indent: 39px;
    letter-spacing: 3px;
    line-height: 25px;
}

.main2 a {
    display: block;
    font-size: 16px;
    padding: 0.5% 0;
    width: 10%;
    border: 1px solid #dcdddd;
    color: #dcdddd;
    text-align: center;
    margin: 2% auto 2.5%;
}

.main22{
        box-sizing: border-box;
}
.main22 img {
    width: 20.5%;
    margin-right: 6%;
    float: left;
}
.main22 img:nth-of-type(4){
    margin-right: 0;
}
/* 公司简介 */

/* 案例展示 */
.main3 {
}

.main32 ul {
    width: 59%;
    text-align: center;
    margin: 0 19% 0 23%;
}

.main32 ul li {
    float: left;
    font-size: 18px;
    width: 16.66%;
    padding: 0.3% 0;
    text-align: center;
}

.main32 ul li:hover {
    background-color: #e50303;
    color: white;
    cursor: pointer;
}
.main32 ul li:hover a{
    color: white;
}

.m32 {
    background-color: #e50303;
    color: white;
}

.main321 {
    width: 22%;
    margin: 2% 2% 3%;
    float: left;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.main321:nth-of-type(1),
.main321:nth-of-type(5) {
    margin-left: 0;
}

.main321:nth-of-type(4),
.main321:nth-of-type(8) {
    margin-right: 0;
}

.main33 {
    margin-top: 2%;
    display: none;
}
.main33 h2 {
    padding: 4% 3%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
       text-align: center;
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
}

.main34 a {
    display: block;
    font-size: 16px;
    padding: 0.5% 0;
    width: 10%;
    border: 1px solid black;
    text-align: center;
    margin: 3% auto 0;
}

/* 案例展示 */

/* 服务流程 */
.main42 {
    padding: 1.5cm 0 7px;
    box-sizing: border-box;
}

.main43 {
    float: left;
    width: 12%;
    padding: 2% 2%;
    box-sizing: border-box;
    margin-right: 10%;
    background-color: #fbfbfb;
    box-shadow: 0 0 4px 1px #cccccc;
    margin-bottom: 5%;
}

.main43 img {
    width: 100%;
}

.main43 p {
    text-align: center;
    padding: 10% 0 2%;
    font-size: 0.15rem;
}

.main43:nth-of-type(5),
.main43:nth-of-type(10) {
    margin-right: 0;
}
/* 服务流程 */

/* 行业资讯 */
.main5 {
    padding-bottom: 0;
}
.main52{
box-sizing: border-box;
}
.main521 {
    width: 23.875%;
    margin-right: 1.5%;
    float: left;
}
.main521:nth-of-type(4) ,
.main521:nth-of-type(8) ,
.main521:nth-of-type(12) ,
.main521:nth-of-type(16) ,
.main521:nth-of-type(20) ,
.main521:nth-of-type(24) ,
.main521:nth-of-type(28){
    margin-right: 0;
}
.main521 span {
    float: left;
    color: #999999;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
overflow:hidden; 
}
.main521 img{
    display: none;
}
.main521:nth-child(1) img ,
.main521:nth-child(2) img ,
.main521:nth-child(3) img ,
.main521:nth-child(4) img{
    display: block;
}
.main521 span:nth-of-type(1) {
    width: 55%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.5%;
    box-sizing: border-box;
}

.main521 span:nth-of-type(2) {
    width: 20%;
    font-size: 12px;
    text-align: center;
}

.main521 span:nth-of-type(3) {
    width: 25%;
    font-size: 12px;
        text-align: right;
}

/* 行业资讯 */

/* 我们的客户 */
.main6{
padding-bottom:2%;
}
.main62 {
    margin-bottom: 3.2%;
    box-sizing: border-box;
}

.main62 img {
    width: 14%;
    margin-right:  3.2%;
    float: left;
}
.main62 img:nth-of-type(6){
    margin-right: 0;
}
/* 我们的客户 */

/* 友情链接 */
.main7 {
    background-color: #232323;
}

.main777 {
    width: 62.5%;
    margin: 0 auto;
    padding: 3% 0 2%;
}

.main71 li {
    float: left;
    color: #a9a9a9;
    width: 10%;
    padding: 0.4% 0;
    background-color: #565656;
    margin-right: 1%;
    text-align: center;
    font-size: 0.12rem;
    font-weight: 600;
    cursor: pointer;
font-family:"微软雅黑";
}
.main71 li:hover{
    color: #ffffff;
    background-color: #3c3c3c;
}
.m71{
    color: #ffffff !important;
    background-color: #3c3c3c !important;  
}
.main777 a {
    color: white;
    font-size: 12px;
	margin-right:0.93%;
line-height:25px;
font-family:"微软雅黑";
}
.main72{
    display: none;
overflow:hidden;
}
.xs{
    display: block;
}
/* 友情链接 */
@media screen and (max-width: 1000px) {
.main2 p{
	padding: 0 5% !important;
}
.png h2 {
    font-size: 12px;
}
.main43 p {
    font-size: 18px;
}
.main521:nth-child(3) img ,
.main521:nth-child(4) img{
    display: none;
}
}



@media screen and (max-width: 1200px) {
    .main121 {
        width: 42%;
        margin: 4% 2% 2% 6%;
    }

    .main321 {
        width: 46% !important;
        margin: 2% !important;
    }

    .main32 ul {
        width: 95%;
        margin-left: 2%;
    }

    .main521 {
        width: 44%;
        margin:1%  3%;
    }

.main72 a{
	font-size: 16px;
}
.main521 span:nth-of-type(1) {
    font-size: 22px;
}

.main521 span:nth-of-type(2) {
    font-size: 20px;
}

.main521 span:nth-of-type(3) {
    font-size: 20px;
}

}
@media screen and (max-width: 1500px) {
   .main32 ul li {
	    font-size: 15px;
    }
}
@media screen and (max-width: 1620px) {
   .main112  {
	    width: 70%;
    }
}
@media screen and (max-width: 450px) {
   .main112  {
	    width: 75%;
    }
}
@media screen and (max-width: 1450px) {
   .main112  {
	    width: 75%;
    }
}
@media screen and (max-width: 1350px) {
   .main112  {
	    width: 80%;
    }
}
@media screen and (max-width: 1270px) {
   .main112  {
	    width: 90%;
    }
}