/*网站首页*/



/*简介*/
.index_about{
	background:url(../images/bg_about.jpg) center bottom no-repeat #f8f8f8;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 2;
    display-radio: flex;
    background_radio: 2;
	}
.index_about .lefimg{
	width: 50%;
	}
.index_about .lefimg img{
	width: 100%;
    height: 100%;
    object-fit: contain;
	}
.index_about .right_txt{
	width: 50%;
	}
.index_about .right_txt .conta{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 75%;
    display-radio: flex;
    max-width: none;
    background_radio: 1;
    padding-left: 6%;
    min-width: 600px;
	}
.index_about .right_txt .conta .more{
	padding: 2% 10%;
    background: #004098;
    color: #fff;
    font-size: 18px;
    border-radius: 8px; margin-top:1.5%
	}
.index_about .right_txt .conta .more:hover{ background:#ca0000}
.index_about .right_txt .conta h1{
	font-size: 54px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
	}
.index_about .right_txt .conta h2{ font-size:36px; color:#323232; font-weight:bold; line-height:2;}

.index_about .right_txt .conta h2:after{
	display: block;
    content: "";
    width: 69px;
    height: 5px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
    margin: 10px 0 20px 0;
	}
.index_about .right_txt .conta .txt{}
.index_about .right_txt .conta .txt *{ font-size:17px; line-height:35px; color:#666666; text-align:justify}

.about-num{ width:100%;padding:20px 0; margin:0 auto}
.about-num li{ float:left; }
/*.about-num li:nth-child(2),.about-num li:nth-child(3),.about-num li:nth-child(4){padding: 0 0 0 5%;}*/
.about-num li .counter,.about-num li .count-unit{ display:inline-block; font-size:20px; line-height:54px; font-family:Arial, Helvetica, sans-serif; color:#333333;font-style: normal;}
.about-num li p{
	font-size: 17px;
    line-height: 30px;
	}


.main_title{ text-align:center;}
.main_title p{ font-size:48px; font-weight:bold; line-height:1.5}
.main_title .dec{ width:69px; height:5px; margin:0 auto; margin-top:15px; background:url(../images/dec_gsjj.png) center center no-repeat}

.main_titlea{ font-size:20px; color:#666666; line-height:2}
.main_titlea p{ font-size:48px; font-weight:bold; line-height:1.5; color:#333}
.main_titlea .dec{ width:69px; height:5px; margin-top:15px; background:url(../images/dec_gsjj.png) center center no-repeat}


.mainframe{
	width: 90%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1200px;
	}



/*工程案例*/
.in_case{ background:url(../images/bg_case.jpg) center top no-repeat;
	background-size: 100% 100%;
    padding: 4% 0 8%;
	}
.in_case .cont{
	margin-top:2%
	}
.left_case{ display: block; float:left; width:46%; overflow:hidden}
.left_case ul li{width:100%; height:auto; overflow:hidden}
.left_case ul li a,.left_case ul li div{
	display:block; width:100%; height:auto; position:relative
	}
.left_case ul li a img,.left_case ul li div img{display:block; width:100%}
.left_case ul li a h1,.left_case ul li div h1{
	line-height:50px; font-size:25px; color:#fff; position:absolute; left:7%; top:20px; width:86%; display:block; height:50px; z-index:10;
	}
.left_case ul li p,.left_case ul li div p{
	display: block; text-align:center; width:100%; height:100%; background:url(../images/inpbg.png) repeat; position:absolute; z-index:1; left:0%; top:100%; color:#fff; font-size:30px; line-height:100%; padding:0;transition: all .3s ease-out; font-weight:bold; padding-top:38%;
	}
.left_case ul li:hover a p,.left_case ul li:hover div p{ top:0}
.left_case ul li:nth-child(3),.left_case ul li:nth-child(4){ margin-bottom:0}

.right_case{ display:block; float:right; width:54%}

.right_case ul li{
	float: left;
    margin-left: 3%;
    margin-bottom: 3%;
    width: 47%;
    height: auto;
    overflow: hidden;
	}
.right_case ul li a,.right_case ul li div{
	display:block; width:100%; height:auto; position:relative
	}
.right_case ul li a img,.right_case ul li div img{display:block; width:100%}
.right_case ul li a h1,.right_case ul li div h1{
	line-height:50px; font-size:25px; color:#fff; position:absolute; left:7%; top:20px; width:86%; display:block; height:50px; z-index:10;
	}
.right_case ul li p,.right_case ul li div p{
	display: block; text-align:center; width:100%; height:100%; background:url(../images/inpbg.png) repeat; position:absolute; z-index:1; left:0%; top:100%; color:#fff; font-size:24px; line-height:100%; padding:0;transition: all .3s ease-out; font-weight:bold;padding-top:32%;
	}
.right_case ul li:hover a p,.right_case ul li:hover div p{ top:0}
.right_case ul li:nth-child(3),.right_case ul li:nth-child(4){ margin-bottom:0}

















	
/*新闻资讯*/
.in_news{
    background: url(../images/bg_news.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 4% 0 8%;
	}
.in_news .cont{
	margin-top:2%}
.leftnews{ display:block; float:left; width:64%}
.leftnews ul li{
	background: #fff;
    width: 45.5%;
    display: block;
    float: left;
    margin-right: 3%;
    border: 1px solid #e3e7eb;
    padding: 15px 15px 20px;
    box-sizing: border-box;
    position: relative;
	}
.leftnews ul li .arraw{
	position: absolute;
    right: 4%;
    bottom: 4%;
	}
.leftnews ul li .arraw img{ max-width:100%; height:auto}

.leftnews ul li .topimg{
	width: 100%;
    height: auto;
	display:block;
    overflow: hidden;
    position: relative;
	}
.leftnews ul li .topimg img{
	width: 100%;
    transform: scale(1);
    transition: all 0.5s ease-out;
	}
.leftnews ul li:hover .topimg img{
	transform: scale(1.1);
	}
.leftnews ul li p{
	border-bottom: 2px solid #e7e7e7;
    font-size: 20px;
    color: #444;
    line-height: 3;
    margin-bottom: 3%;
	}
.leftnews ul li span{ font-size:16px; line-height:28px; height:84px; display:block; overflow:hidden; text-align:justify; color:#a5a5a5}
.leftnews ul li i{
	font-size: 16px;
    color: #a8a8a8;
    line-height: 3;
    font-style: initial;
	}

.rightnews{ width:36%; display:block; float:right}
.rightnews ul li{ padding-bottom:2%; margin-bottom:2%; border-bottom:2px solid #cececf}
.rightnews ul li a{ width:70%; display:block; float:left; background:url(../images/icon.png) left center no-repeat; padding-left:32px; font-size:20px; line-height:60px}
.rightnews ul li span{
	display: block;
    float: right;
    width: 30%;
    line-height: 60px;
    font-size: 16px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
	}
.rightnews ul li .txt{ font-size:15px; line-height:28px; height:56px; display:block; overflow:hidden; text-align:justify; color:#888}



@media(max-width:640px){
	.index_about .lefimg {
    width: 100%;
}

.in_news {
    background: url(../images/bg_news.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 5% 0;
}
.main_title p {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
}
.main_title .dec {
    width: 50px;
    height: 5px;
    margin: 0 auto;
    margin-top: 10px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
}
.mainframe {
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1200px;
}
.mainframe {
    width: 90%;
    margin: 0 auto;
    max-width: 90%;
    min-width: 90%;
}
.leftnews {
    display: block;
    float: left;
    width: 100%;
}
.leftnews ul li {
    background: #fff;
    width: 100%;
    display: block;
    float: left;
    margin-right: 0;
    border: 1px solid #e3e7eb;
    padding: 15px 15px 20px;
    box-sizing: border-box;
    position: relative;
}
.leftnews ul li p {
    border-bottom: 2px solid #e7e7e7;
    font-size: 16px;
    color: #444;
    line-height: 2.5;
    margin-bottom: 2%;
}
.leftnews ul li span {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #a5a5a5;
}
.leftnews ul li i {
    font-size: 14px;
    color: #a8a8a8;
    line-height: 3;
    font-style: initial;
}
.leftnews ul li .arraw img {
    max-width: 70%;
    height: auto;
}
.leftnews ul li .arraw {
    position: absolute;
    right: 4%;
    bottom: 5%;
}
.leftnews ul li {
    background: #fff;
    width: 100%;
    display: block;
    float: left;
    margin-right: 0;
    border: 1px solid #e3e7eb;
    padding: 15px 15px 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}
.in_news .cont {
    margin-top: 4%;
}
.rightnews {
    width: 100%;
    display: block;
    float: right;
}
.rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 16px;
    line-height: 42px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 42px;
    font-size: 14px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.rightnews ul li .txt {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #888;
}
.index_about{ padding:5%}
.index_about .right_txt {
    width: 100%;
}
.index_about .right_txt .conta {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: none;
    background_radio: 1;
    padding-left: 0;
    min-width: 100%;
	padding-top:5%
}
.index_about .right_txt .conta h1 {
    font-size:30px;
    color: #004098;
    line-height: 40px;
    font-family: arial;
    font-weight: bold;
}
.index_about .right_txt .conta h2 {
    font-size: 24px;
    color: #323232;
    font-weight: bold;
    line-height: 1.5;
}
.index_about .right_txt .conta h2:after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
    margin: 10px 0 10px 0;
}
.index_about .right_txt .conta .txt * {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    text-align: justify;
}
.about-num {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
}
.about-num li p {
    font-size: 14px;
    line-height: 2;
}

.about-num li .counter, .about-num li .count-unit {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-style: normal;
}
.index_about .right_txt .conta .more {
    width: 100%;
    padding: 3% 0;
    background: #004098;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 1.5%;
    text-align: center;
}
.main_titlea p {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.main_titlea {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
}
.main_titlea .dec {
    width: 50px;
    height: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
}
.left_case {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}
.right_case {
    display: block;
    float: right;
    width: 100%;
    margin-top: 5%;
}
.right_case ul li:nth-child(1),.right_case ul li:nth-child(3){ margin-left:0;}


	}
	
@media screen and (width: 1440px){


.rightnews ul li .txt {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #888;
}
.rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 17px;
    line-height: 45px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 45px;
    font-size: 15px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.leftnews ul li span {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #a5a5a5;
}
.leftnews ul li p {
    border-bottom: 2px solid #e7e7e7;
    font-size: 17px;
    color: #444;
    line-height: 3;
    margin-bottom: 3%;
}
.leftnews ul li i {
    font-size: 15px;
    color: #a8a8a8;
    line-height: 3;
    font-style: initial;
}
.leftnews ul li .arraw img {
    max-width: 70%;
    height: auto;
}
.leftnews ul li .arraw {
    position: absolute;
    right: 4%;
    bottom: 6%;
}
.main_title p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}
.main_titlea p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.main_titlea {
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}
.industry-desca {
    font-size: 16px;
    line-height: 2.5;
    margin-top: 5%;
}
.industry-titlea h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20%;
}
.industry-titlea h1 {
    font-size: 40px;
    line-height: 2;
}
.index_about .right_txt .conta .txt * {
    font-size: 15px;
    line-height: 32px;
    color: #666666;
    text-align: justify;
}
.index_about .right_txt .conta h2:after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
    margin: 10px 0 20px 0;
}
.index_about .right_txt .conta h2 {
    font-size: 30px;
    color: #323232;
    font-weight: bold;
    line-height: 2;
}
.index_about .right_txt .conta h1 {
    font-size: 48px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.about-num li p {
    font-size: 15px;
    line-height: 1;
}
.index_about .right_txt .conta h1 {
    font-size: 42px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.index_about .right_txt .conta .more {
    padding: 2% 10%;
    background: #004098;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    margin-top: 1.5%;
}
	} 
@media screen and (width: 1600px){


.rightnews ul li .txt {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #888;
}
.rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 17px;
    line-height: 45px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 45px;
    font-size: 15px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.leftnews ul li span {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #a5a5a5;
}
.leftnews ul li p {
    border-bottom: 2px solid #e7e7e7;
    font-size: 17px;
    color: #444;
    line-height: 3;
    margin-bottom: 3%;
}
.leftnews ul li i {
    font-size: 15px;
    color: #a8a8a8;
    line-height: 3;
    font-style: initial;
}
.leftnews ul li .arraw img {
    max-width: 70%;
    height: auto;
}
.leftnews ul li .arraw {
    position: absolute;
    right: 4%;
    bottom: 6%;
}
.main_title p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}
.main_titlea p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.main_titlea {
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}
.industry-desca {
    font-size: 16px;
    line-height: 2.5;
    margin-top: 5%;
}
.industry-titlea h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20%;
}
.industry-titlea h1 {
    font-size: 40px;
    line-height: 2;
}
.index_about .right_txt .conta .txt * {
    font-size: 15px;
    line-height: 32px;
    color: #666666;
    text-align: justify;
}
.index_about .right_txt .conta h2:after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
    margin: 10px 0 20px 0;
}
.index_about .right_txt .conta h2 {
    font-size: 30px;
    color: #323232;
    font-weight: bold;
    line-height: 2;
}
.index_about .right_txt .conta h1 {
    font-size: 48px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.about-num li p {
    font-size: 15px;
    line-height: 1;
}
.index_about .right_txt .conta h1 {
    font-size: 42px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.index_about .right_txt .conta .more {
    padding: 2% 10%;
    background: #004098;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    margin-top: 1.5%;
}
	} 

@media screen and (width: 1680px){


.rightnews ul li .txt {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #888;
}
.rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 17px;
    line-height: 45px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 45px;
    font-size: 15px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.leftnews ul li span {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-align: justify;
    color: #a5a5a5;
}
.leftnews ul li p {
    border-bottom: 2px solid #e7e7e7;
    font-size: 17px;
    color: #444;
    line-height: 3;
    margin-bottom: 3%;
}
.leftnews ul li i {
    font-size: 15px;
    color: #a8a8a8;
    line-height: 3;
    font-style: initial;
}
.leftnews ul li .arraw img {
    max-width: 70%;
    height: auto;
}
.leftnews ul li .arraw {
    position: absolute;
    right: 4%;
    bottom: 6%;
}
.main_title p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}
.main_titlea p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.main_titlea {
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}
.industry-desca {
    font-size: 16px;
    line-height: 2.5;
    margin-top: 5%;
}
.industry-titlea h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20%;
}
.industry-titlea h1 {
    font-size: 40px;
    line-height: 2;
}
.index_about .right_txt .conta .txt * {
    font-size: 15px;
    line-height: 32px;
    color: #666666;
    text-align: justify;
}
.index_about .right_txt .conta h2:after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background: url(../images/dec_gsjj.png) center center no-repeat;
    margin: 10px 0 20px 0;
}
.index_about .right_txt .conta h2 {
    font-size: 30px;
    color: #323232;
    font-weight: bold;
    line-height: 2;
}
.index_about .right_txt .conta h1 {
    font-size: 48px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.about-num li p {
    font-size: 15px;
    line-height: 1;
}
.index_about .right_txt .conta h1 {
    font-size: 42px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.index_about .right_txt .conta .more {
    padding: 2% 10%;
    background: #004098;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    margin-top: 1.5%;
}
	} 
	

	
/*产品展示*/
@media (min-width:1600px) {
 .index_cplist {
width:100%;
height:480px;
margin:45px auto 0;
overflow:hidden;
}
 #zal_con22 {
}
 .proimg_a {
 width: 420px;
 float: left;
 margin: 0 15px;
 border-radius: 10px;
}

.proimg_a .txt{ text-align:center
	 }
.proimg_a .txt h1{
        font-weight: normal;
        font-size: 18px;
        line-height: 3;
        color: #333;
	 }
.proimg_a .txt p{
	font-size: 17px;
    line-height: 2;
	}	 
.proimg_a .txt p span{font-weight: bold;}	 

.proimg_a .topimg {
 overflow: hidden;
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius:0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}
 .in_frame2 {
        background: url(../images/bg1.jpg) center top no-repeat #e8efff;
        padding: 4% 0;
}
.in_frame2 .maina {
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1200px;
}
.in_frame2 .maina .titlea { text-align:center}
.in_frame2 .maina .titlea p {
        font-size: 40px;
        font-weight: bold;
        line-height: 1.8;
}
.in_frame2 .maina .titlea p span{
	color:#004098
	}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
        color: #888888;
        line-height: 1;
        font-size: 21px;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .mob_index_cplist {
display:none
}
}

 @media screen and (min-width:1440px) and (max-width:1599px) {
 .index_cplist {
        margin: 35px auto 0;
        overflow: hidden;
}
 #zal_con22 {
}

.proimg_a {
 width: 320px;
 float: left;
 margin: 0 13px;
 border-radius: 10px;
}

.proimg_a .txt{
	 }
.proimg_a .txt h1{
        font-weight: normal;
        font-size: 18px;
        color: #444;
        text-align: center;
        line-height: 3;
	 }
.proimg_a .txt p{
	font-size: 15px;
    line-height: 2;
	}	 
.proimg_a .txt p span{font-weight: bold;}	 

.proimg_a .topimg {
 overflow: hidden;
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius:0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}

 .in_frame2 {
 background: url(../images/bg1.jpg) center top no-repeat #e8efff;
 padding:5% 0;
}
.in_frame2 .maina {
        width: 90%;
        margin: 0 auto;
        max-width: 1600px;
        min-width: 1200px;
}
.in_frame2 .maina .titlea {
	text-align:center
}
.in_frame2 .maina .titlea p {
        font-weight: bold;
        font-size: 40px;
        line-height: 2;
    }
.in_frame2 .maina .titlea p span{color: #004098;}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
        color: #888888;
        line-height: 1;
        font-size: 20px;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .mob_index_cplist {
display:none
}
}

 @media screen and (min-width:1280px) and (max-width:1439px) {
	 .index_about .right_txt .conta .more {
    padding: 2% 10%;
    background: #004098;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin-top: 0;
}
.index_about .right_txt .conta h2 {
    font-size: 36px;
    color: #323232;
    font-weight: bold;
    line-height: 1.6;
}
	 .index_about .right_txt .conta h1 {
    font-size: 45px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.about-num li .counter, .about-num li .count-unit {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-style: normal;
}
	 .index_about .right_txt .conta .txt * {
    font-size: 17px;
    line-height: 2;
    color: #666666;
    text-align: justify;
}
	 .rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 18px;
    line-height: 56px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 56px;
    font-size: 16px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
	 .rightnews ul li {
    padding-bottom: 1%;
    margin-bottom: 1%;
    border-bottom: 2px solid #cececf;
}
.main_title p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}	 
.industry-title h2 {
    font-size: 40px;
    line-height: 1.5;
    font-weight: bold;
}
	 .main_titlea p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.industry-titlea h1 {
    font-size: 40px;
    line-height: 2;
}
.industry-titlea h2 {
    font-size: 35px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 30%;
}	 
	 
 .index_cplist {
        margin: 35px auto 0;
        overflow: hidden;
}
 #zal_con22 {
}
 .proimg_a {
    width: 300px;
    float: left;
    margin: 0 13px;
    border-radius: 10px;
}
.proimg_a .topimg {
 overflow: hidden;
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius: 10px 10px 0 0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
 background: #f54545;
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}

 .in_frame2 {
 background: url(../images/bg1.jpg) center top no-repeat #e8efff;
 padding:3% 0
}
.in_frame2 .maina {
 width:85%;
 max-width: 1360px;
 margin: 0 auto;
 display: block;
 overflow: hidden;
}
.in_frame2 .maina .titlea { text-align:center
}
.in_frame2 .maina .titlea p {
	font-weight: bold;
	font-size: 40px;
	line-height: 2;
}
.in_frame2 .maina .titlea p span{
	    color: #004098;
	}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
        color: #888888;
        line-height: 1;
        font-size: 21px;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .mob_index_cplist {
display:none
}
}
 @media screen and (min-width:1024px) and (max-width: 1279px) {
.index_about .right_txt .conta .txt * {
    font-size: 15px;
    line-height: 2;
    color: #666666;
    text-align: justify;
}

 .index_cplist {
width:100%;
height: auto;
margin:25px auto 0;
overflow:hidden;
}
 #zal_con22 {
}
 .proimg_a {
    width: 240px;
    float: left;
    margin: 0 13px;
    border-radius: 10px;
    line-height: 45px;
    font-size: 14px;
    color: #fff !important;
}
.proimg_a .topimg {
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius: 10px 10px 0 0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
 background: #f54545;
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}
 .in_frame2 {
 background: url(../images/bg1.jpg) center top no-repeat #e8efff;
 padding:5% 0
}
.in_frame2 .maina {
 width:90%;
 max-width: 90%;
 min-width:90%;
 margin: 0 auto;
 display: block;
 overflow: hidden;
}
.in_frame2 .maina .titlea { text-align:center
}

.in_frame2 .maina .titlea p {
	font-weight: bold;
        font-size: 40px;
        line-height: 2;
}
.in_frame2 .maina .titlea p span{color: #004098;}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
 color:#888888;
 line-height:1.8;
 font-size:18px;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .mob_index_cplist {
display:none
}
}





 @media screen and (min-width:769px) and (max-width: 1023px) {
 .index_cplist {
width:100%;
height: auto;
margin:25px auto 0;
overflow:hidden;
}
 #zal_con22 {
}
 .proimg_a {
    width: 240px;
    float: left;
    margin: 0 13px;
    border-radius: 10px;
    line-height: 45px;
    font-size: 14px;
    color: #fff !important;
}
.proimg_a .topimg {
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius: 10px 10px 0 0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
 background: #f54545;
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}

 .in_frame2 {
 background: url(../images/bg1.jpg) center top no-repeat #e8efff;
 padding:5% 0
}
.in_frame2 .maina {
 width:90%;
 max-width: 1600px;
 min-width:1200px;
 margin: 0 auto;
 display: block;
 overflow: hidden;
}
.in_frame2 .maina .titlea { text-align:center
}

.in_frame2 .maina .titlea p {
 font-weight: bold;
 font-size: 40px;
 line-height: 2;
}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
 color:#888888;
 line-height:1.8;
 font-size:18px;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .mob_index_cplist {
display:none
}
}

@media (max-width: 768px) {
 .index_cplist {
width:100%;
height:290px;
margin:25px auto 0;
overflow:hidden;
}
#zal_con22 {
}
 .proimg_a {
 width: 320px;
 height: 290px;
 text-align: center;
 float: left;
 margin: 0 13px;
 border-radius: 10px;

 background: #0068c5;
 line-height: 50px;
 font-size:16px;
 color:#fff !important;
}
.proimg_a .topimg {
 height: 240px;
 overflow: hidden;
 background: #fff;
 display: block;
 vertical-align: middle;
 text-align: center;
 border-radius: 10px 10px 0 0;
}
.proimg_a .topimg img {
 transform: scale(1);
 transition: all 1s ease-out;
 max-width: 100%;
 max-height: 100%;
}
 .proimg_a:hover {
 background: #f54545;
}
.proimg_a:hover .topimg img {
transform: scale(1.10);
}


 .in_frame2 {
 background: url(../images/bg1.jpg) center top no-repeat #e8efff;
 padding:5% 0;
}
.in_frame2 .maina {
 width: 90%;
 max-width: 90%;
 min-width:90%;
 margin: 0 auto;
 display: block;
 overflow: hidden;
}
.in_frame2 .maina .titlea { text-align:center}
.in_frame2 .maina .titlea p {
 font-weight: bold;
 font-size: 28px;
 line-height:1.2;
}
.in_frame2 .maina .titlea p span{
color: #004098;
}
.in_frame2 .maina .titlea .cplist {
}
.in_frame2 .maina .titlea .cplist a {
 color:#888888;
 font-size:18px;
 line-height: 1.8;
}
.in_frame2 .maina .titlea .cplist a:hover {
text-decoration:underline
}
 .index_cplist {
display:none
}
.mob_index_cplist {
margin-top:3%;
display:block
}
 .mob_index_cplist ul li {
 width: 48.5%;
 float: left;
 margin-right: 3%;
 margin-bottom: 3%;
}
 .mob_index_cplist ul li:nth-child(2n) {
margin-right:0; float:right;
}
 .mob_index_cplist ul li .topimg {
 overflow: hidden;
 display: block;
 vertical-align: middle;
 text-align: center;
 width: 100%;
}
 .mob_index_cplist ul li .topimg img {
 max-width:100%;
 max-height: 100%;
 transform: scale(1);
 transition: all 1s ease-out;
}
 .mob_index_cplist ul li:hover .topimg img {
 transform: scale(1.2);
}
.mob_index_cplist ul li .txt{ text-align:center
}
.mob_index_cplist ul li .txt h1{
		font-weight: normal;
        font-size: .28rem;
        color: #333;
        line-height: 2.5;
	}
.mob_index_cplist ul li .txt p{
	font-size:.28rem;
    line-height: 2;
	}
.mob_index_cplist ul li .txt p span{font-weight: bold;}

}




	
@media screen and (max-width: 1023px) and (min-width:769px){
.proimg_a .txt{ text-align:center
	 }
.proimg_a .txt h1{
    font-weight: normal;
    font-size: 16px;
    line-height: 3;
    color: #333;
	 }
.proimg_a .txt p{
	font-size: 14px;
    line-height: 2;
	}	 
.proimg_a .txt p span{font-weight: bold;}	 
	}
	
	
@media screen and (max-width: 1439px) and (min-width:1280px){
.proimg_a .txt{ text-align:center
	 }
.proimg_a .txt h1{
        font-weight: normal;
        font-size: 17px;
        line-height: 3;
        color: #444;
	 }
.proimg_a .txt p{
	font-size: 14px;
    line-height: 2;
	}	 
.proimg_a .txt p span{font-weight: bold;}	 
	}
	
@media screen and (max-width: 1279px) and (min-width: 1024px){
.proimg_a .txt{ text-align:center
	 }
.proimg_a .txt h1{
    font-weight: normal;
    font-size: 17px;
    line-height: 2;
    color: #444;
	 }
.proimg_a .txt p{
	font-size: 14px;
    line-height: 2;
	}	 
.proimg_a .txt p span{font-weight: bold;}	
.main_title p {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
}
.main_titlea p {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
    .in_frame2 .maina .titlea p {
        font-weight: bold;
        font-size: 36px;
        line-height: 2;
    }
	.index_about .right_txt .conta h1 {
    font-size: 45px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.index_about .right_txt .conta h2 {
    font-size: 32px;
    color: #323232;
    font-weight: bold;
    line-height: 1.5;
}
.index_about .right_txt .conta h1 {
    font-size: 42px;
    color: #004098;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
}
.about-num li .counter, .about-num li .count-unit {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-style: normal;
}
.about-num li p {
    font-size: 15px;
    line-height: 1.5;
}
.about-num {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
}
.index_about .right_txt .conta .more {
    padding: 2% 8%;
    background: #004098;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    margin-top: 1%;
}
.index_about .right_txt .conta {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    max-width: none;
    padding-left: 6%;
	min-width:90%
}
.home-solutions-cp .solutions-img-cp .txt {
    margin-left: 10%;
    margin-top: 10%;
    color: #fff;
    display: flex
;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
}
.mainframe {
    width: 90%;
    margin: 0 auto;
    max-width: 90%;
    min-width: 90%;
}
.rightnews ul li a {
    width: 70%;
    display: block;
    float: left;
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 30px;
    font-size: 17px;
    line-height: 40px;
}
.rightnews ul li span {
    display: block;
    float: right;
    width: 30%;
    line-height: 40px;
    font-size: 15px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.leftnews ul li p {
    border-bottom: 2px solid #e7e7e7;
    font-size: 18px;
    color: #444;
    line-height: 3;
    margin-bottom: 3%;
}
.leftnews ul li .arraw {
    position: absolute;
    right: 4%;
    bottom: 7%;
    width: 7%;
}
	}
