/*maintitle*/
.maintitle{
	display: block;
    text-align: center;
    background: url(../images/dec.png) center center no-repeat;
    font-size: 40px;
    color: #333333;
    line-height: 50px; font-weight:bold
	}
.maintitle span{ font-size:40px; color:#004fab; font-weight:bold; line-height:50px}

/*热门产品*/

.content1{ width:1200px; margin:0 auto;}




/*首页产品*/
.in_news{width:100%; height:974px; margin:0 auto; background:#f2f2f2; padding-top:60px; padding-bottom:70px; overflow:hidden}

.in_news .prod-title {
    text-align: center;
  }
  
  .in_news .prod-title .entxti{ font-size:70px; line-height:80px; font-family:impact; color:#90b8d2; text-align:center;text-transform:uppercase}
   .in_news .prod-title h1 {
    font-size: 30px;
    color: #1a5dc2;
	font-weight:bold;
	line-height:40px;
  }
  
  .in_news .prod-title .inline {
    width: 45px;
    height: 2px;
    background: #1a5dc2;
    margin: 20px auto 0;
}

.in_news .news_top {text-align: center; margin-top:30px }
.in_news .news_top li{
	display:block;
    height: 47px;
    margin-right: 12px;
	width:188px; margin-bottom:16px; float:left
	}
.in_news .news_top li:nth-child(56n){ margin-right:0}
.in_news .news_top li a{color:#222;font-size: 16px; line-height:45px;text-transform:uppercase; display:block; height:45px;border:1px solid #bac1c7; width:100%}
.in_news .news_top li a:hover,.in_news .news_top li.on{background:#1a5dc2; border:1px solid #1a5dc2;color: #fff; line-height:45px; display:block}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:45px;}

.in_news .news_box{ width:1200px; height:auto; margin:20px auto 0}

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


.in_news .news_box li .topimg{
	width:282px;
    height:211px;
    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 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_news .news_box li p{
	width:100%; margin:0 auto; background:#ffffff;
	line-height:52px;
	font-size:16px;
	color:#333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; text-align:center
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:16px;
	color:#333333;
	}
.in_news .news_box li:hover p{ background:#0054ab}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:16px;
	color:#fff;
	}	

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


/*首页案例*/
.in_anli{width:100%; height:751px; margin:0px auto; background:url(../images/albg.jpg) center center no-repeat; padding-top:60px; padding-bottom:70px; overflow:hidden}

.in_anli .prod-title {
    text-align: center;
  }
  
  .in_anli .prod-title .entxti{ font-size:70px; line-height:80px; font-family:impact; color:#9dbade; text-align:center;text-transform:uppercase}
   .in_anli .prod-title h1 {
    font-size: 30px;
    color: #1a5dc2;
	font-weight:bold;
	line-height:40px;
  }
  
  .in_anli .prod-title .inline {
    width: 45px;
    height: 2px;
    background: #1a5dc2;
    margin: 20px auto 0;
}



.in_anli .news_box{ width:1200px; height:auto; margin:40px auto 0}

.in_anli .news_box li {
	float: left;
    margin-right:22px;
    margin-bottom:22px;
	}
.in_anli .news_box li:nth-child(4n){
	margin-right: 0;
} 


.in_anli .news_box li .topimg{
	width:282px;
    height:211px;
    overflow: hidden; background:#fff;position:relative
	}
.in_anli .news_box li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_anli .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_anli .news_box li .topimg p{
	display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    left: 0%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: url(../images/prolibg.png) repeat;
    margin: 0;
    z-index: 9;
	}	


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


/*视频展示*/
.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}


/*优势*/

.gongyi{ overflow:hidden; width:100%; height:398px; background:#1a5dc2}

.gongyi p{margin-top:48px;font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 40px; text-align:center}
.gongyi .inline {
    width: 45px;
    height: 2px;
    background: #fff;
    margin: 20px auto 48px;
}
.gongyi .boximglc{ width:100%; height:200px;background:url(../images/liuc.jpg) no-repeat center 62px;}
.gongyi ul{ overflow:hidden; width:1218px; height:200px; margin:0 auto;background:url(../images/liucpic.png) no-repeat center 0;}
.gongyi ul li{ width:174px; padding-top:140px; text-align:center; color:#fff; font-size:16px; float:left; margin:0}
.gongyi font{ display: inline-block; margin:0 auto; padding:10px 25px; border:1px solid #fff; font-size:20px; color:#fff;border-radius:30px;}
.gongyi font b{font-family:Arial, Helvetica, sans-serif;font-size:22px; color:#ffff00}


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



/*案例展示*/
.in_case{ width:1200px; height:auto; margin:60px auto 85px}

.in_case .prod-title {
    text-align: center;
  }
  
  .in_case .prod-title .entxti{ font-size:70px; line-height:80px; font-family:impact; color:#cfcfcf; text-align:center;text-transform:uppercase}
   .in_case .prod-title h1 {
    font-size: 30px;
    color: #1a5dc2;
	font-weight:bold;
	line-height:40px;
  }
  
  .in_case .prod-title .inline {
    width: 45px;
    height: 2px;
    background: #1a5dc2;
    margin: 20px auto 0;
}

.in_case .main{ margin-top:45px}


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

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

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

.imgboxcpe{ width:1200px; height:380px; 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:330px;line-height:40px; text-align:center; font-size:16px; color:#333;}
.imgboxcpe ul li a .imgali{ width:280px; height:328px; 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:328px; 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_case .morery {
    display: block;
    height: 46px;
    width: 166px;
    border: 1px solid #1a5dc2;
    color: #1a5dc2;
    font-size: 16px;
    margin: 30px auto 0;
    border-radius: 5px;
    text-align: center;
    line-height: 46px;
}




.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:#39c2f0; 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:#39c2f0}
  .innews ul li div.neblue .title{ border-bottom:1px solid #6ad5f8}
  .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:#00adf1}
  .innews  ul li div.neblue .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}





/**/
.digital{padding: 40px 0;height: 110px;}
.ibrand-num li{float:left;height:100px;color:#080808;font-size:20px;width: 250px;}
.ibrand-num li b{font-size:60px;line-height: 60px; font-family:"Impact";font-weight: normal;padding-right: 5px;display: block;float: left;}
.ibrand-num li i{font-size:60px;line-height: 60px; font-family:"Impact";display: block;float: left;padding-right: 5px;font-style: normal;}
.ibrand-num li em{width: 35px;text-align: center;height: 35px;line-height: 32px;background: #234ea3;color: #fff;border-radius: 50%;display: block;float: left;margin-top: 13px;font-style: normal;}
.ibrand-num li span{display:block; padding:10px 0 0;width: 100%;clear: both;}
.ibrand-num li:last-child{width: 200px;}


/*关于我们*/
.in_about{
	background: url(../images/bg_about.jpg) center top no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
	}
.in_about .cont{
	width: 1200px; margin:0 auto
	}
.in_about .cont .leftcont{width:50%;display:block; float:left}
.in_about .cont .leftcont .title{
	font-size: 20px;
    line-height: 45px;
    color: #fff;
	}
.in_about .cont .leftcont .title p{
	font-size: 32px;
    color: #fff;
    line-height: 45px;
    font-weight: bold;
	}
.in_about .cont .leftcont .title .dec{
	width: 40px;
    height: 3px;
    background: #fff;
    border-radius: 100px;
    display: block;
    margin: 10px auto 10px 0;
	}
	
.in_about .cont .leftcont .txt{height:270px; display:block; overflow:hidden;}
.in_about .cont .leftcont .txt *{
	font-size: 17px;
    color: #fff;
    line-height: 34px; text-align:justify
	}
.in_about .cont .leftcont a{
	width: 200px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    transition: all ease 0.3s;
    margin-top: 20px;
    border-radius: 50px;
	}
.in_about .cont .leftcont a:hover{ background:#e40011; color:#fff; border:2px solid #e40011}
.in_about .cont .rightvideo{
	width: 46%;
    height: 450px;
    display: block;
    float: right;
    background: #fff;
	}







.honor { margin:50px auto 0;overflow: hidden;}


.hTitle2{position: relative; }
.hTitle2 p{
	position: relative;
    display: table;
    margin: 10px auto;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
	}
.hTitle2 div{
    position: relative;
    z-index: 9;
    background: #1689da;
    display: table;
    margin: 0 auto;
    width: 307px;
	}	
.hTitle2 p::after{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff;    left: -28px;
    top: 14px;}
.hTitle2 p::before{
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    right: -28px;
    top: 14px;
	}
.hTitle2 span{
	width: 100%;
    background: #fff;
    height: 2px;
    display: block;
    top: 50%;
    position: absolute;
	}
	








.Menubob { width:1200px; margin:12px auto 10px; text-align:center;}
.Menubob li{display:block;width:17.5%; margin-right:3%;float:left}
.Menubob li a{text-decoration:none; font-size:18px; line-height:83px;color:#333333; display:block; text-align:left; text-indent:30%; overflow:hidden}
.Menubob li a:hover{ color:#fff}



.Menubob li.iqpro1 a {background:url(../images/pr1.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro1 a.hover{ color:#fff}
.Menubob li.iqpro1:hover,.Menubob li.iqpro1 a.hover{background:url(../images/pr1-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro2 a {background:url(../images/pr2.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro12:hover,.Menubob li.iqpro2 a:hover{background:url(../images/pr2-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro3 a {background:url(../images/pr3.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro3:hover,.Menubob li.iqpro3 a:hover{background:url(../images/pr3-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro4 a {background:url(../images/pr4.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro4:hover,.Menubob li.iqpro4 a:hover{background:url(../images/pr4-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro5 a {background:url(../images/pr5.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro5:hover,.Menubob li.iqpro5 a:hover{background:url(../images/pr5-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}

.pp_ll{ width:100%; height:auto; display:block; overflow:hidden;}
.pp_ll li{width: 50%;position: relative; float:left; display:block;}
.pp_ll li a.img{display: block;}
.pp_ll li a.img img{width:100%;height:100%}


.pp_ll li .ddhh{position: absolute;width: 100%;top:30%;text-align: center;}
.pp_ll li .ddhh h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff; line-height:45px}

.pp_ll li .ddhh h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:20px}


.pp_ll li:hover .ddhh{display:none;}


.pp_ll li .ddhh2{position: absolute;text-align: center;background: rgba(223, 0, 17, .7);    transform: scale(0);
    opacity: 0;
    transition: all 0.3s;    width:400px;
    height: 80%;top:10%;left:50%;padding: 35px;
    margin-left: -200px; display:block;}
.pp_ll li .ddhh2 h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff; line-height:45px}

.pp_ll li .ddhh2 h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh2 h5{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;height:50px;overflow: hidden;margin-top:10px}

.pp_ll li .ddhh2 .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:15px}


.pp_ll li:hover .ddhh2{ transform: scale(1);
    opacity: 1;}