.slide-main{height:580px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#ffffff;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#d32033;}
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background: url("../images/ba.png") no-repeat center;}
#bgstyleb{background: url("../images/be.png") no-repeat center;}
#bgstylec{background:url("../images/a.png") no-repeat center;}
#bgstyled{background:url("../images/b2.png") no-repeat center;}
#bgstylee{background:url("../images/b1.png") no-repeat center;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/*以下为热销产品*/

.pro{ max-width: 1200px; margin: 20px auto; text-align: center;}

.pro h2{ background: url("../images/lin2.png") no-repeat center; font-size: 30px; color: #004c98;}

.pro .pp{  font-size: 20px; color: #f3981b;}

.pro .div3{ margin: 20px auto;}

.pro .div3 ul li{ display: inline-block; background: #286db7; width: 159px;height: 47px; line-height: 47px; font-size: 20px;margin: 43px 68px;}

.cf{ background: #f3981b!important;}

.pro .div3 ul li a{ color: white;}

.pro .div4{ }

.pro .div4 span{ position: relative;}

.pro .div4_con{margin: 0 18px;    margin-bottom: 40px;}

.pro .div4_con h2{ background: url("../images/w.png") no-repeat center; height:197px;position: absolute;    width: 263px;
top: -197px;opacity: 0;filter:Alpha(Opacity=0);}

.pro .div4 img{ width: 263px; height: 197px;}

.pro .div4 .text1{ border-bottom: 6px  solid #dadada; }

.pro .div4 .text2{border-bottom: 6px  solid #f3981b;    margin-top: -6px; width: 0;}

.pro .div4_con p{margin-top: 15px; padding-bottom: 5px; font-size: 16px; width: 263px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pro .div4_con:hover h2{opacity: 1; transition: 0.7s;filter:Alpha(Opacity=50);}

.pro .div4_con:hover .text2{border-bottom: 6px  solid #f3981b;transition:width 0.8s; width: 263px;   }





/*以下是产品优势*/

.gv{ max-width: 1200px; margin: 20px auto;}

.gv h2{ background: url("../images/cu.png") no-repeat center; height: 30px;}

.gv p{ background: url("../images/text.png") no-repeat center; height: 23px;  margin: 10px auto;}

.gv .dhu{ background:url("../images/ff_03.png") no-repeat center; height:486px; margin-top: 10px;  width:100%; }





/*中间广告*/

.bg{ background: url("../images/b.png") no-repeat center; height: 373px;}





/*以下为优势*/

.bgc{ background: url("../images/cg.png") no-repeat center; height:1537px; }



/*以下为工程案例*/

.project{ background: #f1f1f1;}

.project_con{ max-width: 1200px; margin: 0 auto; text-align: center;}

.project_con h2{ background: url("../images/lin2.png") no-repeat center; color: #1e61a9;font-size: 26px;}

.project_con p{ font-size: 27px; color: #1e61a9; margin-top: 10px;}

.project_con p span{ color:#f3981b; }





/*左右滚动效果*/

/*公共部分*/

.wc1200{margin:0 auto;width:1200px;padding-top: 20px;background:#F7F7F7;}

.fr{float:right;}

.mt20{/*margin-top:20px;*/}

.icon{background:url(../images/icon.png) no-repeat 0 0;}



.warp-pic-list li{float:left;display:inline;}

.warp-pic-list .img_wrap{display:block;font-size:0;}

.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}

/*全局板块*/

.row .hd{background:url(../images/hd-line_01.jpg) no-repeat 0 50px;height:55px;}

.row .hd .title{font:26px/40px "微软雅黑",}

/*全局页签*/

.tab-T-3{width:66px;}

.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;

    margin-left:10px;cursor:pointer;display:inline;}

.tab-T-3 li.cur{background-color:#d81c1b;}

/**/

.rowE .warp-pic-list{position:relative;width:1180px;height:250px;overflow:hidden;background:#F7F7F7;}

.rowE .count li{margin-right:20px;width:280px;height:250px;}

.rowE .count .img_wrap{width:263px;height:197px;}

.rowE .count .img_wrap img{width:263px; height: 197px;}

.rowE .btn{display:block;height:55px;position:absolute;top:60px;width:35px;z-index:200;cursor:pointer;}

.rowE .prev{ background-position:0 -88px;left:0;}

.rowE .prev:hover{background-position:0 -144px;}

.rowE .next{ background-position:0 -200px;right:0;}

.rowE .next:hover{background-position:0 -256px;}

.qh_title{line-height: 28px;text-align: center;display: block;font-size: 16px; width: 263px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}







/*以下为公司简介*/

.about{ max-width: 1200px; margin: 10px auto;}

.about h2{background: url("../images/lin2.png") no-repeat center; font-size: 30px; color: #004c98; text-align: center;}

.conn{ margin:30px auto;}

.about .con{ width: 560px;}

.about .con img{ width: 488px; height: 355px;}

.about .jj{width: 626px;}

.about .jj h3{ color: #656565;font-size: 20px; text-align: center; }

.about .jj .tv{ margin-top: 20px;}

.about .jj .tv p{ text-indent: 2em; line-height: 30px; color: #787878;}

.about span{ background: #004c98;    padding: 7px 28px;

    font-size: 16px;}

.about i{ background: #f3981b;    padding: 7px 12px;

    font-size: 16px;}

.about a{ color: white;}

.about .xq{ margin-top: 52px;}





/*中间广告*/

.gg{ background: url("../images/d.png") no-repeat center; height: 252px;}





/*以下为新闻*/



.new{ max-width: 1200px; margin: 20px auto;}

.new_con{ width: 569px;}

.new_con ul{background: #286db7;}

.new_con ul li{  font-size: 20px;display: inline-block;padding: 15px 56px;}

.new_con ul li a{ color: white;}

.at{ background: #e59100!important;}

.new_con .xw{ margin-top: 30px; }

.new_con .xw .vg{width: 275px;}

.new_con .xw .vg h4{ width: 275px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 20px; color: #616161;}

.new_con .xw .vg p{ width: 275px; color: #828080;line-height: 27px;}

.new_con .xw ol{ margin: 20px auto;}

.new_con .xw ol li{ border-bottom: 1px dashed #e0e0e0;line-height: 40px; font-size: 16px; margin: 15px 0;}

.new_con .xw ol li:hover a{ color: #004c98;}

.new_con .xw ol li span{ float: right;}



.fq{ width: 528px;}

.fq h3{border-top: 6px solid #004c98; font-size: 20px; color: #434343;padding: 10px 0;}

.fq h3 span{ text-transform: uppercase;}





.fq  .box2{ border-bottom: 1px dashed #ececec;    padding-bottom: 15px;      margin: 37px 0;}

.fq  .box2_box1{  background: #286db7; color: white; width: 30px;height: 30px; font-size: 14px; text-align: center; border-radius: 3px;line-height: 30px}

.fq  .box2_text{ font-size: 16px; color: #434848;  padding-top: 8px;  margin-left: 20px;width: 445px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.fq  .box2_text a{color: #434848;}



.fq  .box2_da{ margin-top: 20px;}

.fq  .box2_box2{  background: #f3981b; width: 30px; color:white;height: 30px; font-size: 14px; text-align: center; border-radius: 3px;line-height: 30px}

.fq  .box2_text1{ font-size: 16px; color: #7c7c7c;  margin-left: 20px;width: 400px;line-height: 27px;}

.fq  .box2_text1 a{color: #7c7c7c;}

/*以下为友链*/
.link1{ max-width: 1200px; margin: 20px auto;font-size: 18px;}
.link1 em{color: #004c98;text-transform: uppercase;}
.link1  span{ margin-left: 20px;}
.link1  span:hover a{ color: #004c98;}