/*maintitle*/
.maintitle{
	display:block;
	text-align:center;
    font-size: 20px;
    line-height: 35px;
    color: #666;
	}
.maintitle p{
    font-size:40px;
    color: #1a5dc2;
    line-height: 55px;
    font-weight: bold;
	}

.maintitle .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background: #1a5dc2;
    border-radius: 20px;
	}	
	



.main_title{
	text-align:center;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
	}
.main_title p{
    font-size: 40px;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
	}
.main_title .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background: #fff;
    border-radius: 20px;
	}









/*首页简介*/
.in_about{
	background: url(../images/bg_gsjj.jpg) center bottom no-repeat #f6f6f6;
    padding-top: 30px;
    padding-bottom: 40px;
	}
.in_about .cont{
	width: 1200px;
    margin: 0 auto;
	}
.in_about .cont .txt{ height:140px; display:block; overflow:hidden; margin-top:12px}
.in_about .cont .txt *{
	font-size: 17px;
    color: #333;
    line-height: 35px;
    text-align:-webkit-center;
	}	
	
.in_about .cont .conta{
	margin: 20px auto 30px;
    text-align: center;
	}
.in_about .cont .conta a{
    padding: 12px 12px 5px;
    font-size: 20px;
    color: #888888;
    line-height: 40px;
    margin: 0 30px;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
	}
.in_about .cont .conta a img{transition: all linear .5s;}
.in_about .cont .conta a:hover img{transform: rotateY(360deg);}


.mr_frbox2{HEIGHT: 260px; width:1200px;  margin:0 auto; position:relative;}

.mr_frbox2 .leftprole{ position:absolute; left:-50px !important; top:72px;CURSOR: pointer}
.mr_frbox2 .rightprore{ position:absolute; right: -50px !important; top:72px;CURSOR: pointer}

.imgboxcpe{ width:1200px; height:260px; margin:0px auto 0; overflow:hidden}
.imgboxcpe ul li{ margin:0 24px 0 0; display: inline; float:left; overflow:hidden;}
.imgboxcpe ul li a{ display:block; width:282px; height:253px;line-height:40px; text-align:center; font-size:16px; color:#333;}
.imgboxcpe ul li a .imgali{ width:280px; height:213px; text-align:center; overflow:hidden; background:#ffffff; border:1px solid #cccccc}
.imgboxcpe ul li a .imgali span{ height:100%; display:inline-block; vertical-align:middle}
.imgboxcpe ul li a .imgali img{/*width:280px;*/ width:100%; height:100%; 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);}


/*首页产品*/
.in_news{
	background: url(../images/bg_cp.jpg) center top no-repeat;
    padding-top: 60px;
    padding-bottom: 70px;}



.in_news .news_top {text-align: center; margin-top:20px }
.in_news .news_top li{
	display: inline;
    padding: 0 6px;
	}
.in_news .news_top li:nth-child(5){}
.in_news .news_top li a{color:#e1e1e1;font-size: 16px; line-height:40px}
.in_news .news_top li:hover,.in_news .news_top li.on{ color:#fff; text-decoration:underline}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:40px; text-decoration:underline}

.in_news .news_box{ width:1221px; height:auto; margin:40px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	float: left;
    margin-right:22px;
    margin-bottom:22px; width:392px
	}
.in_news .news_box li:nth-child(3n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:392px;
    height:289px;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 0.5s ease-out;
	width:100%;
	height:100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.1);
	}

.in_news .news_box li p{
	width: 100%;
    margin: 0 auto;
    background: #f1f1f1;display:block; height:52px
    
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:18px;
	color:#444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center; display:block; height:52px; width:90%; margin:0 auto
	}
.in_news .news_box li:hover p{ background:#1a5dc2}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:18px;
	color:#fff;
	}	

.in_news .news_topa {text-align: center; margin-top:20px }
.in_news .news_topa li{
	display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 70px;
    margin: 0 15px;
    color: #fff;
    font-size:20px;
    background:#e81005; font-weight:bold;border-radius: 30px;
	}
.in_news .news_topa li span{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}
.in_news .news_topa li a{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}


/*客户案例*/

.in_case{ width:1200px; margin:30px auto 50px}
.mr_frbox2a{HEIGHT:270px; width:1200px;  margin:0 auto; position:relative;}

.imgboxcpea{ width:1200px; height:300px; margin:0px auto 0; overflow:hidden}
.imgboxcpea ul li{ margin:0 24px 0 0; display: inline; float:left; overflow:hidden;}
.imgboxcpea ul li a{
	display: block;
    width: 282px;
    height: 290px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: #333;
	}
.imgboxcpea ul li a .imgali{ width:280px; height:210px; text-align:center; overflow:hidden; background:#ffffff; border:1px solid #cccccc; margin-bottom:5px}
.imgboxcpea ul li a .imgali span{ height:100%; display:inline-block; vertical-align:middle}
.imgboxcpea ul li a .imgali img{/*width:280px;*/ width:100%; height:210px; vertical-align: middle;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s; }
.imgboxcpea 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);}



.ells {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

  .innews{ width:100%; height:772px; background:url(../images/zzbg.jpg) no-repeat  center 0 #f3f3f3}
  .innews ul{ width:1200px; padding-top:62px; margin:0 auto}
  .innews ul li{ width:25%; height:623px; float:left; position:relative; overflow:hidden}
  .innews ul li p{ display:block; width:132px; height:132px; position:absolute; left:50%; top:0; margin-left:-66px; z-index:10}
  .innews ul li p img{ width:100%;transition: all linear .5s;}
  .innews ul li p img:hover{transform: rotateY(360deg)}
  
  .innews ul li div{ width:92%; height:555px; border:1px solid #e9eaea;background:#fff; position:absolute; top:66px; left:4%; padding-top:66px}
  .innews ul li div,.innews ul li div *{ color:#333333}
  .innews ul li div a:hover{ color:#333333; text-decoration:underline}
  .innews ul li div h1{ font-size:30px; line-height:57px; text-align:center; font-weight:500}
  .innews ul li div .title{ display:block; height:59px; line-height:59px; border-bottom:1px solid #f5f5f5; padding:0 15px}
  .innews  ul li div .nmore{ display:block; width:71px; height:40px; line-height:40px; background:#1a5dc2; text-align:center; color:#fff; margin:15px auto 0}
  .innews  ul li div .nmore:hover{ color:#fff; text-decoration:none; background:#fab614}
  
  .innews ul li div.neblue{ background:#1a5dc2}
  .innews ul li div.neblue .title{ border-bottom:1px solid #4078cc}
  .innews ul li div.neblue,.innews ul li div.neblue *{ color:#fff}
  .innews ul li div.neblue a:hover{ color:#fff; text-decoration:underline}
  .innews  ul li div.neblue .nmore{ background:#fff; color:#1a5dc2}
  .innews  ul li div.neblue .nmore:hover{ color:#fff; text-decoration:none; background:#fab614}