@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}



/*产品中心*/

.casess{ height:915px; overflow:hidden; background:url(../images/probj.png) no-repeat center top; }
.casess .content13{ position:relative;}
.casess h2{ height:150px; overflow:hidden; text-align:center; padding-top:60px;}
.case1{ height:460px; overflow:hidden;}
.case1 dl{ height:460px; overflow:hidden;}
.case1 dt{ width:572px; height:460px;  float:right; overflow:hidden;}
.case1 dt img{ display:block;width:572px; height:460px;}
.case1 dd{ width:610px; overflow:hidden; float:left; margin-top:30px; padding-right:20px;}
.case1 dd h3 a{ display:block; height:58px; font:28px "Microsoft YaHei"; font-weight:bold; line-height:58px; overflow:hidden;  color:#000; border-bottom: 1px solid #d9d9d9;}
.case1 dd p{ font:18px "Microsoft YaHei"; line-height:32px; color:#000; max-height:178px; overflow:hidden; padding:20px 0px;}
.case1 dd span{ display:block; height:42px;}
.case1 dd span a{ display:inline-block; width:130px; height:40px; border:1px solid #000; border-radius:20px; text-align:center; font:18px "Microsoft YaHei"; line-height:40px; color:#000;}
.case1 dd span a.a2{ margin-left:135px;}
.caset{ height:160px; overflow:hidden; width:1260px; position:absolute; top:690px; left:10px;  background:#dde7ff;}
.caset li{ width:190px; height:100px; float:left; overflow:hidden; font:16px "Microsoft YaHei"; font-weight:normal; line-height:100px; display:inline; margin:30px 0 16px 16px;  border-radius:20px;}
.caset li a{ display:block; background:#eee; color:#333;}
.caset li span{ display:block; width:80px; height:80px; overflow:hidden; position:relative; float:left; margin:9px 10px 0 2px;}
.caset li span em{position:absolute;width:100%;height:100%;top:0;left: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;}
.caset li i{line-height:40px; color:#000;}
.caset li img{display:block; width:80px; height:80px;}
.caset li a:hover,.caset .cur a{ background:#0a50b4; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.caset li:hover em,.caset .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.caset li:hover i,.caset .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/**/

.why{height: 180px; padding: 54px 0 0;font-family:"Microsoft Yahei";font-size: 16px;line-height: 26px;color: #333;text-align: center;}
	.til01{text-align: center;color: #111;font-size:44px;line-height:56px;font-family: "Microsoft Yahei";clear: both;display: block;height:121px;white-space: nowrap; }
.til01 span{color: #666;display: block;font-size:20px;line-height:33px;font-weight: normal;background:url(../images/tit22.png) no-repeat bottom center; height:50px;}
.til01 a{color: #111;}
/**/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.w138 { width:1380px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}

/**/

/* -- 关于我们 -- */
.sl_1{height: 570px;background: #0a50b4;}

.al01{position: relative;height:570px;width:760px;float: right;margin-right:-360px;}
.al01 .al_con{float:left;width:760px;}
.al01 .al_con a{height:570px;width:760px;display: block;overflow: hidden;}
.al01 .al_con a img{height:570px;width:760px;display: block;transition: all 0.3s linear 0s;}
.al01 .al_con a:hover img{transform: scale(1.05);}


.als{position: relative;height: 570px;width: 1160px;float:left; margin-left: -360px;background: url(../images/al_1bg.jpg) no-repeat center;}
.als h3{width: 900px;text-align: left;margin-top: 90px;height: 113px;position: relative;padding-left: 100px;}
.als h3 em{font-size: 42px;line-height: 42px;font-weight: bold;display: block;color: #ffffff;padding-top: 20px; height:90px;}
.als h3 i{font-size: 24px;line-height: 56px;font-weight: normal;display: block;color: #ffffff;padding-bottom: 30px;}
.als h3::after{height: 4px;width:100px;background: #fff;position: absolute;bottom: 30px;left: 0;content: "";margin-left: 100px;}
.als p{font-size: 18px;color: #ffffff;line-height: 36px;width: 960px;text-align: left;padding-left: 100px;margin-top: 55px;}

.als span{ display:block; height:42px;padding-left: 100px;margin-top: 35px;}
.als span a{ display:inline-block; width:140px; height:40px; border:1px solid #fff; border-radius:20px; text-align:center; font:19px "Microsoft YaHei"; line-height:40px; color:#fff;}
.als span a.a2{ margin-left:135px;}
/* -- 案例 -- */
.tit02{text-align: center;  font-family: "思源黑体 CN","Microsoft YaHei"; font-size: 45px; color: #fff; font-weight: bold;}
.tit02 a{color: #fff;}
.tit02 b{height: 20px; display: block;background: url(../images/tit01bg.png) no-repeat center center;padding: 10px 0; }

.case{height: 860px;background: #e8eff6;}

.case h2{text-align: center;padding-top: 60px;}


.case_con{margin-top: 37px;width: 100%;}

.case_con ul li{float: left;width: 24.26%;margin-bottom: 13px;}
.case_con ul li i{overflow: hidden;display: block;height:205px;}
.case_con ul li i img{width: 100%;display: block;transition:all 0.5s;}
.case_con ul li:hover i img{transform:scale(1.1);}

.case_con ul li .desc{height: 70px;background: #f2f2f2;}
.case_con ul li .desc h4{padding-top: 15px;margin-left: 26px;}
.case_con ul li .desc h4 a{font-size: 20px;line-height: 20px;display: block;color: #4c4c4c;font-family: "OPPOS-r";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;    width: 93%;}

.case_con ul li .desc p{font-size: 16px;line-height: 30px;display: none;color: #808080;font-family: "OPPOS-r";font-weight: normal;margin-left: 33px;width: 91%;margin-top: 5px;}


.case_con ul li .desc .gds{font-size: 16px;line-height: 16px;font-weight: bold;display: block;margin-left: 26px;margin-top: 13px;color: #0a50b4;}

.case_con ul li:first-of-type{width: 50.14%;margin-right: 0.73%;margin-bottom: 0;}
.case_con ul li:first-of-type i{height:auto;}
.case_con ul li:first-of-type .desc{height: 175px;}
.case_con ul li:first-of-type .desc h4{padding-top: 32px;margin-left: 33px;}
.case_con ul li:first-of-type .desc p{display: block;}
.case_con ul li:first-of-type .desc .gds{margin-left: 33px;}

.case_con ul li:nth-child(3){float: right;}
.case_con ul li:last-of-type{float: right;}

@media screen and  (max-width:1440px){
  .case_nav{margin: 57px 82px 0px;}
  .case_con ul li:first-of-type .desc .gds{margin-top: 0;}
}


/*新闻资讯*/
.nswsbox{line-height: 24px; color: #666;padding:80px 0px 0px 0px;height:580px;}
.nswsbox h2{padding-bottom:0px;}

.new_t{font-size: 20px;height: 0px;line-height: 66px; width:550px; padding-left:750px;  position:relative; top:300px; z-index: 5;}
.new_t li{float: left;padding: 0 10px;color: #c3c3c3;height: 15px;}
.new_t li img {width:160px; height:100px;}
.new_t li:hover img{ border:3px solid #0a50b4;}
.new_t ul li:last-child i{display:none;}
.new_t li a{display: inline-block;color: #333;}
.new_t li.cur a{background-position: 0 400px!important;color: #51b91e;font-weight: bold;}

.new_c{height: 300px;margin-bottom: 36px; }
.new_c dt,.new_c dt img{width: 700px;height: 400px;float: left; border-radius:40px 0px 15px 0px;}
.new_c dd{width: 472px;float: left;padding: 12px 0 0 70px;}
.new_c dd h4{font-size: 30px;font-weight: normal;height: 60px;line-height: 60px;}
.new_c dd h4 a{display: block;color: #333;}
.new_c dd p{height: 56px; font-size:16px;}
.new_c dd em{display: block;text-align: left;position: relative;line-height: 36px; color:#d5d5d5; font-size:20px; font-weight:normal; padding:20px 0px;}

.new_c dd span{ height:52px;padding-left: 0px;position: relative;}
.new_c dd span a{ width:140px; height:50px; border:2px solid #4360a2; border-radius:20px; text-align:center; font:18px "Microsoft YaHei"; line-height:40px; color:#4360a2; padding:5px 20px;}


@media screen and (max-width: 1580px) {
    .nswsbox:before{background: none;}
}
/*新闻*/
.tit01{text-align: center;  font-family: "思源黑体 CN","Microsoft YaHei"; font-size: 45px; color: #000; font-weight: bold;}
.tit01 a{color: #000;}
.tit01 b{height: 20px; display: block;background: url(../images/tit01bg.png) no-repeat center center;padding: 10px 0; }


/*新闻*/
.floor_4_main { background-color:#f0f0f0; }
.floor_4_1 { float:left; width:640px; margin-right:15px;}
.floor_4_2 { float:right; width:640px;}

.left_body2 { overflow:hidden; zoom:1; background:#fff; border-radius:0px; padding:15px;}
.left_bottom2 { height:15px; margin-bottom:5px;}

.navigationlist1 { height:46px;  margin-bottom:29px; }
.navigationlist1 li{ float:left; font-size:30px; padding:10px 15px; color:#0a50b4; font-weight:bold;}
.navigationlist1 li.more a { color:#cc0000;}

.more{ float: right; display:block; font-size:20px; color:#d6d6d6;} /*more链接*/

.textlist2{ }
.textlist2 li {line-height:42px; text-indent:15px;  overflow:hidden; width:100%;  border-bottom:1px solid #efefef;}
.textlist2 li a{ font-size:18px; color:#000;}
.textlist2 li.first{ background:none; margin-bottom:5px; text-indent:0;}
.textlist2 li a:hover{ color:#1a3a94;}
.textlist2 li span{ color:#999; font-size:16px;}
.textlist2 li .InfoTitle { padding:0; text-align:left; color:#000; font-weight:bold; font-size:18px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 走进 */
.ab_bg{background: #f5f5f5;height: 745px;overflow: hidden;}
.about dl{position: relative;}
.about dl dt{width: 960px;height: 745px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.about dl dt img{width: 960px;height: 745px;}
.about dl dd{width: 560px;float: left;padding: 70px 0 0;}
.about dl dd h5{line-height: 50px;}
.about dl dd h5 a{font-size: 48px;color: #024c96;}
.about dl dd h5 span{display: block;font-size: 24px;color: #333;font-weight: normal;padding: 5px 0 0;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 26px;height: 130px;overflow: hidden;padding: 20px 0 0;}

.ibrand-num{display: block;width: 960px;height: 120px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.6);padding: 40px 0 0;}
.ibrand-num li{float:left;width:160px;height:110px;color:#fff;font-size:24px;padding-left: 40px;font-weight: bold; background:url(../images/ab_line.png) no-repeat 0 10px;position: relative;}
.ibrand-num li:first-child{background: none;}
.ibrand-num li span{font-size:40px;line-height: 40px;}
.ibrand-num li b{display:block;font-size: 18px;color: #d1d1d1;font-weight: normal; padding:10px 0 0;line-height: 22px;}
.ibrand-num li i{ background:url(../images/ab_ico01.png) no-repeat;display: block;width: 24px;height: 24px;position: absolute;top: -10px;left: 75px;}
.ibrand-num li:first-child i{left: 118px;}

/*专利与资质*/
.honor{position: absolute;top: 385px;left: 0;width: 600px;height: 340px;}
.honor h5{height: 40px;line-height: 40px;overflow: hidden;background:url(../images/honor_ico.gif) no-repeat 150px 5px;}
.honor h5 a{font-size: 26px;color: #024c96;}
.honor ul li{width: 165px;float: left;padding:20px 25px 0 0;-webkit-transition:all .3s;transition:all .3s;}
.honor ul li em{width: 165px;height: 220px;display: block;line-height: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.honor ul li em img{width: 165px;height: 220px;}
.honor ul li span{display: block;font-size: 16px;color: #666;width: 165px;text-align: center;height: 30px;line-height: 30px;padding: 10px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor ul li:hover{z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.honor ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}
.honor ul li:hover span{color: #024c96;}






@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }