body{margin:0 auto;width:100%;font-family:"Microsoft Yahei"}
*{margin:0;padding:0;}
li{list-style:none}
input{outline:0;border:none;appearance: none; -webkit-appearance: none; -moz-appearance: none;}
a:link, a:visited{ cursor: pointer; }
a,button,input,select,textarea{outline:0;text-decoration:none}
textarea{overflow:hidden;resize:none}
b,h1,h2,h3,h4,h5,h6{font-weight: normal}
img{margin:0;padding:0;border:none}
/***/
.banner_img{display: block;margin-bottom: 22px;}
.banner_img img{display: block;width: 1100px;height: 100px;margin: 0 auto;}
/***banner,box**/
.banner{display: block;height: 460px;background: url("../banner.jpg") no-repeat center;background-size: 1920px;}
.box_tit{ width: 100%;text-align: center;border-top: 1px solid #dddddd;}
.box_tit b{display: block;width: 125px;height: 3px;background-color: #0c81cc;margin: -2px auto 0;}
.box_tit h1{font-size: 26px;font-weight: bold;color: #0c81cc;line-height: 26px;margin-top: 20px;}
.box_tit p{font-size: 12px;color: #555555;line-height: 26px;margin-bottom: 30px;margin-top: 5px;}
/**con_1**/
.con_1{width: 1100px; margin: 20px auto 25px;overflow: hidden;display: none;}
.con_1 .left{float: left;width:368px;margin-right: 20px;}
.con_1 .left img{display: block;width: 368px;height: 270px;}
.con_1 .left div{background-color: #eeeeee;padding: 15px;height: 180px}
.con_1 .left h2{font-size: 18px;font-weight: bold;color: #388ecf;text-align: center;line-height: 28px;}
.con_1 .left p{font-size: 14px;color: #555555;line-height: 26px;margin-top: 10px;}
.con_1 .right{float: left;width:712px;height: 480px;background-color: #eeeeee;}
.con_1 .right h2{font-size: 18px;font-weight: bold;line-height: 26px;color: #FFFFFF;background-color: #0c81cc;text-align: center;padding: 7px 0}
.con_1 .right p{font-size: 14px;line-height: 26px;color: #555555;margin: 20px 20px 30px}
.con_1 .right div{overflow: hidden;margin: 0 13px}
.con_1 .right img{float: left;width: 222px;height: 165px;margin-right: 10px;}
.con_1 .right img:nth-child(3){margin-right: 0}
.con_1 .right a{float: left;width: 200px;height: 50px;font-size: 16px;line-height:50px;text-align: center;color: #FFFFFF;}
.con_1 .right a:nth-child(4){background-color: #f86a2c;margin: 40px 40px 0 136px}
.con_1 .right a:nth-child(4):hover{background-color: #f67943;}
.con_1 .right a:nth-child(5){background-color: #3ba6ea;margin-top: 40px}
.con_1 .right a:nth-child(5):hover{background-color: #55b0ea;}
/**con_2**/
.con_2,.con_3,.con_4,.con_5{width: 1100px; margin: 0 auto;overflow: hidden;}
.shanghai{ width:100%; float:left; margin-bottom:35px;}
.shan_lt{ float:left; width:255px; position:relative;}
.kenbi_0{background:#01ADED;height:360px;}
.kenbi_1{background:#D7F4FF;height:360px;}
.kenbi_2{background:#2D83F7;height:460px;}
.kenbi_3{background:#E1EEFF;height:460px;}
.kenbi_4{background:#2D83F7;height:360px;}
.kenbi_5{background:#E1EEFF;height:360px;}
.kenbi_8{background:#01ADED;height:452px;}
.kenbi_9{background:#D7F4FF;height:452px;}
.kenbi_10{background:#2D83F7;height:445px;}
.kenbi_11{background:#E1EEFF;height:445px;}
.shan_lt dl{ float:left; width:200px;padding-left:27px; padding-top:18px;}
.shan_lt dl dt{ float:left; width:200px;font-family:"微软雅黑"; color:#FFF; font-size:48px;}
.shan_lt dl dd{ float:left; width:200px;font-family:"微软雅黑"; color:#FFF;font-size:22px;}
.shijie{ padding-top:8px; padding-bottom:8px;}
.langman{ float:right; position:absolute; bottom:0px; right:0px;}
.xiaoxf{ width:845px; float:left;}
.tiex{ float:left; width:590px;  padding-left:15px;}
.tiex p{ float:left; width:812px; text-indent:2em; font-size:16px; line-height:30px; padding-top:20px;}
.jinbaoz{ float:left; width:590px; padding-left:15px; display:inline; padding-top:30px;}
.left_btn{ width:37px; height:37px; float:left; background:url(pinpai_16.jpg); margin-top:40px; display:inline;}
.right_btn{ width:37px; height:37px; float:right; background:url(pinpai_19.jpg);margin-top:40px; display:inline;}
.gdlei{float:left;}
.gdlei li{ width:115px; padding-right:10px; float:left;}
.saobao{ width:828px; float:left; padding-left:15px; padding-top:20px;}
.saobi{ width:408px; float:left; border-bottom:1px dashed #CCC; padding-left:5px; padding-bottom:10px;}
.saobi dl{ width:306px; float:right;}
.saobi dl dt{ width:306px; float:left;font-family:"微软雅黑";font-size:18px;color: #4a4a4a}
.saobi dl dt a{font-family:"微软雅黑";font-size:18px;color: #4a4a4a}
.saobi dl dd{ width:306px; float:left; padding-top:5px;}
.saobi dl dd a{color: #4a4a4a}
.dad{ float:left; width:830px;margin-left: 15px}
.dad a{ float:left;}
.dad dl{ float:left; width:100px; padding-left:50px; padding-top:18px;}
.dad dl dt{ float:left; width:100px; text-align:center;color: #4a4a4a}
.dad dl dd{ float:left; width:100px; text-align:center; padding-top:5px;color: #4a4a4a}
.wiao{ float:left; width:590px;padding-left:15px;}
.wiao dl{ float:left; width:195px; text-align:center; height:155px;}
.wiao dl dt{ float:left; width:195px;}
.wiao dl dd{ float:left; width:195px; padding-top:5px;}
.taoyan{ width:812px; float:left; padding-left:20px; padding-top:20px;}
.taoyan dl{ float:left; width:74px;}
.taoyan dl dt{ float:left; width:74px;}
.taoyan dl dd{ float:left; width:74px;font-family:"微软雅黑";font-size:24px; text-align:center;}
.taoyan ul{ float:right; width:712px;}
.taoyan ul li{ float:left; width:712px; font-size:14px; line-height:26px;}
.shouya{ width:812px; float:left; padding-left:15px;}
.shouya ul{ width:812px; float:left; padding:20px 0;}
.shouya ul li{ height:29px;float:left; background:url(/img/nvr_98.jpg); line-height:26px; margin-left:5px;}
.shouya ul li a{ color:#FFF; padding:0 19px;height:29px; display:block; background-repeat:no-repeat; background-position:center}
.xinsha{ width:812px; float:left}
.xinsha dl{ width:812px; float:left}
.xinsha dl dt{ width:300px; float:left}
.xinsha dl dd{ width:492px; float:right;line-height:25px; text-indent:2em;}
.xinsha dl dd a{ color:#2D83F7}

/**con_3**/
.con_3 ul{overflow: hidden;}
.con_3 li{float: left;width: 270px;margin: 0 6px 28px 0;}
.con_3 li:last-child{margin-right: 0;}
.con_3 li:hover{background-color: #0c81cc;cursor: pointer}
.con_3 li:hover div{background-color: #0c81cc;}
.con_3 li:hover h2{color: #FFFFFF;}
.con_3 li:hover p{color: #FFFFFF;}
.con_3 li b{display: block;margin: 4px 4px 0 4px;background-color: #FFFFFF;}
.con_3 li b img{display: block;width:170px;height: 240px;margin: 5px auto; }
.con_3 li div{background-color: #eeeeee;height: 190px;}
.con_3 li div h2{font-size: 18px;font-weight: bold;line-height: 28px;color: #0c81cc;text-align: center;padding: 15px 0 10px;}
.con_3 li div p{font-size: 14px;line-height: 26px;color: #555555;margin: 0 15px;}
/**con_4**/
.con_4 dl{overflow: hidden;padding: 10px 0;}
.con_4 dt{float: left;width: 90px; margin-right: 20px; }
.con_4 dt img{display: block;width: 90px;height: 90px;border-radius: 50%;}
.con_4 dd{float: left;width: 990px;}
.con_4 dd h2{font-size: 18px;line-height: 26px;color: #333333;margin: 10px 0 4px}
.con_4 dd h2 b{margin-right: 20px;}
.con_4 dd p{font-size: 14px;line-height: 26px;color: #555555;}
.con_4 dd p a{color: #f86a2c;}
.con_4 dd p a:hover{text-decoration: underline;}
.con_4 dd span{display: block;font-size: 12px;line-height: 22px;color: #555555;}
.con_4 dd span b{color: #999999;margin-right:17px }
.con_4 dl:last-child{margin-bottom: 50px}
/**con_5**/
.con_5_1{overflow: hidden;display: none;}
.con_5_1 li{float: left;margin-right: 1px;overflow: hidden;}
.con_5_1 li:hover img{ cursor: pointer;transform:scale(1.05,1.05);  -ms-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  -moz-transform:scale(1.05,1.05);  opacity:0.6;  transition:all 0.6s ease-out;  -moz-transition: all 0.6s ease-out;  -webkit-transition: all 0.6s ease-out;  -o-transition: all 0.6s ease-out;  }
.con_5_1 li img{display: block;}
.con_5_1 li:nth-child(1){width: 274px;height: 274px;margin-bottom: 1px;}
.con_5_1 li:nth-child(2){width: 550px;height: 274px;margin-bottom: 1px;}
.con_5_1 li:nth-child(3){width: 274px;height: 274px;margin-bottom: 1px;margin-right: 0;}
.con_5_1 li:nth-child(4){width: 274px;height: 165px;}
.con_5_1 li:nth-child(5){width: 183px;height: 165px;}
.con_5_1 li:nth-child(6){width: 183px;height: 165px;}
.con_5_1 li:nth-child(7){width: 182px;height: 165px;}
.con_5_1 li:nth-child(8){width: 274px;height: 165px;margin-right: 0}
.con_5 h2{font-size: 26px;line-height: 36px;color: #0c81cc;text-align: center;margin: 25px 0 10px}
.con_5>img{display: block;width: 490px;height: 50px;margin: 0 auto;}
.con_5>p{font-size: 9px;line-height: 14px;color: #555555;text-align: center;margin: 15px 0}
.con_5>a{display: block;width: 180px;height: 40px;font-size: 16px;line-height: 40px;color: #FFFFFF;background-color: #3ba6ea;margin:  0 auto 60px;text-align: center;}
.con_5>a:hover{background-color: #55b0ea;}


body{border-top: 2px solid #1c4885;}
.header_bg{background:#fff;width:100%; height:110px;font-family: "Microsoft YaHei";}
.sy_top{  width:1100px; height:110px; margin:auto; background:url(/img/top_03.jpg) no-repeat; background-position:340px 14px;position: relative;}

.sy_top1 .light { position: absolute; left: -180px; top: 20px; width: 80px; height: 70px; background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -ms-transform: skewx(-25deg); animation: bslogo 2.5s 1s infinite linear; -webkit-animation: bslogo 2.5s 1s infinite linear; -moz-animation: bslogo 2.5s 1s infinite linear; -o-animation: bslogo 2.5s 1s infinite linear; -ms-animation: bslogo 2.5s 1s infinite linear; }
@keyframes bslogo { 0% {
left:-180px;
}
30% {
left:320px
}
75% {
left:50px;
}
100% {
left:320px;
}
}
@-moz-keyframes bslogo { 0% {
left:-180px;
}
30% {
left:320px
}
75% {
left:50px;
}
100% {
left:320px;
}
}
@-webkit-keyframes bslogo { 0% {
left:-180px;
}
30% {
left:320px
}
75% {
left:50px;
}
100% {
left:320px;
}
}
@-o-keyframes bslogo { 0% {
left:-180px;
}
30% {
left:320px
}
75% {
left:50px;
}
100% {
left:320px;
}
}
@-ms-keyframes bslogo { 0% {
left:-180px;
}
30% {
left:320px
}
75% {
left:50px;
}
100% {
left:320px;
}
}

.sy_top1{ display:block; width:330px; height:75px; background:url(/img/logo_head.png) no-repeat; float:left; margin:20px 0 0 22px; }
.sy_top1 li{ width:267px; height:24px; float:left; line-height:24px; margin:auto; text-align:center; font-size:14px; color:#fff;}
.sy_top2{ width:220px; height:72px; float:left; margin:30px 0 0 150px; text-align:center;font-family: "Microsoft YaHei";}
.sy_top2 li{ font-size:27px; color:#2982bb; line-height:36px;}
.sy_top2 p{ font-size:14px; color:#2982bb; line-height:25px;}
.sy_top2 p span{ font-size:19px;}


.head_tool{width:335px;height:110px;float:right;font-family: "Microsoft YaHei";}
.head_ico{background:url(/img/icon_integrate.png) no-repeat}
.head_icon{height:30px;float:left;width:335px;background-position:0px -2px}
.tel_form{padding:0px 0 0 38px;float:left}
.tel_text{border-radius:14px;border:none;height:24px;outline:none;padding-left:6px;width:170px;float:left;font-size:13px;}
.tel_submit{width:22px;height:22px;background-position:0px -40px;z-index:9;cursor:pointer;border:none;margin-left:-24px;margin-top:1px}
.tel_submit:hover{background-position:0px -40px}
.head_list{float:left}
.head_list ul li{display:inline-block;margin-left:4px;width:22px;height:22px}
.head_list ul li a{width:22px;height:22px;display:block}
.head_list ul li:nth-child(1) a{background-position:-36px -70px}
.head_list ul li:nth-child(2) a{background-position:-76px -70px}
.head_list ul li:nth-child(3) a{background-position:-116px -70px}
.head_list ul li:nth-child(1):hover a{background-position:-36px -40px}
.head_list ul li:nth-child(2):hover a{background-position:-76px -38px}
.head_list ul li:nth-child(3):hover a{background-position:-116px -38px}
.head_tel{float:left;width:220px;height:55px;padding:15px 0 10px 82px;background-position:-137px -29px;margin-left:20px}
.head_tel span{margin-left:14px;font-size:13px}
.head_tel p{font-size:24px;color:#ef6f00}
.lay_wechat{position:relative}
.lay_wechat:hover .head_weichat{display:block}
.head_weichat{padding:4px;background:#fff;box-shadow:#cacaca 0px 0px 10px;margin-left:7px;position:absolute;left:-50px;top:30px;z-index:5;display:none}
.head_weichat img{width:103px;height:126px;display:block}



.sy_top31{ display:block; width:22px; height:22px; margin:auto; background:url(/img/top_tb.jpg); background-position:0px 0px;}
.sy_top32{ display:block; width:22px; height:22px; margin:auto; background:url(/img/top_tb.jpg); background-position:-22px 0px;}
/*content*/
.cd-i-nav { width: 100%; height:50px; background:#1c4885;font-family: "Microsoft YaHei";}
.cd-i-nav-li { width:1100px;margin:0 auto; position: relative; height:50px; z-index:2;}
.cd-i-nav-li li { float: left; width: 120px; line-height: 40px; text-align: center; height:50px; }
.cd-i-nav-li li a { font-size: 15px; color: #fff; width: 110px; line-height:50px; height:50px; display: block; }
.cd-i-nav-li li:hover a{ background:#fff; color:#1c4885;}
.cd-i-nav-li div { position: absolute; background:url(/img/nav_03.jpg) no-repeat bottom right #fff; top:50px; display: none; }
.cd-i-nav-li div a { font-size: 15px; display: block; width: 121px; height: 30px; line-height: 30px; color: #fff; }
.cd-i-nav-li div a.on { background: #df691a; }
.cd-i-nav-li div#connmenu0 { left:110px; }
.cd-i-nav-li div#connmenu1 { left:220px; }
.cd-i-nav-li div#connmenu2 { right:5px;}
.cd-i-nav-li div#connmenu3 { right:-105px; }

.nav_fdpp{ width:435px; height:300px;}
.nav_fdpp1{ width:120px; height:280px; float:left; margin:10px 0 0 25px;}
.nav_fdpp1 a{ display:block!important; width:105px!important; height:30px!important; line-height:30px!important; padding-left:15px!important; font-size:14px!important; color:#333333!important; text-align:left!important;}
.nav_fdpp1 a:hover{ background:url(/img/nav_01.jpg) no-repeat!important; background-position:0px 20px!important; color:#f96b2d!important;}
.nav_fdpp2{ width:252px; height:270px; float:left; margin:20px 0 0 5px;}
.nav_fdpp2 span{ display:block; width:252px; height:162px;}
.nav_fdpp2 p{ width:252px; padding-top:16px; font-size:12px; line-height:20px; color:#9b9b9b; text-align:left;}


.foot{ width:100%; height:203px; background:url(/img/foot_02.jpg) no-repeat center #1c4885; padding-top:40px; clear:both;font-family: "Microsoft YaHei";;}
.foot1{ width:1100px; height:180px; margin:auto;}

.foot2{ display:block; width:330px; height:21px; background:url(/img/logo_head.png); float:left; margin:30px 0 0 22px; padding-top:54px;}
.foot2 p{ width:267px; height:24px; float:left; line-height:24px; margin:auto; text-align:center; font-size:14px; color:#1c4885;}
.foot3{ width:220px; height:72px; float:right; margin-top:50px; text-align:center;}
.foot3 li{ font-size:24px; color:#fff;}
.foot3 p{ font-size:14px; color:#fff;}
.foot3 p span{ font-size:19px;}
.foot4{ float:left; margin-left:80px; font-size:12px; color:#fefefe; line-height:28px;}

/*文章页*/
.dqwz{width: 100%; height: auto;background-color: #0c458e;}
.dqwz h1{width: 1100px;height: 50px; line-height: 50px; margin: 0 auto; padding:0 14px; color:#FFffff; font-size:18px; }
.dqwz h1 a{color: #FFffff;}
.dqwz h1 bb{font-weight: bold; font-size: 20px}

.cn_nr{width: 1100px; margin: 20px auto 25px;overflow: hidden;margin-top: 10px;}
.cn_nr .left{float: left;width:28%; background-color: #D7F4FF;}
.cn_nr .right{float:right;width:70%;background-color: #D7F4FF; min-height:1284px;}
.yyjj {width: 92%;padding:4%;}
.yyjj img{width: 100%;}
.yyjj p{text-indent: 2em;margin-top: 10px; line-height: 36px;}
.tubiao ul{width: 92%;padding:4%;}
.tubiao ul li{display:block;width: 48%;float: left;}
.tubiao ul li img{display: block; width: 69px; margin: 0 auto;}
.tubiao ul li strong{display: block; text-align: center;height: 36px;line-height: 36px;color: #0A0706;}
.ttks{display: block; height: 40px;line-height: 40px; text-align: left; text-indent: 2em;font-weight: bold; color: #FFffff; background-color: #0c458e; width: 100%;}
.neirong h2{width:96%; height: 40px; line-height:40px;padding:2% 0; text-align:center;font-size: 20px;font-weight: bold}
.wzxx{width:550px; margin: 0 auto;}
.wzxx span{ padding:0 10px; text-align: center}
.wzxx span b{font-weight: bold;}
.neirong p{margin:2%;text-indent: 2em; line-height: 32px;}
.neirong p b{font-weight: bold;}
.neirong p img{display:block;width: 300px; margin: 0 auto;}
.zxgh{width: 70%;margin:0 auto; margin-top: 16px;}
.zxgh a{display: block;width: 40%; margin:0 10px; height: 46px; line-height: 46px;text-align: center; color: #FFffff; margin-bottom: 20px;}
.zxgh .aleft{float: left; background-color:#1c4885;}
.zxgh .aright{float: right; background-color: #0D5B1C;}
.lzxgh{width:100%;padding-top:2%;}
.lzxgh a{display: block; width:92%; padding: 4%; border-bottom:1px #1c4885 solid;}
.lzxgh a img{margin: 0 auto;display: block; width: 192px;}#tab3{display:block;height:0;width:0;overflow:hidden;}