@charset "utf-8";
/* CSS Document */
body{font-size:14px;font-family:"Microsoft YaHei";color:#666;font-weight:normal;min-width: 1232px;max-width: 1920px;overflow-x: hidden;margin: 0 auto;width:100%;background:#ececec;}
*{padding:0px;margin:0px;}
img{border:0px;margin:0;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
.clr{clear:both;}
a{text-decoration:none;}
a:focus {outline:0;}
img{border:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;height:0;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
.top{ width:1100px; margin:0 auto;}
.w1100{ width:1100px; margin:0 auto;}
.w1232{ width:1232px; margin:0 auto;position:relative;}
/*默认文字连接样式*/
a{ color:#333; text-decoration:none; outline:none; font-family:"Microsoft YaHei";}
.clear {clear: both;height:0;}

/*顶部*/
.header{width:100%;height:139px;}
#hm1_bg{ width:100%; height: 44px; background: #155fab; z-index: 10000;overflow:hidden;}
.hm1{ width: 100%; margin: 0 auto;}
.hm1ss{ width: 196px; height: 30px; outline:none;line-height: 30px; padding-left:35px; color: #c2d5e8; background: #3271b3 url("../../img/en/icon1.png") no-repeat 7px 4px;  border: #fff solid 1px;border-radius:15px;-moz-border-radius:15px; margin-top: 6px; float: right;}
.hm1 ul{ float: right;}
.hm1 ul li{ line-height: 44px; float: left; font-size: 12px; font-weight: bold; color: #fff; padding-left: 25px; background:url("../../img/en/icon2.png")no-repeat 12px 15px;}
.hm1 ul li a{ color: #fff;}
.hm1 ul li a:hover{ text-decoration:underline;}



/*导航*/
.hm2_bg{ width: 100%; height: 95px; background: url("../../img/en/bg1.png") repeat-x; z-index: 10000;text-transform:capitalize;}
.t-nav .hm2_bg{ width: 100%; height: 68px; background: url("../../img/en/bg1.png") repeat-x center; z-index: 10000;}
.hm2{ width: 100%; margin: 0 auto; height: 95px; position: relative;}
.t-nav .hm2{ width: 100%; margin: 0 auto; height: 68px; position: relative;}
h1{float: left; margin-top: 18px;width:400px;}

.hm4{float:left;height:95px;line-height:95px;width:617px;}
.t-nav{width: 100%;position: fixed;top: 0px;left: 0px;border-top: none;z-index: 999;}
.t-nav{height:112px;}
.t-nav h1{margin-top:5px;}
.t-nav .hm2_bg{height:68px;line-height:68px;}
.hm4 ul li{ float: left;  position: relative;}
.hm4 .ul{width:750px;}
.t-nav .hm4{height:68px;line-height:68px;}
.hm4 ul li a{ color: #5c5c5c;  display: block; background: url("../../img/en/icon3.png")no-repeat -5px center; padding: 0 24px; font-size: 14px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hm4 ul li a:hover{ color: #155fab; background: url("../../img/en/icon3_hover.png")no-repeat -5px center;}
.hm4 ul li a.on{ color: #155fab; background: url("../../img/en/icon3_hover.png")no-repeat -5px center;}
.hm3{ width: 97px; height: 42px; float: right; margin-top:40px;}
.t-nav .hm3{margin-top: 26px;}
.hm3 ul li{ height: 18px; width: 97px;line-height: 18px;}
.hm3 ul li a{ height: 18px; width: 97px; font-size: 14px; font-weight: bold; line-height: 18px;color: #155fab;}
.hm3 ul li a img{float: left; margin-right: 4px;}
.hm3 ul li a:hover{ text-decoration: underline;}
.hm3 ul li:hover{ background: url("../../img/en/icon6.png")no-repeat 85px center;}
.hm3 ul li.on{ background: url("../../img/en/icon6.png")no-repeat 85px center;}
.hm3:hover .meiguo{ display: block;}
.meiguo{ display: none;}

.dh_more{ width: 160px; position: absolute; z-index: 1000;top:89px; display: none;left:-26px;}
.t-nav .dh_more{top:62px; }
.dh_more ul{ padding-top: 6px; background: url("../../img/en/icon89.png")no-repeat center 0;}
.t-nav .dh_more ul{padding-top: 6px; background: url("../../img/en/icon89.png")no-repeat center 0;}
.dh_more ul li{ float: left; position: relative;    line-height: 38px;width: 174px;height:38px;background:#fff;}
.dh_more ul li a{ padding:0px; text-indent:5px; display: block; font-size: 14px;height:38px; height: auto; line-height: 38px; width: 170px; background: #fff; overflow: hidden;}
.dh_more ul li a:hover{background: url("../../img/en/jt.png")no-repeat center right;font-weight:bold;}
.dh_more ul li ul{ background: none; position: absolute; left:174px; top:-6px; padding: 0; padding-top: 6px; margin: 0; display: none;}
.dh_more ul li:hover ul{ display: block;}
.dh_more ul li ul li{width: 120px;overflow:hidden;}
.dh_more ul li ul li a{ font-size: 12px; width: 120px; text-indent:5px; background: #fff;}
.dh_more_2,.dh_more_3,.dh_more_4,.dh_more_5,.dh_more_6{}
.dh_more_on:hover .dh_more{ display: block;}




/*海报*/
.fullSlide{width:100%;position:relative;height:auto;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; width:100%;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:auto;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:auto;}
.fullSlide img{ width: 100%; height: 100%; display: block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:8px;margin:1px 5px;overflow:hidden;background:#777777;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on{background:#155fab;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:55%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; text-align: center; font-size: 20px;}
.fullSlide .prev{background:url(../../img/en/slider-arrow.png) no-repeat;}
.fullSlide .next{left:auto;right:15%;background:url(../../img/en/slider-arrow2.png) no-repeat;}



/*菜单*/
#hm5_bg{width: 100%; height: 340px;background: #ececec;}
.hm5{width: 1232px; height: 340px; margin: 0 auto; padding-top: 78px; position: relative;}
.hm5 ul{width:1400px;}
.hm5 .paci {width: 1400px;height: 340px;margin: 0 auto;}
.hm5 .paci li {width: 213px;height: 268px;position: relative;float: left;margin-right:34px;}
.hm5 .paci li:nth-child(5) {margin-right: 0;}
.hm5 .paci_img {width: 100%;height: 100%;overflow: hidden;}
.hm5 .paci_box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top:102px;box-sizing: border-box;}
.hm5 .paci_box:before{content: '';display: block;width: 182px;height: 241px;position: absolute;top: 16px;left: 16px;border-top: 1px solid rgba(255, 255, 255, 0);border-bottom: 1px solid rgba(255, 255, 255, .0);transition:0.8s;box-sizing: border-box;}
.hm5 .paci li:hover .paci_box:before{border-color: rgba(255, 255, 255, 0.8);}
.hm5 .paci_box:after{content: '';display: block;width: 182px;/*height: 200px;*/height: 0;position: absolute;top:16px;left:16px;border-left: 1px solid rgba(255, 255, 255, 0);border-right: 1px solid rgba(255, 255, 255, 0);transition:0.8s;box-sizing: border-box;}
.hm5 .paci li:hover .paci_box:after{height: 241px;border-color: rgba(255, 255, 255, 0.8);}
.hm5 .paci_title {width: 182px;margin: 0 auto;text-align: center;color: #f0f0f0;font-size: 16px;font-family:"Arial";font-weight:bold;}
.hm5 .paci_cont p{text-align: center;color: #f0f0f0;font-size:14px;}
.hm5 .paci_cont {width: 182px;margin: 2px auto 0;text-align: center;color: #f0f0f0;font-size:14px;font-family:"Arial";transform: translateY(-20px);transition: 0.8s;opacity: 0;line-height:24px;}
.hm5 .paci li:hover .paci_box .paci_cont {transform: translateY(0);opacity: 1;transform: translateX(0);}
/*.hm5 .paci li:hover .paci_box{background:rgba(5,83,166,0.2);}

/*关于*/
#hm6{ width: 100%; height: 254px; background:url("../../img/en/icon14.png") no-repeat center 92px #ececec; padding-top: 145px;}
#hm6 a{ width: 215px; height: 40px; background: #2f2f2f; display: block; margin: 0 auto; text-align: center; line-height: 40px; color: #fff;border-radius:10px;
    -moz-border-radius:10px; font-size: 14px; font-weight: bold;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
#hm6 a:hover{ background: #155fab;}

/*数字*/
#hm7_bg{ width: 100%; height: 349px;overflow:hidden;}
.hm7{ width: 1232px; margin: 0 auto;padding-top:94px;}
.hm7 ul{width:1400px;}
.hm7 ul li{text-align:center; float: left;font-weight: bold; color: #fff;position:relative;width:150px;margin-right:200px;font-size:50px;}
.hm7 ul li:last-child{border:none;text-align:center;}
.hm7 ul li b{ color: #fff;text-align:left;}
.hm7 ul li p{ font-size: 16px; font-weight: normal; color: #fff;position:absolute;width:100%;}
.hm7 ul li:nth-child(1){background: url("../../img/en/hm7_bg1.png")no-repeat left top;padding-top:80px;margin-left:36px;}
.hm7 ul li:nth-child(2){background: url("../../img/en/hm7_bg2.png")no-repeat 14px top;padding-top:80px;}
.hm7 ul li:nth-child(3){background: url("../../img/en/hm7_bg3.png")no-repeat 26px top;padding-top:80px;}
.hm7 ul li:nth-child(4){background: url("../../img/en/hm7_bg4.png")no-repeat 30px top;padding-top:80px;margin-right:0;}
/*产品*/
.hnm8{width:100%;height:596px;overflow:hidden;background: url("../../img/en/icon16.jpg")no-repeat center;}
.hnm8-l{float:left;margin-top:192px;}
.hnm8-l h2{font-size:36px;font-weight:bold;color:#fff;}
.hnm8-c{float:left;position:relative;overflow:hidden;width:690px;margin-left:184px;text-align:center;}
.hnm8-c1{width:690px;height:550px;overflow:hidden;}
.hnm-d{text-align:center;position:absolute;bottom:50px;width:100%;}
.hnm-d ul{width:134px;margin:0 auto;}
.hnm-d ul li{width:14px;height:14px;overflow:hidden;border-radius:14px;background:#646464;float:left;margin:0 10px;cursor:pointer;}
.hnm-d ul li.hover{background:#fff;}
.hnm8-r{float:right;margin-top:78px;margin-right:36px;}
.hnm8-r h2{font-size:55px;color:#fff;margin-bottom:52px;}
.hnm8-r ul li{width:185px;height:42px;overflow:hidden;margin-bottom:16px;margin-right:20px;}
.hnm8-r ul li a{display:inline-block;width:183px;height:40px;line-height:40px;text-align:center;font-size:21px;color:#fff;text-transform:uppercase;border:1px solid #fff;}
.hnm8-r ul li:hover a{background:#155fab;border:1px solid #155fab;}

/*案例*/
#hm9_bg{ width: 100%; height: 500px; text-align: center;}
.hm9{ width: 1232px;  margin: 0 auto; background: url("../../img/en/icon17.png")no-repeat center 88px; overflow: hidden; padding-top: 156px;}
.hm9 ul{width:1300px;}
.hm9 ul li{ float: left; width: 211px; text-align: center; margin-right:44px;overflow: hidden;}
.hm9 ul li img{ width:100%;-moz-box-shadow: 0px 5px 40px #cccccc;box-shadow: 0px 5px 40px #cccccc;}
.hm9 ul li a span{ font-size: 14px; font-weight: bold; color: #155fab; width: 211px; height: 40px; border:#a1a1a1 solid 1px; display: block; line-height: 40px; margin-top: 9px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hm9 ul li:hover span{ border:#a1a1a1 solid 1px; background:#a1a1a1; color: #fff;}

/*媒体*/
#hm10_bg{ width: 100%; height: 576px; background: #ececec;}
.hm10{ width: 1232px; height: 576px; background: url("../../img/en/icon19.png")no-repeat center 67px; margin: 0 auto;}
.hm10 ul{ width: 1300px; padding-top: 164px; height: 374px;}
.hm10 ul li{ width: 389px; height: 362px;  margin-right:32px; float: left;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hm10 ul li a{display:inline-block;width: 389px; height: 362px;overflow:hidden;background:url("../../img/en/icon21.png")no-repeat left bottom;}
.hm10 ul li:hover{color:#000;}
.hm10 ul li img{ width:100%;}
.hm10 ul li span{ color: #1b7cc4; width: 389px; height: 116px; display: block;  font-size: 18px; font-weight: bold; padding-top: 22px;}
.hm10 ul li p{ font-size: 13px; color:#1b1b1b; font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; display: block;margin-top: 10px;}
.hm11{ width: 108px; height: 10px; margin: 0 auto; margin-top: 90px;}

/*监控*/
#hm12_bg{ width: 100%; height: 686px; background: #ececec; }
.hm12{ width:1234px; height: 540px; background: url("../../img/en/icon23.png")no-repeat center 68px; margin: 0 auto; font-size: 15px;  color: #5c5c5c; display: block;margin: 0 auto; text-align: center; padding-top: 126px;}
.hm12 img{ margin-top: 48px; margin-bottom: 15px;}
.hm12 a{ width: 196px; height: 38px; background: #155fab; color: #fff; display: block; line-height: 38px;border-radius:10px;-moz-border-radius:10px;transition: all 0.5s;-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;-o-transition: all 0.5s; margin: 0 auto;}
.hm12 a:hover{ background: #2f2f2f;}

/*底部*/
#hm13_bg{ width: 100%; height: 42px; background: #353535;z-index: 10000;}
.hm13{ width: 100%; height: 42px; margin: 0 auto;}
.hm13 .nr1{ width:29px; float: left; margin-right: 20px;}
.hm13 .nr2{ float: left; height: 42px;}
.hm13 .nr2 ul li{ float: left; line-height: 42px;}
.hm13 .nr2 ul li a{ color: #959595; font-size: 13px; display: block; height: 42px; padding: 0 20px;transition: all 0.5s;-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hm13 .nr2 ul li a:hover{ background: #155fab; color: #fff;}
.hm13 .nr2 ul li a.on{ background: #155fab; color: #fff;}
.hm13 .nr3{ float: right; padding-top:9.5px; margin-right: 22px;}
.hm13 .nr3 ul li{ float:left; width: 23px; height: 23px;border-radius:5px;-moz-border-radius:5px; background: #0a45ac; margin: 0 2px;transition: all 0.5s;-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hm13 .nr3 ul li:hover{ background: #1268ff;}
.hm13 .nr4{ float: right; color: #868686; line-height: 42px; font-size: 12px;}

/*Monitoring*/
.Monitoring{ width:1232px; margin:0 auto; padding-top:64px;}
.Monitoring h2{ font-size: 36px; color: #212121;}
.Monitoring .nr1{ width: 98%; height: 335px; background: #c9c9c9; margin-top: 5px; padding-left: 2%; display: block;}
.Monitoring .nr1 span{ color: #fff; font-size: 28px; color: #fff; padding: 90px 0 10px 0; display: block;}
.Monitoring .nr1 p{ line-height: 28px; color: #fff;  font-size: 12px;}
.Monitoring .nr2 img{ width: 1272px; height: 358px; margin: 47px 0 63px 0;}
.Monitoring .nr3{ width: 100%; height: 411px; background: url("../../img/en/icon54.png")no-repeat right bottom;}
.Monitoring .nr3 b{ font-size: 50px; color: #222222; padding-top: 110px; display: block;}
.Monitoring .nr3 p{ display: block; width: 580px; color: #818181; line-height: 20px;}
.Monitoring .nr3 a{display: block; text-align: center; line-height: 38px; color: #fff; background: #155fab; width: 126px; height: 38px;border-radius:6px;-moz-border-radius:6px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; margin-top: 25px;}
.Monitoring .nr3 a:hover{ background: #353535;}
.Monitoring .nr4{ width: 100%; height: 400px; background: url("../../img/en/icon55.jpg")no-repeat right 42px;}
.Monitoring .nr4 b{ font-size: 50px; color: #222222; padding-top: 170px; display: block; margin-bottom: 15px;}
.Monitoring .nr4 p{ color: #818181; line-height: 20px;}
.Monitoring .nr5{ height: 110px; width: 398px; margin: 0 auto; padding-top: 54px;}
.Monitoring .nr5 a{ width: 179px; height: 54px; line-height: 54px; text-align: center; display: block; color: #fff; background: #155fab; float: left; margin: 0 10px; font-size: 16px;border-radius:6px;-moz-border-radius:6px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.Monitoring .nr5 a:hover{ background: #353535;}

#jiemian{ width: 100%; height: 482px; text-align: center;}
.fullSlide2{width:1071px;position:relative;height:482px; margin: 0 auto;}
.fullSlide2 ul li{ width: 1070px; height: 482px;}
.fullSlide2 ul li img{ width:100%; height: 100%;}
.fullSlide2 .prev,.fullSlide2 .next{display:block;position:absolute;z-index:1;width:62px;height:62px;cursor:pointer; text-align: center; font-size: 20px;}
.fullSlide2 .prev{background:url(../../img/en/sslider-arrow.png) no-repeat;top:50%;left:-10%;}
.fullSlide2 .next{background:url(../../img/en/sslider-arrow2.png) no-repeat;right:-10%;top:50%;}


/*Email*/
.Email{ width:100%; height: 500px; position: fixed; left: 0; top:0; overflow:hidden;background:rgba(0, 0, 0, 0.5); z-index:100000; display:none;}
.Email_biaoge{ width: 40%; height:0px; margin: 0 auto; margin-top:8%; background: #FFF;-moz-box-shadow: 0px 0px 50px #6c6a6b;box-shadow: 0px 0px 50px #6c6a6b; z-index:100001; position: absolute; left: 30%; top: 0; overflow: hidden;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}

.Email_biaoge b{ display: block; height: 55px; text-align: center; color: #165fac; font-size: 36px; padding-top: 18px; border-bottom:#cacaca solid 1px; z-index:9999;}
.Email_biaoge p{ text-align: center; color: #707070; line-height: 30px;}
.Email_biaoge ul{ margin-top: 25px;}
.Email_biaoge ul li{ height: 95px; width: 90%; padding: 0 5%;}
.Email_biaoge ul li span{ color: #000; font-size: 16px; font-weight: bold; line-height:40px;}
.Email_biaoge ul li input{ width:99%; height: 38px; line-height: 38px; font-size: 15px; border: #aaaaaa solid 1px; padding-left: 1%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s; color: #777;}
.Email_biaoge ul li input:focus{ border: #155eab solid 1px;-moz-box-shadow: 0px 0px 10px #d8e0f3 ;box-shadow: 0px 0px 10px #d8e0f3;background:rgba(0, 0, 0, 0);background:none;}
.Email_biaoge ul li input::-webkit-input-placeholder{ color: #d2d2d2;}
.Email_biaoge a{ width: 160px; height: 40px; background: #165fac; display: block; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin-top: 20px; margin: 0 auto;border-radius:6px;
    -moz-border-radius:6px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.Email_biaoge a:hover{ background: #353535; }

/*------------返回顶部-------------*/
.goTop_Box{position: relative;}
.right-bar{position: fixed;bottom: 10%;right: 4%;z-index: 9999;zoom: 1;}
.gotop{width:50px;height:50px; background:url(../../img/en/totop.png) no-repeat center #155fab;cursor: pointer;}