

.ab-ban{width: 100%;}

.box-on{width: 100%; margin: 50px auto 33px}

.box-fz{width: 990px;margin: 0 auto}

.box-on .intion{background: #317bf6;}

.box-on .client{ background: #ec7f24;}

.box-on .sture{background: #e24a23;}

.box-on .rzed{background: #02a57a;}

.box-fz ul li{float: left;border-radius: 10px;width: 180px; height: 70px;}

.box-fz ul li a{

	color: #fff;

	display: block;

	text-align: center;

	line-height: 70px;

	font-size: 18px;

	}
.box-fz ul{
    display:flex;
    justify-content: space-around;
}

@media(max-width: 750px){

      .box-fz{width: 50%}
}

.box-on .intion:hover{background: #145ace}

.box-on .client:hover{background: #fc9e50}

.box-on .sture:hover{background: #b92b05}

.box-on .rzed:hover{background: #3becbc}

.wp{width: 100%;}

.wp-tit{ 

    width: 1030px;

    margin: 0 auto;

}

.wp-tit span{

	font-size: 18px;

} 
.wp .wp-tit .about_conent_container{
    margin-bottom: 30px;
}
.wp-tit .about_conent_container .about_conent{

	text-indent: 2em;

	line-height: 30px;
}
.wp-tit .about_chuanghua_header{
    text-align: center;
    margin-bottom: 15px;
}
.wp-tit .about_image_container{
    text-align: center;
}

@media(max-width: 750px){

	.wp-tit{width: 64%}
}

.tage{

	background: url(images/hbg.jpg) no-repeat;

	margin:50px auto;
    width: 1100px;
}

.tage h2{
    
   padding-top: 40px;

	margin-bottom: 30px;
}
.tage .product-development .product-href{
    float:  left;
    text-align: center;
    width: 215px;
    height: 315px;
    margin: 0 17px;
    display: flex;
    align-items: center;
}
.tage .product-development .product-href .index1_title{
    text-transform: uppercase;
    margin-top: 37px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #484848;
}
.tage .product-development .product-href>.index1_en{
        margin-top: 8px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #aaaaaa;
    text-transform: uppercase;
}
.tage .product-development{
    width: 1100px;
}
@media(max-width: 750px){

   .tage h2{font-size: 24px}

}
.inpro{

	width: 100%;
    margin:50px auto;

}
.culture{

	width: 1100px;
	margin:0 auto;
}

.cult-l{

	float: left;
}

.cult-r{

	width: 450px;

	height: auto;

	float: right;
}

.cult-r p{

	text-align: center;

	line-height: 30px;

	font-size: 16px;
}

.cult-r span{

	color: #e33939;
}

@media(max-width: 750px){

     .culture{width: 80%}

}

@media(max-width: 750px){

    .cult-r{ 
    width: 96%;
}

}



/***产品介绍***/

.pr-tit{

	width: 100%;

	height: 100px;

    margin:0 auto;

    padding-top: 24px;

    margin-bottom: 40px;

}

.pr-tit h2{

	text-align: center;
}

.pr-tit span{

	display: block;

	text-align: center;

	font-size: 18px;
}


.clfn{
	width: 1100px;
	margin: 0 auto;
}


.clfn .prosel .leixing div{

	border: 1px solid #fd1717;

	border-radius: 10px;

	width: 140px;

	height: 28px;

	line-height: 28px;
}

@media(max-width: 750px){

     .clfn .prosel .leixing div{width: 60%}
}


.pr-con{
    overflow: hidden;
    position: relative;
	width: 1115px;
	margin:0 auto;
    min-height: 420px;
}
.pr-con ul{
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
  /*display: flex;*/
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
    align-content: flex-start;
}
.pr-con ul li{

	width: 260px;

	height: 216px;

	float: left;
	position: relative;
    margin-bottom: 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.6);
    margin-left: 25px;

}
.pr-con ul li>a{
    display:block;
    width: 100%;
    height: 100%;
}
.pr-con ul li.project-information a .info-image{
    height: 77%;
}
.pr-con ul .project-information .info-duct-title{
    position: relative;
	display: block;
	background: #fff;
	height: 23%;
    text-shadow: 0.5px 0.5px 6px rgba(0,0,0,.6);
}
.project-information .info-duct-title>em{
    font-style: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
/*.pr-con ul li:hover .ovrly{

	background: rgba(0, 0, 0, 0.5);

    height: 164px;

    left: 0;

    top: 0%;

    width: 254px;

    position: absolute;

    -webkit-transition: ease-in-out 0.6s;

    -moz-transition:  ease-in-out 0.6s;

    -o-transition:ease-in-out 0.6s;

    transition: ease-in-out 0.6s;

    z-index: 999;
  
}*/

.pr-con ul li:hover span{

	background: #dc2b19;

	color: #fff;

	-webkit-transition: ease-in-out 0.6s;

    -moz-transition:  ease-in-out 0.6s;

    -o-transition:ease-in-out 0.6s;

    transition: ease-in-out 0.6s;
}

.pr-con img{

	 width: 100%;

    height: 100%;

    transition: all 0.5s ease 0s;
}

.pr-con .ovrly{

/*	    background: rgba(0, 0, 0, 0.5);
*/
}
.pr-con .jz{

	display: none;

	width: 42px;

	height: 42px;

	margin-left: 38%;

	margin-top: 23%;


}
.pr-con ul li:hover .jz{

	display:block;

	position: absolute;

	top: 0%;

	z-index: 99999;

}

.browsem{

	width: 500px;

	height: 50px;

	margin:0 auto;

	border-radius: 10px;

	background: #000;

	clear: both;
    color: #fff;
}

.browsem a{

	display: block;

	text-align: center;

	line-height: 50px;

	font-size: 16px;
    color: #fff;
}

.browsem:hover a{

	background: #dc2b19;

	border-radius: 10px;

	color: #fff;

	transition: ease-in-out 0.6s;

	-webkit-transition: ease-in-out 0.6s;

    -moz-transition:  ease-in-out 0.6s;

    -o-transition:ease-in-out 0.6s;
}

.bx{

	width: 100%; 

	height: 30px;

	 margin: 0 auto;

	 clear: both;
}

@media(max-width: 750px){

     .browsem{width: 80%}

}

@media(max-width: 750px){
 
    .pr-con{ width: 60% } 

}






/***联系我们***/

.lx{

	width: 100%;

}

.contact{
	width: 1100px;
	margin: 0 auto;
}

@media(max-width: 750px){

	.contact{width: 20em;}
}

.contact .lianx{

	width: 280px;

	height: 308px;

	border: 1px solid #ededed;

	float: left;

	margin-right: 130px;

	box-shadow: 1px 7px 8px #d4d1d1;


}


.contact .lianx-gz{

	width: 280px;

	height: 308px;

	border: 1px solid #ededed;

	float: left;

	box-shadow: 1px 7px 8px #d4d1d1;
    margin-right: 0;

}

.lianx .tb{

	width: 80px;

	height: 80px;

	background: #ffb82a;

	border-radius: 50%;

	margin: 20px auto;
}

.lianx .tb img{

	margin-left: 24px;

	margin-top: 20px;
}

.lianx span{

	display: block;

	text-align: center;

	font-size: 18px;

	margin-bottom: 20px;
}

.lianx p{

	text-align: center;

	margin-bottom: 30px;

}

.lianx a{

	width: 88px;

	height: 32px;

	background: #333333;

	display: block;

	margin: 0 auto;

	color: #fff;

	text-align: center;

	line-height: 32px;

	border-radius: 5px;
}


.lianx a:hover{

	background: #e10808;
}


.lianx-gz .tb{

	width: 80px;

	height: 80px;

	background: #39e486;

	border-radius: 50%;

	margin: 20px auto;
}

.lianx-gz .tb img{

	margin-left: 22px;

	margin-top: 25px;
}

.lianx-gz span{

	display: block;

	text-align: center;

	font-size: 18px;

	margin-bottom: 20px;
}

.lianx-gz p{

	text-align: center;

	margin-bottom: 30px;

}

.lianx-gz a{

	width: 115px;

	height: 115px;

	background: #333333;

	display: block;

	margin: 0 auto;

	color: #fff;

	text-align: center;

	line-height: 32px;

	border-radius: 5px;
}


.lianx-gz a:hover{

	background: #e10808;
}


.lianx .phone{

    width: 80px;

	height: 80px;

	border-radius: 50%;

	margin: 20px auto;

	background: #91bb4f;
}

.ditu{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 40px;
    height: 420px;
}



/***新闻动态***/

.news-lm{

	width: 400px;

	height: 48px;

	margin: 0 auto;
}

.news-lm a{

	border: 1px solid #e10808;

	border-radius: 10px;

	width: 112px;

	height: 32px;

	float: left;

	text-align: center;

	line-height: 32px;

    margin-left: 52px;

 }
.news-lm .news_style{
    color:#fff;
    background: #e10808;
}
.news-lm a:hover{
	color: red;
}

.news-cont{
    width: 1100px;
    margin: 0 auto;
}

.news-cont .newx-box{
    width: 100%;
    border-right: 4px solid #000;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
    margin: 30px auto;
    border-radius: 10px 0 0 10px;
}

.news-cont .newx-box:hover{

	background: #da4725;

	color: #fff;
}

.newx-box:hover .xq span{

	color: #fff;
}

.tp{
    position:relative;
	width: 130px;

	height: 134px;

	float: left;
    margin: 0 30px;
}
.tp>img{
    position:absolute;
    top: 50%;
    left: 0;
    transform:translateY(-50%); 
    max-height: 100%;
}
.xq{
    float: left;
    margin-top: 36px;
    max-width: 80%;
}


.newx-box .xq span{
    font-size: 18px;
    margin-left: 20px;
    display: block;
    overflow:hidden ;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newx-box .xq p{
	margin-top: 10px;
    overflow:hidden ;
    white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
}
.newx-box:hover .xq p{
	color: #fff;
}




@media(max-width: 750px){

	.newx-box{width: 80%}
}

.page{
    position: relative;
	width: 100%;
	height: 40px;
	margin: 20px auto 0;
}


.number{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.number a,.number .wrap-a-label .slide-module>li{
    float: left;
	border: 1px solid #dddddd;

	width: 30px;

	height: 30px;


	text-align: center;

	font-size: 14px;

	line-height: 30px;

	margin:5px;
    cursor: pointer;

}
.number .wrap-a-label{
    position:relative;
    max-width: 200px;
    float: left;
    overflow: hidden;
    height: 40px;
}
.number .wrap-a-label .slide-module{
    height: 100%;
    transition: 0.3s;
}
.number .wrap-a-label .slide-module::after{
    content: "";
    display:block;
    clear:both;
}
.number .sm{

	width: 50px;

	height: 30px;
}

.number a:hover,.number .wrap-a-label .slide-module>li:hover{
   
    background: #e10808;

    color: #fff;
}
.number .page_color,.number .wrap-a-label .slide-module>.page_color{
    color: #fff;
    background: #e10808;
}
@media(max-width:750px){

	.number{width: 100%}
}

@media(max-width:750px){

	.number a{font-size: 12px}
}





/***会议会务***/


.met{

	width: 1100px;

	margin: 0 auto;
}

.met-box{
	width: 348px;
	height: 202px;
	background: #f4f4f4;
	float: left;
	border-radius: 5px;
}
.met .met-box + .met-box{
    margin-left: 8px;
}

.met-box .met-tp{

	text-align: center;

	padding-top: 30px;
    width: 30%;
    margin: 0 auto;
}

.met-box span{

	text-align: center;

	display: block;

	margin-top: 20px;

	font-size: 16px;
}


.met-box p{

	text-align: center;

	margin-top: 10px;

	font-size: 18px;

	color: #dd2f1e;

}

.anli{

	width: 1100px;

	margin: 30px auto 0;
    height: 85px;
}

.anli-box{

	width: 818px;

	height: 100%;

	background: #475168;

	float: left;

	border-radius: 5px;
}

.yanshi-box{
    position: relative;
	width: 225px;
	height: 100%;
	background: #ff6c60;
	float: right;
	border-radius: 5px;
}

.yanshi-box a{
    position: absolute;
    left: 0;
    top: 50%; 
	text-align: center;
    width: 100%;
	color: #fff;
	font-size: 18px;
    transform: translateY(-50%);
}

.anli-box h2{

	color: #fff;

	font-size: 24px;

	padding-left:50px;
}

.anli-box p{

	padding-left: 50px;

	color: #fff;

	font-size: 18px;
}

.yanshi-box:hover{

	background: #e85027;
}



.sele{

	width: 100%;

	background: #f4f4f4;

	margin-top: 40px;
}

.sele-box{

	width: 1100px;

	height: auto;
    margin: 0 auto;
	padding: 60px 0;
}

.sele-l{
	width: 480px;
	height: 390px;
	float: left;
}

.sele-r{

	width: 610px;

	height: 390px;

	float: right;
}

.sele-r h2{

	font-size: 24px;

	text-align: center;

	    padding-top: 60px;
}

.sele-r p{

	    padding-left: 120px;

	    font-size: 16px;
}

.sele-r a{

	width: 115px;

	height: 35px;

	display: block;

	background: #ff6c60;

	margin-left: 120px;

	text-align: center;

	color: #fff;

	border-radius: 5px;

	margin-top: 20px;

	font-size: 16px;

    line-height: 35px;
}

@media(max-width: 750px){

      .met{width: 26em;}
}

@media(max-width: 750px){

	.anli-box{width: 80%}
}

@media(max-width: 750px){

	.yanshi-box{ width: 130em;}
}

@media(max-width: 750px){

	.sele-box{width: 90%}
}

@media(max-width: 750px){

	.sele-l{width: 24em;}
}

@media(max-width: 750px){

    .sele-r{width: 25em}
}

@media(max-width: 750px){

	.show span{ font-size: 18px;}
}




/***新闻详情***/


.n-details{

   width: 1100px;

   margin: 0 auto;

}

.n-details h2{

	text-align: center;

	font-size: 18px;

}

.n-details{

   width: 1100px;

   margin: 0 auto;

}

.n-details h2{

	text-align: center;

	font-size: 18px;

}

#article-content{
	width: 1000px;
	margin: 30px auto;
}
#article-content .at-ct-text{
    line-height: 30px;
    font-size: 12pt;
}
#article-content .at-ct-title{
	width: 500px;
	margin: 0 auto 20px; 
}
#article-content .at-ct-title>h2{
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-size: 22px;
}
#article-content  .at-ct-title .article-time{
	color: #ccc;
}
#article-content  .at-ct-title .article-time span{
	margin-left: 10px;
}


/*@media(max-width: 750px){

      .box-fz{width: 50%}
}

@media(max-width: 750px){

	.box-fz ul li{margin: 18px 16px}

}*/



#dituContent{
    height: 420px;
}
@media all and (max-width: 620px) {
    #dituContent{
        height: 350px;
    }
}
@media all and (max-width: 450px) {
    #dituContent{
        height: 310px;
    }
}
@media all and (min-width: 1100px){
    .pr-con ul li:nth-child(4n+1){
        margin-left: 0;
    }
}
@media(max-width: 1100px) and (min-width: 820px){
    .pr-con ul li:nth-child(3n+1){
        margin-left: 0;
    }
}
@media(max-width: 820px) and (min-width: 520px){
    .pr-con ul li:nth-child(2n+1){
        margin-left: 0;
    }
}
@media(max-width: 520px){
    .pr-con ul{
        display: flex;
    }
     .pr-con ul li{
         margin-left: 0;
     }
}



