/*首页简介*/	
.in_about {
    background: url(../images/bg_gsjj.png) center bottom no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
}
.in_about .cont {
    margin: 0 auto;
    width: 95%;
    max-width: 1300px;
}
.in_about .cont .title{
	text-align:center;
    font-size: 38px;
    line-height: 1.5;
    font-weight: normal;
	}
.in_about .cont .title p{
	font-size: 20px;
    line-height: 1.6;
    color: #555;
    font-weight: normal;
	}
.in_about .cont .conta{
	margin-top:20px;
	}
.in_about .cont .conta *{
    font-size: 17px;
    line-height: 2;
    color: #888888;
    text-align: center;
	}

.about-num {
    max-width: 1300px;
    width: 95%;
    padding: 30px 0;
    margin: 0 auto;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin-top: 30px;
}
.about-num li {
    float: left;
    text-align: center;
    border-right: 1px solid #cfcfcf;
    padding: 0 8.1%;
}
.about-num li:nth-child(4) {
border-right: none
}

.about-num li .counter {
    display: inline-block;
    font-size: 54px;
    line-height: 55px;
    font-family: Arial, Helvetica, sans-serif;
    color: #004fab;
    font-weight: bold;
}
.about-num li .count-unit {
font-size:18px;
line-height:55px;
font-weight:500;
color:#444444;
font-style:normal
}
.about-num li p {
font-size:16px;
line-height:20px;
color:#666666
}

