/*banner*/
.slick-slider{position:relative;outline:0;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;outline:0 none;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;margin:auto}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots button{display:none}
.banner{height:700px;overflow:hidden}
.banner a{display:block;height:700px;background-position:center center;background-repeat:no-repeat; background-size: 100%;}
.banner .slick-dots{position:absolute;width:100%;text-align:center;left:0;bottom:34px}
.banner .slick-dots li{width:11px;height:11px;border-radius:50%;cursor:pointer;display:inline-block;margin:0 14px;background:#0A87DB;zoom:1}
.banner .slick-dots li.slick-active{ background: #ff6031; zoom:1}



span.banner_jt{z-index: 999; bottom: 74px; left: 50%; margin-left: -18px;}


/*产品介绍*/
.index_pro_bg{ background: url(index_pro_bg.jpg) no-repeat top; padding: 80px 0; height: 598px; width: 100%;}
.kwicks{display:block;list-style-type:none;list-style:none;position:relative;margin:0;padding:0}
.kwicks>*{display:block;overflow:hidden;padding:0;margin:0}
.kwicks.kwicks-processed>*{margin:0;position:absolute;}
.kwicks-horizontal>*{float:left}
.kwicks-horizontal>:first-child{margin-left:0}
.kwicks-vertical>:first-child{margin-top:0}
.kwicks{padding:0 0 62px 0}
.kwicks,.kwicks>li,.sermod,.sermod2{height:316px}
.kwicks>li{float:left;border-radius: 8px; overflow: hidden;}
.sermod{color: #fff; width: 240px; height: 316px; z-index: 1; padding: 0 38px; position: absolute; left: 0; top: 0; border-radius: 8px;}
.sermod2{z-index: 0; width: 237px; position: absolute; right: 0; border-radius: 8px; overflow: hidden;}
.sermod2 i{left:0;zoom:1;top:0;right:0;bottom:0;z-index:0;position:absolute;}
.sermod2-wrap{position:relative;z-index:1; display:table-cell; vertical-align:middle; height:316px; width:237px;}
.sermod2-wrap p{ display: block; margin: 0 auto; width: 156px;  line-height: 25px; text-align: center; margin-top:8px; margin-bottom:8px; color: #fff; transition: all .2s; -webkit-transition: all .2s; font-size: 14px; border-radius: 5px; text-align:left;}


.kwicks-expanded .sermodwrap .b1,.kwicks-selected .sermodwrap .b1{ background:url(b1_on.jpg) no-repeat;}
.kwicks-collapsed .sermodwrap .b1{ background: #8f70ff;}
.kwicks-expanded .sermodwrap .b2{ background:url(b2_on.jpg) no-repeat;}
.kwicks-expanded .sermodwrap .b3{ background:url(b3_on.jpg) no-repeat;}
.kwicks-expanded .sermodwrap .b4{ background:url(b4_on.jpg) no-repeat;}


.b1 .sermod2-wrap a:hover{background:#8f70ff}
.b2 .sermod2-wrap a:hover{background:#7bbd40}
.b3 .sermod2-wrap a:hover{background:#ea8b41}
.b4 .sermod2-wrap a:hover{background:#4495d7}
.sermod2{background-position:center center;background-repeat:no-repeat;background-size:cover}
.sermod.b1{background:#8f70ff}
.sermod.b2{background:#7bbd40}
.sermod.b3{background:#ea8b41}
.sermod.b4{background:#4495d7}
.sermodwrap{width:470px;}
.sermod { color:#fff;}
.sermod  h5, .sermod p{ color:#fff;}
.sermod.b1 b{background: url(b1_on_jt.png) no-repeat;}
.sermod.b2 b{background: url(b2_on_jt.png) no-repeat;}
.sermod.b3 b{background: url(b3_on_jt.png) no-repeat;}
.sermod.b4 b{background: url(b4_on_jt.png) no-repeat;}
.sermod b{position: absolute; width: 19px; height: 49px; right: -19px; top: 50%; margin-top: -26px;}
.sermod i{display: block; margin-top: 26px; height: 92px; background-repeat: no-repeat;background-position:center ;}
.sermod.b1 i{background-image:url(png_sermod1.png)}
.sermod.b2 i{background-image:url(png_sermod2.png)}
.sermod.b3 i{background-image:url(png_sermod3.png)}
.sermod.b4 i{background-image:url(png_sermod4.png)}
.sermod h5{ line-height: 45px; font-size: 24px; background: url(index_cpzs_xian.png) no-repeat center bottom; margin-top: 20px;}
.sermod p{padding-top:10px;line-height:24px;font-size:14px}
.protab .hd{height:69px;line-height:69px;position:relative;text-align:center;border-top:1px solid #eaeaea}
.protab .hd span{padding:0 13px;font-size:17px;color:#666;cursor:pointer;margin:0 8px;transition:.25s all;-webkit-transition:.25s all;position:relative;display:inline-block;vertical-align:top}
.protab .hd i{left:0;top:-1px;height:1px;background:#0095e2;width:0;position:absolute}
.protab .hd span.on{color:#0095e2}
.protab .bd{background:#fff}
.protab .bd ul{display:none}
.protab .bd ul li{position:relative;overflow:hidden;float:left;width:24.99%}
.protab .bd ul li i,.protab .bd ul li p{position:absolute;bottom:-50px;height:50px;transition:.25s all;-webkit-transition:.25s all;line-height:50px;padding:0 19px;right:0;left:0}
.protab .bd ul li:hover i,.protab .bd ul li:hover p{bottom:0}
.protab .bd ul li i{background:#000;opacity:.5;filter:"alpha(opacity=50)";filter:alpha(opacity=50);zoom:1}
.protab .bd ul li p{font-size:16px;color:#fff;z-index:1}
.pp{position:relative;width:1202px;padding-bottom:88px}
.zp{width:511px;z-index:0;height:270px;background:#fff  left top no-repeat;position:absolute;left:-45px;padding-right:13px;top:0}
.pp table td{width:20%;border:1px solid #e8e8e8;height:135px;overflow:hidden}
.ppslide .slick-arrow{z-index:10;position:absolute;border:1px solid #dedede;color:#dedede;font-family:'宋体';font-size:30px;width:49px;height:49px;text-align:center;line-height:49px;cursor:pointer;background:0 0;top:0;left:430px}
.ppslide table{width:99.9%;margin-left:1px}
.ppslide .slick-prev{left:380px}
.ppslide .slick-arrow:hover{color:#fff;background:#0095e2;border:1px solid #0095e2}


.hideshow{-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translate3d(0,10%,0) scale(.9);transform:translate3d(0,10%,0) scale(.9);opacity:0}
.hideshow.on{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}


/*解决方案*/
.index_jjfa_bg{ width: 100%; height:auto; background: #f0f0f0; padding: 80px 0; }
ul.index_jjfa_box{ width: 1200px; margin: auto;}
ul.index_jjfa_box li{ width: 392px; height: 227px; overflow: hidden; position: relative; float: left; margin-right: 12px; margin-bottom: 12px;}
ul.index_jjfa_box li a{ display: block;}
ul.index_jjfa_box li:nth-child(3n){ margin-right: 0;}
ul.index_jjfa_box li .tp{ width:392px; height:227px; overflow:hidden; }
ul.index_jjfa_box li img{ width: 100%; min-height:227px;transition:all 0.3s ease-in-out 0s;}
ul.index_jjfa_box li:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
ul.index_jjfa_box li dl{width: 100%; height: 227px;position: absolute; z-index:10; bottom: -116px; background: url(index_jjfa_hei.png) no-repeat center; padding: 70px 22px 0 22px; transition: all .3s ease;}
ul.index_jjfa_box li dl dt{ font-size: 18px; color: #fff; text-align: center; }
ul.index_jjfa_box li dl dt span{ position: relative;padding-bottom: 6px; display: inline-block;}
ul.index_jjfa_box li dl dt span:after{ display: block; content: ""; width: 0px; height: 1px; background: #fff; position: absolute; left: 0; bottom:0; transition: all .3s ease;}
ul.index_jjfa_box li dl dd{ font-size: 14px; color: #fff; line-height: 24px; margin-top:6px; }

ul.index_jjfa_box li:hover dl{ bottom: 4px;}
ul.index_jjfa_box li:hover dl dt{ font-size: 24px;}
ul.index_jjfa_box li:hover dl dt span:after{ width: 100%;}
ul.index_jjfa_box li:hover dl dd{ font-size: 14px; color: #fff; line-height: 24px;}

ul.index_jjfa_box li:last-child{ background: #0A87DB;}
ul.index_jjfa_box li:last-child a{ height: 227px;}
ul.index_jjfa_box li:last-child a i{ font-size: 80px;color: #fff; margin-top: 14px; display: block; text-align: center; }
ul.index_jjfa_box li:last-child a p{ font-size: 18px;color: #fff; text-align: center;}
ul.index_jjfa_box li:last-child a p span{ position: relative;padding-bottom: 6px; display: inline-block;}
ul.index_jjfa_box li:last-child a p span:after{ display: block; content: ""; width: 0px; height: 1px; background: #fff; position: absolute; left: 0; bottom:0; transition: all .3s ease;}
ul.index_jjfa_box li:last-child:hover a p span:after{ width: 100%;}


/*关于我们*/
.index_about_bg{ width:100%; height: 772px; padding: 80px 0; background: url(index_about_bg.jpg) no-repeat center;}
ul.index_about_box{ width:1200px; margin: auto; position: relative;}
ul.index_about_box li{ width:446px; height: 236px; position: absolute; background: #fff; border-radius: 8px; }
ul.index_about_box li:nth-child(1){left: 0; top: 0;}
ul.index_about_box li:nth-child(2){left: 458px; top: 0; width: 284px; height: 483px; background:#0A87DB;}
ul.index_about_box li:nth-child(2) dl { padding: 38px 21px 0 21px;}
ul.index_about_box li:nth-child(2) dl dt{ height: 40px; line-height: 40px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; background: url(index_about2_tit.png) no-repeat bottom center;}
ul.index_about_box li:nth-child(2) dl dd{ color: #fff; margin-top: 18px;}
ul.index_about_box li:nth-child(3){right: 0; top: 0;}
ul.index_about_box li:nth-child(4){left: 0; top: 248px;}
ul.index_about_box li:nth-child(5){right: 0; top: 248px;}

ul.index_about_box li dl{ padding: 21px 31px;}
ul.index_about_box li dl dt{ height: 99px;}
ul.index_about_box li dl dt i{ display: block; width: 98px; height: 99px; float: left; margin-right: 22px;}
ul.index_about_box li dl dt .index_about_tit{ float: left; margin-top: 30px;}
ul.index_about_box li dl dt .index_about_tit h4{ font-weight: bold;font-size: 24px; color: #221815; height: 30px; line-height: 30px; overflow: hidden;}
ul.index_about_box li dl dt .index_about_tit p{ font-size: 16px; color: #666; height: 20px; line-height: 20px;overflow: hidden; margin-top: 5px;}

ul.index_about_box li dl dd{ font-size: 16px; color: #444; line-height: 30px; margin-top: 5px;}


/*案例展示*/
.index_case_bg{  width:100%;padding: 80px 0; background:#f0f0f0;}
p.tit_js{ width:1000px; margin: auto; font-size: 16px; line-height: 30px; color: #333; text-align: center; margin-top: 20px;}

.index_case_box{ overflow:hidden; position:relative; width:1212px; }
.index_case_box .hd{ overflow:hidden;  height:30px; margin-top: 30px; }
.index_case_box .hd .prev,.index_case_box .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.index_case_box .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.index_case_box .hd ul{ text-align: center; overflow:hidden;zoom:1; }
.index_case_box .hd ul li{ display: inline-block;width:70px; height:4px; overflow:hidden; margin: 0 30px; text-indent:-999px; cursor:pointer; background:#0A87DB; transition: all .3s ease; }
.index_case_box .hd ul li.on{ height: 6px; background: #ff6600; }

.index_case_box .bd{overflow:hidden;  }
.index_case_box .bd ul{ overflow:hidden; zoom:1; width:1212px;  float:left; _display:inline;  }
.index_case_box .bd ul li{ margin:7px; float:left;  overflow:hidden; text-align:center; position: relative; height:287px;}
.index_case_box .bd ul li .pic{ text-align:center;width:287px; height:287px; overflow:hidden; }
.index_case_box .bd ul li .pic img{ width:287px; min-height:287px; display:block; transition:all 0.3s ease-in-out 0s;}
.index_case_box .bd ul li:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }

.index_case_box .bd ul li .title{ width: 100%; height: 97px; position: absolute; left: 0; bottom:0px;  z-index: 99; background: url(index_case_hei.png) no-repeat;}
.index_case_box .bd ul li .title p{ width: 100%; height: 36px; line-height:36px; color: #fff; position:absolute;  font-size: 14px; text-align: center; padding: 0 10px; overflow: hidden; margin-top: 60px;}







/*产品中心*/
#fl{ width:1200px; margin-left:auto; margin-right:auto;}
#lmdf{float:left;width:1200px; text-align:center;  margin-top:25px; margin-bottom:25px; overflow:hidden;}
#lmdf A{ width:18%;line-height:45px; color:#444;font-size:15px;border-radius:2px; border:#ddd solid 1px;
	display:inline-block; text-align:center; background-color:#fff;
 margin:5px 6px;
}
#lmdf A:hover{color:#fff;font-size:15px;border-radius:2px; border:#0B7ECF solid 1px; background-color:#0A87DB;}
#lmdf A.sec{color:#fff;font-size:15px;border-radius:2px; border:#0B7ECF solid 1px; background-color:#0A87DB;}
/*产品分类浮动*/
.pro_fl_box{ position: fixed;bottom:20px; left:10px; width: 150px; z-index: 99;}
.pro_fl_box li a{ display: block;width:150px; height: 46px; line-height: 46px; border-radius: 8px; background: #fff; color: #666; margin-bottom: 2px; text-align: center; transition:all .3s ease;}
.pro_fl_box li a.pro_fd_on,.pro_fl_box li a:hover{background: #0A87DB; color: #fff;}

/*banner*/
.ny_banner{ width:100%; font-size: 0;}
.ny_banner img{ width:100%;}

/*概述*/
.pro_gs_bg{ width:100%; padding: 70px 0; background: url(pro_gs_bg.jpg) repeat;}
.pro_gs_img{ margin-top:14px; text-align: center; font-size: 0;}

/*商场模式*/
.pro_scms_bg{ width: 100%; background: url(pro_scms_bg.jpg) no-repeat center; padding: 80px 0;}
.pro_scms_con{ width:100%; margin:auto;  margin-top: 20px; }
.pro_scms_con .hd{ margin-top: 30px; }
.pro_scms_con .hd ul{}
.pro_scms_con .hd ul li{cursor:pointer; height: 46px;  line-height: 46px; width: 184px; border-radius: 8px; overflow: hidden;text-align:center; margin-right: 19px; font-size: 20px; border:1px solid #3e3e3d; color: #b9b9b9;  background: url(pro_scms_jt.png) no-repeat center 50px; float: left; transition: all .3s ease;}
.pro_scms_con .hd ul li:last-child{margin-right: 0;}
.pro_scms_con .hd ul li:hover,.pro_scms_con .hd ul li.on{ border:1px solid #fff; border-bottom: 1px solid #f24d20; color: #fff; background: url(pro_scms_jt.png) no-repeat center bottom;}

.pro_scms_con .bd{ margin:15px;  zoom:1; float: left;   }
.pro_scms_con .bd{ width:100%;  font-size: 14px; margin: 20px; line-height: 24px; }
.pro_scms_img{ width:686px; height: 371px; overflow: hidden; font-size: 0; float: left;}
.pro_scms_img img{ width:100%;}
dl.pro_scms_txt{ width:calc(100% - 727px); position: absolute; bottom:0; right:0;}
dl.pro_scms_txt dt{ width: 100%; height: 58px;}
dl.pro_scms_txt dt span{ display: inline-block; float: left;font-size: 40px; color: #fff; background: #f24d20; width: auto; height: 58px; line-height: 58px; padding: 0 30px; text-transform: uppercase;}
dl.pro_scms_txt dd{ font-size: 16px; color: #fff; line-height: 36px; padding-bottom: 10px; border-bottom: 1px solid #f24d20; margin-top: 30px;}


/*功能*/
.pro_gn_con{ width:100%;}
.pro_gn_con li{ width:594px; height: 319px; float: left; margin-bottom: 14px; overflow: hidden; position: relative;}
.pro_gn_con li:nth-child(2n){float: right;}
.pro_gn_con li img{ width:100%;}
.pro_gn_con li dl{width:594px; height: 319px; position: absolute; top: 319px; left: 0; background: rgba(0,0,0,0.66); transition: all .3s ease;}
.pro_gn_con li dl dt{ width: 100%; text-align: center; margin-top: 126px;}
.pro_gn_con li dl dt span{ display: inline-block; background: #f24d20; padding: 0 46px; height: 46px; line-height: 46px; font-size: 24px; color: #fff;}
.pro_gn_con li dl dd{width:420px; text-align: center; margin: auto; font-size: 14px; line-height: 30px; color: #fff; margin-top: 12px;}
.pro_gn_con li:hover dl{top: 0;}


/*造型*/
.pro_zx_con{ width:100%;}
.pro_zx_con li{ width:391px; height: 418px; float: left; margin-right: 12px; position: relative;}
.pro_zx_con li:last-child{ margin-right:0;}
.pro_zx_con li img{ width:100%;}
.pro_zx_con li p{ width:100%; height: 213px; background: url(pro_zx_bai.png) no-repeat; font-size: 18px; color: #333; text-align: center;position: absolute; bottom: 0; left: 0; padding-top: 172px;}


/*案例*/
.pro_case_con{ width: 100%; height: 470px; position: relative;}
.pro_case_con li{ width: 391px; height: 277px; position: absolute; overflow: hidden;}
.pro_case_con li:nth-child(2n){ height: 177px;}
.pro_case_con li:nth-child(1){ top: 0; left: 0;}
.pro_case_con li:nth-child(2){ top: 0; left:405px;}
.pro_case_con li:nth-child(3){ top: 0; right: 0;}
.pro_case_con li:nth-child(4){ bottom:0; left: 0;}
.pro_case_con li:nth-child(5){ bottom:0; left:405px;}
.pro_case_con li:nth-child(6){ bottom:0; right: 0;}
.pro_case_con li img{ width:100%;}
.pro_case_con li a{ display: block; position: relative;}
.pro_case_con li a dl{ width: 100%; height: 277px; position: absolute; top: 156px; background: url(pro_case_hei.png) no-repeat; padding-top: 80px; transition: all .3s ease;}
.pro_case_con li:nth-child(2n) a dl{height: 221px; top: 54px; padding-top: 80px;}
.pro_case_con li a dl dt{ width:100%; text-align: center;}
.pro_case_con li a dl dt span{ display: inline-block; font-size: 18px; color: #fff; transition: all .3s ease;}
.pro_case_con li a dl dd{ width: 317px; margin: auto; margin-top: 12px; font-size: 14px; line-height: 26px; text-align: center;color: #fff;}
.pro_case_con li:hover a dl{ top: 0; background: rgba(0,0,0,0.5);}
.pro_case_con li:nth-child(2n):hover a dl{ top: -44px; }
.pro_case_con li:hover a dl dt span{ font-size: 21px; background: #fd4919; padding: 0 26px; height: 44px; line-height: 44px;}


/*价值*/
.pro_jz_bg{ width:100%; background: url(pro_jz_bg.jpg) repeat;  padding-top: 70px;}
.pro_jz_con li{ width:370px; float: left; margin-right: 45px; margin-bottom: 70px;}
.pro_jz_con li:nth-child(3n){margin-right: 0;}
.pro_jz_con li dl{ width:100%;}
.pro_jz_con li dl dt{ width:100%; height: 81px; line-height: 81px; color: #333; font-size: 16px; font-weight: bold;}
.pro_jz_con li dl dt i{ display: block; float: left; width:81px; height: 81px; margin-left: 36px; margin-right: 30px;}
.pro_jz_con li dl dt i img{ width:100%;}
.pro_jz_con li dl dd{ margin-top: 30px; background: #fff; border-radius: 8px; width: 100%; position: relative; font-size: 14px; line-height: 28px; color: #666; padding: 16px;}
.pro_jz_con li dl dd:before{ display: block; content: ""; width: 45px; height: 16px; background: url(pro_jz_jt.png) no-repeat; position: absolute; top: -16px; left: 56px;}


/*联系我们*/
.pro_lx_bg{  width:100%; height: 630px; padding: 80px 0; background:url(pro_lx_bg.jpg) no-repeat center; margin-bottom: 2px;}
.pro_lx_box{ width:1200px; margin: auto; position: relative; height: 360px;}
.pro_lx_box ul.pro_lx{ width:852px; height: 240px; position: absolute; right: 0; bottom: 0; }

.pro_lx_box ul.pro_lx li{ width:100%; height: 64px; line-height: 64px; margin-bottom: 24px; background: url(pro_lx_bg2.png) no-repeat; font-size: 24px; color: #fff; padding-left: 276px;}
.pro_lx_box ul.pro_lx li:last-child{margin-bottom:0; }
.pro_lx_box ul.pro_lx li i{margin-right: 34px; line-height: 73px; height: 64px; display: inline-block; float: left;}


/*解决方案*/

/*智慧地标*/
.jjfa_db_bg{ width: 100%; padding: 70px 0; background:url(jjfa_db_bg.jpg) repeat;}
.jjfa_db_img{ width:100%;}
.jjfa_db_img li{ width:auto; height: auto; float: left;}
.jjfa_db_img li:nth-child(2n){float: right;}
.jjfa_db_img li img{ width:100%;}


/*优势*/
.jjfa_ys_box{ width:100%; height: 636px; margin-bottom: 150px;}
.jjfa_ys_con{ width:100%; height: 433px; background: #f67754; position: relative; padding-top: 70px;}
.jjfa_ys_con .jjfa_ys_txt{ font-size: 20px; line-height: 40px; color: #fff;}
.jjfa_ys_con .jjfa_ys_list{ width: 1200px; height: 352px; padding: 0 70px; position: absolute; top: 276px; left: 50%; margin-left: -600px;}
.jjfa_ys_con .jjfa_ys_list li{ width: 270px; height: 352px; padding: 50px 27px 0 27px; float: left; margin-right: 124px; background: #fff; box-shadow: 0 3px 5px rgba(121,121,121,0.75); border-radius: 8px;}
.jjfa_ys_con .jjfa_ys_list li:last-child{ margin-right: 0;}
.jjfa_ys_con .jjfa_ys_list li em{ width: 100%; height: 78px; line-height: 78px; display: block; text-align: center;}
.jjfa_ys_con .jjfa_ys_list li em img{ vertical-align: middle;}
.jjfa_ys_con .jjfa_ys_list li h4{ font-size: 20px; color:#333; text-align: center; height: 30px; line-height: 30px;margin-top: 38px;}
.jjfa_ys_con .jjfa_ys_list li p{ font-size: 12px; line-height: 20px; color:#a2a2a2; text-align: center; margin-top: 22px;}


/*特色*/
.jjfa_ts_con{ width: 100%; margin-top: 20px; }
.jjfa_ts_con li{ width: 250px; float: left; margin-right: 225px; margin-bottom: 20px; text-align: center;}
.jjfa_ts_con li:last-child{ margin-right: 0;}
.jjfa_ts_con li i{ width: 100%; height: 79px; line-height: 79px; display: block; text-align: center;}
.jjfa_ts_con li i img{ vertical-align: middle;}
.jjfa_ts_con li h4{ font-size: 24px; color:#333; text-align: center; height: 30px; line-height: 30px;margin-top: 60px;}
.jjfa_ts_con li p{ font-size: 16px; line-height: 24px; color:#555; text-align: center; margin-top: 22px;}



/*案例中心*/

/*分类*/
.case_fl_box{ width: 100%; height: 42px; line-height: 42px;  border-bottom: 1px solid #f4f4f4; margin: 44px 0;}
.case_fl_box ul{}
.case_fl_box ul li{ display:inline-block;transition: all .3s ease;}
.case_fl_box ul li a{ display:block; width: auto; height: 42px; line-height: 42px; padding: 0 5px; font-size: 18px; color: #999; margin-right: 58px; position: relative;}

.case_fl_box ul li a:after{ display:block; content: ""; width:0px; height: 1px; position: absolute; left: 0; bottom: 0; background: #0A87DB; transition: all .3s ease;}
.case_fl_box ul li:hover a,.case_fl_box ul li a.case_on{ color: #ff6335;}
.case_fl_box ul li:hover a:after,.case_fl_box ul li a.case_on:after{ width:100%; }


/*列表*/
.case_list_box{ width: 100%; background: #f4f4f4; padding: 50px 0;}
.case_list_box ul{margin-bottom: 50px;}
.case_list_box ul li{ width: 287px; height: 208px; background: #fff;  overflow: hidden; float: left; margin-right: 17px; margin-bottom: 17px; 
position: relative;}
.case_list_box ul li:nth-child(4n){margin-right: 0;}
.case_list_box ul li .case_list_pic{width:287px; height: 208px; overflow: hidden;}
.case_list_box ul li .case_list_pic img{width:100%;}
.case_list_box ul li .case_list_tit{ width: 100%; height: 97px; position: absolute; left: 0; bottom: 0; z-index: 99; background: url(index_case_hei.png) no-repeat;}
.case_list_box ul li .case_list_tit p{width: 100%; height: 36px; line-height: 36px; color: #fff; font-size: 14px; text-align: center; padding: 0 10px; overflow: hidden; margin-top: 60px;}




















/*联系我们*/
.lxwm_con01_bg{ width:100%; height: 678px; background:url(lxwm_con01_bg.jpg) no-repeat center; padding: 90px 0;}
.lxwm_con01_con{ width:100%; margin-top: 92px;}
.lxwm_con01_con li{ width:346px; height: 269px; float: left; margin-right: 81px; background: #fff; position: relative;}
.lxwm_con01_con li:last-child{ margin-right:0;}
.lxwm_con01_con li em{ display: block;  width: 123px;height: 113px; position: absolute; top: -62px; left: 50%; margin-left: -62px; overflow: hidden;}
.lxwm_con01_con li h3{ font-size: 20px; height: 40px; line-height: 40px; color: #222; background:url(lxwm_con01_xian.png) no-repeat center bottom ;margin-top: 50px; text-align: center; font-weight:bold;}
.lxwm_con01_con li p{ font-size: 16px; line-height: 36px; color: #666; padding: 0 45px; margin-top: 16px;}


.lxwm_con02_bg{ width:100%; height: 530px; background:url(lxwm_con02_bg.jpg) no-repeat center; padding: 70px 0;}
.lxwm_con02_con{ width:1200px; margin: auto;}
.lxwm_con02_con li{float: left;}
.lxwm_con02_con li:nth-child(1){ width:236px; margin-right: 108px;}
.lxwm_con02_con li:nth-child(2){ width:255px; margin-right: 130px;}
.lxwm_con02_con li:nth-child(3){ width:236px; margin-right: 54px;}
.lxwm_con02_con li:nth-child(4){ width:178px;}
.lxwm_con02_con li h3 span{ display: inline-block; height: 72px; line-height: 72px; color: 333; font-size: 20px; border-bottom: 1px solid #d6d6d6;}
.lxwm_con02_con li h3 span em{ margin-right: 20px;}
.lxwm_con02_con li dl dt{ font-size: 14px; color: #333; margin-top: 35px;line-height: 36px;}
.lxwm_con02_con li dl dd{ font-size: 14px; color: #666; line-height: 36px;}


.lxwm_con03_con{ width:1200px; margin: auto; margin-top: 70px; margin-bottom: 70px;}
.lxwm_con03_con .lxwm_con03_tit h3{ font-size: 30px; color: #333; text-align: center; height: 50px; line-height: 50px;}
.lxwm_con03_con .lxwm_con03_tit p{ font-size: 16px; color: #999; text-align: center; height: 20px; line-height:20px;}

form.lxwm_con03 { width: 100%; margin-top: 40px;}
input.lxwm_con03_input { width:100%; height: 65px; line-height: 65px; background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.15); font-size: 16px; color: #bcbcbc; padding: 0 27px; margin-bottom: 16px;}
textarea.lxwm_con03_textarea { width:100%; height:190px; line-height: 30px; background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.15); font-size: 16px; color: #bcbcbc; padding: 0 27px; margin-bottom: 16px; resize: none; padding-top: 16px;}
button.lxwm_con03_btn { width: 100%; height: 83px;  border:none; background: #f15b2e; color: #fff; font-size: 30px; text-align: center; cursor: pointer; margin-top: 12px; box-shadow: 0 1px 4px rgba(0,0,0,0.2); border-radius: 4px;}








/*解决方案-分类*/
.jjfa_fl_box{ width: 100%; }
.jjfa_fl_box li{ width: 386px; height: 266px; margin-bottom: 40px; margin-right: 20px; overflow: hidden; float: left;}
.jjfa_fl_box li:nth-child(3n){ margin-right: 0;}
.jjfa_fl_box li img{ width:100%;}
.jjfa_fl_box li a{ display: block; position: relative;}
.jjfa_fl_box li a dl{ width: 100%; height: 350px; position: absolute; top:144px; background: url(pro_case_hei.png) no-repeat; padding-top: 80px; transition: all .3s ease;}
.jjfa_fl_box li a dl dt{ width:100%; text-align: center;}
.jjfa_fl_box li a dl dt span{ display: inline-block; font-size:20px; color: #fff; transition: all .3s ease; font-weight: bold;}
.jjfa_fl_box li a dl dd{ width: 330px; margin: auto; margin-top: 22px; font-size: 16px; line-height: 30px; text-align: center;color: #fff;}
.jjfa_fl_box li:hover a dl{ top: -80px; background: rgba(0,0,0,0.5);}
.jjfa_fl_box li:hover a dl dt{ margin-top: 50px;}
.jjfa_fl_box li:hover a dl dt span{ font-size: 21px; background: #fd4919; padding: 0 26px; height: 44px; line-height: 44px;}



/*案例*/
.jjfa_zhsc_case_con{ width: 100%; height: 478px; position: relative;}
.jjfa_zhsc_case_con li{ width: 391px;  position: absolute; overflow: hidden;}
.jjfa_zhsc_case_con li:nth-child(1){ height: 286px; top: 0; left: 0;}
.jjfa_zhsc_case_con li:nth-child(2){ height: 206px; top: 0; left:405px;}
.jjfa_zhsc_case_con li:nth-child(3){ height: 241px; top: 0; right: 0;}
.jjfa_zhsc_case_con li:nth-child(4){ height: 183px; bottom:0; left: 0;}
.jjfa_zhsc_case_con li:nth-child(5){ height: 266px; bottom:0; left:405px;}
.jjfa_zhsc_case_con li:nth-child(6){ height: 226px; bottom:0; right: 0;}
.jjfa_zhsc_case_con li img{ width:100%;}
.jjfa_zhsc_case_con li a{ display: block; position: relative;}
.jjfa_zhsc_case_con li a dl{ width: 100%; position: absolute;  background: url(pro_case_hei.png) no-repeat; padding-top: 80px; transition: all .3s ease;}
.jjfa_zhsc_case_con li:nth-child(1) a dl{height: 286px; top: 170px; padding-top: 80px;}
.jjfa_zhsc_case_con li:nth-child(2) a dl{height: 226px; top: 90px; padding-top: 80px;}
.jjfa_zhsc_case_con li:nth-child(3) a dl{height: 241px; top: 125px; padding-top: 80px;}
.jjfa_zhsc_case_con li:nth-child(4) a dl{height: 213px; top: 67px; padding-top: 80px;}
.jjfa_zhsc_case_con li:nth-child(5) a dl{height: 266px; top: 150px; padding-top: 80px;}
.jjfa_zhsc_case_con li:nth-child(6) a dl{height: 226px; top: 110px; padding-top: 80px;}
.jjfa_zhsc_case_con li a dl dt{ width:100%; text-align: center;}
.jjfa_zhsc_case_con li a dl dt span{ display: inline-block; font-size: 18px; color: #fff; transition: all .3s ease;}
.jjfa_zhsc_case_con li a dl dd{ width: 317px; margin: auto; margin-top: 12px; font-size: 14px; line-height: 26px; text-align: center;color: #fff;}
.jjfa_zhsc_case_con li:hover a dl{ top: 0; background: rgba(0,0,0,0.5);}
.jjfa_zhsc_case_con li:nth-child(2):hover a dl{ top: -20px; }
.jjfa_zhsc_case_con li:nth-child(4):hover a dl{ top: -30px; }
.jjfa_zhsc_case_con li:hover a dl dt span{ font-size: 21px; background: #fd4919; padding: 0 26px; height: 44px; line-height: 44px;}








/*tit*/
.webtit{padding-bottom:50px;text-align:center;}
.webtit h5{text-align:center}
.enfont{letter-spacing:.06em;transform:scale(1,1.1);text-transform:uppercase; text-align: center; text-transform:uppercase;}
.webtit em{display:block;line-height:24px;position:relative;font-size:24px;color:#333333; margin-bottom: 25px; background: url(index_pro_tit_xian.png) no-repeat center;}
.webtit span{line-height:30px;font-size:30px;color:#0A87DB;}

.webtit2{padding-bottom:50px; text-align:center;}
.webtit2 h3{text-align:center; color: #fff; line-height:30px; font-size:30px; background: url(web_tit2_xian.png) no-repeat center bottom; padding-bottom: 15px;}

.webtit3{padding-bottom:50px;text-align:center;}
.webtit3 h5{text-align:center;background: url(jjfa_tit_xian.png) no-repeat center;}
.webtit3 h5 span{line-height:30px;font-size:30px;color:#000000;}
.webtit3 h4{ font-size: 20px; line-height: 30px;  color: #0A87DB; text-align: center; margin-bottom: 30px;}


p.ny_tit_js{ width:1200px; margin: auto; font-size: 16px; line-height: 36px; color: #333; text-align: center; margin-top: 20px;}
p.ny_tit_js2{ width:1200px; margin: auto; font-size: 20px; line-height: 40px; color: #555; text-align: center; margin-bottom: 20px;}
.color_bai{ color: #fff!important;}

.jjfa_datit{text-align: center; font-size: 40px; font-weight: bold; color: #030304; margin-bottom: 40px; letter-spacing: 5px;}

.pro_bg_hui{ width: 100%; height:auto; background: #f0f0f0; padding: 70px 0; }
.pro_bg_huif8{ width: 100%; height:auto; background: #f8f8f8; padding: 70px 0; }



.case_xq{ width:1200px; margin: auto; margin-top:30px; margin-bottom: 70px;}
.case_xq h3{ text-align: center; font-size: 24px; line-height: 34px; margin-bottom: 20px;}
.case_xq .case_xq_nr{ color: #777; text-align: left; line-height: 30px; font-size: 13px;}



/*新增2018.03.27*/
.map_view_1{width:1200px; margin: auto; margin-bottom:40px;}
.one_map{line-height: 60px;float: left;margin-top:10px;width:20%; font-weight: bold;}
.two_map{padding-top: 60px;}
.two_map li{height:40px;text-align: center;width:90%;margin-top:5px;line-height:40px;font-size: 14px; background: #fafafa; font-weight: normal;}
.two_map li a{color:#333;display: block; text-align: center;}
.two_map li:hover{background-color: #0A87DB;}
.two_map li:hover a{color:#fff;}
.one_link{display: inline-block;background: #333; color: #fff;width:90%;height:60px;text-align: center;margin:0 auto; }
.one_link:hover{color:#fff; background: #0A87DB;}



/*-------------------------产品中心—广告机2018.04.16-----------------------*/

.pro_ggj01_bg{ width:100%; height: 902px; overflow: hidden;padding: 70px 0; background: url(pro_ggj01_bg.jpg) no-repeat center;}

.pro_ggj02_bg{ width:100%; padding: 70px 0; background: url(pro_gs_bg.jpg) repeat;}
ul.pro_ggj02_pic{ width: 100%; overflow: auto; margin-top: 40px;}
ul.pro_ggj02_pic li{ width: 32.65%;  float: left; margin-right: 1%;}
ul.pro_ggj02_pic li img{ width: 100%;}
ul.pro_ggj02_pic li p{ width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #666666;}
ul.pro_ggj02_pic li:nth-child(3n){ margin-right: 0;}

.pro_ggj03_bg{ width:100%; padding: 70px 0; background:#f9f9f9;}
ul.pro_ggj03_pic{ width: 100%; overflow: auto; }
ul.pro_ggj03_pic li{ width: 19.2%;  float: left; margin-right: 1%; font-size: 0; margin-bottom: 12px; overflow: hidden;}
ul.pro_ggj03_pic li:nth-child(1),ul.pro_ggj03_pic li:nth-child(2),ul.pro_ggj03_pic li:nth-child(3){ width: 32.65%; }
ul.pro_ggj03_pic li:nth-child(3),ul.pro_ggj03_pic li:nth-child(8),ul.pro_ggj03_pic li:nth-child(13){ margin-right: 0; }
ul.pro_ggj03_pic li img{ width: 100%;}

ul.pro_ggj04_box{ width: 100%; overflow: auto;}
ul.pro_ggj04_box li{ width: 49%; float: left; }
ul.pro_ggj04_box li:last-child{float: right; }
ul.pro_ggj04_box li .pro_ggj04_img{ width: 100%; height: 375px; margin-bottom: 30px;  text-align: center; position: relative;}
ul.pro_ggj04_box li:nth-child(2) .pro_ggj04_img{  background: url(pro_ggj04_pic_bg02.jpg) no-repeat; background-size: 100%; }
ul.pro_ggj04_box li:nth-child(3) .pro_ggj04_img{  background: url(pro_ggj04_pic_bg03.jpg) no-repeat; background-size: 100%; }
ul.pro_ggj04_box li .pro_ggj04_img .img{ position:absolute; width:100%; text-align: center; bottom:  -50px;}
ul.pro_ggj04_box li dl{ width:100%;  margin-top: 50px; }
ul.pro_ggj04_box li dl dt{ font-size: 24px; color: #333333; height: 30px; line-height: 30px; text-align: center;}
ul.pro_ggj04_box li dl dt i{ display: inline-block; width: 4px; height: 20px; margin-right: 5px; background: #0A87DB;}
ul.pro_ggj04_box li dl dd{ font-size: 16px; line-height: 36px; color: #666666; margin-top: 14px; text-align: center;}

ul.pro_ggj04_box li:first-child{ width: 100%; background: #fff; padding: 20px; overflow: auto; float: none; margin-bottom: 34px;}
ul.pro_ggj04_box li:first-child .pro_ggj04_img{  float: left;width: 575px; height: 355px; margin-bottom: 20px;  background: url(pro_ggj04_pic_bg01.jpg) no-repeat; text-align: center; position: relative;}
ul.pro_ggj04_box li:first-child .pro_ggj04_img .img{ position:absolute; width:100%; text-align: center; bottom:  -40px;}
ul.pro_ggj04_box li:first-child dl{ width:calc(100% - 632px); float: right; margin-top: 70px; padding-right: 60px; }
ul.pro_ggj04_box li:first-child dl dt{ font-size: 24px; color: #333333; height: 30px; line-height: 30px;text-align: left;}
ul.pro_ggj04_box li:first-child dl dt i{ display: inline-block; width: 4px; height: 20px; margin-right: 5px; background: #0A87DB;}
ul.pro_ggj04_box li:first-child dl dd{ font-size: 16px; line-height: 36px; color: #666666; margin-top: 14px; text-align: left;}

ul.pro_ggj05_box{overflow:auto;  }
ul.pro_ggj05_box li{ width: 32.6%; margin-right: 1%; margin-bottom: 12px;  float:left; overflow:hidden; text-align:center; position: relative;}
ul.pro_ggj05_box li:nth-child(3n){ margin-right: 0;}
ul.pro_ggj05_box li .pic{ text-align:center; }
ul.pro_ggj05_box li .pic img{ width:100%; display:block; }
ul.pro_ggj05_box li .title{ width: 100%; height: 97px; position: absolute; left: 0; bottom: 0; z-index: 99; background: url(pro_ggj05_hei.png) no-repeat; background-size: 100%;}
ul.pro_ggj05_box li .title p{ width: 100%; height: 36px; line-height:36px; color: #fff; font-size: 16px; text-align: center; padding: 0 10px; overflow: hidden; margin-top: 56px;}


ul.pro_ggj06_box li{ width:540px; float: left; margin-bottom: 70px;}
ul.pro_ggj06_box li:nth-child(2n){ float: right;}
ul.pro_ggj06_box li i{ display: block; float: left; width:81px; height: 81px; margin-top: 64px; }
ul.pro_ggj06_box li i img{ width:100%;}
ul.pro_ggj06_box li dl{ width: calc(100% - 100px); float: right;}
ul.pro_ggj06_box li dl dt{ width:100%; height: 30px; line-height: 30px; color: #221815; font-size: 20px; padding-left: 20px; font-weight: 600;}
ul.pro_ggj06_box li dl dd{ margin-top: 20px; background: #fff; border-radius: 8px; width: 100%; height: 122px; position: relative; font-size: 16px; line-height: 30px; color: #222; padding: 16px;}
ul.pro_ggj06_box li dl dd:before{ display: block; content: ""; width: 45px; height: 16px; background: url(pro_jz_jt.png) no-repeat; position: absolute; top: -16px; left: 46px;}

.pro_ggj08_bg{ width:100%; padding-top: 70px; background:#f7f5f6;}

.pro_ggj_img{  text-align: center; font-size: 0; width: 100%;}



/*-------------------------产品中心—信息发布系统2018.04.20-----------------------*/
.pro_xxfb02_con{ width:100%; background: #fff; box-shadow: 0 1px 3px rgba(173,173,173,0.75); padding: 24px; overflow: auto;}
.pro_xxfb02_con img{ float: left; margin-right: 50px;}
.pro_xxfb02_con p{ font-size: 16px; line-height: 36px; color: #333333; margin-top: 120px; margin-right: 10px;}


.pro_xxfb03_con{ width:100%; overflow: auto;}
.pro_xxfb03_con li{ width:531px; float: left; overflow: hidden; position: relative; font-size: 0; margin-bottom: 57px;}
.pro_xxfb03_con li:nth-last-child(1),.pro_xxfb03_con li:nth-last-child(2){ margin-bottom: 0;}
.pro_xxfb03_con li:nth-child(2n){float: right;}
.pro_xxfb03_con li img{ width:100%;}
.pro_xxfb03_con li dl{ width: 100%; height: 311px; position: absolute; top: 277px;  transition: all .3s ease;}
.pro_xxfb03_con li dl dt{ width:100%; text-align: center;background:rgba(244,96,52,0.8); height: 34px; line-height: 34px; font-size: 16px;}
.pro_xxfb03_con li dl dt span{ display: inline-block; font-size: 18px; color: #fff; transition: all .3s ease;}
.pro_xxfb03_con li dl dd{ padding:0 56px;  margin: auto; margin-top: 12px; font-size: 14px; line-height: 26px; text-align: center;color: #fff;}
.pro_xxfb03_con li:hover dl{ top: 0; background: rgba(0,0,0,0.5); padding-top: 92px;}
.pro_xxfb03_con li:hover dl dt{background:none; height: auto;}
.pro_xxfb03_con li:hover dl dt span{ font-size: 24px; background: #fd4919; padding: 0 26px; height: 44px; line-height: 44px;}


.pro_xxfb04_con{width:100%; overflow: auto; }
.pro_xxfb04_con li{float: left;}
.pro_xxfb04_con li:nth-child(2){ width: 310px; margin: 0 106px;}
.pro_xxfb04_con li h3{ width: 307px; height: 81px; line-height: 76px; font-size: 22px; color: #0A87DB; font-weight: bold; text-align: center;background: url(pro_xxfb04_titbg.png) no-repeat; margin-bottom: 10px;}
.pro_xxfb04_con li p{ width: 100%; height: 32px; line-height: 32px; font-size: 14px; color: #333333; background: url(pro_xxfb04_dian.png) no-repeat left; padding-left: 12px;}


.pro_xxfb05_con{width:100%; overflow: auto; }
.pro_xxfb05_con li{ width: 126px; margin-right: 232px; margin-bottom: 90px; float: left;}
.pro_xxfb05_con li:nth-child(4n){margin-right: 0;}
.pro_xxfb05_con li:nth-last-child(1),.pro_xxfb05_con li:nth-last-child(2),.pro_xxfb05_con li:nth-last-child(3),.pro_xxfb05_con li:nth-last-child(4){margin-bottom: 0;}
.pro_xxfb05_con li i{text-align: center; display: block; margin-bottom: 10px;}
.pro_xxfb05_con li p{ font-size: 16px; color: #333; height: 30px; line-height: 30px; text-align: center;}


.pro_xxfb06_con{width:100%; height: 467px; background: url(pro_xxfb06_bg.png) no-repeat;}
.pro_xxfb06_con ul{ width: 326px; height: 219px; float: right; margin-top: 20px; margin-right: 90px; padding:14px 0 0 28px; background: url(pro_xxfb06_kuang.png)}
.pro_xxfb06_con ul li{ width: 100%; height: 38px; line-height: 38px; background: url(pro_xxfb06_jt.png) no-repeat 0 15px; padding-left: 20px; font-size: 15px; color: #0A87DB;}



.pro_xxfb07_con{width:100%; overflow: auto;}
.pro_xxfb07_con .pro_xxfb06_img{width:700px; float: left; margin-left: 30px;}
.pro_xxfb07_con ul{width:399px; float: right; margin-top: 25px; margin-right: 30px;}
.pro_xxfb07_con ul li{width:390px; margin-left: 9px; position: relative; background: #0A87DB; padding: 26px; margin-bottom: 46px;}
.pro_xxfb07_con ul li:last-child{margin-bottom: 0;}
.pro_xxfb07_con ul li:after{ display: block; content:""; width:9px; height: 19px; background: url(pro_xxfb07_jt.png) no-repeat; position: absolute; top: 50%; margin-top: -10px; left: -9px;}
.pro_xxfb07_con ul li h4{ font-size: 20px; color: #fff;}
.pro_xxfb07_con ul li p{ font-size: 12px; line-height: 20px; color: #fff; margin-top: 8px;}


.pro_xxfb08_con{ width:100%; padding: 70px 0; background: #ed5b2f; margin-top: 50px;}
.pro_xxfb08_con ul{ overflow: auto;}
.pro_xxfb08_con ul li{ width:370px; height: 470px; background: #fff; box-shadow: 0 3px 8px rgba(98,34,15,0.26); margin-right: 45px; float: left; padding: 40px;}
.pro_xxfb08_con ul li:last-child{ margin-right: 0;}
.pro_xxfb08_con ul li em{ display: block; width: 135px; height: 135px; margin:auto;}
.pro_xxfb08_con ul li h4{ font-size: 28px; color: #333333; text-align: center; margin-top: 36px;}
.pro_xxfb08_con ul li p{ font-size: 16px; line-height: 30px; color: #666666; margin-top: 20px; }



/*--------------------------------------------产品中心_拼接墙2018.04.26--------------------------*/

.bg_wl{ width:100%; padding: 70px 0; background: url(pro_gs_bg.jpg) repeat;}


ul.pro_pjq06_box{overflow:auto;  }
ul.pro_pjq06_box li{ width: 23.5%; margin-right: 2%; float:left; overflow:hidden; text-align:center; position: relative;}
ul.pro_pjq06_box li:nth-child(4n){ margin-right: 0;}
ul.pro_pjq06_box li .pic{ text-align:center; overflow: hidden;}
ul.pro_pjq06_box li .pic img{ width:100%; display:block; }
ul.pro_pjq06_box li p{ width: 100%; height: 40px; line-height:40px; color: #666; font-size: 16px; text-align: center;  overflow: hidden;}


ul.pro_pjq07_box{overflow:auto;  }
ul.pro_pjq07_box li{ width: 32%; margin-right: 2%; margin-bottom: 30px;  float:left; overflow:hidden; text-align:center; position: relative;}
ul.pro_pjq07_box li:nth-child(3n){ margin-right: 0;}
ul.pro_pjq07_box li img{ width:100%; display:block; }
 .h35{ width:100%; float:left; height:5px;}
.m_b20{ margin-bottom: 20px;}
.nTabx{ width:770px; float:left; overflow:hidden; text-align:center;}
.nTabx  ul{
border:0;
margin:0; 
}
.nTabx  li{ float:left;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 overflow:hidden; margin-right:2px; font-size:17px; line-height:35px; padding-left:6px; padding-right:6px;

}
.nTabx li.active{
	 color:#0A87DB; border-bottom:#0A87DB solid 4px; }
.nTabx li.normal{ color:#333;border-bottom:#E6E6E6 solid 4px;}
	 #info{
	width:1200px;
	float:left;
	padding:30px 0px;
	background-color:#fff;
	background-image: url(about_ln_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;box-shadow: 0px 1px 6px #bbb;-webkit-box-shadow: 0px 1px 6px #bbb;-moz-box-shadow: 0px 1px 6px #bbb;
}
#news{ width:770px; float:right; margin-right:25px; }
.nonea{ display:none}
#newsa{ width:770px; float:left; position:relative;}
#bht{ width:350px; float:left; margin-left:25px;}
.hyweb1 { width:350px;  position: relative;   }
.hyweb1 li{width:350px;
	background-repeat: no-repeat;
	background-position: center top;  text-align:center; position:relative;
}
.hyweb1 li h3{
	width:350px; line-height:50px; text-align:center; background-color:#F0F0F0; color:#111; font-size:16px; height:50px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}
.hyweb1 li .tp{width:350px; height:260px; overflow:hidden;}
.hyweb1 li img{ border:0px; width:350px; min-height:260px;transition:all 0.5s ease-in-out 0s;}
.hyweb1 li:hover h3{ background-color:#0A87DB; color:#fff;}
.hyweb1 li:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*数字按钮样式*/
.hyweb1 .num { right:10px; bottom:55px; text-align:right; height:20px; line-height:20px; position: absolute; z-index: 10;	}
.hyweb1 .num li {display:inline-block;
	text-align:center;
	width:12px;
	height: 12px;
	line-height:0px;
	overflow:hidden;
	color:#0A87DB;
	background-color:#0A87DB;
	text-align:center;
	margin-right:4px;
	margin-left:4px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0px;
	overflow:hidden; transition:all 0.3s ease-in-out 0s;border-radius:16px;
}
.hyweb1 .num li.on { background-color:#F08A04} /*当前项*/

/*上一个  下一个*/

#newsa .more{ position:absolute; top:-40px; right:5px; font-size:14px; line-height:30px;}
#newsa .more a{ color:#999;}
#newsa .more a:hover{ color:#0A87DB;}
#news-3{
	width:770px;
	float:left; overflow:hidden; margin-top:5px;
	
}
#news-3 UL {
	COLOR:#565656; list-style-type:none; width:810px;
}
#news-3 UL LI A:hover {
	color:#FC5A01; 
}
#news-3 UL LI A {
	color:#333; 
}
#news-3 UL LI {
	WIDTH:375px; float:left;
	line-height:22px;
	font-size:13px;
	padding-bottom:10px;
	padding-top:10px; margin-right:30px;}

#news-3 UL LI h2{
	font-size:16px;
	line-height:30px;
	height:30px; text-indent:15px;
	overflow:hidden;
	color:#333;
	background-image: url(ico03.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#news-3 UL LI p{ font-size:14px; color:#888; line-height:25px; height:50px; overflow:hidden; margin-top:4px; margin-bottom:4px}
#news-3 UL LI  span{ color:#333; font-size:14px;}
#news-3 UL LI a:hover h2{ color:#0A87DB}








@media only screen and (min-height: 600px){
.banner{height:270px;}
.banner a{height:270px; background-position:center top;}
	

}

@media only screen and (min-height: 700px){
.banner{height:450px;}
.banner a{height:450px;}

}

@media screen and (min-height:800px) and (min-width:1280px){
.banner{height:650px;}
.banner a{height:650px; background-size:  auto 100%;}

}


@media only screen and (min-height: 800px) and (min-width:1290px){
.banner{height:680px;}
.banner a{height:680px; background-size: 100%; }

}

@media only screen and (min-height: 920px){
.banner{height:680px;}
.banner a{height:680px;background-size: 100%;}

}

@media screen and (min-width: 1910px){
.index_pro_bg { background: url(index_pro_bg.jpg) no-repeat top; background-size: 100%; }
.index_about_bg { background: url(index_about_bg.jpg) no-repeat center; background-size: 100%; }
.index_lx_bg { background: url(index_lx_bg.jpg) no-repeat center; background-size: 100%; }
.pro_scms_bg{background: url(pro_scms_bg.jpg) no-repeat center; background-size: 100%;}
.pro_lx_bg{ background:url(pro_lx_bg.jpg) no-repeat center; background-size: 100%;}
.case_ry_bg{overflow:hidden; background: url(case_ry_bg.jpg) no-repeat center; background-size: 100%;}
.about_lj_bg{ height: 725px; background: url(about_lj_bg.jpg) no-repeat center bottom;  background-size: 100%;}
.about_fzlc_bg{height: 925px; background: url(about_fzlc_bg.jpg) no-repeat center; background-size: 100%;}
.about_ln_bg{height: 490px; background: url(about_ln_bg.jpg) no-repeat center; background-size: 100%;}
.tov_js_bg{ height: 636px; background: url(tov_js_bg.jpg) no-repeat center;  background-size: 100%;}
.tov_ln_bg{ height: 550px; background: url(tov_ln_bg.jpg) no-repeat center; background-size: 100%;}
.lxwm_con01_bg{height: 670px; background:url(lxwm_con01_bg.jpg) no-repeat center; background-size: 100%;}
.lxwm_con02_bg{ height: 525px; background:url(lxwm_con02_bg.jpg) no-repeat center;  background-size: 100%;}
.pro_tcdh04_bg{height: 1056px; background: url(pro_tcdh04_bg.jpg) no-repeat center; background-size: 100%;}
.pro_tmzsg05_bg{height: 788px; background: url(pro_tmzsg05_bg.jpg) no-repeat center; background-size: 100%;}
	
/*-----------------------------产品中心—广告机2018.04.16----------------------*/
.pro_ggj01_bg{ height: 900px;  background: url(pro_ggj01_bg.jpg) no-repeat center; background-size: 100%;}
}