/*maintitle*/

.main_title{
	display:block;
	text-align:center;
	font-size: 18px;
    line-height: 35px;
    color: #666;
	}
.main_title p{
	font-size: 40px;
    color: #333333;
    line-height: 65px; font-weight:bold
	}


/*查看更多*/
.main_more{
    background: #1a5dc2;
    width: 400px;
    height:48px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    margin: 30px auto 0;
	}
.main_more b{
	font-size: 24px;
    font-family: arial;
    color: #fff;
	}
.main_more a{
	display: block;
    float: right;
    width: 130px;
    text-align: center;
    background:#f83c33;
    color: #fff;
	}	



/*关于我们*/
.in_about{
	background:#f6f6f6;
    padding-top: 60px;
    padding-bottom: 60px;
	}
.in_about .cont{
	width: 1200px;
    margin: 0 auto;
	}

.in_about .cont .txt{ height:210px; 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-top:12px}	
.in_about .cont .conta .leftpic{
	display:block;
	float:left;
	width:596px;
    height: 447px;
    overflow: hidden;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.in_about .cont .conta .leftpic img{
	transform: scale(1);
	transition: all 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_about .cont .conta .leftpic:hover img{transform: scale(1.2);}


.in_about .cont .conta .rightpic{ display:block; float:right; width:604px;}
.in_about .cont .conta .rightpic ul li{ float:left; margin-left:15px; margin-bottom:15px}
.in_about .cont .conta .rightpic ul li .topimg{
	width: 287px;
    height: 215px;
    overflow: hidden;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	}
.in_about .cont .conta .rightpic ul li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_about .cont .conta .rightpic ul li:hover .topimg img{transform: scale(1.2);}

/*产品展示*/
/*产品推荐*/
.main_frame{ width:1200px; height:auto; margin:0 auto}
.in_product{ width:100%; height:auto; margin:0 auto; background:#f6f6f6; padding-top:42px; padding-bottom:65px}
.in_product .top_cplist{ margin-top:25px}
.in_product .top_cplist ul li{float:left; margin-right:12px; margin-bottom:12px;}
.in_product .top_cplist ul li a{
    width: 190px;
    display: block;
    text-align: center;
    line-height: 50px;
    background: #1a5dc2;
    font-size: 17px;
    color: #ffffff;
    border-radius: 5px;
	}
.in_product .top_cplist ul li a:hover{ background:#f18c00}

.in_product .bot_cp{}
.in_product .bot_cp ul li{ width:373px; height:330px; display:block;float:left; margin-right:16px; margin-top:26px; padding:5px 5px 0; background:#fff; line-height:50px; text-align:center; font-size:16px;}
.in_product .bot_cp ul li .topimg{
	width:373px;
	height:280px;
	overflow:hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
 }
.in_product .bot_cp ul li .topimg img{
	max-width:100%;
	max-height:100%;
	transform: scale(1);
	transition: all 1s ease-out;}
.in_product .bot_cp ul li a{ color:#333333;}
.in_product .bot_cp ul li:hover{}
.in_product .bot_cp ul li:hover .topimg img{transform: scale(1.2);}




/*热门产品*/
.in_news{ background:url(../images/yxtd-bj.jpg) center top no-repeat; padding:60px 0}
.in_news .cont{ width:1200px; margin:35px auto 0}
.in_news .left_cplist{ display:block; float:left; width:280px;}
.in_news .left_cplist .tit{
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #1a5dc2;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
	}
.in_news .left_cplist .tit span{
	margin-top: 5px;
    display: block;
    color: #dde4ec;
    font-size: 12px;
    text-transform: uppercase;
    background: url(../images/xt.png) no-repeat center;
    font-weight: normal;
	}
.in_news .left_cplist .sub_cont{
	border: #1a5dc2 5px solid;
    box-sizing: border-box;
    padding: 10px 17px;
    background: #fff;
	min-height:795px
	}

.onepro{
    background: url(../images/arr.png) 10px center no-repeat #1a5dc2;
    color: #fff;
    display: block;
    line-height: 42px;
    font-size: 16px;
    margin-bottom: 16px;
    padding-left: 40px;
	}
.onepro:hover{
	background: url(../images/arr.png) 10px center no-repeat #f83c33; color:#fff
	}
.twopro{
    width: 50%;
    display: block;
    float: left;
    color: #333;
    font-size: 15px;
    line-height: 35px;
	}



.in_news .right_cp{ width:920px; display:block; float:right}
.in_news .right_cp .tit{
    width: 888px;
    float: right;
    margin-bottom: 25px;
    margin-right: 10px;
    background: #1a5dc2;
	}
.in_news .right_cp .tit p{
	float: left;
    line-height: 55px;
    background: #f83c33;
    color: #fff;
    padding: 0 40px;
    font-size: 18px;
	}
.in_news .right_cp .tit a{
	float: right;
    line-height: 55px;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
	}
.in_news .right_cp ul li{
	float: left;
    margin-left:22px;
    margin-bottom:22px;
	}
.in_news .right_cp ul li .topimg{
	width:282px;
    height:211px;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .right_cp ul li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_news .right_cp ul li p{
	width:100%; background:#ffffff;
	line-height:45px;
	font-size:16px;
	color:#333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; text-align:center
	}
.in_news .right_cp ul li p a{
	line-height:45px;
	font-size:16px;
	color:#333333;
	}

.in_news .right_cp ul li:hover .topimg img{transform: scale(1.2);}

.in_news .right_cp ul li:hover p{background:#0054ab}
.in_news .right_cp ul li:hover p a{
	line-height:45px;
	font-size:16px;
	color:#fff;
	}




.index-ad {
    height: 192px;
    background: url(../images/ad_bg.jpg) no-repeat top center;
    color: #fff;
}


.index-ad .container{ width:1200px; margin:0 auto}

.index-ad .pull-left {
    /*margin-left: 160px; */float:left
}
.index-ad .pull-left b{
    display: block;
    font-size: 35px;
    line-height: 45px;
    margin-top: 26px;
}
.index-ad .pull-left p{
	display: block;
    line-height: 40px;
    font-size: 21px;
}
.index-ad .pull-left p:after {
    content: '';
    display: block;
    width: 540px;
    height: 1px;
    background: #93bae8;
    margin-top: 10px;
    margin-bottom: 10px;
}
.index-ad .pull-left ul {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    padding-left: 0;
}
.index-ad .pull-left ul li{
    float: left;
    display: block;
    background: url(../images/ico_ad.png) no-repeat left center;
    padding-left: 34px;
    margin-right: 32px;
    font-size: 18px;
}
.index-ad .pull-right {
    width: 326px;
    margin: 38px 20px 0 0; 
    background: url(../images/tel_white.png) no-repeat left top; 
    color: #fff;
	float:right
}
.index-ad .pull-right span {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2px;
    text-indent: 84px;
}
.index-ad .pull-right b {
    display: block;
    font-size: 35px;
    line-height: 45px;
    font-weight: normal;
    font-family: Impact;
    text-indent: 84px;
}
.index-ad .pull-right a {
    margin-top: 10px;
    display: block;
    width: 320px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}



/*四大优势*/
.advantage{ width:100%; height:auto; margin:30px auto}

.advantage .ysa{ width:1200px; height:450px; margin:0 auto; position:relative}
.advantage .ysa .pic1{ position:absolute; left:0; top:0}
.advantage .ysa .txta{ position:absolute; left:640px; top:40px}



.advantage .ysb{ width:1200px; height:450px; margin:0 auto; position:relative}
.advantage .ysb .pic1{ position:absolute; left:600px; top:0}
.advantage .ysb .txta{ position:absolute; left:0; top:40px}


.advantage .txt{ width:540px; height: auto}
.advantage .txt .title{}
.advantage .txt .title .num{
    background: url(../images/num.png) left bottom no-repeat;
    width: 73px;
    height: 90px;
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 36px;
    font-family: impact;
    color: #ffffff;
    float: left;
    margin-right: 24px;
	}
.advantage .txt .title .tt{ font-size:28px; color:#333333; line-height:45px;}
.advantage .txt .title .tt p{
	font-family: arial;
    color: #999999;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
	padding-top:5px;
	}
.advantage .txt .cont{ margin-top:12px;}
.advantage .txt .cont ul li{ font-size:16px; line-height:30px; color:#888888; background:url(../images/ico_i.png) left 10px no-repeat; padding-left:20px}
.advantage .txt .conta{ margin-top:20px}
.advantage .txt .conta ul li{
	float: left;
    width: 210px;
    margin-right: 30px;
	}
.advantage .txt .conta ul li img{ max-width:100%}
.advantage .txt .conta ul li:nth-child(2){ margin-right:0}





/*视频展示*/
.in_video{ width:1200px; height:auto; margin:45px auto 65px}
.in_video .blocka{ width:1200px; height:675px;margin-top:45px}
.in_video .blockb{ margin-top:15px}
.in_video .blockb .title{ height:67px; border-bottom:1px solid #dddddd}
.in_video .blockb .title p{ float:left; line-height:67px; font-size:18px; color:#333333}
.in_video .blockb .title a{ float:right; line-height:67px; font-size:16px; color:#666666} 
.in_video .blockb .contaa{ margin-top:35px}
.in_video .blockb .contaa ul li{ float:left; margin-right:12px; width:291px; height:246px;  padding-bottom:0; background:#f1f1f1;  display:block; }
.in_video .blockb .contaa ul li .topimg{
    width: 291px;
    height: 196px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.in_video .blockb .contaa ul li .topimg img{
	width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 1s ease-out;
	}
.in_video .blockb .contaa ul li:hover .topimg img{
	transform: scale(1.2);
	}	
	
	
.in_video .blockb .contaa ul li:hover{ background:#004fab; }

.in_video .blockb .contaa ul li p{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 92%; margin:0 auto; height:50px; line-height:50px; text-align:center; font-size:15px; color:#444444}
.in_video .blockb .contaa ul li:hover p{color:#ffffff}





.wrap1200{width:1200px;margin:0 auto;position:relative;}



/*案例展示*/
.in_case{ width:1200px; margin:60px auto}
.in_case .main{ margin-top:30px}


.zyao{ width:1160px; margin:20px auto 0; line-height:30px; font-size:18px; color:#777777; text-align:center}

.mr_frbox2e {HEIGHT: 240px; width:1200px;  margin:0 auto; position:relative;}

.mr_frbox2e .leftprole{ position:absolute; left:-50px !important; top:65px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right: -50px !important; top:65px;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:210px;line-height:40px; text-align:center; font-size:16px; color:#333;}
.imgboxcpe ul li a .imgali{ width:280px; height:208px; 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:208px; 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);}



.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:#d00031}
  
  .innews ul li div.neblue{ background:#1a5dc2}
  .innews ul li div.neblue .title{ border-bottom:1px solid #2d6bc7}
  .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:#d00031}