/*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: 60px;
    padding-bottom: 80px;
	}
.in_about .cont{
	width: 1200px;
    margin: 50px auto 0;
	}
.in_about .cont .fl{width:46%}
.in_about .cont .fr{width:49%; overflow:hidden;border-radius:10px}
.in_about .cont .fr img{ display:block; width:100%}
.in_about .cont .txt{ height:245px; display:block; overflow:hidden; margin-top:12px; }
.in_about .cont .txt *{
	font-size: 17px;
    color: #333;
    line-height: 35px;
	}	
	
.in_about .cont .conta{
	margin: 40px auto 30px;
    text-align: center;
	}
.in_about .cont .conta a{
    padding: 12px 12px 5px;
    font-size: 20px;
    color: #888888;
    line-height: 40px;
    margin: 0 18px;
    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; background-size:100% 100%}



.in_news .news_top {text-align: center; width:1000px; margin:5px auto 0 }
.in_news .news_top li{
	display: inline-block;
    padding: 0 10px;
	}
.in_news .news_top li:nth-child(5){}
.in_news .news_top li a{color:#fff;font-size: 18px; line-height:36px}
.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:36px; 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; width:23%; margin:0 2% 22px 0
	}
.in_news .news_box li:nth-child(4n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:100%;
    height:210px;
    overflow: hidden; background:#fff;
	}
.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;width: 1000px;margin: 10px auto 0; }
.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:1300px; margin:30px auto 50px}
.mr_frbox2a{HEIGHT:270px; width:1300px;  margin:0 auto; position:relative;}
.mr_frbox2a .leftprole{ position:absolute; left:0; top:80px; width:30px; height:70px; cursor:pointer}
.mr_frbox2a .rightprore{ position:absolute; right:0; top:80px; width:30px; height:70px; cursor:pointer}

.imgboxcpea{ width:1200px; height:270px; margin:0px auto 0; overflow:hidden;}
.imgboxcpea ul{ width:1200px; height:270px; 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: 260px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #dfdfdf;
	}
.imgboxcpea ul li a .imgali{ width:280px; height:210px; text-align:center; overflow:hidden; background:#ffffff; border:1px solid #cccccc}
.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}