@charset "utf-8";

/*--初始化CSS--*/

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; display:block; }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}

input::-moz-focus-inner { border:none; padding:0; }

select, input { vertical-align:middle; }

select, input, textarea { font-size:12px; margin:0;}

input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }

textarea { resize:none; }

table{ border-collapse:collapse; }

body{ padding: 0; font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;background-color:#ffffff;/* overflow-y:scroll;*/ }

.clear{ clear:both; height:0; font-size:0; overflow:hidden; }

a {text-decoration:none; color:#333;}

.left{ float:left;}

.right{ float:right;}



/*--头部--*/

.top{ width:100%; height:39px; border-bottom:1px solid #eee;}

.top_con{ width:1200px; height:39px; margin:0 auto;}

.top_left{ width:400px; height:39px; float:left; font-size:14px; color:#999; line-height:39px;}

.top_right{ width:340px; height:39px; float:right;}

.top_right p{ width:260px; height:39px; float:left; background:url(../img/dh.gif) no-repeat; font-size:14px; color:#999; line-height:39px; padding-left:35px; box-sizing:border-box;}

.yu{ width:85px; height:39px; float:left; line-height:39px; color:#999;}

.yu a{ padding:0px 8px; color:#999;}

.kuang{ width:76px; height:39px; float:right;}

.weixin{ position:relative; float:left;}

.weixin .weixin_nr{width:75px; height:75px; padding:0px 5px; background:#fff; text-align:center; position:absolute; display:none; left:-26px;}

.weixin .weixin_nr img{ width:75px; height:75px;}

.weixin.on .weixin_nr{ display:block;}

.wangluo{ position:relative; float:right; text-align:right; width:40px;}

.wangluo .wangluo_nr{width:215px; height:150px; text-align:left; padding:6px 15px; box-sizing:border-box; background:#fff; border:1px solid #e6e6e6; position:absolute; display:none; right:0;}

.wangluo .wangluo_nr h3{ color:#333; font-size:16px; margin-bottom:5px; margin-top:6px;}

.wangluo .wangluo_nr span{ width:210px; height:25px; font-size:14px; color:#666; line-height:25px; display:block;}

.wangluo.on .wangluo_nr{ display:block;}

/*--logo--*/

.logo{ width:1200px; height:120px; margin:0 auto;}

.logo_left{ width:800px; height:79px; float:left; margin-top:19px;}

.logo_left img{ width:246px; height:79px; float:left;}

.logo_left h3{ font-size:22px; color:#555; margin-top:10px; line-height:32px;}

.logo_left h3 span{ color:#ff6600;}

.logo_left p{ font-size:18px; color:#555;}

.logo_right{ width:280px; height:66px; float:right; margin-top:30px;}

.logo_right img{ width:63px; height:56px; float:left;}

.logo_right p{ color:#444; font-size:16px; margin-bottom:10px;}

.logo_right h3{ font-size:26px; color:#ff6600;}

/*--导航--*/

.nav{ width:100%; height:50px; background:#404144;}

.nav_con{ width:1200px; height:50px; margin:0 auto;}

.nav_con ul li{ width:133px; height:50px; float:left; margin-right:35px; position:relative;}

.nav_con ul li a{ width:133px; height:50px; color:#fff; font-size:16px; line-height:50px; text-align:center; display:block;}

.nav_con ul li:hover{ background:#ff6600;}

/*--footer--*/

.footer{ width:100%; height:395px; background:#333; margin-top:60px;}

.footer_con{ width:1200px; height:395px; margin:0 auto; padding-top:39px; box-sizing:border-box;}

.footer_con_left{ width:695px; height:316px; float:left; border-right:1px solid #666;}

.footer_con_left ul li{ width:173px; height:316px; float:left;}

.footer_con_left ul li h3{ font-size:20px; color:#fff; font-weight:normal; margin-bottom:28px;}

.footer_con_left ul li a{ color:#fff; display:block; line-height:26px;}

.footer_con_left ul li a:hover{ color:#ff6600;}

.footer_con_left ul li a i{ width:0px; height:1px; background:#ff6600; transition:all 0.5s; display:block; float:left; margin-top:12px;}

.footer_con_left ul li a:hover i{ width:8px; margin-right:5px;}

.footer_con_right{ width:430px; height:316px; float:right;}

.footer_con_right i{ font-style:normal; font-size:14px; color:#fff; width:70px; height:16px; line-height:16px; border-left:2px solid #fff; text-align:center; display:block;}

.footer_con_right h3{ font-size:25px; color:#fff; font-weight:normal; margin-top:16px;}

.footer_con_right p{ color:#fff; font-size:14px; margin-top:12px; line-height:25px;}

.footer_con_right .ma{ width:115px; height:145px; float:left; margin-top:10px;}

.footer_con_right .ma span{ color:#fff; line-height:50px;}

.footer_con_right .ma img{ width:105px; height:105px; margin-top:9px;}

.footer_con_right .lian{ width:280px; height:145px; float:right; margin-top:10px;}

.footer_con_right .lian span{ color:#fff; line-height:50px; padding-left:10px; display:block;}

.footer_con_right .lian a{ color:#fff; line-height:33px; padding-left:10px; display:inline-block;}

.dibu{ width:100%; height:59px; background:#282828;}

.dibu_con{ width:1200px; height:59px; margin:0 auto;}

.dibu_left{ width:500px; height:59px; line-height:59px; color:#999; background:url(../img/di_logo.gif) no-repeat; padding-left:50px; box-sizing:border-box; float:left;}

.dibu_right{ width:326px; height:59px; float:right;}

.dibu_right a{ color:#999; line-height:59px; background:url(../img/di_a.gif) no-repeat left; width:70px; text-align:right; margin-left:10px; display:block; float:left;}

.dibu_right a:hover{ color:#ff6600;}

/*--小导航--*/

.nav_x{ width:100%; height:40px; background:#f0f0f0;}

.nav_x_con{ width:1200px; height:40px; margin:0 auto; background:url(../img/nav_x.gif) no-repeat; color:#666; padding-left:50px; box-sizing:border-box; line-height:40px;}

.nav_x_con a{ padding:0px 6px; color:#666;}



.fenye{ width:530px; height:50px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center;}

.fenye a,.fenye span{ padding:5px 12px; border:1px solid #d5d5d5; margin:0 2px;}
.fenye .current{background: #004a9f;border: 1px solid #004a9f;color: #fff;}
.fenye a:hover{ background:#004a9f; border:1px solid #004a9f; color:#fff;}





/*---------------products.html产品展示/详情网页样式---------------------------------------------*/

/*--banner--*/

.chanpin_banner{ width:100%; height:300px; background:url(../img/chanpinxq_banner.jpg) no-repeat center;}

/*--内容--*/

.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; text-align:center;}

#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:14px}

#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:653px;margin-left:518px;}

.cp_right h3{color:#444444;border-bottom: dashed 1px #d3d3d3;padding-bottom: 15px;margin-bottom: 20px;}

.cp_right p{color: #666666;line-height: 30px;font-size: 14.5px;}

.cp_right p span.kaitou{color: #ed6800; margin-right:10px; line-height:35px;}

.cp_right p.xsrx{margin-top: 35px;}

.cp_right p.xsrx img{float: left;margin-right: 10px;}

.cp_right p.xsrx span.xshm{color: #eb6703;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: #ec6700;}

.cp_right ul li.zxsb{background: #004b9e;margin-left: 15px;}

.cp_right ul li a{color: white;line-height: 45px;margin-left: 45px;}

ul.sixnav{width: 1170px;height: 60px;/*border:solid 1px red;*/margin: 0 auto;position: relative;left: -20px;}

ul.sixnav li{width: 194px;float: left;margin-right: 1px;background: #ececec;}

ul.sixnav li a{display: block;line-height:60px;text-align: center;color: #656565;font-weight: bold; font-size:16px;}

ul.sixnav li.gdms a{background: #ec6700;color: white;}

ul.sixnav li a:hover{background: #ec6700;color: white;}

/*产品展示*/

.cpzs{width:1200px;margin: 0 auto; padding-top:1px; margin-top:-1px;}

.cpzs h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;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:1200px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px; padding-top:1px; margin-top:-1px; overflow:hidden;}

.jscs h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}

.jscs .wrap { width: 1170px; margin: 0 auto;}

.jscs .wrap img { width: 100%; }



/*模拟演示*/

.mnys{width:1200px;margin: 0 auto; padding-top:1px; margin-top:-1px;}

.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; text-align:center;}

.mnys .sp .flowplayer video{width: 1170;height: 578px;}

/*客户案例*/

.khal{width:1200px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px; padding-top:1px; margin-top:-1px;}

.khal h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}

/*推荐产品*/

.tjcp{width:1200px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px; padding-top:1px; margin-top:-1px;}

.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{   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin-right:16px; 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; transition:all 0.5s;}

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{ line-height:35px;  font-size:15px; }

/*在线留言*/

.zxly{width:1200px;margin: 0 auto; padding-top:1px; margin-top:-1px;}

.zxly h2{width: 100px;height: 35px;font-weight: 600;margin: 40px 0px 25px 0px;}

.zxly form label{color: #676767;}

.zxly form label span.xin{color: #ff0103;}

.zxly form input{border: solid 1px #cccccc;margin: 20px 0px; padding:0 10px;}

.zxly form textarea{border: solid 1px #cccccc;}

#name input{width: 310px;height: 40px;margin-right: 115px;}

#tel input{width: 310px;height: 40px;}



#dq input{width: 310px;height: 40px;margin-right: 115px;}


#mail input{width: 310px;height: 40px;}

#jdms span{position: relative;top: -185px; left:6px;}

#jdms textarea{width: 838px;height:208px;margin-top: 20px;margin-left: 6px; padding:10px;}

#sub{width: 170px;height: 45px;background: #ec6700;color: white;margin-top: 30px;margin-left: 76px; cursor:pointer;}

/*---------------demonstration_details.html动画详情网页样式---------------------------------------------*/

/*--banner--*/

.donghua_banner{ width:100%; height:300px; background:url(../img/donghua_banner.jpg) no-repeat center;}

.dh_con{width: 1170px;margin:40px auto 0px;}

.dh_con .dhsp_left{width: 765px;float: left;}

.sprq .flowplayer{width: 765px;height: 579px;}

.sprq .flowplayer video{width: 765px;height: 579px;}

.dh_con .dhsp_left h2{text-align: center;color: #454545;font-weight: 500;}

.dh_con .dhsp_left p{text-align: center;margin-top: 30px;margin-bottom: 30px;}

.dh_con .dhsp_left p a{color: #808080;}

.dh_con .dhsp_left p a.gxsj{margin-left: 85px;}

.dh_con .dhsp_left .sprq{width: 765px;height: 579px;}

.cgal_right{width: 375px;float: right;}

.cgal_right p{color:#ef6703;font-size:16px;padding:20px 0px;background:url(../img/cgalbottbg.jpg) no-repeat 0px 50px}

.cgal_right dl{height: 109px;border-bottom: dashed 1px #d9d9d9;}

.cgal_right dl dt{width:120px;height:79px; }

.cgal_right dl dt img{float: left;margin: 15px 0px; width：118px; height:79px; transition:all 0.5s; overflow:hidden;}

.cgal_right dl dd{position: relative;top: -50px;left: 10px;}

.cgal_right dl dd a span.b{color: black;font-size: 16px; display:block; margin-bottom:10px; transition:all 0.5s;}

.cgal_right dl dd a span.s{color: #999999;font-size: 14px; display:block; padding-left:120px;}

.cgal_right dl dd a:hover span.b{ color:#ff6600;}

.cgal_right dl:hover img{transform: scale(1.1); }

/*---------------------------demonstration.html动画演示页面----------------*/



.dhys_bt{ width:900px; height:50px; margin:0 auto; margin-top:40px;}

.dhys_bt ul li{ width:198px; height:48px; float:left; margin-left:11px; margin-right:11px; border:1px solid #dcdcdc;}

.dhys_bt ul li a{ width:198px; height:48px; font-size:16px; color:#666; text-align:center; line-height:48px; display:block;}

.dhys_bt ul li:hover{ background:#1558a7;}

.dhys_bt ul li:hover a{ color:#fff;}

.donghuali{width: 1200px;margin: 0 auto;margin-top: 30px;}

.donghuali ul{width:1220px;}

.donghuali ul li a p{width:370px;font-size: 18px;text-align: center;color: #454545;margin: 20px 0px 30px; transition:all 0.5s;}

.donghuali ul li:hover img{ height:270px;}

.donghuali ul li:hover a p{ color:#ff6600; font-weight:bold;}

/*---------------------------shili.html实力通祥页面----------------*/

.sldz_banner{ width:100%; height:300px; background:url(../img/sldz_banner.jpg) no-repeat center;}

.sldz_bt{ width:890px; height:50px; margin:0 auto; margin-top:40px;}

.sldz_bt ul li{ width:198px; height:48px; float:left; margin-left:11px; margin-right:11px; border:1px solid #dcdcdc;}

.sldz_bt ul li a{ width:198px; height:48px; font-size:16px; color:#666; text-align:center; line-height:48px; display:block;}

.sldz_bt ul li:hover{ background:#1558a7;}

.sldz_bt ul li:hover a{ color:#fff;}

.yf .yfzl{width: 120px;height: 42px;margin: 0 auto;background: url(../img/yfzl.jpg) no-repeat;margin-top: 45px;}

.yf .yfgd{width:1170px;height:415px;overflow-y: scroll;overflow-x:hidden;border: solid 1px #ec6700;margin: 0 auto;margin-top: 40px;}

.yf table{width:1170px;text-align: center;}

.yf .zlzsgd{width:1170px;margin: 0 auto;margin-top: 37px;}



.ry .rybg{width:1170px;height:415px;overflow-y: scroll;overflow-x:hidden;border: solid 1px #ec6700;margin: 0 auto;margin-top: 40px;}

.ry .dzry{width: 120px;height: 42px;margin: 0 auto;background: url(../img/dzry.jpg) no-repeat;margin-top: 45px;}

.ry table{width:1170px;text-align: center;}

.ry .ryzsgd{width:1170px;margin: 0 auto;margin-top: 37px;}

.hb .hzhb{width: 120px;height: 42px;margin: 0 auto;background: url(../img/hzhb.jpg) no-repeat;margin-top: 45px;}

.hb .hzhbt{width:1170px;margin:0 auto;margin-top: 40px;}

.hb .hzhbt p{float: left; margin-right:20px;}

.hzhbt p img {margin-bottom: 15px;}

.hb .hzhbt p a img{margin: 5px;}

/*---------------------------application area.html应用领域页面----------------*/

.yyly_banner{ width:100%; height:300px; background:url(../img/yyly_banner.jpg) no-repeat center;}

.yyyt h2{text-align: center;color: #434343;font-weight: 600;margin-top: 40px;}

.yyyt p{text-align: center;margin-top: 30px;margin-bottom: 30px;}

.yyyt p a{color: #808080;}

.yyyt p a.gxsj{margin-left: 85px;}

.yyyt .twhp{width: 1170px;margin: 0 auto;color: #616161;line-height: 40px;}

.yyyt .twhp p{text-align: left;font-size: 16px;}

.yyyt .twhp img{margin: 0 auto;}

.yyyt .twhp ul li a{font-size: 18px;color: #616161;line-height: 50px;}

.yyyt .twhp ul li a:hover{border-bottom: solid 1px #616161;}

/*---------------------------news information.html新闻动态页面----------------*/

.news_banner{ width:100%; height:300px; background:url(../img/news_banner.jpg) no-repeat center;}

.news_bt{ width:680px; height:50px; margin:0 auto; margin-top:40px;}

.news_bt ul li{ width:198px; height:48px; float:left; margin-left:11px; margin-right:11px; border:1px solid #dcdcdc;}

.news_bt ul li a{ width:198px; height:48px; font-size:16px; color:#666; text-align:center; line-height:48px; display:block;}

.news_bt ul li:hover{ background:#1558a7;}

.news_bt ul li:hover a{ color:#fff;}

.lie{width: 1170px;margin:40px auto 0px;}

.lie dl{border-bottom: dashed 1px #d9d9d9;padding-bottom: 20px;margin-bottom: 20px;}

.lie dl dt{width: 300px;height:165px;float: left;}

.lie dl dt img{float: left; width:100%; height:100%;}

.lie dl dd{height: 165px;position: relative;left: 30px; transition:all 0.5s;}

.lie dl dd a span.b{color: #444444;font-size: 20px;line-height: 30px; display:block; padding:10px; transition: all 0.5s;}

.lie dl dd a span.s{color: #999999;font-size: 14px;line-height: 28px; display:block; margin-top:10px;}

.lie dl:hover dd a span.b{ margin-left:10px; font-weight: bold;color: #ff6600;} 

.thison{background:#1558a7;}

.lie dl:hover dd{ left:40px;}

.sldz_bt .thison a{color:#fff;}

.news_bt .thison a{color:#fff;}



.dhys_bt .thison a{color:#fff;}


.picScroll-left .bd ul li:hover img{ opacity:0.8;}


.picScroll-left .bd ul li:hover .title{ font-weight:bold;}


.donghuali ul li {float: left;margin-right: 25px; height:354px;}

.donghuali ul li img{ width:370px; height:280px; transition:all 0.5s;}



.pos-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.demo-img {


}

.descrip {
  font-size: 15px;
  line-height: 0;
  color: #D66A00;
}

.code-view {
  width: 245px;
  font-size: 14px;
}



.dibu_left a{color:#999;}



/*图片间歇性无缝滚动*/
.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;   }