@charset "utf-8";


/*--banner--*/
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.banner{ width:100%; height:380px; background:url(../images/cp_banner.jpg) no-repeat center; position:relative; top:85px;}
.banner_bt{width:0px; height:0px; margin:0 auto; position:absolute; top:50%; left:0; margin-top:-25px; margin-left:-187px; opacity:0; transition:all 0.5s;}
.banner_bt.active{ width:375px; height:87px; position:absolute; top:50%; left:50%; opacity:1;}
.banner_bt h3{ font-size:25px; color:#fff; text-align:center;}
.banner_bt p{ width:375px; height:25px; background:url(../images/top_bg.gif) no-repeat 5px; font-size:18px; color:#fff; text-align:center;}

.nav_x{ width:100%; height:70px; border-bottom:1px solid #e4e4e4; margin-top:85px;}
.nav_x_con{ width:1200px; height:70px; margin:0 auto; position:relative;}
.nav_x .bt{ width:98px; height:93px; background:#1f68ee; position:absolute; left:0; bottom:0; padding-top:20px; box-sizing:border-box;}
.nav_x .bt p{ width:72px; height:19px; background:url(../images/bt_xian.gif) repeat-x; margin:0 auto;}
.nav_x .bt p i{ font-style:normal; font-weight:bold; font-size:18px; text-align:center; width:27px; height:19px; margin:0 auto; color:#c0e1a6; line-height:19px; background:#1f68ee; display:block;}
.nav_x .bt h3{ font-size:16px; text-align:center; color:#fff; line-height:46px;}
.nav_x .lei{ width:300px; height:70px; float:right;}
.nav_x .lei a{ width:76px; height:70px; text-align:center; color:#666; display:block; line-height:70px; float:right; margin-left:20px;}
.nav_x .lei a:hover{ border-bottom:2px solid #1f68ee;}
.nav_x .lei span{ float:right; line-height:70px; display:block; margin-left:20px;}


.solution{ width:1200px; height:auto; padding-bottom:50px; padding-top:30px; margin:0 auto;}
.solution_bt{ width:925px; height:45px; margin:0 auto;}
.solution_bt a{ width:156px; height:45px; line-height:45px; border:1px solid #d6d6d6; display:block; float:left; font-size:15px; color:#333; text-align:center; margin:0 13px; position:relative;}
.solution_bt a i{ width:0px; height:45px; background:#ececec; transition:all 0.5s; float:left; position:absolute; left:50%;}
.solution_bt a:hover i{ width:156px; position:absolute; left:0px; z-index:-1;}
.solution_bt a.thiss_class{ width:158px; height:45px; border:none; background:#da2416; color:#fff;}


.solution_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.solution_con ul{ width:1230px; height:auto; overflow:hidden;}
.solution_con ul li{ width:380px; height:320px; float:left; margin-right:30px; margin-bottom:18px;}
.solution_con ul li img{ width:380px; height:226px; transition:all 0.5s; border:1px solid #e1e1e1;}
.solution_con ul li h3{ font-size:15px; color:#333; font-weight:bold; line-height:30px; margin-top:6px;}
.solution_con ul li p{ font-size:14px; color:#666;line-height:25px;}
.solution_con ul li:hover img{ height:215px;}
.solution_con ul li:hover h3{ color:#da2416;}





.anli_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.anli_con ul{ width:1230px; height:auto; overflow:hidden;}
.anli_con ul li{ width:380px; height:270px; float:left; margin-right:30px; margin-bottom:18px;}
.anli_con ul li img{ width:380px; height:222px; transition:all 0.5s;}
.anli_con ul li h3{ font-size:15px; color:#333; font-weight:bold; line-height:30px; margin-top:6px; text-align:center;}
.anli_con ul li p{ font-size:14px; color:#666;line-height:25px;}
.anli_con ul li:hover img{ height:215px;}
.anli_con ul li:hover h3{ color:#e57115;}


.cp_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:38px;}
.cp_left{ width:488px; height:430px; float:left;}

#DB_gallery .DB_imgSet {position:relative; width:488px;height:320px; overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:488px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline-block ;margin-right:12px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}

.DB_imgWin img{ width:488px; height:320px; overflow:hidden;}
.DB_thumMove li img{ width:110px;}

.cp_right{ width:550px; float:right;}
.cp_right h3{color:#444444;border-bottom: dashed 1px #d3d3d3;padding-bottom: 15px;margin-bottom: 20px; font-size:26px;}
.cp_right p{color: #666666;line-height:35px;font-size: 14.5px;}
.cp_right p span.kaitou{color:#da2416;}
.cp_right p.xsrx{margin-top: 35px;}
.cp_right p.xsrx img{float: left;margin-right: 10px;}
.cp_right p.xsrx span.xshm{color:#da2416;font-size: 24px;font-weight: bold;}
.cp_right ul{margin-top: 40px;}
.cp_right ul li{width: 170px;height: 45px;background: #ec6700;float: left;}
.cp_right ul li.hqbj{background: #da2416;}
.cp_right ul li.zxsb{background: #004b9e;margin-left: 15px;}
.cp_right ul li a{color: white;line-height: 45px;margin-left:50px;}
ul.sixnav{width: 1170px;height: 60px;/*border:solid 1px red;*/margin: 0 auto;position: relative;left: -20px;}
ul.sixnav li{width:290px;float: left;margin-right: 1px;background: #ececec;}
ul.sixnav li a{display: block;line-height:60px;text-align: center;color: #656565;font-weight: bold;}
ul.sixnav li.gdms a{background: #1f68ee;color: white;}
ul.sixnav li a:hover{background: #1f68ee;color: white;}
/*产品展示*/
.cpzs{width:1170px;margin: 0 auto; padding-top:78px; margin-top:-78px;}
.cpzs h2{width: 100px;height: 35px;border-bottom: solid 2px #ff0000;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.cpzs ul{border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.cpzs ul li{color: #666666;line-height: 30px;}
/*技术参数*/
.jscs{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px; padding-top:78px; margin-top:-78px;}
.jscs h2{width: 100px;height: 35px;border-bottom: solid 2px #ff0000;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.jscs .wrap { width: 1170px; margin: 0 auto;}
.jscs .wrap img { width: 100%; }
.jscs .wrap p{width:1170px;color: #333;font-size:17px;margin: 32px 0px 32px 0px;}
/*模拟演示*/
.mnys{width:1170px;margin: 0 auto;}
.mnys h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.mnys .sp{width: 1170;height: 578px;border-bottom: solid 1px #dcdcdc;}
.mnys .sp .flowplayer{width: 1170;height: 578px;}
.mnys .sp .flowplayer video{width: 1170;height: 578px;}
/*客户案例*/
.khal{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.khal h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
/*推荐产品*/
.tjcp{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.tjcp h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
/*图片间歇性无缝滚动*/
.picScroll-left{ width:1170px;  overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:277px; display:block;  padding:2px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left1{ width:1170px;  overflow:hidden; position:relative;}
.picScroll-left1 .bd1{ padding:10px;   }
.picScroll-lef1t .bd1 ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd1 ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left1 .bd1 ul li .pic{ text-align:center; }
.picScroll-left1 .bd1 ul li .pic img{ width:277px; height:200px; display:block;  padding:2px;}
.picScroll-left1 .bd1 ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .bd1 ul li .title{ line-height:24px;   }



.mod18{ width:575px; height:510px; margin: 0px auto; position: relative; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:180px;width:26px;height:40px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:573px;height:411px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:350px;position:relative;overflow:hidden; border:1px solid #dbdbdb;}
.mod18 .picBox ul{height:350px;position:absolute;}
.mod18 .picBox li{width:573px;height:339px; position:relative;}
.mod18 .picBox li img{width:573px;height:339px;}
.mod18 .picBox li span{ width:573px; height:34px; background-color:rgba(0,0,0,0.3); padding:0; font-size:16px; color:#fff; text-align:center; line-height:34px; display:block; position:absolute; bottom:0px; left:0px;}
.mod18 .listBox{ width:586px; height:90px; margin-top:11px; margin-left:-6px; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:85px;position:absolute;}
.mod18 .listBox li{width:147px;height:85px; cursor:pointer;position:relative; text-align:center;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:132px;height:85px;}
.mod18 .listBox li img{width:132px;height:85px; margin:0 auto;  border:1px solid #ccc;}
.mod18 .listBox .on img{width:128px;height:81px;border:1px solid #38a2ec;}
.mod18 .listBox .on i{display:block;}



.tu_left{ width:575px; height:500px; float:left;}
.gaishu{ margin-top:10px; height:125px; overflow:hidden;}
.cpzs p{ line-height:30px; color:#333; font-size:17px;}
.xiangguan{ width:1200px; height:500px; margin:0 auto; padding-top:78px; margin-top:-75px;}
.xiangguan .bt{ width:1200px; height:47px; background:#efefef;}
.xiangguan .bt h3{ width:121px; height:47px; float:left; background:#1f68ee; font-size:16px; color:#fff; text-align:center; line-height:47px;}

.service_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.service_con ul{ width:1230px;}
.service_con ul li{ width:380px; height:355px; float:left; margin-right:30px; margin-bottom:25px;}
.service_con ul li img{ width:380px; height:278px; transition:all 0.5s;}
.service_con ul li .nr{ width:380px; height:85px;}
.service_con ul li .nr h3{ margin-top:15px; margin-bottom:5px; font-size:15px; color:#333; width:380px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_con ul li .nr p{ font-size:15px; width:380px; height:52px; overflow:hidden; line-height:25px; color:#666;}
.service_con ul li:hover .nr img{ width:380px; height:260px; opacity:0.8;}
.service_con ul li:hover .nr h3{ color:#1f68ee;}

.xuanzhong{ border-bottom:2px solid #1f68ee;}