@charset "utf-8";

body{min-width: 1200px; width: 100%;}

	/**/
	/*案例*/
.case{height: 872px; background: url(../Imgs/ca_bj.jpg) no-repeat center top;font-family:"Microsoft YaHei"; overflow: hidden;}

.ca_con{height: 516px; margin-top: 86px; overflow: hidden; position: relative; }
.ca_top{width: 270px; height: 333px; background: #f2f2f2; padding:32px 68px 0 42px; font-size: 14px; line-height: 24px;color: #555;}
.ca_top h3{padding-top: 16px; height: 84px;   font:30px Arial; font-weight: normal; text-transform: uppercase; line-height: 34px; background: url(../Imgs/ca_x1.jpg) no-repeat left top;}
.ca_top	p{height: 40px; font-size: 26px; line-height: 30px; color: #333;}
.ca_nav{width: 784px; height: 118px; margin-top: 40px;}
.ca_nav li{width: 144px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; float: left; border:1px solid #e6e6e6; margin: 0 10px 10px 0; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
 -moz-transition: all 0.2s linear 0s; 
-o-transition:  all 0.2s linear 0s;}
.ca_nav li a{color: #555;}
.ca_nav li:hover,.ca_nav li.cur{background: #da251c; border-color: #da251c;} 
.ca_nav li:hover a,.ca_nav li.cur a{color: #fff;}
.ca_topnr{position: absolute;width: 1180px; top: 158px; right:0;height: 385px;}
.ca_txt{ width: 1180px;height: 385px;}
.ca_t1 dl{  position: relative;width: 1180px;height: 385px;}
.ca_t1 dt{ width:784px; height: 358px;  float: right;  overflow: hidden;}
.ca_t1 dt img{ width:784px; height: 358px;  }
.ca_t1 dd{width:396px; height: 178px;padding: 24px 24px 0; position: absolute; top: 108px; left: 0; background: #fff; font-size: 12px; line-height: 24px; color: #555; background: url(../Imgs/ca_tb1.png) no-repeat left top;}
.ca_t1 h4{font-size: 16px; line-height:18px; height: 28px;}
.ca_t1 h4 a{color: #000;}
.ca_t1 p{height: 115px;}
.ca_t1 p em{display: block; line-height: 30px; font-size:13px;}
.ca_t1 span a{ line-height: 15px; padding-left: 18px; float: right; display: block; font-size: 14px; color: #da251c; background: url(../Imgs/ca_d1.jpg) no-repeat left center; }
.ca_jt{width: 128px; height: 26px;  position: absolute; top:270px; left:32px;z-index: 3;  overflow: hidden;}
.ca_jt p{width: 61px; height: 26px; float: left; margin-right: 2px; cursor: pointer;}
.ca_jt img{width: 61px; height: 52px;transition:  0.3s}
.ca_jt p:hover img{margin-top: -26px;}
.ca_more h3{height:60px; font-size: 16px; font-weight: normal;	 line-height: 60px; padding-left: 25px; background: url(../Imgs/ca_m_x1.jpg) no-repeat 6px 22px;}
.ca_more h3 a{color: #333;}
.ca_more dl{width: 354px; height: 135px; float: left; margin-right:15px; padding: 18px; background: url(../Imgs/ca_k1.png) no-repeat center top;}
.ca_more .c_cle,.ca_more_con dl.ca_dl3{margin-right: 0;}
.ca_more dt{width: 142px; height: 94px; float: left; overflow: hidden;}
.ca_more dt img{width: 142px; height: 94px; }

.ca_more dd{width:180px; float: right; font-size: 13px; line-height: 20px;}
.ca_more h4{ line-height: 30px;height: 30px; margin-top: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ca_more h4 a{color: #333;}
.ca_more dt img{transition: all 0.5s;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s; 
-o-transition: all 0.5s;}
.ca_more dt:hover img{
transform: scale(1.1); 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
-o-transform: scale(1.1); 
-ms-transform: scale(1.1); }
	.case_t{height: 146px;text-align: center; background:url(../Imgs/case_line.gif) no-repeat center 48px;line-height: 32px;font-size: 32px;color: #333;}
	.case_t a{font-size: 32px;color: #333;}
	.case_t span{display: block;font-size: 16px;color: #666;font-weight: normal; padding:25px 0 0;}
	.case_t a:hover{color: #004691;}
	
	
	
/**/
.hz{width: 624px;height: 113px;background: #fff; padding:23px 0 0 30px;position: absolute;top: 380px;right: 0;}
.hz ul li{width: 180px;float: left; margin-right:20px;}
.hz ul li img{width: 176px;height: 88px; border:#ececec 2px solid;display: block;}
.hz ul li:hover img{ border:#004691 2px solid;}

/*钰联产品中心*/
.chanpin{ padding:65px 0 80px;font-size: 0;}
.chanpin .case_t{height: 127px;}
.cp_l{width: 329px; background:url(../Imgs/cp_lbg.gif) repeat-y;}
.cp_ul01 li a{display: block;font-size: 22px;color: #fff;font-weight: bold;width: 273px;height: 54px; background:#004691 url(../Imgs/cp_ico01.gif) no-repeat 26px 26px; padding:12px 0 0 56px; border-bottom:#dedede 1px solid;}
.cp_ul01 li i{display: block;font-size: 12px;color: #99b5d3;font-weight: normal;text-transform: uppercase;}
.cp_ul01 .cp_ul02{width: 329px; border-bottom:#ff5f00 3px solid;}
.cp_ul01 .cp_ul02 li a{font-size: 18px;color: #333; background:url(../Imgs/cp_libg01.gif) no-repeat;padding: 0 0 0 50px;width: 274px;overflow: hidden; margin-left:3px;height: 50px;line-height: 50px;}
.cp_ul01 .cp_ul02 li a:hover{color: #fff; background:#ff5f00 url(../Imgs/cp_libg02.gif) no-repeat;}
.cp_ul01 .cp_ul02 .cp_ul03{ margin-left:3px;width: 324px;}
.cp_ul01 .cp_ul02 .cp_ul03 li{ border-bottom:#ededed 1px solid;width: 162px;float: left;}
.cp_ul01 .cp_ul02 .cp_ul03 li a{font-size: 14px;color: #333;font-weight: normal; background:url(../Imgs/cp_ico02.gif) no-repeat 8px 15px;padding: 0 0 0 20px;width: 142px;height: 36px;line-height: 36px; border-bottom:none;margin: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul03 li a:hover{color: #ff5f00;}

.cp_r{ width:840px;}
.cp_rt{width: 840px;height: 58px;line-height: 58px; background:#f5f5f5;overflow: hidden;}
.cp_rt ul li{float: left;}
.cp_rt ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;height: 58px; padding:0 30px;line-height: 58px;float: left;}
.cp_rt ul li a:hover,.cp_rt ul li.on a{background: #004691;color: #fff;}
.cp_rt span{ float:right;display: block; padding:0 30px 0 0;}
.cp_rt span a{font-size: 14px;color: #7e7e7e;}
.cp_rm dl{ width:840px; padding:15px 0 0; display:inline-block;}
.cp_rm dl dt{ width:518px; height:388px;float: left;overflow: hidden;}
.cp_rm dl dt img{ width:518px; height:388px;}
.cp_rm dl dd{ width:270px;height: 364px; float:left; border-bottom:#ebebeb 2px solid; border-top:#ebebeb 2px solid; border-right:#ebebeb 2px solid; padding:20px 25px 0;}
.cp_rm dl dd h5{height: 65px;line-height: 65px;overflow: hidden; background:url(../Imgs/case_line.gif) no-repeat 0 62px;}
.cp_rm dl dd h5 a{font-size: 24px;color: #333;}
.cp_rm dl dd h5 a:hover{color: #004691;}
.cp_rm .cp_desc{font-size: 14px;color: #666;line-height: 28px; padding:15px 0 0;}
.cp_rm .cp_desc p{ padding:10px 0 0;}
.cp_rm .cp_desc p b{font-size: 16px;}
.cp_rm dl dd span{ display:inline-block;width: 270px; padding:20px 0 0;}
.cp_rm dl dd span a,.ban01 p em a,.ys dl dd span a{display: block;float: left;font-size: 16px;color: #fff;width: 115px;text-align: center;height: 40px;line-height: 40px;background: #ff5f00;border-radius:50px; margin-right:10px;}
.cp_rm dl dd span a:hover,.ban01 p em a:hover,.ys dl dd span a:hover{background: #004691;animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.cp_rm dl dd span a.cur{background: #004691;}
.cp_rm ul li{ width:274px; margin-right:25px;margin-top:8px; float:left;line-height: 0;}
.cp_rm ul li img{ width:274px; height:206px;}
.cp_rm ul li span{ display:block; width:274px; text-align:center; height:45px; line-height:45px; border-bottom:#e4e4e4 2px solid; overflow:hidden;font-size: 18px;color: #666;}
.cp_rm ul li a:hover span{ border-bottom:#004691 2px solid;color: #004691;}
.cp_rm ul li.nobor{ margin-left:0;}

.fenl{height: 270px; background:url(../Imgs/cp_line02.gif) no-repeat left 0;width: 1200px;}
.fenl_ul01 li{ padding:0 0 0 60px;width: 240px;float: left;height: 270px; background:url(../Imgs/cp_line02.gif) no-repeat right 0;}
.fenl_ul01 li a{font-size: 18px;color: #0051a3;font-weight: bold;width: 240px;height: 60px;line-height: 60px;display: block;}
.fenl_ul01 li a:hover{color: #46af33;}
.fenl_ul01 li em{display: block;float: left;width: 18px;line-height: 0; padding:22px 10px 0 0;}
.fenl_ul01 li em img{width: 18px;height: 18px;}
.fenl_ul02{display: block;width: 240px;}
.fenl_ul02 li{width: 240px;padding: 0;height: 32px; background:none;}
.fenl_ul02 li a{font-size: 14px;color: #333;font-weight: normal;height: 32px;line-height: 32px;overflow: hidden; padding:0 0 0 28px;width: 212px;}


/*广告条*/
.ban01{ background:url(../Imgs/ban01.jpg) no-repeat center 0; height:190px; overflow:hidden;}
.ban01 p{position: absolute;top: 35px;right: 0;width: 210px;text-align: center;}
.ban01 p span{ display:block; font-size:14px; color:#fff;line-height: 30px;}
.ban01 p span b{font-size: 20px;display: block;}
.ban01 p em{ display:block;width: 115px; margin:0 auto; padding:15px 0 0;}
.ban01 p em a:hover{background: #fff;color: #004691;}

.ban02{ background:url(../Imgs/ban02.jpg) no-repeat center 0;}

/*产品优势*/
.proys_bg{ background:url(../Imgs/proys_bg.jpg) no-repeat center 0;height: 751px; padding:65px 0 0;font-size: 0;overflow: hidden;}
.proys_l{width: 247px;}
.proys_l dl{ padding:15px 0;}
.proys_l dl dt{width: 247px;}
.proys_l dl dt h5{font-size: 22px;color: #ff5f00;height: 60px;line-height: 60px;}
.proys_l dl dt h5 i{font-size: 30px; padding:0 10px 0 0;}
.proys_l dl dt img{display: block;width: 247px;height: 110px;}
.proys_l dl dd{font-size: 16px;color: #666;line-height: 26px; padding:12px 0 0;height: 52px;overflow: hidden;}
.proys_c{ padding:45px 0 0 126px;width: 455px;height: 455px;}
.proys_c em{display: block;width: 507px;height: 507px;position: absolute;top: 15px;right: -26px;}
.proys_c em img{width: 507px;height: 507px;
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;}
.proys_c em img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}


/*解决方案*/
.plan{font-size: 0; padding:65px 0 30px;}
.plan .case_t{height: 127px;}
.plan_l{width: 684px;height: 385px;overflow: hidden;}
.plan_l img{width: 684px;height: 385px;}
.plan_r{width: 516px;}
.plan_r ul li{width: 257px;height: 148px;background: #ededef;float: left;font-size: 18px;color: #666;text-align: center; border-bottom:#fff 1px solid; border-right:#fff 1px solid;}
.plan_r ul li em{display: block;width: 62px;height: 52px;line-height: 0;overflow: hidden; margin:28px auto 10px;}
.plan_r ul li em img{width: 62px;height: 104px;}
.plan_r ul li:hover,.plan_r ul li.on{background: #004691;color: #fff;}
.plan_r ul li:hover em img,.plan_r ul li.on em img{ margin-top:-52px;}
.plan_tel{font-size: 14px;color: #777; background:url(../Imgs/tel.gif) no-repeat 50px 30px; padding:25px 0 0 105px;line-height: 25px;}
.plan_tel b{display: block;font-size: 24px;color: #ff5f00;}

/*优势*/
.ys_bg{ background:url(../Imgs/ys_bg.jpg) no-repeat center 0; height:778px; overflow:hidden;}
.ys_bt{ padding:68px 0 0;height: 179px;text-align: center;}
.ys_m dl dt{width: 600px;float: left;height: 450px;overflow: hidden;}
.ys_m dl dt img{width: 600px;height: 450px;}
.ys_m dl dd{width: 600px;height: 450px;background: #fff;float: left;}
.ys_m dl dd em{display: block; padding:45px 0 0;}
.ys_m dl dd em img{width: 155px;height: 40px;}
.ys_m dl dd h5{font-size: 26px;color: #004691;height: 70px;line-height: 70px; border-bottom:#e7e7e7 1px solid;overflow: hidden;width: 510px; margin-left:64px; margin-bottom:20px;}
.ys_m dl dd p{font-size: 16px;color: #333;line-height: 32px; padding:0 0 0 88px; background:url(../Imgs/ys_ico01.gif) no-repeat 64px 12px;width: 475px;}
.ys_bot{width: 600px;height: 110px;position: absolute;top: 587px;right: 0;}
.ys_bot ul li{font-size: 18px;color: #fff;width: 124px;height: 95px; padding:15px 0 0 20px;line-height: 25px;float: left; margin-right:8px; background-image:url(../Imgs/ys_bot01.jpg);}
.ys_bot ul li em{display: block;font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.ys_bot ul li:hover,.ys_bot ul li.on{background-image:url(../Imgs/ys_bot02.jpg);}
.ys_bot .ys_li01{ background-position:0 0;}
.ys_bot .ys_li02{ background-position:-152px 0;}
.ys_bot .ys_li03{ background-position:-304px 0;}
.ys_bot .ys_li04{ background-position:-456px 0;margin: 0;}

<!---->
.liuc{ padding:65px 0 0;}
.liuc b{display: block;font-size: 32px;color: #333;height: 75px;text-align: center;}
.iflow{width: 1200px;height: 188px; background:url(../Imgs/liuc_line.gif) no-repeat 125px 35px;}
.iflow .item{float:left;width:86px;text-align:center;margin:0 0 0 99px;color:#666;font-size: 16px;font-weight: bold;}
.iflow .item .icon{display:block;width:86px;height:86px;margin:0 auto 12px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background:url(../Imgs/liuc_k.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -86px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -172px;}
.iflow .item.i2 .icon i:before{background-position:0 -258px;}
.iflow .item.i3 .icon i:before{background-position:0 -344px;}
.iflow .item.i4 .icon i:before{background-position:0 -430px;}
.iflow .item.i5 .icon i:before{background-position:0 -516px;}
.iflow .item.i6 .icon i:before{background-position:0 -602px;}
.iflow .item.i7 .icon i:before{background-position:0 -688px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.iflow .item:hover{color: #ff5f00;}
.iflow .i1{margin: 0;}

/*新闻中心*/
.news_main{ padding:50px 0 60px;}
.news_main .case_t{height: 120px;}
.news{ width:700px;}
.news_t,.wd_t{ height:61px; background:url(../Imgs/news_tbg.gif) repeat-x; line-height:61px;overflow: hidden;}
.news_t ul li{ float:left; padding:0 20px 0 0; background:url(../Imgs/news_bor.gif) no-repeat right 22px;}
.news_t ul li a{ font-size:20px; color:#333;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#0552a5; font-weight:bold;}
.news_t span,.wd_t span{ float:right;}
.news_t span a,.wd_t span a{ font-size:14px; color:#262626;}
.news_t .nobor{ background:none; padding:0 0 0 20px;}
.news01 dl{ width:700px; padding:30px 0 20px; display:inline-block; overflow:hidden;}
.news01 dt{ width:382px; height:221px;float: left;overflow: hidden;}
.news01 dt img{ width:382px; height:221px;}
.news01 dd{ float:left; overflow:hidden; width:290px; padding:0 0 0 25px;}
.news dd h3{ height:30px; line-height:30px; font-size:16px; color:#262626; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#262626;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 290px;}
.news dd h3 a:hover{color: #0552a5;}
.news01 .news_desc01{ font-size:14px; color:#262626; height:84px; line-height:28px; padding:12px 0 0;}
.news01 dd span{ display:block;width: 117px; padding:25px 0 0;}
.news01 dd span a{    margin-top: 25px;display: block;font-size: 16px;color: #0552a5;font-weight: bold;width: 115px;text-align: center;height: 40px;line-height: 40px; border:#6997c9 1px solid;border-radius:50px;}
.news01 dd span a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.news02 dl{ width:350px;float: left;height: 60px; padding:10px 0 0; overflow:hidden;}
.news02 dt{height: 60px; width:50px;float: left;overflow: hidden;font-size: 16px;color: #666;line-height: 26px; background:url(../Imgs/news_line.gif) no-repeat 0 25px;}
.news02 dt i{display: block;font-size: 14px;}
.news02 dd{height: 60px; float:left; overflow:hidden; width:290px;}
.news02 .news_desc02{ font-size:14px; color:#666;}

/*常见问答*/
.wd{ width:425px;}
.wd_t a{ font-size:20px; color:#333;}
.wd_m{ padding:15px 0 0;height: 385px;overflow: hidden;}
.wd dl{ width:425px; height:90px; border-bottom:#b2b2b2 1px dotted; padding:10px 0 0;}
.wd dt{ height:30px; line-height:26px; overflow:hidden; background:url(../Imgs/wen.gif) no-repeat 0 2px; padding:0 0 0 40px;}
.wd dt a{ font-size:16px; color:#333;font-weight: bold;}
.wd dt a:hover{ color:#0552a5;}
.wd dd{font-size:14px; color:#666; line-height:25px; height:50px; overflow:hidden; background:url(../Imgs/da.gif) no-repeat 0 4px; padding:0 0 0 40px;}

/*公司简介*/
.ab_bg{ background:#f5f5f5 url(../Imgs/ab_bg.jpg) no-repeat center 0; padding:0 0 70px; overflow:hidden;}
.about{height: 800px;}
.ab_t{height: 148px;line-height: 148px;text-align: center;overflow: hidden;}
.ab_t a{font-size: 32px;color: #fff;}
.about dl dt{ width:1178px; height:434px; margin:0 auto;overflow: hidden;}
.about dl dt img{ width:1178px; height:434px;}
.about dl dd{ width:980px; padding:32px 0 0; margin:0 auto;}
.about dl dd h5{height: 40px;line-height: 40px;text-align: center;}
.about dl dd h5 a{ font-size:22px; color:#004691;}
.about .ab_desc{ font-size:14px; color:#666; height:90px; line-height:30px; overflow:hidden; text-indent:2em; padding:20px 0 0;}
.about dl dd span{display: block;height: 30px;line-height: 30px; margin-top:-30px; padding:0 0 0 300px;}
.about dl dd span a{font-size: 14px;color: #1580ea;margin-left: 500px;}

/**/
.honot_t{ padding:0 0 0 365px;width: 700px; display:inline-block;height: 58px;}
.honot_t ul li{width: 117px;float: left; padding:0 20px;overflow: hidden;}
.honot_t ul li a{color: #333;display: block;font-size: 16px;font-weight: bold;width: 115px;text-align: center;height: 40px;line-height: 40px; border:#6997c9 1px solid;border-radius:50px;}
.honot_t ul li a:hover,.honot_t ul li.on a{color: #0552a5;}
.honor_m{ border-top:#dbdbdb 1px solid; padding:22px 0 0;}
.honor_m ul li{width: 284px;height: 160px;float: left;overflow: hidden; margin-left:20px;}
.honor_m ul li img{width: 284px;height: 160px;}
.honor_m ul li:first-child{margin: 0;}

/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}