.in_about .more{
	width: 200px;
    height: 42px;
    margin: 0 auto;
    border: 1px solid #cfcfcf;
    line-height: 42px;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: 30px;
    color: #555;
    border-radius: 5px;
}
.in_about:hover .more{ background:#004fab; color:#fff}



/**/
.box3{display: flex;background: rgba(37, 38, 40, 1);}
.pleft{width: 360px;padding: 50px;background:#004fab;-webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;}
.pleft h3{letter-spacing:-1px;font-size: 38px;color: #fff;font-weight: normal;}
.pleft h3 p{display: block;font-size:16px;line-height: 2;margin-top: 20px;}
.xian{height: 4px;background:rgba(255,255,255,.5);width: 50px;margin-top: 20px;}
.psort {margin-top: 50px;}
.psort li a{display: block;position: relative;color: #f1f1f1; height: 46px; line-height: 46px;font-size: 16px;transition: all .5s ease;border-bottom: 1px dotted rgba(232, 232, 232, 0.4);padding-left: 20px;}
.psort li a::before {
    content: '';
    display: block;
    width: 3px;
    height: 50px;
    background-color: #04abf4;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: all .5s ease;
}
.psort li a:hover{background-color: #f5f8fa;color: #015696;}
.psort li a:hover::before{opacity: 1;}
.pmore a{display: block;margin-top: 50px;text-align: center; max-width: 210px;border: 1px solid rgba(232, 232, 232, 0.4);position: relative;overflow: hidden;}
.pmore a:before {
    content: '';
    width: 0px;
    height: 100%;
    background: rgba(232, 232, 232, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    transition-duration: .5s;
}
.pmore a .w1{
        color: rgba(232, 232, 232, 0.8);
    line-height: 50px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    transition-duration: .5s;
}
.pmore a:hover:before {width: 100%;}
.search {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
}
.proLi{position: relative;float: left;width: calc(100% / 4);padding:16px;}
.proLi:nth-child(5){clear: both;}
.pright{margin: 16px 0;padding-left: 30px;    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;}
.proLink{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;background: rgba(255, 255, 255, 0.1);transition: all 0.5s ease;border: 1px solid rgba(243,243,243,0.3); padding-bottom:25px;}
.proLi:hover .proLink{box-shadow: 0 0 10px rgba(0,0,0,0.8);}
.proLi .proTitle{
    position: relative;
    text-align: center;
    padding: 0 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    transition: all .5s ease;
}
.proImgBox{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.proImgBox img{
    width: 90%;
    margin: 0 auto;
    transition: all .8s ease;
}
.lookMore{
        width: 100%;
    padding: 1rem 0 2rem;
    text-align: center;
    font-size: 16px;
    color: #3b3c3e;
    font-family: Oswald;
}
 .iconfont {
    transition: .5s;
}
.search img{display: block;}
.proTitle::before {
    content: '';
    position: absolute;
    left: -170px;
    top: -70px;
    width: 140px;
    height: 140px;
    background-color: #015696;
    transform: rotate(45deg);
    transition: all .5s ease;
}
.proLi:hover .proTitle::before {
    left: -100px;
}
.proLi:hover .lookMore .iconfont {
    margin-left: 5px;
}
.proLink::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background-color: #015696;
    transition: all .5s ease;
}
.proLi:hover .proLink::after {
    width: 100%;
}


/*maintitle*/
.maintitle {
	display: block;
	text-align: center;
}
.maintitle span {
	font-size:40px;
	color:#333333;
	line-height:60px
}
.maintitle p {
	font-size:18px;
	color:#666666;
	line-height:35px;
	font-weight:500;
	width:76%;
	margin:0 auto
}



/*案例展示*/
.in_case {
    margin: 60px auto;
}
.in_case .main {
	margin-top:35px
}
.mr_frbox2e {
	position: relative;
	margin-top: 35px;
	width: 95%;
	margin: 0 auto;
	max-width: 1300px;
}
.mr_frbox2e .leftprole {
	position:absolute;
	left:-50px !important;
	top:62px;
	CURSOR: pointer
}
.mr_frbox2e .rightprore {
	position:absolute;
	right: -50px !important;
	top:62px;
	CURSOR: pointer
}
.imgboxcpe {
	width:1300px;
	margin:0px auto 0;
	overflow:hidden
}
.imgboxcpe ul li {
	margin:0 20px 0 0;
	display: inline;
	float:left;
	overflow:hidden;
}
.imgboxcpe ul li a {
    display: block;
    width: 428px;
    text-align: center;
    font-size: 18px;
    line-height: 3;
}
.imgboxcpe ul li a .imgali {
	text-align:center;
	overflow:hidden;
}
.imgboxcpe ul li a .imgali span {
	height:100%;
	display:inline-block;
	vertical-align:middle
}
.imgboxcpe ul li a .imgali img {
	width: 428px;
    height: 428px;
	vertical-align: middle;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
}
.imgboxcpe ul li a:hover .imgali img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.wh4 {
    width: 95%;
    margin: 0 auto;
    max-width: 1300px;
}
.clearfix {
    zoom: 1;
}


.box5{background-image: url(../images/bg_yyly.jpg);background-attachment: fixed;background-size: cover;padding:100px 0;}
.hleft{width:25%;}
.hleft h3{font-size:42px;color: #fff;font-weight: normal;margin-top: 12%;}
.hleft h3 span{display: block;font-size:18px;line-height: 2;margin-top: 20px;}
.hul{
	transition: 0.3s ease 0s;
    width: 72%;
    font-size: 0;
	}
.hul li{
    font-size: 16px;
    transition: 0.3s ease 0s;
    width: 30.8%;
    margin-left: 2.2%;
    background: #ffffff;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
	}
.hul li img{
    display: inline-block;
    vertical-align: middle;
    transition: 0.5s linear 0s;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin-left: 0px;
    transform: scale(1);
}

.hul li a{
    font-size: 0px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.hul li span{
    color: #666;
    white-space: nowrap;
    transition: 0.3s ease 0s;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 3% 10px;
    box-sizing: border-box;
    border: none;
}
.hul li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}
.hul li:hover img {
    transform: scale(1.1);
}


.max1600 {
    max-width: 1300px;
	width:95%;
    margin: 0 auto;
}


.c7_index {
    position: relative;
    background: #f5f5f5;
    padding-top: 65px;
    padding-bottom: 65px;
}

.c7_wap {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.c7_left {
    position: relative;
   
}

.c7_left .hd {
    position: relative;
    margin-bottom: 10px;
    display: flex;
	width: 54%;
}

.c7_left .hd li {
    width: 25%;
    position: relative;
    text-align: center;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    padding: 0.78125vw 0;
}

.c7_left .hd li:hover,
.c7_left .hd li.on {
    border: 1px solid #004fab;
    background: #004fab;
    color: #fff;
}


.news_main{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


/* news_list11 */

.news_list11 {
    position: relative;
	width: 54%;
}

.news_list11 li {
    padding: 1.041666vw 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.news_list11 li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_list11 li .n_time {
    width: 90px;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #e5e5e5;
}

.news_list11 li .n_time b {
    font-weight: bold;
    font-size: 2.083333vw;
    color: #555555;
    line-height: 1;
	font-family:arial;
}

.news_list11 li .n_time span {
    display: block;
    font-size: 0.8854166vw;
    color: #888888;
	font-family:arial
}

.news_list11 li .n_txt {
    width: calc(100% - 90px);
    padding-left: 20px;
    padding-right: 50px;
    position: relative;
    background: url(../images/n_jian1.png) no-repeat right center;
}

.news_list11 li .n_txt h3 {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_list11 li .n_txt .nsrr {
    line-height: 1.7;
    font-size:14px;
    color: #666666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_list11 li:hover .n_time b,
.news_list11 li:hover .n_time span {
    color: #004fab;
}

.news_list11 li:hover .n_txt {
    background: url(../images/n_jian2.png) no-repeat right center;
}

.news_list11 li:hover .n_txt h3 {
    color: #004fab;
}


.c7_right {
    position: relative;
    
}

.news_list22 {
    position: relative;
    margin-top: -60px;
    width: 42%;
}

.news_list22 li {
    position: relative;
}

.news_list22 li .com-img img {
    display: block;
    width: 100%;
}

.news_list22 li .fu_conss {
    z-index: 99;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    height: 60px;
    background: #004fab;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.news_list22 li .fu_conss h3 {
    color: #fff;
    font-size: 0.8854166vw;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70%;
}

.news_list22 li .fu_conss span {
    color: #fff;
    font-size: 0.7291666vw;
}