.bgframe{ width:100%; height:auto; margin:0 auto; background:#f1f1f1; padding:55px 0}


/*公共标题*/
.main_title{ width:100%; height:50px; background:#1e1e1e}
.main_title p{ float:left; padding:0 48px; background:#c20009; color:#ffffff; font-size:22px; line-height:50px; font-weight:bold; float:left}
.main_title a{ float:right; line-height:50px; margin-right:25px; font-size:16px; color:#ffffff}	

/*block1*/
.in_block1{ width:1200px; height:auto; margin:25px auto}
.in_block1 ul li{
	float: left;
    background: url(../images/line.jpg) right center no-repeat;
    padding: 0 110px;
	}
.in_block1 ul li:nth-child(3n){ background:none}
.in_block1 ul li .leftimg{
	margin-right: 22px;
    width: 101px;
    height: 88px;
    display: block;
    float: left;
    text-align: center;
    background: url(../images/bg1.png) no-repeat 0 0;
}
.in_block1 ul li .leftimg img{
    margin-top:22px;
	transition: all 0.3s linear 0s;
	}
.in_block1 ul li p{ font-size:18px; color:#333333; line-height:88px; float:left}
.in_block1 ul li:hover .leftimg img{transform:rotate(360deg);}


/*block2*/
.in_block2{ width:1200px; height:auto; margin:0 auto}
.in_block2 .left_cplist{ width:252px; height:auto; display:block; float:left} 
.in_block2 .left_cplist .tit{ height:50px; line-height:50px; background:#c20009; display:block; text-align:center; font-size:22px; color:#fff; font-weight:bold}
.in_block2 .left_cplist .cont{ border:1px solid #eaeaea; border-top:none; background:#ffffff; padding:10px}
.in_block2 .left_cplist .cont .tita{ height:42px; background:#1e1e1e; text-indent:20px; margin-bottom:16px}
.in_block2 .left_cplist .cont .tita a{ line-height:42px; font-size:18px; color:#ffffff; }


.childa{ width:114px; height:156px;display:block; float:left; margin:0 5px; background:#ffffff; border:1px solid #e2e2e2}
.childa .topimg{width:114px;height:156px; display:block; overflow:hidden; text-align:center }
.childa .topimg img{ max-width:100%; height:156px;transform: scale(1);transition: all 1s ease-out;}
.childa:hover .topimg img{transform: scale(1.2);}

.zal_con1a{width:230px; height:158px; display:block;overflow:hidden; margin:16px auto}

.in_block2 .right_fr{ width:920px; height:auto; display:block; float:right}

.in_block2 .right_fr .cona{}
.in_block2 .right_fr .cona ul li{width:290px; height:217px; position:relative; display:block; float: left; margin-right:25px; margin-top:25px;box-shadow: 3px 3px 3px #dddddd;}
.in_block2 .right_fr .cona ul li .more{ display:block; text-align:center; font-size:18px; color:#7e7e7e; line-height:48px; background:url(../images/MORE.png) center 70px no-repeat #ffffff; padding-top:115px; height:102px;}
.in_block2 .right_fr .cona ul li:hover .more{ font-size:18px; color:#ffffff; line-height:48px; background:url(../images/MORE1.png) center 70px no-repeat #c20009;}

.in_block2 .right_fr .cona ul li:nth-child(3n){ margin-right:0}
.in_block2 .right_fr .cona ul li .topimg{
	width:290px;
    height: 217px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	background:#ffffff
	}
.in_block2 .right_fr .cona ul li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	max-width: 100%;
    max-height: 100%;
	}
.in_block2 .right_fr .cona ul li .txt{ display:none}
.in_block2 .right_fr .cona ul li:hover .txt{ position:absolute; left:0; top:0; width:190px; height:77px; display:block; background:url(../images/bg.png) repeat; font-size:20px; line-height:35px; color:#fff; padding:70px 50px; text-align:center}
.in_block2 .right_fr .cona ul li:hover .topimg img{transform: scale(1.2);}


.in_block2 .right_fr .mp4{ width:100%; height:520px; margin:0 auto; margin-top:30px}
.in_block2 .right_fr .mp4 iframe {width:100%; height:520px}


.in_block2 .right_fr .conb{}


.imgboxcpea{margin:30px auto 0;}
.imgboxcpea ul li{ margin:0 11px 0 11px; display: inline; float:left; overflow:hidden;box-shadow: 3px 3px 3px #dddddd;}
.imgboxcpea ul li a{background:#ffffff; width:290px; height:395px; display:block; text-align: center; }
.imgboxcpea ul li a .imgali{ width:290px; height:395px;text-align:center; overflow:hidden}
.imgboxcpea ul li a .imgali span{ height:100%; display:inline-block; vertical-align:middle}
.imgboxcpea ul li a .imgali img{max-width:290px; max-height:395px; vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
.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);}

.imgboxcpea ul li:hover a{}


/*产品*/
.in_product{ width:1200px; height: auto; margin:35px auto 0}
.in_product .cont{}
.in_product .cont ul li{ width:280px; height:380px; position:relative; display:block; float: left; margin-right:26px; margin-top:26px;box-shadow: 3px 3px 3px #dddddd;}
.in_product .cont ul li:nth-child(4n){ margin-right:0}
.in_product .cont ul li .topimg{
	width:280px;
    height: 380px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	background:#ffffff
	}
.in_product .cont ul li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	max-width: 100%;
    max-height: 100%;
	}
.in_product .cont ul li .txt{ display:none}
.in_product .cont ul li:hover .txt{ position:absolute; left:0; top:0; width:180px; height:40px; display:block; background:url(../images/bg.png) repeat; font-size:20px; line-height:35px; color:#fff; padding:170px 50px; text-align:center}
.in_product .cont ul li:hover .topimg img{transform: scale(1.2);}


/*产品推荐*/
.in_news{ width:100%; height:auto; margin:0 auto; background: url(../images/bg_cp.jpg) center top no-repeat; padding-top:45px; padding-bottom:80px}
.in_news .news_top { width:1200px; margin:0 auto;text-align: center; margin-top:10px }
.in_news .news_top li{
	display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 45px;
    font-size: 20px;
    background: #ffffff;
    margin: 12px;
    border-radius: 10px;
    color: #333333;
    border: 1px solid #d9dbd6;
	}
	

.in_news .news_top li a{color:#333333;font-size: 20px; line-height:48px}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#c20009; border:1px solid #c20009}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:48px;}

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

.in_news .news_box li {
	width:1198x;
	height:495px; display:block; position:relative; background:#ffffff;
	}


.in_news .news_box li .leftimg{
	width:660px;
    height:495px;
    overflow: hidden; 
	display: table-cell;vertical-align: middle;text-align: center; float:left
	}
.in_news .news_box li .leftimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	max-width: 100%;
    max-height: 100%;
	}
.in_news .news_box li:hover .leftimg img{
	transform: scale(1.2);
	}
	
.in_news .news_box li .txt{ width:480px; height:453px; display:block; padding:42px 30px 30px; float:right}	
.in_news .news_box li .txt h1{ margin-bottom:10px}
.in_news .news_box li .txt h1 a{ font-size:30px; color:#333333; line-height:30px; font-weight:bold; line-height:54px;}
.in_news .news_box li .txt .txta{text-align:justify; height:160px; display:block; overflow:hidden;font-size:18px; line-height:32px;color:#333333;}
.in_news .news_box li .txt .txta *{ font-size:18px; line-height:32px;color:#333333;}
.in_news .news_box li .txt h2{ font-size:21px; color:#ff0000; font-weight:bold; line-height:48px}
.in_news .news_box li .txt .more{ margin-top:90px;}
.in_news .news_box li .txt .more dl dd{ float:left; margin-right:20px; }
.in_news .news_box li .txt .more dl dd a{width:160px; height:46px; display:block; text-align:center; line-height:46px; background:#c20009; color:#fff; font-size:16px;border-radius: 5px;}



.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}