body{font-family:"Microsoft YaHei","微软雅黑","\5b8b\4f53";font-size:14px; margin:0 auto; padding:0px; color: #333;}
html,p,ul,li,input,form,h1,h2,h3,h4,h5,dl,dt,dd,img{margin:0px;padding:0px;border:0;}
img{vertical-align: middle;border:none;margin:0px;padding:0px;}
ul,li,dt{list-style-type:none;}
a{color: #666666; text-decoration:none;}
a:hover{color:#ec3b2f;text-decoration:underline;}
.clear{ clear:both;}
#page_banner{ height:260px;}

.top{ width: 100%; height: auto; overflow: hidden; background: #ededed; line-height: 32px;}
.top span{ float: left; color: #333333;}
.top p{ float: right;}
.header{ width: 100%; height: auto; overflow: hidden; padding: 20px 0;}
.logo{ float: left;}
.tel{ float: right;}
.tel img{ float: left; margin-right: 10px;}
.tel span{ float: left; font-size: 16px; margin-top: 8px;}
.tel b{ color: #e83201; font-size: 28px; display: block; font-family: arial;}
.nav{width: 100%; height: auto;line-height: 60px; background: #1b53a8;}
.nav li{height: 60px; float: left; text-align: center;}
.nav li.bar{ width:26px;}
.nav li a{ color: #fff; font-size: 18px; display: block; padding:0 20px;}
.nav li a:hover,.nav li a.on{ background: #ec3b2f; text-decoration: none;}


.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:420px;}
.lubo_box{ position: relative; width: 100%; height:420px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:420px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 420px;}


.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background:#ec3b2f !important;}


.search{ width: 100%; height: auto; overflow: hidden;background: #373737; color: #fff;}
.search a{ color: #fff;}
.search a:hover{ color: #ff0;}
.searchL{ width: 70%; height: auto; overflow: hidden; float: left; line-height: 40px; }
.searchBox{overflow: hidden; float: right;margin-top: 6px;}
#search1_txtSearch{width: 220px; height: 30px; float: left; padding:0 5px; }
.producti{ width: 234px; height: auto; overflow: hidden; float: left; margin-right: 15px; margin-top: 20px;border:3px solid #1b53a8; margin-bottom: 20px;}
.prdTitle{ width: 234px; height: 60px; line-height: 60px; background: #1b53a8; text-align: center; color: #fff; font-weight: bold; font-size: 24px;}
.producti ul{ width: 218px; height: auto; overflow: hidden; margin: 0 auto;}
.producti ul li{ border-bottom: dashed 1px #e7e7e7; line-height: 58px; background: url(../images/icon.jpg) no-repeat 10px center; text-indent: 24px;}
.prdTel{width: 153px; height: 49px; background: url(../images/tel1.jpg) no-repeat left top; margin-top: 13px; padding: 50px 0 0 65px; font-size: 24px; color: #ec3b2f; font-family: arial;}
.hod{width: 940px; height: auto; overflow: hidden; float: right; margin-top: 20px;margin-bottom: 20px;}
.hodT{ width: 940px; height: auto; overflow: hidden; line-height: 60px; background: url(../images/line.jpg) no-repeat left center; padding-left: 13px; font-size: 20px; font-weight: bold;}
.hodC{ width: 960px; height: auto; overflow: hidden;}
.hodC li{ width: 280px; height: 449px; overflow: hidden; float: left; margin-right: 20px;background: #f4f4f4;padding: 10px;}
.hodC li img{ width: 280px; height: 246px; }
.hodC li b{ font-size: 24px; color: #1B53A8; line-height: 60px; text-align: center; display: block;}
.hodC li a:hover b{ color: #ec3b2f;}
.hodC li p{ text-indent: 24px; line-height: 30px; width: 240px; margin: 0 auto;}
.productC{ border-top:1px solid #efefef;}
.productTitle{ font-size: 36px; font-weight: bold; color: #333333; line-height: 80px; text-align: center;}
.productTxt{ width: 1220px; height: auto; overflow: hidden;}
.productTxt li{ width: 285px; height: auto; overflow: hidden; text-align: center; float: left; margin-right: 20px;}
.productTxt li p{ height:40px; margin-bottom: 10px;}
.productTxt li p a{ display:block;background: #1b53a8; height:40px; line-height:40px; color: #fff; font-size: 20px;}
.productTxt li p a:hover{ background:#ec3b2f;}
.productTxt li a{ display: block; line-height: 60px;}
.ys{width: 100%; height: 931px; background: url(../images/ysbj.jpg) no-repeat center top; text-align: center; margin-bottom: 20px;}
.caseT2{ width: 100%; height: auto; overflow: hidden;text-align: center; font-weight: bold; margin-bottom:20px;}
.caseT2 b{ font-size: 36px;}
.caseC{ width: 1225px; height: auto; overflow: hidden; margin-bottom: 20px;}
.caseC li{ width: 220px; height: auto; overflow: hidden; float: left; margin-right: 25px; text-align: center; background: #f4f4f4; line-height: 40px;}
.about{ width: 814px; height: auto; overflow: hidden; float: left;}
.aboutTitle{width: 100%; height: auto; overflow: hidden; line-height: 50px; border-bottom: 1px solid #dadada;}
.aboutTitle b,.contactTitle b,.qaTitle b{ font-size: 24px; color: #333; float: left;}
.aboutTitle a,.contactTitle a,.qaTitle a{ float: right; width: 70px; display: block; margin-right: 10px; background: url(../images/icon1.gif) no-repeat right center; color: #ec3b2f; font-family: arial;}
div.aboutTxt a{color: #ec3b2f;}
.aboutTxt{ awidth: 794px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.aboutTxt img{ float: left;}
.aboutTxt div{amargin-top: 10px; float:right; width: 510px;text-align:justify;text-justify:inter-ideograph;line-height: 30px; text-indent: 24px;}
.aboutTxt p{ font-size: 14px; line-height: 30px; text-indent: 24px;}
.contact{ width: 360px; height: 316px; background: #eeeeee; float: right;}
.contactTitle{ width: 340px; height: auto; overflow: hidden; margin: 0 auto; line-height: 50px;}
.contactTxt{ width: 320px; height: 236px; background: #fff; margin: 0 auto; padding: 10px;}
.contactTxt img{ margin-bottom: 5px;}
.contactTxt p{ line-height: 30px;}
.qa{ width: 310px; height: 480px; background: #1b53a8; margin: 20px 15px 20px 0; float: left;}
.qaTitle{ width: 290px; height: auto; overflow: hidden; line-height: 50px; margin: 0 auto; color: #fff;}
.qaTitle b{ color: #fff;}
.qaTitle a{ background: url(../images/icon2.jpg) no-repeat right center; color: #fff; margin-right: 0;}
.qaTxt{ width: 290px; height: 417px; background: #fff; margin: 0 auto;}
.qaTxt dl{width: 265px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 20px;}
.qaTxt dl dd{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; float: left;}
.qaTxt dl dd span,.qaTxt dl dt span{ display: block;width: 22px; height: 22px; float: left; margin-right: 5px; background: #949494; color: #fff; text-align: center; float: left;}
.qaTxt dl dt span{ background: #1B53A8;}
.qaTxt dl a{ width: 238px; float: right; height: auto; display: block;}
.qaTxt dl dt {line-height:24px;border-bottom: 1px dashed #e2e2e2; padding-bottom: 15px; margin-bottom: 15px; float: left;}
.news{ width: 875px; height: auto; float: right; margin-top: 15px;}
.newsL{ width: 890px; height: auto; overflow: hidden;}
.newsL li{ width: 410px; height: 100px; background: #f5f5f5; float: left; margin-right: 15px; margin-top: 15px; padding: 15px 10px;}
.newsLS{ width: 91px; height: 100px; float: left; background: #fff; text-align: center; font-family: arial; margin-right: 15px; }
.newsLS span{ width: 91px; height: 52px; line-height: 52px; display: block;font-size: 30px; font-weight: bold;}
.newsLS p{ width: 91px; height: 48px; background: #686868; line-height: 48px; color: #fff; font-size: 18px;}
.newsL li a:hover .newsLS p{background: #ec3b2f;}
.newsLT{width: 304px;float: left;}
.newsLT span{ font-size: 16px; display: block; line-height: 30px; margin-top: 10px;}
.newsLT p{ font-size: 12px; color: #999; text-indent: 24px; line-height: 24px;}
.newsL li a:hover .newsLT p{ color: #ec3b2f;}




.main-im{ position:fixed; right:10px; top:300px; z-index:10000; width:110px; height:272px; }
.main-im .qq-a { display:block; width:106px; height:116px; font-size:14px; color:#0484cd; text-align:center; position:relative;}
.main-im .qq-a span { bottom:5px; position:absolute; width:90px; left:10px; }
.main-im .qq-hover-c { width:70px; height:70px; border-radius:35px; position:absolute; left:18px; top:10px; overflow:hidden; z-index:9; }
.main-im .qq-container { z-index:99; position:absolute; width:109px; height:118px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dddddd; background:url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width:60px; display:block; position:absolute; left:6px; top:3px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width:70px; left:1px; top:8px; position:absolute; }
.main-im .im_main {background:#F9FAFB; border:1px solid #dddddd; border-radius:10px; background:#F9FAFB;display:none;}
.main-im .im_main .im-tel { color:#000000; text-align:center; width:109px; aheight:105px; aborder-bottom:1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;}
.main-im .im_main .im-tel div.wx{ margin-top:12px;}
.main-im .im_main .im-tel div.tit{ text-align:left; padding-left:10px;}
.main-im .im_main .im-tel div.wz{ text-align:left; padding-left:10px; color:#ce1013; font-size:12px;}
.main-im .im_main .im-tel div.wz1{ border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div.wz2{ padding-bottom:5px;}
.main-im .im_main .im-tel div.wxwz{ line-height:25px; color:#0485cd; text-align:center; font-weight:normal;}
.main-im .im_main .im-tel .tel-num { font-weight:bold; color:#e66d15;}
.main-im .im_main .im-tel:hover { background:#fafafa; }
.main-im .im_main .weixing-container {width:55px; height:47px; border-right:1px solid #dddddd; background:#f5f5f5; border-bottom-left-radius:10px; background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width:112px; height:172px; background:#ffffff; border-radius:10px; border:1px solid #dddddd; position:absolute; left:-125px; top:-126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height:0; border-style:solid; border-color:transparent transparent transparent #ffffff; border-width:6px; left:112px; top:134px; position:absolute; z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #dddddd; border-width:8px; left:112px; top:132px; position:absolute; }
.main-im .im_main .weixing-show .weixing-ma { width:104px; height:103px; padding-left:5px; padding-top:5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width:50px; height:47px; background:#f5f5f5; border-bottom-right-radius:10px; background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display:block; width:52px; height:47px; }
.main-im .close-im { position:absolute; right:10px; top:-12px; z-index:100; width:24px; height:24px; }
.main-im .close-im a { display:block; width:24px; height:24px; background:url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration:none; }
.main-im .open-im { cursor:pointer; margin-left:68px; width:40px; height:133px; background:url(../images/open_im.png) no-repeat left top; }



.footer{ width: 100%; height: auto; overflow: hidden; background: #f4f4f4; border-top: 1px solid #e4e4e4; margin-top:20px;}
.footerT{ width: 1200px; height: auto; overflow: hidden; background: url(../images/line1.gif) no-repeat center center; margin: 0 auto; padding:30px 0;}
.footerT li{ width: 240px; height: auto; overflow: hidden; float: left; padding-left: 60px;}
.footerT li img{ float: left; margin-right: 13px;}
.footerT li b{ display: block; font-size: 18px;}
.footerT li span{}
.foot{ width: 100%; border-top:3px solid #666666 ; text-align: center; line-height: 30px; padding: 20px 0; color: #666;}
.foot p.bcont{ white-space:pre;}
.foot a{ margin: 0 10px; color: #333;}
.foot a:hover{ color: #ec3b2f;}
.foot p.fcont{ white-space:pre;}
.link{ background: #1b53a8; width: 100%; height: auto; overflow: hidden; padding: 10px 0; line-height: 30px;}
.link p{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; color: #fff;}
.link p a{ color: #fff; margin: 0 10px;}

.main{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.main .wid{ clear:both; margin-top:20px;}


.indCase{ width:100%; height:auto; overflow:hidden; margin:30px auto; border-top:1px solid #dfdfdf; padding-top:30px;}
.indCaseL{ width:240px; height:auto; overflow:auto;float:left;}
.caseT{ width:100%; height:auto; overflow:hidden; text-align:center; color:#fff; padding:20px 0; background:#1b53a8;}
.caseT p{ color:#2e6dcd; font-size:18px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.indCaseL dl{ width:238px; min-height:628px; overflow:hidden; margin:0 auto; background:#fff; padding-bottom:15px; border:1px solid #1b53a8;}
.indCaseL dl dd,.indCaseL dl dt{ width:206px; height:auto; overflow:hidden; margin:0 auto;}
.indCaseL dl dd{ border-bottom:1px solid #ff4200; background:url(../images/icon_2.jpg) no-repeat left center; text-indent:24px; font-weight:bold; font-size:16px; line-height:46px; margin-top:10px;}
.indCaseL dl div{ min-height:328px;}
.indCaseL dl dd a{color:#FF4200;}
.indCaseL dl dt{ line-height:40px; border-bottom:1px dashed #ccc; text-indent:35px; background:url(../images/icon_3.jpg) no-repeat 14px center;font-size:16px;}
.indCaseL dl dt i{ float:left;}
.indCaseL dl dt span{ float:right; color:#d5d5d5; padding-right:15px;}
.indCaseL dl dt a:hover span{ color:#FF4200;}
.indCaseL dl p{ margin-top:8px; width:100%; height:auto; overflow:hidden; background:url(../images/tel_bj.jpg) no-repeat left top; padding:15px 0 0 23px; color:#1B53A8; line-height:22px;}
.indCaseL dl p img{ display:block; float:left; margin-right:10px;}
.indCaseL dl p b{ color:#FF4200; font-size:20px; display:block; font-weight:normal;}

.indCaseR,.list{width:936px; height:auto; overflow:hidden; float:right;}
.prodlist ul{ width:948px; height:auto; overflow:hidden;}
.prodlist ul li{ width:296px; height:auto; overflow:hidden; float:left; margin-left:20px; text-align:center; margin-bottom:13px;}
.prodlist ul li img{ width:296px; height:200px; margin-bottom:5px;}
.prodlist ul li a{ text-decoration:none;}
.prodlist ul li a span{ display:block; width:296px; height:33px; line-height:33px; background:#f2f2f2; font-size:16px;}
.prodlist ul li a:hover span{ background:#1B53A8; color:#fff;}
div.indexheigh ul{ height:238px; clear:both;}

div.prodlist #scrollbox ul{ height:238px; width:936px;overflow:hidden; margin-top:30px;}
div.prodlist #scrollbox ul li{ margin-left:15px; height:238px; margin-bottom:0; float:left;}


.adv{ width:100%; height:157px; overflow:hidden; background:url(../images/adv_bj.jpg) no-repeat center top; text-align:center; padding-top:50px;}

.demo {width:240px;height:240px;font-size:14px;position:relative;}
.demo a.control {position:absolute;display:block;top:50%;width:16px;height:30px;cursor:pointer;z-index:2;background:url(../images/le.png) no-repeat}
.demo a.prev {background:url(../images/left.png) no-repeat; left:10px;}
.demo a.next {background:url(../images/right.png) no-repeat; right:10px; }
.demoT{ width:124px; height:40px; position:absolute; left: 0; top:0; background:url(../images/case.png) no-repeat left top; line-height:40px; text-indent:15px; color:#fff; font-weight:bold;z-index:3; font-size:16px;}

.listAdd{width:100%; height:auto; overflow:hidden; background:url(../images/add1.jpg) no-repeat left center; line-height:40px; border-bottom:1px solid #f2f2f2; text-indent:38px; margin-bottom:20px; font-size:20px;}
.listAdd a{ margin:0 5px;}
.listAdd a.on{ color:#FF4200;}
.listAdd div{ float:right; font-size:14px;}
.list ul,.list ul.list_case li{ width:100%; height:auto; overflow:hidden;}
.list ul.list_case li img{ width:240px; height:173px; float:left; margin-right:20px;}
.listA{ width:676px; float:left; height:auto; overflow:hidden; margin-top:10px;}
.list ul.list_case li{ margin-bottom:30px;}
.listA h1 a{ font-size:20px; color:#333; font-weight:normal; line-height:36px;}
.listA p a{ font-size:14px; color:#666; line-height:30px; text-indent:30px; display:block;}
.listA p a i{ color:#ff4200;}
.listA a:hover{ color:#ff4200;}
.page{ width:600px; height:auto; overflow:hidden; margin:0 auto;text-align:center; line-height:36px;padding-top:20px;}
.page a{ padding:5px 13px; border:1px solid #e4e4e4; margin:0 2px;}
.page a:hover{text-decoration:none;}
.page li{ float:left; padding:0 10px;}
.page li.thisclass a{ border:1px solid #FF0000; color:#FF0000;}
ul.list_img{ min-height:500px;}
ul.list_img li{ width:301px; height:235px; margin-right:15px; margin-top:15px; float:left; text-align:center; line-height:25px;}
ul.list_img li img{ width:299px; height:208px; border:1px solid #DDDDDD;}
ul.list_img{ padding-top:0; min-height:440px;}

.article{ width:100%; height:auto; overflow:hidden; }
.article h1{text-align:center; line-height:40px; font-size:30px; color:#1b53a8;}
.articleT{ width:96%; height:auto; overflow:hidden; border-bottom:1px dashed #e4e4e4; margin:0 auto 20px auto; text-align:center;line-height:40px; }
.articleT span{ float:left; padding-left:190px;}
.articleT .bdsharebuttonbox{float:right; margin-right:190px; margin-top:5px;}
.articleP .bdsharebuttonbox{float:right; margin-right:0;}
.articleP{height:auto; overflow:hidden;  margin:0 auto;text-align:justify;text-justify:inter-ideograph; min-height:500px;}
.articleP p{ line-height:30px; margin-bottom:20px; font-size:16px; color:#666;text-align:justify }
.articleP img{ display:block; margin:20px auto;}
.articleN{ width:936px ;}
.adv1{ width:100%; height:170px; overflow:hidden; background:url(../images/adv_pic1.jpg) no-repeat center top;}



.banner{ width:100%; height:280px; overflow:hidden;}
.banner img{ width:100%; height:280px;}
.prodClass{ width:238px; height:auto; overflow:hidden; border:1px solid #1b53a8; padding:10px 0;}
.prodClass li{ width:203px; height:auto; overflow:hidden; margin:0 auto; line-height:48px;border-bottom:1px dashed #cccccc;}
.prodClass li a.active{ font-weight:bold; color:#F00;}
.prodClass li a{ display:block; background:url(../images/icon_2_1.jpg) no-repeat left center; text-indent:25px; font-size:16px;}
.prodClass li a i{ font-style:normal;}
.prodClass li a span{ color:#d2d2d2; float:right;}
.prodClass li a:hover,.prodClass li a.an{background:url(../images/icon_2.jpg) no-repeat left center; color:#ff4200;}
.prodClass li a:hover span,.prodClass li a.an span{ color:#ff4200;}
.address{width:210px; height:auto; overflow:hidden; background:#1b53a8; padding:15px; margin:20px 0;}
.address p{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; color:#fff;}
.address p img{ float:left; margin-right:10px;}
.address p span{width:149px; height:auto; overflow:hidden; float:right;  color:#ffff00; margin-top:5px;}
.address p b{ display:block; font-size:20px;}
.address div{line-height:30px; color:#49a1ef; text-align:center;}
.address div img{ width:83px; height:83px; border:6px solid #fff; float:left; }
.product{ height:auto; overflow:hidden; margin:0 auto; }
.product dd{ width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px;}
.product dd img{ width:310px; height:210px; border:1px solid #e4e4e4; padding:5px; float:left;}
.product dd .proInfo{ width:595px; float:right;line-height:30px;position:relative;}
.product dd .proInfo .bdsharebuttonbox{ position:absolute; right:0; top:0;}
.product dd .proInfo b a{ font-size:22px; display:block; color:#333; margin-top:5px;}
.product dd .proInfo span{ font-size:16px; color:#ff4200; line-height:35px; display:block;}
.proAbout{height:60px; overflow:hidden; background:#f4f4f4; padding:5px;}
.proAbout2{ height:auto; min-height:60px;}
.product dd .proInfo p{ border:1px dashed #ccc; border-left:0px; border-right:0px; margin:8px 0 5px 0; color:#ff4200; line-height:30px;}
.product dd .proInfo p a{ margin-right:10px;}
.proTel{ background:url(../images/icon_tel.jpg) no-repeat left center ;abackground-size:32px 32px;line-height:32px; text-indent:40px; font-size:18px;}
.proTel b{ font-size:24px; color:#ff4200; margin-right:10px;}
.product dd .proInfo a:hover{ color:#ff4200;}
.product dd a:hover img{ border:1px solid #ff4200;}
.productIntr{ width:100%; height:auto; overflow:hidden; line-height:40px; color:#fff; background:#1b53a8; text-indent:24px; font-size:18px; margin-bottom:20px;}
#demo{width:936px; overflow:hidden; margin:0px auto}


#article-title{padding:10px 5px; padding-top:0;margin-bottom:10px;text-align:center;color:#FF0000;border-bottom:1px solid #E5E5E5;}
#article-title h1{background:none;font-size:20px;color:#000000; border-bottom:none;}
td.video object,td.video embed{ width:718px; height:520px;}


#barcon{ clear:both; margin-top:20px;}
#barcon span{ margin-right:10px; display:block; height:27px; line-height:27px; float:left;}
#barcon span.btn{ border:1px solid #CCCCCC; padding:0 20px; cursor:pointer; border-radius:5px;}
#barcon a.current{ font-weight:bold;}



ul.list_news{ min-height:660px; padding:0; overflow:hidden; clear:both;}
ul.list_news li{ text-align:right; border-bottom:1px dashed #DEDEDE; height:35px; line-height:35px; overflow:hidden; margin-bottom:0;}
ul.list_news li a{ float:left;}
ul.list_news li a span{ color:#F00;}